/* Shared satin phone metal on every AppWelly showcase. Keep reflections fixed. */
:root{--app-phone-gold:#d6b77b;--app-phone-bronze:#80612b}
/* AppWelly's interactive product showroom. Scoped to the app homepage. */
.app-premium{isolation:isolate;background:radial-gradient(ellipse at 72% 38%,#342d43 0,#171921 42%,#0a100e 78%)}
.app-premium .hero-grid{min-height:830px;grid-template-columns:.95fr 1.05fr;padding-block:25px;gap:30px}
.app-premium .hero-copy{padding-bottom:30px;z-index:2}
.app-premium h1{font-size:clamp(68px,6.8vw,107px);letter-spacing:-.065em;line-height:.97}
.app-premium h1 em{color:#dbc18b}
.app-premium .hero-description{font-size:15px;max-width:420px;margin-top:30px;line-height:1.8}
.app-lightbeam{position:absolute;pointer-events:none;width:600px;height:1300px;top:-600px;left:45%;transform:rotate(-28deg);background:linear-gradient(90deg,transparent,#c9afff0d,transparent);filter:blur(28px);animation:app-light 16s ease-in-out infinite alternate;z-index:-1}
.app-design-note{display:flex;align-items:center;gap:16px;margin-top:45px;font-size:12px;line-height:1.7;color:#a6a2ad}.app-design-note em{color:#e5d9ef;font-style:normal}.design-note-line{height:38px;width:1px;background:linear-gradient(transparent,#bb9be3,transparent)}
.app-premium .phone-stage{min-height:770px;perspective:1000px;isolation:isolate}
.app-mode-switch{position:absolute;z-index:5;top:0;left:50%;translate:-50% 0;display:flex;padding:4px;border:1px solid #c0b0d32b;border-radius:30px;background:#11131be6;white-space:nowrap}
.app-mode-switch button{color:#b4adbd;border:0;background:none;border-radius:25px;font-size:10px;padding:10px 16px;min-height:36px;transition:background .3s,color .3s}
.app-mode-switch button.active{background:#d9c7ed;color:#211b28}.app-mode-switch button span{margin-left:6px}.app-mode-switch button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.app-premium .device{width:312px;height:640px;flex-shrink:0;border:5px solid #4f4c54;border-radius:46px;background:#f5f2ec;box-shadow:0 0 0 1px #bbb4c099,0 0 0 3px #111315,25px 35px 90px #0009,inset 0 0 0 2px #151318;transform:translate(15px,1px) rotate(3deg);transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s;z-index:3}
.app-premium .device:hover,.app-premium .device:focus-within,.app-premium .phone-stage.touring .device{transform:translate(15px,1px) rotate(0deg);box-shadow:0 0 0 1px #e2cce699,0 0 0 3px #111315,25px 35px 90px #0009,0 0 80px #b498ed12}
.device-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#fff2,transparent 23%,transparent 75%,#fff1);z-index:8;border-radius:40px;mix-blend-mode:soft-light}
.app-premium .phone-status{height:40px;padding:12px 21px 9px;z-index:3;color:#173525;background:#f5f2ec}
.app-premium .dynamic-island{width:87px;height:23px;background:#111815}.app-premium .phone-app{height:calc(100% - 52px)}
.app-premium .phone-brand{padding:9px 18px 12px;gap:9px;letter-spacing:.09em;flex-shrink:0;color:#284434}.app-premium .residence-icon{background:#233f32;height:32px;width:27px;color:#dcc494;font-size:25px}
.app-premium .avatar{background:#e6e3d9;color:#435440;border:1px solid #d5d8cb}
.app-premium #phone-content{padding:0 14px 10px;scrollbar-width:thin;position:relative;color:#243e2c;overscroll-behavior:contain}
.app-premium #phone-content.screen-enter>*{animation:app-screen-in .55s cubic-bezier(.22,.8,.3,1) both}.app-premium #phone-content.screen-enter>*:nth-child(2){animation-delay:.04s}.app-premium #phone-content.screen-enter>*:nth-child(3){animation-delay:.08s}
.app-premium #phone-content .residence-welcome{display:flex;align-items:end;justify-content:space-between;padding:4px 2px 12px}
.app-premium #phone-content .residence-welcome h2{margin:3px 0 0;font-size:28px;line-height:1.03;letter-spacing:-1px}
.residence-date{font-size:8px;color:#52634f;text-align:right;line-height:1.5;padding-bottom:2px}.residence-date b{display:block;font-size:17px;font-weight:500;color:#354938}
.residence-cover{height:226px;position:relative;border-radius:15px;overflow:hidden;isolation:isolate;background:#36554d}
.residence-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 59%;animation:app-photo-drift 15s ease-in-out infinite alternate;z-index:-2}
.residence-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#092b22d9,transparent 65%);z-index:-1}
.residence-cover-copy{position:absolute;left:17px;bottom:15px;right:15px;color:#fff9ec}
.residence-cover-copy>span{font-size:7px;letter-spacing:.13em;text-transform:uppercase;display:block;margin-bottom:6px}
.app-premium #phone-content .residence-cover-copy h3{font-size:27px;line-height:1.05;letter-spacing:-.7px;margin:0 0 11px;color:#fff9ec}
.residence-cover-copy button{border:1px solid #ffffff70;background:#ffffff12;color:#fff9ec;border-radius:30px;padding:7px 11px;font-size:8px;display:inline-flex;align-items:center;gap:15px;min-height:31px;backdrop-filter:blur(10px)}
.residence-cover-copy button svg{width:13px;height:13px}.residence-cover-chip{position:absolute;top:13px;right:13px;padding:5px 8px;border:1px solid #ffffff4a;border-radius:20px;background:#193b354d;color:#fff;font-size:7px;backdrop-filter:blur(10px)}
.app-premium .access-card{display:flex;align-items:center;gap:10px;min-height:0;padding:12px;margin-top:11px;background:#ece9de;border:1px solid #d8d9cc;border-radius:12px;color:#243e2d}.app-premium .access-card:after{display:none}
.residence-key-icon{width:33px;height:37px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:#d5d8c5;color:#3e5138}.residence-key-icon svg{width:19px;height:19px}
.app-premium .access-card small{font-size:7px;color:#52634f;display:block}.app-premium .access-card b{font:16px var(--serif);margin:2px 0;display:block;letter-spacing:-.4px}.app-premium .access-card button{margin-left:auto;max-width:88px;min-height:35px;justify-content:center;background:#244432;color:#f6f0de;border:0;border-radius:9px;font-size:8px;padding:7px 9px;line-height:1.2}
.residence-concierge{display:flex;gap:8px;align-items:center;font-size:8px;padding:12px 3px 2px;color:#52634f}.residence-concierge>span:first-child{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e4ddce;color:#5b6349}.residence-concierge>span:last-child{color:#445936}.residence-concierge i{width:5px;height:5px;border-radius:50%;background:#5b7550;display:inline-block;margin-right:5px}
.app-premium .phone-nav{padding:8px 8px 4px;background:#f5f2ec;flex-shrink:0;border-color:#d5dacd;gap:6px}.app-premium .phone-nav button{min-height:49px;border-radius:13px;min-width:73px;font-size:8px;transition:background .3s,color .3s}.app-premium .phone-nav button.active{background:#e5e8d9;color:#244b30}.app-premium .phone-nav svg{width:18px;height:18px}.app-premium .phone-home-bar{background:#304632;z-index:10}
.app-premium #phone-content>.phone-eyebrow{font-size:8px;margin-top:10px}.app-premium #phone-content>h3{font-size:29px;margin-top:10px;margin-bottom:13px;line-height:1.03}.app-premium .phone-explainer{font-size:9px;margin-bottom:7px}.app-premium .space-item{padding:12px 0;gap:12px}.app-premium .space-art{width:75px;height:85px;border-radius:12px}.app-premium .space-art.pool{background:url('/assets/residence-pool.webp') center 60%/cover}.app-premium .space-art.pool:before{display:none}.app-premium .space-item h4{font-size:18px}.app-premium .space-item button{font-size:8px;border-radius:6px;min-height:32px}.app-premium .phone-booking{border-radius:14px;padding:18px;background:#fffdf8}.app-premium .phone-booking>span{font-size:7px}.app-premium .phone-booking h4{font-size:23px}.app-premium .phone-booking button{min-height:32px}
.app-premium .phone-halo{height:510px;width:510px;max-width:none;border-color:#d2bbee20;background:radial-gradient(ellipse,#c5a1ed12,transparent 66%);top:100px;left:50%;translate:-50%;transform:rotate(-26deg) scaleY(1.04)}
.app-orbit{position:absolute;border:1px solid #b9a2ff18;border-radius:50%;width:620px;height:280px;max-width:125%;left:50%;top:38%;transform:translate(-50%,-50%) rotate(-36deg);pointer-events:none}.app-orbit:after{content:'';position:absolute;width:5px;height:5px;background:#d6b7ec;border-radius:50%;left:19%;top:4%;box-shadow:0 0 14px #c7a8ff;animation:app-orbit-spark 7s ease-in-out infinite}.orbit-two{width:450px;height:670px;transform:translate(-50%,-44%) rotate(27deg);border-color:#b9a2ff0c}.orbit-two:after{left:92%;top:35%;width:3px;height:3px;animation-delay:3s}
.app-portrait-card{position:absolute;z-index:1;left:-10px;top:124px;width:220px;height:427px;border-radius:25px;overflow:hidden;transform:rotate(-10deg);background:#162522;border:1px solid #c7d6c34a;box-shadow:0 25px 70px #0006;animation:app-backfloat 9s ease-in-out infinite}
.app-portrait-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071c1ddd,transparent 80%)}.app-portrait-card>img{width:100%;height:100%;object-fit:cover}.app-portrait-card>div{position:absolute;bottom:27px;left:24px;right:12px;z-index:1;color:#fff5de}.app-portrait-card span{font-size:7px;letter-spacing:.2em}.app-portrait-card p{font:33px/1.08 var(--serif);letter-spacing:-.045em;margin:14px 0 15px}.app-portrait-card small{font-size:8px;color:#dcded0}
.app-premium .app-floating{background:linear-gradient(130deg,#3d3547ee,#201e2be8);border:1px solid #d6c5e940;padding:13px 17px;border-radius:13px;box-shadow:0 14px 40px #0004;backdrop-filter:blur(20px);color:#f3edf8;z-index:4}
.app-premium .app-floating-top{top:94px;right:-12px;left:auto;font-size:10px;animation:float 8s ease-in-out infinite}.app-premium .app-floating-top .status-dot{width:5px;height:5px;box-shadow:0 0 10px #ba9dea}
.app-premium .app-floating small{color:#c1b8cb;font-size:8px;margin-top:4px}.app-premium .app-floating-bottom{display:flex;align-items:center;gap:11px;right:-21px;bottom:150px;left:auto;font-size:10px;animation:float 9s ease-in-out infinite reverse}.app-premium .mini-key{width:36px;height:36px;border:1px solid #c7af8540;border-radius:10px;background:#ead7a512;display:grid;place-items:center;color:#e6c78c}.app-premium .mini-key svg{width:19px;height:19px;margin:0;color:inherit;stroke-width:1.4}
.app-demo-controls{position:absolute;bottom:28px;left:50%;translate:-50% 0;z-index:5;display:flex;gap:9px;align-items:center;white-space:nowrap;font-size:8px;color:#bdb4cc}.app-demo-controls button{display:flex;align-items:center;gap:8px;padding:9px 0;min-height:36px;border:0;background:none;color:#ece1fa;font-size:10px}.app-demo-controls button svg{height:13px;width:13px;fill:currentColor;stroke:none}.demo-indicator{width:5px;height:5px;background:#b9a2ff;border-radius:50%;box-shadow:0 0 12px #b9a2ff80}.app-demo-controls>span:last-child{border-left:1px solid #c5b6d535;padding-left:9px}.app-premium .prototype-status{bottom:-2px;left:-30px;right:-30px;font-size:8px;color:#b7adc9;min-height:16px;line-height:1.5}
.app-universe-screen{position:absolute;inset:0;z-index:2;background:#06070c;border-radius:39px;overflow:hidden}.app-universe-screen[hidden]{display:none}.app-universe-screen iframe{border:0;position:absolute;inset:20% 0 0;width:100%;height:80%;pointer-events:none;opacity:0;transition:opacity .8s}.app-universe-screen.ready iframe{opacity:1}.universe-placeholder{position:absolute;inset:30% 0 15%;display:grid;place-items:center;transition:opacity .6s}.ready .universe-placeholder{opacity:0}.universe-placeholder>span{display:block;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff4c2,#edb45e 45%,#956636 95%);box-shadow:0 0 55px #f5b63c55}.universe-placeholder i{position:absolute;border-radius:50%;border:1px solid #d5b57926;width:250px;height:120px;transform:rotate(-30deg)}.universe-placeholder i:nth-of-type(2){width:340px;height:180px}.universe-placeholder i:nth-of-type(3){width:430px;height:240px}.universe-phone-title{position:absolute;left:0;right:0;top:65px;text-align:center;pointer-events:none}.universe-phone-title>span{font:18px var(--serif);color:#f7f3eb}.universe-phone-title>span>span{color:#d6b77b}.universe-phone-title p{font:35px/1.1 var(--serif);letter-spacing:-1.2px;color:#f7f3eb;margin-top:25px}.universe-phone-title em{color:#d6b77b}.universe-phone-footer{position:absolute;bottom:32px;left:0;right:0;display:flex;gap:8px;align-items:center;justify-content:center;font-size:8px;color:#c6baa4}.universe-phone-footer .status-dot{width:4px;height:4px;background:#d6b77b}
.phone-stage[data-experience=universe] .phone-status{background:transparent;color:#f7f3eb}.phone-stage[data-experience=universe] .phone-app{visibility:hidden;pointer-events:none}.phone-stage[data-experience=universe] .phone-home-bar{background:#b6a47e}.phone-stage[data-experience=universe] .dynamic-island{background:#151822}.phone-stage[data-experience=universe] .app-demo-controls{display:none}.phone-stage[data-experience=universe] .app-floating-bottom,.phone-stage[data-experience=universe] .app-floating-top{opacity:0;pointer-events:none}.phone-stage[data-experience=universe] .device{background:#080a10}.universe-explore-link{position:absolute;bottom:34px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:10px;color:#e6d5b2;z-index:6}.universe-explore-link svg{width:14px;height:14px}.universe-explore-link[hidden]{display:none}
.app-premium .hero-bottom{margin-top:12px}.residence-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform 2s}.residence-photo:hover>img{transform:scale(1.06)}.residence-photo .floating-ui{background:#f5f4eadb;backdrop-filter:blur(14px)}
@keyframes app-photo-drift{from{transform:scale(1)}to{transform:scale(1.12) translate(0,-1.5%)}}@keyframes app-backfloat{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-10px) rotate(-8deg)}}@keyframes app-screen-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes app-orbit-spark{0%,100%{opacity:.3;box-shadow:0 0 7px #c7a8ff}50%{opacity:1;box-shadow:0 0 20px #c7a8ff}}@keyframes app-light{from{transform:rotate(-28deg) translateX(-70px)}to{transform:rotate(-24deg) translateX(20px)}}
@media(min-width:1450px){.app-premium .app-floating-top{right:12px}.app-premium .app-floating-bottom{right:10px}.app-portrait-card{left:5px}}
@media(max-width:1100px) and (min-width:761px){.app-premium .hero-grid{gap:10px}.app-premium h1{font-size:70px}.app-premium .device{width:288px;height:615px;transform:translate(15px,1px) rotate(3deg)}.app-portrait-card{width:180px;left:-12px;top:155px;height:350px}.app-premium .app-floating-top{right:-8px;top:120px;font-size:8px}.app-premium .app-floating-bottom{right:-7px;bottom:143px;font-size:8px}.app-premium .app-floating small{font-size:7px}.app-premium .phone-stage{min-height:735px}.app-premium .hero-description{font-size:13px}.app-premium .hero-grid{min-height:800px}.residence-cover{height:212px}}
@media(max-width:760px){.app-premium .hero-grid{grid-template-columns:1fr;gap:33px;padding-top:35px;padding-bottom:13px;min-height:0}.app-premium .hero-copy{padding:0}.app-premium h1{font-size:clamp(60px,13.7vw,85px);letter-spacing:-.06em;line-height:.99}.app-premium .hero-description{font-size:13px;line-height:1.8;margin-top:23px}.app-premium .hero-description br{display:none}.app-premium .hero-actions{gap:23px}.app-design-note{display:none}.app-premium .phone-stage{width:100%;max-width:470px;min-height:745px;perspective:none}.app-premium .device{width:294px;height:620px;transform:translate(0,3px) rotate(2deg);border-radius:43px}.app-premium .device:hover,.app-premium .device:focus-within,.app-premium .phone-stage.touring .device{transform:translate(0,3px) rotate(0)}.app-premium .phone-halo{top:130px;width:390px;height:410px}.app-orbit{width:440px;height:230px;top:44%}.orbit-two{height:580px;width:340px}.app-portrait-card{width:172px;height:350px;left:-14px;top:163px;transform:rotate(-11deg);opacity:.65}.app-portrait-card>div{display:none}.app-premium .app-floating-top{right:-4px;left:auto;top:76px;font-size:8px;padding:10px 12px;max-width:175px}.app-premium .app-floating-top small{font-size:7px}.app-premium .app-floating-bottom{right:-4px;bottom:94px;font-size:8px;padding:9px 11px;gap:7px;max-width:193px}.app-premium .app-floating-bottom small{font-size:6.5px}.app-premium .mini-key{width:29px;height:29px}.app-premium .mini-key svg{width:16px;height:16px}.app-premium .prototype-status{left:-5px;right:-5px;bottom:0;font-size:7.5px}.app-demo-controls{bottom:26px;font-size:7px;gap:7px}.app-demo-controls button{font-size:9px}.app-mode-switch{top:0}.app-mode-switch button{font-size:9px;padding:9px 14px}.app-premium .hero-bottom{margin-top:12px}.residence-cover{height:213px}.app-premium .phone-brand{padding-top:7px;padding-bottom:10px}.app-premium .phone-nav{padding-top:6px}.app-premium .phone-stage[data-experience=universe] .app-portrait-card{opacity:.15}.app-lightbeam{left:-10%;top:250px}.universe-explore-link{bottom:34px;font-size:9px}.universe-phone-title p{font-size:34px}}
@media(max-width:365px){.app-premium .device{width:273px;height:594px;transform:none}.app-premium .device:hover,.app-premium .device:focus-within,.app-premium .phone-stage.touring .device{transform:none}.app-premium .phone-stage{min-height:722px}.residence-cover{height:194px}.app-premium .app-floating-top{right:-10px}.app-premium .app-floating-bottom{right:-10px;font-size:7px}.app-premium .phone-brand{padding-left:13px;padding-right:13px}.app-premium .phone-nav button{min-width:65px}.app-demo-controls>span:last-child{font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.app-premium *, .app-premium *:before,.app-premium *:after{animation:none!important;transition:none!important}.app-premium .device{transform:none!important}.app-premium .app-lightbeam{display:none}}
.app-mode-switch button svg{width:10px;height:10px;vertical-align:middle;margin-left:5px}
@media(max-width:760px){.app-premium .app-floating-top,.app-premium .app-floating-bottom{display:none}.app-premium .device{box-shadow:0 0 0 1px #bbb4c099,0 0 0 3px #111315,18px 30px 65px #0008}}

/* Kings Chelsea case study hero */
.kings-hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 2px);padding-bottom:22px;background:radial-gradient(ellipse at 76% 48%,#4c416f 0%,#282442 31%,#111629 65%,#0b110f 100%);color:#f7f3eb}
.kings-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#080e12aa 0%,transparent 50%,#8d75c51a 100%);pointer-events:none}
.kings-hero-grid{position:relative;z-index:2;align-items:center;min-height:calc(100svh - 142px);padding-top:35px;padding-bottom:30px}
.kings-hero-copy{max-width:570px;position:relative;z-index:3}
.kings-hero-copy h2{font-size:clamp(62px,7.4vw,108px);line-height:.94;letter-spacing:-.065em;margin-top:22px}
.kings-hero-copy h2 em{color:#d6b77b;font-style:normal}
.kings-hero-copy .hero-description{max-width:480px;color:#d6d0ca;font-size:15px;line-height:1.75;margin-top:28px}
.kings-hero-copy .hero-actions{margin-top:32px}
.kings-hero-copy .platform-tags{margin-top:30px}
.kings-credit{display:flex;align-items:flex-start;gap:14px;margin-top:54px;color:#cbc3ba;font-size:12px;line-height:1.55}
.kings-credit-line{width:34px;height:1px;background:#d6b77b;margin-top:8px;flex:0 0 auto}
.kings-credit strong{color:#f7f3eb;font-weight:500}
.kings-hero-glow{position:absolute;width:42vw;height:42vw;min-width:400px;min-height:400px;right:2%;top:17%;border-radius:50%;background:radial-gradient(circle,#d6b77b1c 0%,#9c84e711 40%,transparent 70%);filter:blur(18px);pointer-events:none;z-index:0}
.kings-stars{position:absolute;inset:0;pointer-events:none;opacity:.7;z-index:0}
.kings-stars i{position:absolute;width:2px;height:2px;background:#f7f3eb;border-radius:50%;box-shadow:0 0 7px #fff;animation:kings-twinkle 4s ease-in-out infinite}
.kings-stars i:nth-child(1){left:52%;top:17%;animation-delay:-1.2s}.kings-stars i:nth-child(2){left:85%;top:28%;width:3px;height:3px;animation-delay:-2.1s}.kings-stars i:nth-child(3){left:69%;top:76%;animation-delay:-.3s}.kings-stars i:nth-child(4){left:94%;top:67%;width:1px;height:1px}.kings-stars i:nth-child(5){left:48%;top:82%;animation-delay:-3.2s}.kings-stars i:nth-child(6){left:78%;top:13%;width:1px;height:1px}.kings-stars i:nth-child(7){left:59%;top:42%;animation-delay:-2.7s}
@keyframes kings-twinkle{0%,100%{opacity:.28;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}
.kings-hero-art{position:relative;min-height:730px;height:min(78vw,780px);max-height:790px;outline:0;perspective:1400px}
.kings-art-orbit{position:absolute;left:50%;top:50%;border:1px solid #d6b77b24;border-radius:50%;transform:translate(-50%,-50%) rotate(-13deg);pointer-events:none}
.kings-art-orbit.orbit-a{width:93%;height:44%;animation:kings-orbit 28s linear infinite}
.kings-art-orbit.orbit-b{width:68%;height:75%;transform:translate(-50%,-50%) rotate(62deg);opacity:.5;animation:kings-orbit 36s linear reverse infinite}
@keyframes kings-orbit{to{transform:translate(-50%,-50%) rotate(347deg)}}
.kings-artwork{position:absolute;display:block;overflow:hidden;margin:0;border-radius:42px;background:#f7f3eb;box-shadow:0 32px 70px #0008,0 0 0 1px #f7f3eb45;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .75s,opacity .75s;will-change:transform;backface-visibility:hidden}
.kings-artwork:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff5,inset 14px 0 26px #fff2;pointer-events:none}
.kings-artwork img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.kings-artwork-main{z-index:3;width:min(30vw,358px);height:min(58vw,665px);left:50%;top:50%;transform:translate(-50%,-50%) rotate(1.5deg)}
.kings-artwork-main:hover,.kings-artwork-main:focus-within{transform:translate(-50%,-51%) rotate(0deg) scale(1.025)}
.kings-artwork-left,.kings-artwork-right{z-index:2;width:min(19vw,230px);height:min(42vw,475px);top:50%;filter:saturate(.86);opacity:.8}
.kings-artwork-left{left:6%;transform:translateY(-48%) rotate(-11deg) translateZ(-50px)}
.kings-artwork-right{right:5%;transform:translateY(-52%) rotate(10deg) translateZ(-70px)}
.kings-artwork-left:hover{transform:translateY(-50%) rotate(-7deg) translateZ(0) scale(1.04);opacity:1}.kings-artwork-right:hover{transform:translateY(-54%) rotate(7deg) translateZ(0) scale(1.04);opacity:1}
.kings-artwork-main figcaption{position:absolute;left:18px;right:18px;bottom:17px;padding:11px 13px;border-radius:16px;background:#101522df;color:#f7f3eb;backdrop-filter:blur(14px);font-size:10px;line-height:1.3;box-shadow:0 8px 20px #0003}
.kings-art-label{display:block;color:#d6b77b;text-transform:uppercase;letter-spacing:.16em;font-size:8px;margin-bottom:3px}
.kings-art-controls{position:absolute;z-index:5;bottom:17px;left:50%;display:flex;gap:8px;transform:translateX(-50%);padding:7px 10px;border:1px solid #f7f3eb26;border-radius:50px;background:#0f1424b8;backdrop-filter:blur(14px)}
.kings-art-controls button{width:19px;height:19px;border:0;padding:0;border-radius:50%;background:transparent;cursor:pointer;display:grid;place-items:center}.kings-art-controls button span{display:block;width:5px;height:5px;border-radius:50%;background:#bdb6ae;transition:transform .3s,background .3s}.kings-art-controls button:hover span,.kings-art-controls button:focus-visible span{background:#d6b77b;transform:scale(1.5)}.kings-art-controls button.active span{background:#d6b77b;box-shadow:0 0 0 4px #d6b77b25}
.kings-art-note{position:absolute;z-index:5;left:50%;bottom:-4px;transform:translateX(-50%);white-space:nowrap;color:#c4bcb1;font-size:9px;letter-spacing:.05em;display:flex;align-items:center;gap:7px}.kings-art-note .status-dot{width:5px;height:5px;background:#d6b77b}
.kings-hero-bottom{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;color:#c8c0b5;border-top:1px solid #f7f3eb1c;padding-top:16px;font-size:11px;letter-spacing:.05em}.kings-hero-bottom a{color:#d6b77b}.kings-hero-bottom .down-arrow{display:inline-grid;place-items:center;margin-left:8px}.kings-hero-bottom .down-arrow svg{width:15px;height:15px}
.kings-story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(48px,8vw,150px);align-items:end;background:#f7f3eb}.kings-story-heading{max-width:560px}.kings-story-heading h2{margin-top:18px}.kings-story-heading>p:not(.eyebrow){max-width:500px;line-height:1.8;color:#625f5b;margin-top:25px}.kings-story-heading .text-link{margin-top:26px}.kings-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid #26221c33;padding-top:22px}.kings-feature-grid article{padding:2px 12px 0 0;border-right:1px solid #26221c26}.kings-feature-grid article:last-child{border-right:0}.kings-feature-number{font-size:10px;letter-spacing:.15em;color:#a47b36}.kings-feature-grid h3{font:24px/1.1 var(--serif);margin-top:18px}.kings-feature-grid p{font-size:12px;line-height:1.6;color:#6c6861;margin-top:10px}
.app-experience{scroll-margin-top:80px}
@media(max-width:1100px) and (min-width:761px){.kings-hero-copy h2{font-size:70px}.kings-hero-art{min-height:650px}.kings-artwork-main{width:295px;height:570px}.kings-artwork-left,.kings-artwork-right{width:180px;height:390px}.kings-artwork-left{left:0}.kings-artwork-right{right:0}}
@media(max-width:760px){.kings-hero{min-height:auto;padding-top:0}.kings-hero-grid{grid-template-columns:1fr;gap:12px;padding-top:35px;padding-bottom:10px;min-height:0}.kings-hero-copy{text-align:center;max-width:530px;margin:auto}.kings-hero-copy h2{font-size:clamp(55px,14vw,80px);line-height:.97}.kings-hero-copy .hero-description{font-size:13px;line-height:1.7;margin:23px auto 0;max-width:450px}.kings-hero-copy .hero-actions{justify-content:center;margin-top:26px}.kings-hero-copy .platform-tags{justify-content:center;flex-wrap:wrap;margin-top:22px}.kings-credit{justify-content:center;text-align:left;margin-top:27px}.kings-hero-art{height:620px;min-height:0;max-height:none;margin-top:-6px}.kings-artwork-main{width:274px;height:527px}.kings-artwork-left,.kings-artwork-right{width:145px;height:310px;opacity:.64}.kings-artwork-left{left:-2%;top:48%;transform:translateY(-50%) rotate(-10deg) translateZ(-50px)}.kings-artwork-right{right:-2%;top:48%;transform:translateY(-50%) rotate(9deg) translateZ(-70px)}.kings-art-controls{bottom:20px}.kings-art-note{bottom:-1px;font-size:8px}.kings-hero-bottom{margin-top:7px;padding-top:13px;font-size:9px;gap:14px}.kings-hero-bottom span:first-child{display:none}.kings-hero-bottom span:last-child{margin-left:auto}.kings-story{grid-template-columns:1fr;gap:50px}.kings-feature-grid{gap:11px}.kings-feature-grid h3{font-size:20px}.kings-feature-grid p{font-size:11px}.kings-art-orbit.orbit-a{width:120%;height:39%}.kings-art-orbit.orbit-b{width:92%;height:65%}}
@media(max-width:390px){.kings-hero-art{height:570px}.kings-artwork-main{width:245px;height:470px}.kings-artwork-left,.kings-artwork-right{width:125px;height:275px}.kings-artwork-main figcaption{left:13px;right:13px;bottom:12px;font-size:9px}.kings-hero-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.kings-hero *, .kings-hero *:before,.kings-hero *:after{animation:none!important;transition:none!important}.kings-artwork-main:hover,.kings-artwork-main:focus-within{transform:translate(-50%,-50%) rotate(1.5deg)}}
@media(max-width:760px){.kings-hero-grid{padding-top:108px}}
.kings-story-heading .eyebrow{color:#5d5a53}
.kings-story-heading h2 em{color:#8f6a2d}
.kings-feature-number{color:#7a5b24}

.app-experience{overflow-x:clip}
.app-experience{overflow:hidden}
html,body{overflow-x:hidden}
html{overflow-x:clip}
/* Keep the source device artwork prominent while trimming surrounding App Store poster space. */
.kings-artwork img{width:118%;height:auto;max-width:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(max-width:760px){.app-lightbeam{display:none}.kings-artwork img{width:118%}}
@media(min-width:761px){.app-lightbeam{width:540px}}
@media(min-width:761px){.kings-artwork-main img{width:155%}}
@media(max-width:760px){.kings-hero-art{margin-top:-30px}.kings-artwork-main img{width:140%}.kings-credit{margin-top:22px}}

.app-universe-screen.intro-active .universe-phone-title,.app-universe-screen.intro-active .universe-phone-footer{opacity:0}
.universe-intro-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;overflow:hidden;background:#05070b;color:#f7f3eb;opacity:0;pointer-events:none;transition:opacity .7s ease}
.app-universe-screen.intro-active .universe-intro-overlay{opacity:1;pointer-events:auto}
.universe-intro-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 18% 22%,#f7f3ebbb 0 1px,transparent 1.5px),radial-gradient(circle at 73% 18%,#f7f3eb99 0 1px,transparent 1.5px),radial-gradient(circle at 84% 73%,#f7f3eb99 0 1px,transparent 1.5px),radial-gradient(circle at 29% 79%,#f7f3eb88 0 1px,transparent 1.5px);opacity:.55;animation:universe-intro-stars 1.7s .2s both}
.universe-intro-orbits{position:absolute;width:76%;aspect-ratio:1;border:1px solid #d6b77b45;border-radius:50%;transform:rotate(-26deg) scaleY(.43);box-shadow:0 0 0 22px #d6b77b12,0 0 0 52px #d6b77b0b;animation:universe-intro-open 1.35s .2s both}
.universe-intro-core{position:relative;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 37% 30%,#332b1c,#0b0c0d 68%);box-shadow:inset 0 0 0 1px #f3d390aa,0 0 18px #e7b45466,0 0 70px #e7b45445;color:#d6b77b;font:400 17px/1 var(--serif,Georgia,serif);animation:universe-intro-ignite 1s .7s both}
.universe-intro-wordmark{position:absolute;top:calc(50% + 92px);left:10px;right:10px;text-align:center;font:400 18px/1.2 var(--serif,Georgia,serif);letter-spacing:-.04em;animation:universe-intro-copy .8s .85s both}.universe-intro-wordmark>span{color:#d6b77b}.universe-intro-wordmark small{display:block;margin-top:9px;color:#bab4a7;font:400 6px/1.7 var(--sans,Arial,sans-serif);letter-spacing:.16em;text-transform:uppercase}
@keyframes universe-intro-stars{from{opacity:0;transform:scale(.3)}to{opacity:.55;transform:scale(1)}}@keyframes universe-intro-open{from{opacity:0;transform:rotate(-26deg) scale(.18,.08)}to{opacity:1;transform:rotate(-26deg) scale(1,.43)}}@keyframes universe-intro-ignite{from{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes universe-intro-copy{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.universe-intro-overlay *{animation:none!important}.app-universe-screen.intro-active .universe-intro-overlay{transition:none}}

/* Recreated Kings Chelsea screens in a single, front facing device family. */
.kings-hero-copy h2{font-family:var(--serif);font-weight:400}
.kings-hero-art{height:820px;min-height:820px;max-height:none;perspective:none}
.kings-artwork{overflow:visible;background:linear-gradient(100deg,#7d818b,#f0e6d8 5%,#555a65 11%,#161923 45%,#aaaab0 92%,#4b4d57);padding:5px;border-radius:43px;box-shadow:0 36px 65px #0009,0 0 0 1px #e1dbe577,inset 0 0 0 1px #fff5;aspect-ratio:875/1866;height:auto;filter:none}
.kings-artwork:after{display:none}
.kings-device-front{position:relative;overflow:hidden;width:100%;aspect-ratio:865/1856;border:5px solid #080b10;border-radius:38px;background:#163e70;isolation:isolate}
.kings-artwork .kings-device-front img{position:relative;display:block;inset:auto;transform:none;width:100%;height:100%;max-width:100%;object-fit:fill;aspect-ratio:853/1844;border-radius:32px;transition:opacity .24s}
.kings-device-island{position:absolute;z-index:3;top:7px;left:50%;transform:translateX(-50%);width:28%;height:18px;border-radius:30px;background:#030509;box-shadow:inset 0 0 0 1px #ffffff0c;pointer-events:none}
.kings-device-island:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;right:9px;top:6px;background:radial-gradient(circle at 35% 35%,#294275,#091326 60%);box-shadow:0 0 0 2px #14151b}
.kings-device-home{position:absolute;left:34%;bottom:6px;width:32%;height:3px;border-radius:4px;background:#fff;z-index:3;pointer-events:none}
.kings-artwork-main{width:min(26vw,310px);height:auto;top:44%;transform:translate(-50%,-50%)}
.kings-artwork-main:hover,.kings-artwork-main:focus-within{transform:translate(-50%,-50%)}
.kings-artwork-left,.kings-artwork-right{width:min(17vw,206px);height:auto;top:44%;opacity:.78;border-radius:30px;transform:translateY(-50%)}
.kings-artwork-left{left:0}.kings-artwork-right{right:0}
.kings-artwork-left:hover,.kings-artwork-right:hover{transform:translateY(-50%);opacity:.9}
.kings-artwork-side .kings-device-front{border-radius:25px;border-width:4px}.kings-artwork-side .kings-device-front img{border-radius:21px}
.kings-artwork-side .kings-device-island{height:12px;top:5px}.kings-artwork-side .kings-device-island:after{width:3px;height:3px;top:4px;right:6px}
.kings-artwork-main figcaption{top:calc(100% + 21px);bottom:auto;left:-32px;right:-32px;text-align:center;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;color:#dfd8e5;font-size:11px;line-height:1.5}
.kings-art-label{font-size:8px;margin-bottom:7px;letter-spacing:.15em}
.kings-art-controls{bottom:30px;max-width:100%;width:max-content;gap:2px;padding:5px;border-radius:16px;background:#0a0f1cbd}
.kings-art-controls button{width:auto;min-width:52px;min-height:44px;height:auto;padding:6px 10px;border-radius:10px;font-size:10px;line-height:1.2;color:#c6c2cc;gap:7px;transition:background .25s,color .25s}
.kings-art-controls button span{width:3px;height:3px}
.kings-art-controls button.active{background:#e3c58b;color:#16131c}.kings-art-controls button.active span{background:#302438;box-shadow:none}
.kings-art-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.kings-art-note{bottom:4px;font-size:9px;letter-spacing:0;max-width:100%;text-align:center;white-space:normal;width:100%;justify-content:center}
.kings-gallery-breathe .kings-artwork-main img{animation:kings-screen-reveal .6s cubic-bezier(.16,1,.3,1) both}
@keyframes kings-screen-reveal{from{opacity:.3;filter:brightness(1.2)}to{opacity:1;filter:brightness(1)}}
@media(max-width:1100px) and (min-width:761px){.kings-hero-art{height:740px;min-height:740px}.kings-artwork-main{width:270px}.kings-artwork-side{width:178px}.kings-art-controls button{font-size:9px;padding-inline:7px}.kings-hero-copy h2{font-size:68px}}
@media(max-width:760px){.kings-hero-grid{padding-top:65px}.kings-hero-copy h2{font-size:clamp(50px,12.8vw,73px);line-height:1.02}.kings-hero-art{height:720px;min-height:0;margin-top:18px}.kings-artwork-main{width:266px;top:44%;height:auto}.kings-artwork-side{width:163px;top:44%;opacity:.6}.kings-artwork-left{left:-24px}.kings-artwork-right{right:-24px}.kings-artwork-main figcaption{font-size:10px;left:-12px;right:-12px}.kings-art-controls{bottom:31px}.kings-art-controls button{font-size:9px;min-width:48px;padding-inline:7px}.kings-art-note{font-size:8px;bottom:7px}}
@media(max-width:390px){.kings-hero-art{height:660px}.kings-artwork-main{width:240px;top:43%}.kings-artwork-side{width:149px;top:43%}.kings-artwork-left{left:-30px}.kings-artwork-right{right:-30px}.kings-art-controls button{padding-inline:5px;min-width:44px;font-size:8px}.kings-artwork-main figcaption{top:calc(100% + 18px)}.kings-device-island{height:16px}.kings-device-island:after{top:5px}}
@media(prefers-reduced-motion:reduce){.kings-gallery-breathe .kings-artwork-main img{animation:none}.kings-artwork-main:hover,.kings-artwork-main:focus-within{transform:translate(-50%,-50%)}}

/* Reserve separate space for devices, captions, navigation and disclosure. */
.kings-hero-art{height:850px;min-height:850px}
.kings-artwork-main,.kings-artwork-side{top:calc((100% - 170px)/2)}
.kings-gallery-caption{position:absolute;left:0;right:0;bottom:104px;min-height:45px;text-align:center;color:#dfd8e5;font-size:11px;line-height:1.5;padding:0 14px}
.kings-art-controls{bottom:32px}
.kings-art-note{bottom:2px;min-height:18px}
@media(max-width:1100px) and (min-width:761px){.kings-hero-art{height:770px;min-height:770px}}
@media(max-width:760px){.kings-hero-art{height:760px;min-height:0}.kings-gallery-caption{font-size:10px}.kings-art-note{font-size:8px}}
@media(max-width:390px){.kings-hero-art{height:700px}.kings-gallery-caption{font-size:9px;bottom:102px;padding:0 2px}}

/* A visible, connected resident story on the light canvas. */
.kings-story{color:#24211d;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,6vw,96px);align-items:center}
.kings-story-heading h2{font-size:clamp(42px,4.15vw,64px);line-height:1.09}
.kings-story-heading .text-link{color:#765724;border-bottom:1px solid #76572455;padding-bottom:8px;gap:22px}
.kings-story-heading .text-link:hover{color:#443014;border-color:currentColor}
.kings-story-heading .text-link:focus-visible{outline-color:#765724}
.kings-story-experience{min-width:0}
.resident-scene{position:relative;aspect-ratio:600/440;isolation:isolate}
.resident-photo{position:absolute;inset:0 20px 25px 0;overflow:hidden;border-radius:14px;background:#28352f;box-shadow:0 20px 50px #31231b14;color:#fff9ee}
.resident-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 66%;transform:scale(1.03);animation:resident-drift 24s ease-in-out infinite alternate;animation-play-state:paused}
.resident-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1c201cd9 0%,#1b211b85 36%,#102c2320 72%,#152c2b55)}
.resident-scene-label{position:absolute;left:28px;top:27px;right:28px;display:flex;align-items:center;gap:9px;font-size:9px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:#f4e7ce}
.resident-scene-label svg{width:16px;height:16px}
.resident-scene-title{position:absolute;left:28px;top:69px;right:30px;font:400 clamp(30px,3vw,44px)/1.07 var(--serif);letter-spacing:-.035em;white-space:pre-line;text-shadow:0 2px 25px #0003}
.resident-scene-count{position:absolute;right:22px;bottom:22px;font:10px/1 var(--sans);letter-spacing:.12em;color:#fff9ee;opacity:.8}
.resident-connection{position:absolute;inset:0;width:100%;height:100%;stroke:#ebca87;stroke-width:1;fill:none;pointer-events:none}
.resident-track{opacity:.42}.resident-connection circle{fill:#ebca87;stroke:#f8e7bd;stroke-width:3}
.resident-signal{stroke-width:2;stroke:#fff2d0;stroke-dasharray:8 92;animation:resident-connect 3.5s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 3px #ffd78e)}
.resident-service-card{position:absolute;right:0;bottom:0;width:65%;border-radius:12px;border:1px solid #fff9;box-shadow:0 16px 40px #1f211d26;background:#fffdf7;color:#262722;overflow:hidden}
.resident-card-top{display:flex;align-items:center;gap:13px;padding:21px 20px 18px}
.resident-service-icon{display:grid;place-items:center;width:45px;height:45px;background:#e7eee9;border:1px solid #1f4b3921;border-radius:12px;color:#26533f;flex-shrink:0}
.resident-service-icon svg{width:29px;height:29px;stroke-width:1.4}
.resident-service-icon svg[hidden]{display:none}
.resident-card-kicker{display:block;color:#67685e;font-size:9px;line-height:1.5;margin-bottom:3px}
.resident-card-top p{font:23px/1.15 var(--serif);letter-spacing:-.035em}
.resident-card-arrow{margin-left:auto;width:16px;height:16px;color:#7d805f;flex-shrink:0}
.resident-card-bottom{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f2f1e8;border-top:1px solid #343d2410;font-size:10px;line-height:1.5;color:#435442}
.resident-state-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#5d7857;box-shadow:0 0 0 3px #5d785715}
.resident-scene-note{font-size:10px;line-height:1.5;color:#736e64;margin:21px 0 24px}
.resident-chapters{gap:0;padding-top:0;border:0}
.resident-chapters>button{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;text-align:left;border:0;border-top:1px solid #27251e35;background:none;padding:17px 16px 19px 0;margin-right:17px;color:#35332b;transition:color .3s}
.resident-chapters>button:last-child{margin-right:0;padding-right:0}
.resident-chapter-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.resident-chapter-top svg{width:14px;height:14px;color:#7a5b24;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}
.resident-chapter-title{display:block;font:25px/1.1 var(--serif);letter-spacing:-.03em;margin-bottom:8px}
.resident-chapter-copy{display:block;font:12px/1.6 var(--sans);color:#6c6861;max-width:160px}
.resident-chapters>button[aria-pressed=true]{color:#7a5b24;border-top-color:#7a5b24}
.resident-chapters>button[aria-pressed=true] .resident-chapter-top svg,.resident-chapters>button:hover .resident-chapter-top svg{opacity:1;transform:none}
.resident-chapters>button:focus-visible{outline-color:#765724;outline-offset:4px;border-radius:2px}
.resident-progress{position:absolute;left:0;right:0;top:-1px;height:2px;background:#9f7a3f;transform:scaleX(0);transform-origin:left}
.is-running .resident-chapters>button[aria-pressed=true] .resident-progress{animation:resident-progress 8s linear both}
.is-visible .resident-photo>img,.is-visible .resident-signal{animation-play-state:running}
.resident-scene.is-changing .resident-scene-title,.resident-scene.is-changing .resident-service-card{animation:resident-arrive .8s cubic-bezier(.16,1,.3,1) both}
[data-resident-step=request] .resident-service-icon{color:#26533f;background:#e7eee9}
[data-resident-step=belong] .resident-service-icon{color:#805a36;background:#f1e8dc;border-color:#805a3625}
@keyframes resident-drift{from{transform:scale(1.03) translateY(0)}to{transform:scale(1.12) translateY(-1.5%)}}
@keyframes resident-connect{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes resident-progress{to{transform:scaleX(1)}}
@keyframes resident-arrive{from{transform:translateY(9px)}to{transform:translateY(0)}}
@media(max-width:1100px) and (min-width:761px){
 .kings-story{gap:36px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
 .resident-scene{aspect-ratio:1.1}.resident-service-card{width:83%}.resident-photo{inset:0 12px 25px 0}
 .resident-chapter-title{font-size:23px}.resident-chapter-copy{font-size:11px}.resident-chapters>button{margin-right:10px;padding-right:5px}
 .resident-scene-label{left:22px;right:15px;font-size:8px}.resident-scene-title{left:22px;font-size:35px}
 .resident-card-top{padding:18px 15px}.resident-card-top p{font-size:22px}.resident-card-bottom{padding:12px 15px}
}
@media(max-width:760px){
 .kings-story{grid-template-columns:1fr;gap:40px}.kings-story-heading{max-width:560px}
 .kings-story-heading h2{font-size:clamp(40px,8.7vw,60px)}
 .resident-scene{aspect-ratio:1.1}.resident-photo{inset:0 12px 23px 0}
 .resident-scene-label{left:23px;top:23px;font-size:8px}.resident-scene-title{left:23px;top:61px;font-size:clamp(32px,7.7vw,44px)}
 .resident-service-card{width:88%;min-width:245px;max-width:360px}
 .resident-card-top{padding:17px 16px;gap:10px}.resident-service-icon{width:39px;height:39px;border-radius:10px}.resident-service-icon svg{width:26px;height:26px}
 .resident-card-top p{font-size:22px}.resident-card-kicker{font-size:9px}.resident-card-bottom{padding:11px 16px;font-size:10px}
 .resident-scene-note{margin-top:18px;font-size:10px}.resident-chapters{gap:0}
 .resident-chapters>button{padding-right:7px;margin-right:12px}.resident-chapter-title{font-size:23px}.resident-chapter-copy{font-size:11px}
}
@media(max-width:360px){
 .resident-scene{aspect-ratio:1}.resident-scene-label{left:18px;font-size:7px;letter-spacing:.1em}.resident-scene-title{left:18px;font-size:32px}
 .resident-service-card{width:86%;min-width:0}.resident-card-top{padding:14px 12px}.resident-card-top p{font-size:20px}.resident-card-bottom{padding:10px 12px;font-size:9px}.resident-card-arrow{display:none}
 .resident-chapter-title{font-size:21px}.resident-chapters>button{margin-right:8px}.resident-chapter-copy{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .kings-story *, .kings-story *:before, .kings-story *:after{animation:none!important;transition:none!important}
 .resident-photo>img{transform:none}.resident-signal{display:none}
}

/* Whole devices follow a circular track. Each screen keeps its own phone. */
.kings-carousel-track{position:absolute;inset:0 0 170px;perspective:1200px;transform-style:preserve-3d;--kc-carousel-width:min(26vw,310px);pointer-events:none}
.kings-carousel-track .kings-carousel-phone{position:absolute;left:50%;top:50%;right:auto;bottom:auto;width:var(--kc-carousel-width);height:auto;margin:0;opacity:0;transform:translate(-50%,-50%);transition:none;filter:none;will-change:transform,opacity;pointer-events:none}
.kings-carousel-track .kings-carousel-phone[data-kings-art=home]{opacity:1}
.kings-carousel-phone .kings-device-front img{border-radius:0}
.kings-credit{flex-direction:column;gap:18px;align-items:flex-start}
.kings-credit-line{width:150px;height:1px;margin:0;background:linear-gradient(90deg,#d6b77b,#d6b77b75)}
@media(max-width:1100px) and (min-width:761px){.kings-carousel-track{--kc-carousel-width:270px}}
@media(max-width:760px){.kings-carousel-track{--kc-carousel-width:266px}.kings-credit{align-items:center;text-align:center}.kings-credit-line{width:150px}}
@media(max-width:390px){.kings-carousel-track{--kc-carousel-width:240px}.kings-carousel-track .kings-carousel-phone{border-radius:39px}}
@media(prefers-reduced-motion:reduce){.kings-carousel-track .kings-carousel-phone{will-change:auto}}