.home-hero{min-height:min(100svh - 74px,860px);max-width:calc(var(--wide) + 2 * var(--gutter));padding:clamp(28px, 5vw, 64px) var(--gutter) clamp(56px, 8vw, 96px);grid-template-columns:minmax(0,10fr) minmax(0,12fr);align-items:center;gap:clamp(28px,4vw,56px);margin:0 auto;display:grid;position:relative}.home-hero:before{content:"";aspect-ratio:1;border:1px solid var(--cream-faint);pointer-events:none;border-radius:50%;width:min(74vw,880px);position:absolute;top:50%;right:-6%;transform:translateY(-50%)}.home-hero .kicker{line-height:1.5}.home-hero h1{font-size:clamp(44px,5.5vw,72px)}.stage{padding-top:25%;position:relative}.stage-tablet{z-index:1;margin-right:7%;position:relative}.stage-tv{width:44%;position:absolute;top:0;right:0}.stage-caption{color:var(--cream-soft);justify-content:space-between;align-items:center;gap:16px;margin:18px 7% 0 0;font-size:17px;display:flex}.stage-caption em{color:var(--cream);font-style:normal;font-weight:600}.stage-pause{border:1px solid var(--cream-faint);color:var(--cream-soft);font:500 12px var(--font-mono);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:6px 14px}.stage-pause:hover{color:var(--cream)}.stage.is-fresh .scr-offer,.stage.is-fresh .scr-list,.stage.is-fresh .tv>p{animation:.5s place-in}@keyframes place-in{0%{opacity:0;transform:translateY(6px)}}.scr{--place:#c8791f;aspect-ratio:16/10.4;color:#f5efe8;background:#14110f;border:1px solid #ffefd529;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000061;container-type:inline-size}.scr-top{background:#1a1613;border-bottom:1px solid #f5efe817;flex:none;align-items:center;gap:1.3cqw;padding:1.5cqw 2.2cqw;font-size:2.2cqw;display:flex}.scr-top b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.scr-logo{background:var(--place);color:#fff;border-radius:.9cqw;flex:none;place-items:center;width:3.5cqw;height:3.5cqw;font-size:1.7cqw;font-weight:600;transition:background .3s;display:grid}.scr-spot{color:#cfc5b9;font:500 1.5cqw var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid #f5efe82e;border-radius:99px;flex:none;margin-left:auto;padding:.4cqw 1.2cqw}.scr-body{flex:1;grid-template-columns:11fr 13fr;min-height:0;display:grid}.scr-offer{flex-direction:column;justify-content:flex-end;gap:.9cqw;min-height:0;padding:2.4cqw;display:flex;position:relative;overflow:hidden}.scr-art,.tv-art{background-color:var(--place);background-position:50%;background-size:cover;transition:background-color .3s;position:absolute;inset:0}.scr-art:not(.has-photo):before,.tv-art:not(.has-photo):before{content:"";aspect-ratio:1;border:1px solid #ffffff57;border-radius:50%;width:78%;position:absolute;top:-22%;right:-22%;box-shadow:inset 0 0 0 16px #ffffff0d}.scr-art:not(.has-photo),.tv-art:not(.has-photo){background-image:radial-gradient(90% 70% at 85% 10%,#ffffff47,#0000 60%),linear-gradient(200deg,#0000 20%,#0000006b)}.scr-art:after,.tv-art:after{content:"";background:linear-gradient(#0000 22%,#0a0806cc);position:absolute;inset:0}.scr-offer>p{position:relative}.scr-kicker{font:500 1.5cqw var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffffd6}.scr-headline{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:4.4cqw;font-weight:600;line-height:1.08}.scr-note{color:#fffc;font-size:1.95cqw}.scr-list{min-height:0;padding:2.2cqw 2.4cqw;overflow:hidden}.scr-list-name{font:500 1.5cqw var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#9d9389;margin-bottom:1.3cqw}.scr-list ul{margin:0;padding:0;list-style:none}.scr-list li{border-top:1px solid #f5efe814;justify-content:space-between;align-items:baseline;gap:1.5cqw;padding:1.7cqw 0;display:flex}.scr-list li span{flex-direction:column;gap:.25cqw;min-width:0;display:flex}.scr-list b{font-size:2.35cqw;font-weight:600}.scr-list i{color:#9d9389;font-size:1.75cqw;font-style:normal}.scr-list em{color:#f5efe8;flex:none;font-size:2.25cqw;font-style:normal;font-weight:500}.scr-nav{background:#f5efe817;border-top:1px solid #f5efe817;flex:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;min-height:9.2cqw;display:grid}.scr-nav>*{color:#cfc5b9;min-width:0;font:500 1.9cqw var(--font-sans);text-align:center;background:#1f1b18;border:0;place-items:center;padding:.6cqw .8cqw;line-height:1.15;display:grid}.scr-nav .is-first{background:var(--place);color:#fff;font-weight:600;transition:background .3s}.scr-nav button{cursor:pointer;color:#f5efe8;transition:filter .15s}.scr-nav button:hover{filter:brightness(1.18)}.scr-nav button:focus-visible,.scr-sheet button:focus-visible{outline-offset:-3px}.scr-sheet{background:#0a0806bd;place-items:center;display:grid;position:absolute;inset:0 0 9.2cqw}.scr-sheet[hidden]{display:none}.scr-sheet>div{text-align:center;background:#1f1b18;border:1px solid #f5efe824;border-radius:1.6cqw;flex-direction:column;align-items:center;gap:1.3cqw;width:62%;padding:3.4cqw;display:flex}.scr-sheet-title{letter-spacing:-.015em;font-size:3.7cqw;font-weight:600}.scr-sheet-body{color:#cfc5b9;font-size:2.2cqw}.scr-sheet button{color:#f5efe8;font:500 2cqw var(--font-sans);cursor:pointer;background:0 0;border:1px solid #f5efe83d;border-radius:99px;margin-top:.8cqw;padding:1.1cqw 2.4cqw}.tv{--place:#c8791f;aspect-ratio:16/9;color:#fff;background:#14110f;border:4px solid #0a0806;border-radius:10px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 50px #00000057;container-type:inline-size}.tv>p{position:relative}.tv-name{font-size:4.4cqw;font-weight:600;top:5cqw;left:5cqw;right:5cqw;position:absolute!important}.tv-kicker{font:500 3cqw var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffffd6;margin:0 5cqw 1.5cqw}.tv-headline{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 5cqw 5cqw;font-size:8.4cqw;font-weight:600;line-height:1.06}.band{padding:clamp(64px, 9vw, 120px) max(var(--gutter), calc((100vw - var(--wide)) / 2));scroll-margin-top:64px}.try{background:var(--green-950)}.try .section-head>p:not(.kicker){color:var(--cream-soft)}.model{grid-template-columns:minmax(0,4fr) minmax(0,9fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.device-label{font:500 12px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cream-soft);margin-bottom:10px}.panel{background:var(--paper);color:var(--ink);border-radius:20px;flex-direction:column;gap:16px;padding:18px;display:flex}.panel .device-label{color:#1f6f5c;margin:0}.panel-places{border:0;margin:0;padding:0}.panel-places legend,.panel-field label{margin-bottom:7px;padding:0;font-size:14.5px;font-weight:600;display:block}.place-chips{flex-wrap:wrap;gap:6px;display:flex}.place-chips label{cursor:pointer}.place-chips span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;font-size:13.5px;transition:background .15s;display:block}.place-chips label:hover span{background:#f3ead8}.place-chips input:checked+span{border-color:var(--green-900);background:var(--green-900);color:var(--cream)}.place-chips input:focus-visible+span{outline:2px solid var(--green-bright);outline-offset:2px}.place-chips .is-yours span{border-style:dashed;border-color:#1f6f5c}.place-chips .is-yours input:checked+span{border-style:solid}.panel-field input{border:1px solid var(--line);width:100%;color:var(--ink);font:16px var(--font-sans);background:#fff;border-radius:10px;padding:10px 12px}.panel-field input:focus{outline:2px solid var(--green-bright);outline-offset:1px}.panel-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.panel-row label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:6px 8px 6px 12px;font-size:13.5px;font-weight:600;display:flex}.panel-colour input{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;width:30px;height:30px;padding:0}.panel-photo i{background:#f3ead8;border-radius:7px;flex:none;padding:4px 9px;font-size:12.5px;font-style:normal;font-weight:500}.panel-photo:focus-within{outline:2px solid var(--green-bright);outline-offset:1px}.panel-publish{text-align:center;flex-direction:column;align-items:stretch;gap:7px;display:flex}.panel-publish .button{cursor:pointer;border:0;min-height:46px;padding:0 14px;font-size:15.5px}.panel-publish p{font:500 12.5px var(--font-mono);color:var(--ink-soft)}.panel-publish p.is-waiting{color:#b4541f}.panel-fine{color:var(--ink-soft);font-size:12.5px;line-height:1.4}.room{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,13fr) minmax(0,7fr);gap:20px clamp(16px,2vw,24px);display:grid}.is-tablet{grid-row:1/span 2}.try-steps{counter-reset:try;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.try-steps li{counter-increment:try;border:1px solid var(--cream-faint);color:var(--cream-soft);border-radius:14px;flex-direction:column;gap:4px;padding:14px;font-size:15px;line-height:1.3;transition:background .25s,border-color .25s,color .25s;display:flex}.try-steps li:before{content:counter(try);font:500 12px var(--font-mono);color:var(--green-bright)}.try-steps b{color:var(--cream);font-weight:600}.try-steps li.is-now{border-color:var(--green-bright);background:#4fb8941f}.try-steps li.is-done{opacity:.6}.try-steps li.is-done:before{content:"✓"}.model.is-fresh .scr-offer>p,.model.is-fresh .tv>p,.model.is-fresh .scr-nav>*{animation:.45s place-in}.staff{color:#f5efe8;background:#14110f;border:1px solid #f5efe829;border-radius:18px;flex-direction:column;min-height:190px;display:flex;overflow:hidden}.staff-top{border-bottom:1px solid #f5efe817;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;font-size:13px;display:flex}.staff-top b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.staff-top span{font:500 10.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green-bright);flex:none}.staff-quiet{text-align:center;color:#9d9389;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:16px;font-size:13px;display:flex}.staff-quiet b{color:#f5efe8;font-size:15px}.staff-quiet[hidden],.staff-card[hidden]{display:none}.staff-card{background:#1f1b18;border:1px solid #f5efe824;border-radius:12px;flex-direction:column;gap:3px;margin:10px;padding:12px;animation:.3s place-in;display:flex}.staff-card b{font-size:16px;font-weight:600}.staff-card span{color:#cfc5b9;font-size:13.5px;line-height:1.3}.staff-card button{color:#fff;font:600 14px var(--font-sans);cursor:pointer;background:#1f8a6d;border:0;border-radius:8px;margin-top:8px;padding:9px}.staff-card.is-coming button{background:#2a2521}.pieces{background:var(--paper);color:var(--ink)}.pieces .kicker,.ideas .kicker,.how-home .kicker{color:#1f6f5c}.pieces .section-head>p:not(.kicker),.ideas .section-head>p:not(.kicker){color:var(--ink-soft)}.piece-big{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.piece-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.piece{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:22px;display:flex}.piece svg{fill:none;stroke:#1f6f5c;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;margin-bottom:6px}.piece h3{letter-spacing:-.01em;font-size:19.5px;font-weight:600;line-height:1.2}.piece p{color:var(--ink-soft);text-wrap:pretty;font-size:16px;line-height:1.45}.piece-tag{color:#8a4b12;font:500 11px var(--font-mono);letter-spacing:.04em;vertical-align:2px;white-space:nowrap;background:#fbeedb;border-radius:99px;margin-left:4px;padding:2px 8px;display:inline-block}.piece.is-big{background:var(--green-900);border-color:var(--green-900);color:var(--cream);padding:0 0 24px;overflow:hidden}.piece.is-big h3,.piece.is-big p{padding:0 24px}.piece.is-big h3{margin-top:6px;font-size:24px}.piece.is-big p{color:var(--cream-soft)}.piece-show{background:var(--green-950);place-items:center;height:150px;margin-bottom:8px;display:grid}.devices-row{align-items:flex-end;gap:16px;display:flex}.devices-row span{border:2px solid var(--cream);opacity:.86;border-radius:6px;display:block}.d-tablet{width:72px;height:52px}.d-tv{width:128px;height:74px;border-bottom-width:5px!important}.d-phone{width:28px;height:52px}.d-laptop{width:80px;height:52px;border-bottom-width:5px!important}.publish-show{align-items:center;gap:12px;width:min(84%,380px);display:flex}.publish-pill{background:var(--cream);color:var(--green-950);border-radius:99px;flex:none;padding:9px 18px;font-size:15px;font-weight:600}.publish-line{background:linear-gradient(90deg, var(--cream), var(--green-bright));flex:1;height:2px}.publish-time{font:500 13px var(--font-mono);color:var(--green-bright);flex:none}.think{background:var(--green-900)}.asks{margin:0;padding:0;list-style:none}.asks li{border-top:1px solid var(--cream-faint);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:baseline;gap:12px clamp(24px,5vw,64px);padding:clamp(20px,3vw,30px) 0;display:grid}.asks li:last-child{border-bottom:1px solid var(--cream-faint)}.ask{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(25px,3.3vw,38px);font-weight:600;line-height:1.12}.answer{color:var(--cream-soft);text-wrap:pretty;font-size:clamp(16.5px,1.5vw,18.5px)}.ideas{background:var(--paper);color:var(--ink)}.idea-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.idea{border:1px solid var(--line);color:inherit;background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:22px;text-decoration:none;display:flex}.idea h3{letter-spacing:-.01em;font-size:21px;font-weight:600}.idea p{color:var(--ink-soft);text-wrap:pretty;flex:1;font-size:16px;line-height:1.45}.idea ul{flex-wrap:wrap;gap:5px;margin:6px 0 0;padding:0;list-style:none;display:flex}.idea li{font:500 11.5px var(--font-mono);color:#5b4f3e;background:#f3ead8;border-radius:99px;padding:2px 9px}.idea-more{color:#1f6f5c;margin-top:6px;font-size:15px;font-weight:600}a.idea{transition:transform .15s,border-color .15s}a.idea:hover{border-color:#1f6f5c;transform:translateY(-2px)}.idea.is-yours{background:0 0;border:1.5px dashed #1f6f5c}.how-home{background:var(--green-900)}.how-home .kicker{color:var(--green-bright)}.how-home .steps li{border-top-color:var(--cream-faint)}.how-home .steps li:before{color:var(--green-bright)}.how-home .steps p{color:var(--cream-soft)}@media (width<=1120px){.model{grid-template-columns:minmax(0,1fr)}.room{grid-template-columns:minmax(0,13fr) minmax(0,7fr)}.piece-grid,.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.home-hero{grid-template-columns:minmax(0,1fr);min-height:0}.home-hero:before{display:none}.stage-tablet,.stage-caption{margin-right:0}}@media (width<=680px){.room{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.try-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.is-tablet{grid-row:auto}.piece-big,.piece-grid,.idea-grid,.asks li{grid-template-columns:minmax(0,1fr)}.scr{aspect-ratio:auto}.scr-body{grid-template-columns:minmax(0,1fr)}.scr-offer{gap:1.4cqw;min-height:44cqw;padding:4cqw}.scr-headline{font-size:7cqw}.scr-kicker,.scr-list-name{font-size:2.6cqw}.scr-note{font-size:3.4cqw}.scr-list{padding:4cqw}.scr-list b{font-size:3.8cqw}.scr-list i{font-size:3cqw}.scr-list em{font-size:3.6cqw}.scr-list li{padding:2.2cqw 0}.scr-top{gap:2.4cqw;padding:3cqw 4cqw;font-size:3.6cqw}.scr-logo{border-radius:1.6cqw;width:6.6cqw;height:6.6cqw;font-size:3.2cqw}.scr-spot{padding:.8cqw 2.2cqw;font-size:2.5cqw}.scr-nav{min-height:15cqw}.scr-nav>*{padding:1cqw;font-size:2.7cqw}.scr-sheet{inset:0 0 15cqw}.scr-sheet>div{border-radius:3cqw;gap:2cqw;width:84%;padding:5cqw}.scr-sheet-title{font-size:5.6cqw}.scr-sheet-body{font-size:3.4cqw}.scr-sheet button{padding:2cqw 4cqw;font-size:3.2cqw}.devices-row{gap:10px;transform:scale(.82)}.stage{padding-top:0}.stage-tv{display:none}}
