:root{--studio-gold:#d7b765;--studio-gold-soft:#f1d98f;--studio-ink:#050605;--studio-line:rgba(255,255,255,.11)}
body.see-home-page{background:#030403;color:#fff}.home-studio-main{overflow:hidden;background:#030403}.home-studio-main *{box-sizing:border-box}.home-studio-main .eyebrow{margin:0;color:#d8bd78;font-size:10px;letter-spacing:.28em;text-transform:uppercase;font-weight:700}
.home-studio-hero{min-height:100svh;display:flex;align-items:flex-end;justify-content:center;position:relative;padding:150px 24px 74px;isolation:isolate;background:#030403}.home-studio-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;z-index:-4}.hero-film{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.04) 28%,rgba(0,0,0,.28) 60%,#030403 100%),linear-gradient(90deg,rgba(0,0,0,.54),transparent 23%,transparent 77%,rgba(0,0,0,.54))}.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent 0,#000 28%,#000 75%,transparent 100%)}
.home-studio-hero-copy{width:min(1160px,100%);text-align:center;position:relative}.home-studio-hero h1{font-size:clamp(74px,12vw,176px);line-height:.73;letter-spacing:-.072em;margin:20px 0 28px;text-transform:uppercase;text-shadow:0 18px 70px rgba(0,0,0,.38)}.home-studio-hero h1 em,.studio-intro h2 em,.placement-heading h2 em,.dock-title h2 em,.home-studio-finale h2 em{display:block;font-family:Georgia,serif;font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.045em;color:var(--studio-gold-soft)}.home-studio-hero h1 em{font-size:.56em;margin-top:.12em}.hero-deck{max-width:680px;margin:0 auto;color:rgba(255,255,255,.72);font-size:15px;line-height:1.75}.studio-enter{display:inline-flex;align-items:center;gap:15px;margin-top:34px;padding:15px 18px 14px;border-bottom:1px solid rgba(230,200,124,.55);color:#f0d78c;text-decoration:none;font-size:10px;letter-spacing:.22em}.studio-enter b{font-size:16px;font-weight:400;transition:transform .25s}.studio-enter:hover b{transform:translateY(4px)}.hero-index{position:absolute;right:32px;bottom:78px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.16em;color:rgba(255,255,255,.5)}.hero-index i{width:64px;height:1px;background:linear-gradient(90deg,var(--studio-gold),rgba(255,255,255,.18))}
.studio-intro{max-width:1420px;margin:0 auto;padding:120px 30px 80px;display:grid;grid-template-columns:minmax(280px,.67fr) minmax(0,1.33fr);gap:72px;align-items:center;position:relative}.studio-intro:before{content:"";position:absolute;left:9%;top:5%;width:35vw;height:35vw;border-radius:50%;background:rgba(188,148,56,.06);filter:blur(100px);pointer-events:none}.studio-intro-copy{position:relative;z-index:2}.studio-intro h2,.placement-heading h2,.dock-title h2,.home-studio-finale h2{font-size:clamp(52px,6.5vw,98px);line-height:.88;letter-spacing:-.056em;margin:15px 0 28px;text-transform:uppercase}.studio-intro h2 em,.placement-heading h2 em,.dock-title h2 em{font-size:.72em;margin-top:.12em}.studio-intro-copy>p:not(.eyebrow){max-width:460px;color:rgba(255,255,255,.6);line-height:1.8;font-size:14px}.upload-curb{width:min(360px,100%);margin-top:30px;display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border:1px solid rgba(215,183,101,.55);background:linear-gradient(135deg,rgba(215,183,101,.12),rgba(255,255,255,.025));color:#f4dfa5;cursor:pointer;text-transform:uppercase;letter-spacing:.16em;font-size:10px;transition:.25s}.upload-curb:hover{border-color:#efd489;transform:translateY(-2px);box-shadow:0 15px 45px rgba(195,156,66,.08)}.upload-curb b{font-size:18px;font-weight:300}.upload-curb input{display:none}.upload-hint{display:block;margin-top:11px;color:rgba(255,255,255,.35);font-size:10px;letter-spacing:.04em}
.curb-stage-wrap{position:relative}.stage-kicker,.stage-footer{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.42);font-size:8px;letter-spacing:.2em;text-transform:uppercase}.stage-kicker{margin-bottom:12px}.stage-kicker i{height:1px;flex:1;background:linear-gradient(90deg,rgba(215,183,101,.65),rgba(255,255,255,.06))}.stage-footer{justify-content:space-between;margin-top:11px;padding:0 4px}.curb-canvas{position:relative;aspect-ratio:16/10;background:radial-gradient(circle at 50% 45%,#131612,#070807 72%);border:1px solid rgba(255,255,255,.11);overflow:hidden;box-shadow:0 45px 130px rgba(0,0,0,.5),0 0 0 1px rgba(215,183,101,.035)}.curb-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 130px rgba(0,0,0,.55)}#housePhoto{width:100%;height:100%;object-fit:cover}.canvas-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:10px;color:rgba(255,255,255,.4);background:radial-gradient(circle,rgba(218,183,95,.06),transparent 35%)}.canvas-placeholder span{font-size:64px;color:rgba(224,191,107,.24)}.canvas-placeholder strong{font-family:Georgia,serif;font-size:24px;font-weight:400;color:rgba(255,255,255,.82)}.canvas-placeholder small{font-size:9px;letter-spacing:.15em;text-transform:uppercase}.mailbox-overlay{position:absolute;left:50%;top:58%;width:32%;max-height:78%;object-fit:contain;transform:translate(-50%,-50%);cursor:grab;touch-action:none;filter:drop-shadow(0 24px 22px rgba(0,0,0,.5));z-index:3;user-select:none;-webkit-user-drag:none}.mailbox-overlay:active{cursor:grabbing}.canvas-badge{position:absolute;z-index:6;right:14px;bottom:12px;background:rgba(0,0,0,.54);backdrop-filter:blur(12px);padding:9px 11px;border:1px solid rgba(255,255,255,.08);font-size:8px;letter-spacing:.19em;color:#dfc477}.canvas-frame{position:absolute;z-index:6;width:31px;height:31px;pointer-events:none}.frame-a{left:12px;top:12px;border-left:1px solid rgba(222,192,112,.6);border-top:1px solid rgba(222,192,112,.6)}.frame-b{right:12px;top:12px;border-right:1px solid rgba(222,192,112,.6);border-top:1px solid rgba(222,192,112,.6)}
.placement-panel{max-width:1360px;margin:50px auto 0;padding:64px 30px 68px;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:end;position:relative}.placement-panel:after{content:"02";position:absolute;right:22px;top:20px;font-size:120px;line-height:1;color:rgba(255,255,255,.018);font-weight:800}.placement-heading h2{font-size:clamp(44px,5.2vw,76px);margin-bottom:0}.studio-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:end}.scale-control{grid-column:1/-1;padding:20px 22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.01));backdrop-filter:blur(10px)}.control-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:rgba(255,255,255,.62)}.control-label output{font-size:24px;letter-spacing:-.03em;color:#eed38a}.scale-control input{width:100%;accent-color:#cdaa55}.scale-marks{display:flex;justify-content:space-between;margin-top:7px;color:rgba(255,255,255,.25);font-size:7px;letter-spacing:.16em}.reset-placement,.studio-controls .gold-button{min-height:50px;padding:14px 18px;border:1px solid rgba(255,255,255,.13);font:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;cursor:pointer;transition:.2s}.reset-placement{background:transparent;color:#fff}.reset-placement:hover{border-color:rgba(255,255,255,.36)}.studio-controls .gold-button{background:#d1ae59;color:#0a0a08;border-color:#d1ae59;font-weight:800}.studio-controls .gold-button:hover{background:#e7ca7c;transform:translateY(-1px)}
.model-dock{max-width:1420px;margin:0 auto;padding:115px 30px 120px}.dock-title{max-width:900px;margin-bottom:40px}.dock-title>p:not(.eyebrow){max-width:620px;color:rgba(255,255,255,.54);line-height:1.7;font-size:13px}.model-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,235px);gap:12px;overflow-x:auto;padding:10px 0 24px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#69572c transparent}.model-strip button{position:relative;scroll-snap-align:start;min-height:312px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0b0d0c,#070807);color:#fff;padding:0;overflow:hidden;cursor:pointer;text-align:left;transition:border-color .25s,transform .25s,background .25s}.model-strip button:hover{transform:translateY(-4px);border-color:rgba(215,183,101,.45)}.model-strip button.active{border-color:#cfac58;background:linear-gradient(180deg,rgba(207,172,88,.12),#080908);box-shadow:inset 0 0 0 1px rgba(207,172,88,.17)}.model-thumb{height:238px;display:flex;align-items:center;justify-content:center;padding:17px;position:relative;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.06),transparent 58%)}.model-thumb:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent)}.model-thumb img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 17px 14px rgba(0,0,0,.45));transition:transform .28s}.model-strip button:hover .model-thumb img,.model-strip button.active .model-thumb img{transform:scale(1.035)}.model-name{display:block;padding:18px 40px 17px 16px;font-size:12px;letter-spacing:.04em}.model-strip button small{position:absolute;right:14px;bottom:18px;color:rgba(255,255,255,.26);font-size:8px;letter-spacing:.14em}.model-strip button.active .model-name{color:#f0d48a}.model-strip button.active:after{content:"◇";position:absolute;right:13px;top:12px;color:#e3c36f;font-size:17px}.studio-note{max-width:820px;margin:16px 0 0;color:rgba(255,255,255,.34);font-size:10px;line-height:1.6}
.home-studio-finale{min-height:82vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 24px;position:relative;background:radial-gradient(circle at 50% 50%,rgba(194,154,62,.12),transparent 29%),linear-gradient(180deg,#030403,#050605)}.home-studio-finale:before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.035);border-radius:50%}.finale-line{width:min(340px,70vw);display:flex;align-items:center;gap:13px;margin-bottom:38px;color:#d8b967}.finale-line i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(216,185,103,.62))}.finale-line i:last-child{background:linear-gradient(90deg,rgba(216,185,103,.62),transparent)}.home-studio-finale h2{position:relative;font-size:clamp(58px,8.5vw,126px);margin:16px 0 24px}.home-studio-finale h2 em{font-size:.68em;margin-top:.1em}.home-studio-finale>p:not(.eyebrow){position:relative;max-width:610px;color:rgba(255,255,255,.54);line-height:1.75;font-size:13px}.home-studio-finale a{position:relative;margin-top:28px;display:inline-flex;gap:12px;align-items:center;color:#ead083;text-decoration:none;border-bottom:1px solid rgba(234,208,131,.42);padding:0 2px 7px;text-transform:uppercase;letter-spacing:.16em;font-size:9px}
@media(min-width:1050px){.home-studio-video{object-fit:cover}.model-strip{padding-bottom:30px}}
@media(max-width:900px){.home-studio-hero{min-height:92svh;padding:130px 18px 62px}.hero-grid{background-size:48px 48px}.hero-index{display:none}.hero-deck{max-width:560px}.studio-intro{grid-template-columns:1fr;gap:38px;padding:90px 16px 55px}.studio-intro-copy{max-width:680px}.curb-canvas{aspect-ratio:4/3}.placement-panel{grid-template-columns:1fr;gap:28px;margin-top:22px;padding:52px 16px}.model-dock{padding:90px 16px}.model-strip{grid-auto-columns:minmax(170px,72vw)}.model-strip button{min-height:285px}.model-thumb{height:214px}}
@media(max-width:600px){.home-studio-video{object-fit:cover;object-position:center center}.home-studio-hero h1{font-size:clamp(66px,19vw,96px)}.hero-deck{font-size:13px}.home-studio-main .eyebrow{font-size:8px}.studio-enter{margin-top:27px}.studio-intro h2,.placement-heading h2,.dock-title h2{font-size:clamp(46px,14vw,68px)}.curb-canvas{aspect-ratio:3/4}.mailbox-overlay{width:42%}.stage-kicker{font-size:7px}.placement-panel:after{font-size:80px}.studio-controls{grid-template-columns:1fr}.scale-control{grid-column:auto}.reset-placement,.studio-controls .gold-button{width:100%}.model-strip{grid-auto-columns:74vw}.model-strip button{min-height:310px}.model-thumb{height:238px}.home-studio-finale{min-height:72vh}.home-studio-finale h2{font-size:clamp(58px,17vw,84px)}}
@media(prefers-reduced-motion:reduce){.home-studio-video{display:none}.model-strip button,.model-thumb img,.studio-enter b,.upload-curb,.studio-controls .gold-button{transition:none}}

/* Refined non-emoji navigation icons */
.modern-arrow{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;line-height:0;vertical-align:-.18em;flex:0 0 auto}
.modern-arrow svg{width:100%;height:100%;display:block;overflow:visible}
.modern-arrow svg path{fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.studio-enter .modern-arrow{width:20px;height:20px;margin-left:10px;transition:transform .3s ease}
.studio-enter:hover .modern-arrow{transform:translateY(3px)}
.gold-button .modern-arrow,.home-studio-finale a .modern-arrow{margin-left:8px;transition:transform .3s ease}
.gold-button:hover .modern-arrow,.home-studio-finale a:hover .modern-arrow{transform:translate(3px,-3px)}
.reset-placement .modern-arrow{width:17px;height:17px;margin-right:7px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.reset-placement:hover .modern-arrow{transform:rotate(-75deg)}

/* Clean curb-studio CTA arrow: avoids the distorted shared modern-arrow treatment. */
.studio-enter-arrow{position:relative;display:inline-block;width:30px;height:30px;flex:0 0 30px;margin-left:8px}
.studio-enter-arrow::before{content:"";position:absolute;left:50%;top:4px;width:1.5px;height:17px;background:currentColor;transform:translateX(-50%);border-radius:2px}
.studio-enter-arrow::after{content:"";position:absolute;left:50%;bottom:5px;width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateX(-50%) rotate(45deg);transform-origin:center}
