/* The spatial story resolves into a room, a few possibilities, and a personal invitation. */
.design-lab{height:82svh;min-height:640px;max-height:900px;margin:0 3.5%;border:1px solid #5b575240;border-radius:0;background:#3c3935;color:#faf9f8;isolation:isolate}
.design-lab:before,.design-lab:after{content:"";position:absolute;z-index:2;width:16px;height:16px;pointer-events:none;border-color:#f8f6f49c;border-style:solid}
.design-lab:before{left:14px;top:14px;border-width:1px 0 0 1px}.design-lab:after{right:14px;bottom:14px;border-width:0 1px 1px 0}
.design-photo{object-position:52% center;transition:opacity 1.15s,transform 8s}
.design-shade{background:linear-gradient(90deg,#2423217d 0%,#2523213d 38%,#23211f05 75%),linear-gradient(180deg,#1f1e1c48 0%,transparent 37%,#25242158 100%)}
.design-topline{left:4.7%;right:4.7%;top:30px;padding-bottom:15px;border-bottom:1px solid #f2f0ec41;align-items:center;gap:20px}
.design-topline .eyebrow{font-size:7px;letter-spacing:.13em;color:#f7f6f3}.design-topline>.mono{font-size:6px;letter-spacing:.08em;color:#f2efeb}
.design-copy{left:4.7%;top:19%;max-width:70%}
.design-copy h2{font-size:clamp(62px,6.1vw,94px);letter-spacing:-.055em;line-height:.98;max-width:800px}
.design-copy h2 em{color:#f2efeb;letter-spacing:-.035em}
.design-copy p{font-size:12px;line-height:1.7;color:#f6f4f1cf;margin-top:22px;max-width:310px;text-wrap:balance}
.design-console{left:auto;right:4.7%;bottom:62px;transform:none;width:480px;max-width:calc(100% - 9.4%);background:#f8f7f5ed;border:1px solid #f9f8f5a1;box-shadow:0 15px 40px #1a181726;color:#373431;backdrop-filter:blur(18px)}
.prompt-line{padding:15px 16px 15px 18px;border-color:#7f7a722e;gap:11px}
.prompt-line svg{color:#a37c42;width:16px}.prompt-line span{font-size:11px;line-height:1.5;letter-spacing:-.01em}.prompt-line button{background:#a07a42;color:#fdfcfa;height:29px;width:29px;font-size:19px;transition:background .2s}
.prompt-line button:hover{background:#7c5f33}
.design-switches{padding:8px;gap:3px}.design-switches button{font-size:9px;padding:9px 10px;gap:7px;border-radius:0;color:#5b5752;transition:background .2s,border-color .2s}
.design-switches button.active{border-color:#7f7a726e;background:#f2f0ec87;color:#393733}.design-switches button:hover{background:#f3f1ed9c}.design-switches i{width:7px;height:7px}.design-switches button:last-child{border-left:1px solid #a79f9442;padding-left:16px}
.design-index,.design-disclaimer{bottom:27px;font-size:6px;letter-spacing:.08em;color:#f2f0ec;opacity:.9}.design-index{left:4.7%}.design-disclaimer{right:4.7%;font-size:5px}
.possibility-statement{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);column-gap:7%;row-gap:0;align-items:start;text-align:left;margin:0 3.5%;padding:72px 4.35% 76px;background:#fbfaf8;border-left:1px solid #5d595426;border-right:1px solid #5d595426;position:relative}
.possibility-statement:before{content:"";position:absolute;left:-1px;right:-1px;top:0;height:16px;border-left:1px solid #6d6861;border-right:1px solid #6d6861;pointer-events:none}
.possibility-statement>.eyebrow{grid-column:1;grid-row:1;font-size:7px;line-height:1.5;letter-spacing:.12em;color:#7e7971;margin:0 0 20px}
.possibility-statement h2{grid-column:1;grid-row:2;font-size:clamp(43px,4.5vw,69px);line-height:1.03;letter-spacing:-.055em;max-width:650px;text-wrap:balance;margin:0 0 21px;color:#302e2b}
.possibility-statement h2 em{color:#726e67;letter-spacing:-.035em}
.possibility-statement>p:last-of-type{grid-column:1;grid-row:3;font-size:11px;line-height:1.7;color:#77726a;max-width:360px;text-wrap:initial;margin:0}
.possibility-statement .experiment-rail{grid-column:2;grid-row:1 / span 3;align-self:center;display:flex;flex-direction:column;gap:0;width:100%;max-width:none;margin:0;border-top:1px solid #a79f9487;border-bottom:1px solid #a79f9487}
.possibility-statement .experiment-rail button{justify-content:flex-start;flex:none;width:100%;padding:23px 5px;gap:14px;border:0;color:#4b4843;font-size:11px;line-height:1.4;background:transparent;transition:background .2s,color .2s}
.possibility-statement .experiment-rail button+button{border-left:0;border-top:1px solid #918a8135}
.possibility-statement .experiment-rail button>span:last-child{margin-left:auto;padding-left:8px;font-size:17px;color:#a47d43;transform:none}
.possibility-statement .experiment-rail button:hover{background:#f3f1ed4d;color:#34312e}
.possibility-statement .experiment-rail button:hover>span:last-child{transform:translate(2px,-2px)}
.possibility-statement .experiment-rail svg{width:17px;height:17px;stroke:#716c65}
.possibility-statement .mini-palette i{width:11px;height:11px;border-color:#f1efe9}
.closing{display:flex;align-items:center;isolation:isolate;position:relative;min-height:520px;height:66svh;max-height:670px;margin:0 3.5% 0;padding:58px 4.7%;border:1px solid #75706952;background:#f4f2ef;color:#302e2b;text-align:left;overflow:hidden}
.closing:before,.closing:after{content:"";position:absolute;z-index:3;width:14px;height:14px;pointer-events:none;border-style:solid;border-color:#605c567d}
.closing:before{left:12px;top:12px;border-width:1px 0 0 1px}.closing:after{right:12px;bottom:12px;border-width:0 1px 1px 0}
.closing-vision{inset:0 0 0 48%;z-index:-1}
.closing-vision img{object-position:59% center;filter:saturate(.73);height:100%;width:100%;object-fit:cover}
.closing-vision-shade{background:linear-gradient(90deg,#f4f2ef 0%,#f4f2efe0 5%,#f4f2ef30 37%,#f4f2ef00 67%),linear-gradient(0deg,#302e2b35,transparent 40%)}
.closing-copy{width:57%;max-width:750px;position:relative;z-index:1}
.closing .eyebrow{font-size:7px;letter-spacing:.1em;line-height:1.7;color:#6d6861}
.closing h2{font-size:clamp(53px,5vw,77px);line-height:1.01;letter-spacing:-.055em;margin:22px 0 29px;max-width:750px;text-shadow:none;color:#302e2b}
.closing h2 em{color:#6b6660;letter-spacing:-.035em}
.closing .primary-button{background:#a07a41;color:#fdfbf8;gap:65px;font-size:11px;padding:16px 20px;border:1px solid #a07a41;box-shadow:0 7px 20px #8162340d;transition:background .2s,transform .2s}
.closing .primary-button>span{font-size:18px;color:#fbf8f3}.closing .primary-button:hover{background:#816335;transform:translateY(-2px)}
.closing-note{font-size:9px;line-height:1.7;color:#726e67;max-width:290px;margin-top:17px}
.closing-coordinate{left:4.7%;right:4.7%;bottom:25px;padding-top:13px;border-top:1px solid #78736c40;color:#6a665f;font-size:5px;letter-spacing:.1em;line-height:1.8;z-index:1}
.closing-line{display:none}
footer{margin:0 3.5%;padding:25px 0 30px;border-top:0;gap:24px;color:#4d4a45}
footer .brand{font-size:18px;letter-spacing:-.7px;color:#403d39}
footer>.mono{font-size:6px;letter-spacing:.1em;color:#868078}
footer nav{display:flex;align-items:center;gap:21px;font-size:9px;color:#7a756d}
footer nav a{transition:color .2s}footer nav a:hover{color:#92703c}
@media(min-width:1600px){.design-copy{top:20%}.design-copy p{font-size:13px}.possibility-statement{padding-top:83px;padding-bottom:86px}.possibility-statement .experiment-rail button{font-size:12px;padding-top:25px;padding-bottom:25px}.closing h2{font-size:85px}.closing .eyebrow{font-size:8px}.closing-note{font-size:10px}}
@media(max-width:1050px){
 .design-lab{height:79svh;min-height:620px;margin:0 3.5%}.design-topline{top:26px}.design-copy{top:20%;max-width:79%}.design-copy h2{font-size:66px}.design-copy p{font-size:11px;max-width:270px}.design-console{width:445px;bottom:57px}.prompt-line span{font-size:10px}.design-switches button{font-size:8px;padding:9px}.design-index,.design-disclaimer{font-size:5px;bottom:25px}
 .possibility-statement{grid-template-columns:minmax(0,1.25fr) minmax(245px,1fr);column-gap:6%;padding-top:58px;padding-bottom:62px}.possibility-statement h2{font-size:43px;line-height:1.04;max-width:360px}.possibility-statement>.eyebrow{font-size:6px;margin-bottom:17px}.possibility-statement>p:last-of-type{font-size:10px;max-width:310px}.possibility-statement .experiment-rail button{font-size:10px;gap:10px;padding:21px 3px}.possibility-statement .experiment-rail button>span:last-child{font-size:15px}
 .closing{height:65svh;min-height:510px;padding-left:4.7%;padding-right:4.7%}.closing-copy{width:58%}.closing h2{font-size:55px;line-height:1.02}.closing .eyebrow{font-size:6px}.closing .primary-button{font-size:10px;padding:15px 18px;gap:50px}.closing-note{font-size:8px;max-width:245px}.closing-coordinate{font-size:4px}footer{justify-content:space-between;gap:20px}footer nav{font-size:8px;gap:16px}
}
@media(max-width:700px){
 .design-lab{height:77svh;min-height:620px;max-height:760px;margin:0 16px;border-color:#66625b55}.design-lab:before{left:9px;top:9px}.design-lab:after{right:9px;bottom:9px}.design-lab:before,.design-lab:after{width:11px;height:11px}.design-photo{object-position:54% center}.design-shade{background:linear-gradient(180deg,#242321a8 0%,#2423214d 35%,#23222008 56%,#24222091 100%)}
 .design-topline{left:21px;right:21px;top:24px;padding-bottom:12px;gap:12px}.design-topline .eyebrow{font-size:5px;letter-spacing:.07em}.design-topline>.mono{font-size:4px;letter-spacing:.03em}.design-copy{left:24px;right:20px;top:15%;max-width:none}.design-copy h2{font-size:clamp(43px,11.8vw,62px);line-height:1.02;max-width:470px;letter-spacing:-.045em}.design-copy p{font-size:10px;line-height:1.6;max-width:235px;margin-top:16px}.design-console{left:19px;right:19px;width:auto;max-width:none;bottom:53px}.prompt-line{padding:13px 12px;gap:8px}.prompt-line svg{width:13px;flex:none}.prompt-line span{font-size:9px;line-height:1.5}.prompt-line button{width:25px;height:25px;font-size:17px;flex:none}.design-switches{padding:6px;gap:0}.design-switches button{font-size:7px;gap:5px;padding:9px 7px}.design-switches button:last-child{padding-left:10px}.design-switches i{width:6px;height:6px}.design-index{left:21px;bottom:23px;font-size:4px}.design-disclaimer{right:21px;bottom:23px;font-size:4px;letter-spacing:.03em}
 .possibility-statement{display:block;margin:0 16px;padding:43px 24px 45px;border-color:#5d595426;text-align:left}.possibility-statement>.eyebrow{font-size:6px;margin-bottom:17px}.possibility-statement h2{font-size:clamp(40px,10.7vw,56px);line-height:1.05;max-width:500px;margin:0 0 18px;text-wrap:initial}.possibility-statement>p:last-of-type{font-size:10px;line-height:1.65;max-width:290px;margin:0}.possibility-statement .experiment-rail{margin-top:27px;width:100%;max-width:none}.possibility-statement .experiment-rail button{font-size:10px;padding:17px 0;gap:12px}.possibility-statement .experiment-rail button>span:last-child{font-size:16px}.possibility-statement .experiment-rail svg{width:16px;height:16px}
 .closing{display:block;min-height:636px;height:auto;max-height:none;margin:0 16px;padding:241px 24px 86px;background:#f4f2ef}.closing:before,.closing:after{width:11px;height:11px}.closing:before{left:9px;top:9px}.closing:after{right:9px;bottom:9px}.closing-vision{inset:0 0 auto;height:260px;width:100%}.closing-vision img{object-position:57% 49%;filter:saturate(.72)}.closing-vision-shade{background:linear-gradient(0deg,#f4f2ef 0%,#f4f2efe8 5%,#f4f2ef44 25%,#f4f2ef00 52%)}.closing-copy{width:100%;max-width:none}.closing .eyebrow{font-size:6px;letter-spacing:.09em}.closing h2{font-size:clamp(45px,12vw,62px);line-height:1.01;margin:17px 0 24px;max-width:510px}.closing .primary-button{font-size:10px;padding:15px 17px;gap:55px}.closing .primary-button>span{font-size:17px}.closing-note{font-size:8px;line-height:1.7;margin-top:15px;max-width:280px}.closing-coordinate{left:24px;right:24px;bottom:24px;font-size:4px;line-height:1.8;padding-top:11px;border-color:#78736c48}
 footer{margin:0 16px;padding:26px 8px 30px;justify-content:flex-start;gap:20px}footer .brand{font-size:17px}footer>.mono{display:none}footer nav{width:100%;justify-content:space-between;gap:12px;font-size:7px;flex-wrap:wrap}
}
@media(max-height:650px) and (min-width:701px){.design-lab{height:109svh;min-height:560px;max-height:760px}.design-copy{top:20%}.design-copy h2{font-size:59px}.design-copy p{font-size:11px;margin-top:18px}.design-console{bottom:51px;width:430px}.design-index,.design-disclaimer{bottom:23px}.possibility-statement{padding-top:52px;padding-bottom:56px}.possibility-statement h2{font-size:43px}.closing{height:108svh;min-height:490px;max-height:650px}.closing h2{font-size:55px}}
@media(max-height:500px) and (min-width:701px){.design-lab{height:130svh;min-height:510px;max-height:620px}.design-copy h2{font-size:53px}.design-copy p{font-size:10px;max-width:245px}.design-console{width:412px;bottom:48px}.design-topline{top:24px}.design-copy{top:22%}.possibility-statement{padding-top:44px;padding-bottom:47px}.possibility-statement h2{font-size:40px}.possibility-statement .experiment-rail button{padding-top:19px;padding-bottom:19px}.closing{min-height:450px;height:116svh;padding-top:52px;padding-bottom:70px}.closing h2{font-size:51px}.closing-coordinate{bottom:20px}}
@media(prefers-reduced-motion:reduce){.design-photo,.prompt-line button,.design-switches button,.possibility-statement .experiment-rail button,.possibility-statement .experiment-rail button>span:last-child,.closing .primary-button,footer nav a{transition:none}.possibility-statement .experiment-rail button:hover>span:last-child,.closing .primary-button:hover{transform:none}}