.hero{min-height:100svh;padding:calc(var(--bar-h) + 2rem) 0 4rem;align-items:center;display:grid;position:relative;overflow:clip}.hero:before{content:"";background:linear-gradient(var(--rule) 1px, transparent 1px) 0 0 / 100% 6rem, linear-gradient(90deg, var(--rule) 1px, transparent 1px) 0 0 / 6rem 100%;opacity:.45;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 70%,#000,#0000);mask-image:radial-gradient(70% 70% at 70%,#000,#0000)}.hero__inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid;position:relative}.hero__title span{display:block}.hero__title span:nth-child(2){color:color-mix(in oklab, var(--text) 78%, var(--cream))}.hero__title span:nth-child(3){color:color-mix(in oklab, var(--text) 58%, var(--cream))}.hero__lede{margin-top:1.6rem}.hero__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.8rem;margin-top:2.2rem;display:flex}.hero__sample{right:var(--gutter);position:absolute;bottom:1.5rem}.desk{aspect-ratio:1/.92;--mx:0;--my:0;position:relative}.sheet{background:var(--bond);box-shadow:var(--shadow-3);animation:deal 1.1s var(--ease) both;transition:transform .6s var(--ease);border-radius:14px;margin:0;padding:.9rem;position:absolute}.sheet__tag{font:600 .74rem/1.4 var(--font-text);color:var(--bond);background:var(--ink);border-radius:999px;margin-bottom:.6rem;padding:.2rem .6rem;display:inline-block}.sheet--spot{width:60%;transform:translate(calc(var(--mx) * -10px), calc(var(--my) * -8px)) rotate(-7deg);background:#f3eee3;top:3%;left:0}.sheet--spot .city{border-radius:8px}.sheet__note{color:var(--text-soft);margin-top:.6rem;font-size:.8rem;line-height:1.4}.sheet__note b{color:var(--spot)}.sheet--list{width:40%;transform:translate(calc(var(--mx) * 8px), calc(var(--my) * -12px)) rotate(5deg);animation-delay:.14s;top:0;right:0}.sheet--list .jaali-frame{aspect-ratio:4/4.6;margin:.2rem .3rem .9rem}.sheet__line{color:var(--text-soft);justify-content:space-between;gap:.5rem;font-size:.8rem;display:flex}.sheet__line b{color:var(--text);font-weight:600}.sheet--os{width:52%;transform:translate(calc(var(--mx) * 14px), calc(var(--my) * 10px)) rotate(-2deg);background:#f8f1e1;padding:1.1rem 1.2rem 1.3rem;animation-delay:.28s;bottom:0;left:26%}.sheet__rosette{opacity:.7;width:8.5rem;position:absolute;top:-1.4rem;right:-1.4rem}.sheet__head{font:700 1rem/1.2 var(--font-display);color:var(--royal);margin:.2rem 0 .8rem}.sheet__rule{background:color-mix(in oklab, var(--royal) 14%, transparent);border-radius:3px;height:5px;margin:.45rem 0;display:block}.sheet__rule--short{width:60%}.sheet__signs{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;display:grid}.sheet__signs svg{border-bottom:1px solid var(--rule-strong);padding-bottom:.2rem}.sheet__signs path,.deed__signs path{fill:none;stroke:var(--royal);stroke-width:2px;stroke-linecap:round}.sheet--os .seal{background:color-mix(in oklab, var(--os) 6%, transparent);width:4.4rem;position:absolute;bottom:2.6rem;right:1rem}@keyframes deal{0%{opacity:0;translate:0 40px;rotate:6deg}}.journey__stage{height:100svh;padding-top:var(--bar-h);background:var(--bond);align-items:center;display:grid}.journey__inner{max-height:calc(100svh - var(--bar-h) - 2rem);grid-template-rows:auto 1fr;grid-template-columns:minmax(16rem,.75fr) minmax(0,1.6fr);align-items:center;gap:1.6rem clamp(2rem,5vw,4.5rem);display:grid}.journey__head{grid-column:1/-1}.journey__who{color:var(--text-soft);margin-top:.6rem}.chapters{gap:1.4rem;margin:0;padding:0;list-style:none;display:grid}.chapter{border-left:3px solid var(--rule);opacity:calc(.32 + var(--on,0) * .68);transition:border-color .3s var(--ease);padding-left:1.2rem}.chapter.is-on{border-color:var(--ink)}.chapter__product{color:var(--ink);font-size:.86rem;font-weight:600}.chapter h3{margin:.2rem 0 .4rem;font-size:clamp(1.3rem,2vw,1.7rem)}.chapter p:last-child{color:var(--text-soft);font-size:.96rem}.screen{aspect-ratio:16/10.5;max-height:calc(100svh - var(--bar-h) - 9rem);box-shadow:0 0 0 1px var(--rule), var(--shadow-3);background:#fbf8f1;border-radius:16px;position:relative;overflow:hidden;container-type:inline-size}.screen__bar{height:2.2rem;color:var(--text-soft);border-bottom:1px solid var(--rule);align-items:center;gap:.35rem;padding:0 .9rem;font-size:.78rem;font-weight:600;display:flex}.screen__bar i{background:var(--rule-strong);border-radius:50%;width:.55rem;height:.55rem}.screen__bar span{margin-left:.6rem}.pane{opacity:0;padding:3cqw;position:absolute;inset:2.2rem 0 0}.pane--spot{background:#f3eee3;grid-template-columns:.8fr 1.2fr;gap:3cqw;display:grid}.brief__ask{background:var(--bond);box-shadow:var(--shadow-1);border-radius:1.4cqw;padding:2cqw 2.2cqw;font-size:max(.72rem,1.6cqw);line-height:1.45}.brief__rows{gap:1cqw;margin:2.4cqw 0 0;display:grid}.brief__rows div{border-left:3px solid var(--spot);background:color-mix(in oklab, var(--spot) 7%, transparent);opacity:var(--in,0);transform:translateX(calc((1 - var(--in,0)) * -12px));border-radius:0 .8cqw .8cqw 0;gap:.2cqw;padding:1.2cqw 1.6cqw;font-size:max(.68rem,1.45cqw);display:grid}.brief__rows dt{color:var(--text-soft);font-size:.85em}.brief__rows dd{color:var(--spot-deep);margin:0;font-weight:600}.pane__map{align-self:center;position:relative}.pane__map .area{opacity:var(--in,0);transform-box:fill-box;transform-origin:50%;transform:scale(calc(1.8 - var(--in,0) * .8))}.pane__map .city__pin{opacity:var(--pin,0);translate:0 calc((1 - var(--pin,0)) * -30px)}.why{background:var(--bond);width:46%;box-shadow:var(--shadow-2);opacity:var(--in,0);transform:translateY(calc((1 - var(--in,0)) * 16px));border-radius:1.2cqw;padding:1.6cqw 2cqw;font-size:max(.66rem,1.35cqw);position:absolute;bottom:-1cqw;right:-1cqw}.why__title{color:var(--madder);margin-bottom:.6cqw;font-weight:700}.why ul{gap:.4cqw;margin:0;padding:0;list-style:none;display:grid}.why li{align-items:center;gap:.8cqw;display:flex}.why li:before{content:"";background:var(--list);border-radius:50%;flex:none;width:1.3cqw;height:1.3cqw}.why li.is-unknown:before{background:radial-gradient(circle, var(--spot) .7px, transparent 1px) 0 0 / 3px 3px;box-shadow:inset 0 0 0 1px var(--spot)}.pane--list{grid-template-columns:1.15fr .85fr;align-items:center;gap:3cqw;display:grid}.listing{background:var(--bond);box-shadow:var(--shadow-2);transform:translateY(calc((1 - var(--in,0)) * 30px));border-radius:1.6cqw;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.listing .facade{aspect-ratio:4/5;width:100%;height:100%;min-height:0}.listing__body{align-content:start;gap:1cqw;padding:2.2cqw;font-size:max(.68rem,1.45cqw);display:grid}.listing__type{color:var(--list);font-weight:600}.listing__name{font:700 max(.9rem, 2.2cqw) / 1.15 var(--font-display)}.listing__facts{gap:.6cqw;margin:.8cqw 0;display:grid}.listing__facts div{border-bottom:1px solid var(--rule);justify-content:space-between;padding-bottom:.5cqw;display:flex}.listing__facts dt{color:var(--text-soft)}.listing__facts dd{margin:0;font-weight:600}.listing__book{font:600 max(.7rem, 1.45cqw) / 1.2 var(--font-text);color:var(--bond);background:var(--list);transition:transform .16s var(--ease), background .3s var(--ease);border:0;border-radius:1cqw;padding:1.2cqw}.listing__book.is-press{transform:scale(.94)}.listing__book.is-done{background:var(--list-deep)}.shell{justify-items:center;gap:1.4cqw;margin:0;display:grid}.shell svg{width:100%}.shell figcaption{color:var(--list);text-align:center;font-size:max(.66rem,1.4cqw);font-weight:600}.pane--os{place-items:center;display:grid}.deed{width:min(62cqw,100%);box-shadow:var(--shadow-2);background:#f8f1e1;border-radius:1cqw;padding:3cqw 3.4cqw;position:relative;overflow:hidden}.deed__rosette{opacity:.6;width:22cqw;position:absolute;top:-5cqw;right:-5cqw}.deed__stamp{color:var(--royal);border:1px solid var(--royal);border-radius:.6cqw;padding:.4cqw 1.2cqw;font-size:max(.64rem,1.3cqw);font-weight:600;display:inline-block}.deed__head{font:700 max(.95rem, 2.6cqw) / 1.15 var(--font-display);color:var(--royal);margin:1.6cqw 0 .6cqw}.deed__line{color:var(--text-soft);font-size:max(.68rem,1.5cqw)}.deed__signs{grid-template-columns:repeat(3,1fr);gap:2.4cqw;margin-top:4cqw;display:grid}.deed__signs figure{margin:0}.deed__signs svg{border-bottom:1px solid var(--rule-strong)}.deed__signs figcaption{color:var(--text-soft);margin-top:.6cqw;font-size:max(.62rem,1.25cqw)}.deed .seal{width:11cqw;opacity:var(--in,0);scale:calc(1.6 - var(--in,0) * .6);position:absolute;top:7cqw;right:3cqw}.deed .seal b{font-size:max(.6rem,1.5cqw)}.paid{background:var(--bond);box-shadow:var(--shadow-2);opacity:var(--in,0);transform:translateY(calc((1 - var(--in,0)) * 20px));border-radius:1.4cqw;align-items:center;gap:1.4cqw;padding:1.4cqw 2.2cqw;font-size:max(.7rem,1.5cqw);display:flex;position:absolute;bottom:4cqw;right:4cqw}.paid svg{fill:none;width:3.4cqw;min-width:1.4rem;stroke:var(--bond);stroke-width:3px;stroke-linecap:round;background:var(--list);border-radius:50%;padding:.5cqw}.paid b{display:block}.who{padding:clamp(5rem,10vw,8rem) 0 clamp(3rem,6vw,5rem)}.who__rows{border-bottom:1px solid var(--rule-strong);margin:2.4rem 0 0;padding:0;list-style:none}.who__rows li{border-top:1px solid var(--rule-strong)}.who__rows a{transition:background .25s var(--ease);grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) 10rem;align-items:baseline;gap:1rem 2rem;padding:1.6rem 1rem;text-decoration:none;display:grid}.who__rows a:hover{background:var(--ink-wash)}.who__role{font:700 clamp(1.4rem, 2.6vw, 2.1rem) / 1.1 var(--font-display);letter-spacing:-.02em}.who__need{color:var(--text-soft)}.who__product{color:var(--ink);white-space:nowrap;justify-self:end;font-weight:600}.who__product:after{content:"";width:.5em;height:.5em;transition:translate .25s var(--ease);border-top:2px solid;border-right:2px solid;margin-left:.5em;display:inline-block;transform:rotate(45deg)translateY(-.1em)}.who__rows a:hover .who__product:after{translate:4px}.doors{padding:0 0 clamp(5rem,10vw,8rem)}.doors__row{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.door{isolation:isolate;min-height:34rem;transition:transform .4s var(--ease), box-shadow .4s var(--ease);border-radius:20px;flex-direction:column;padding:2rem 1.8rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.door:hover{box-shadow:var(--shadow-3);transform:translateY(-6px)}.door__art{z-index:-1;position:absolute;inset:0}.door__name{font:700 2.2rem/1 var(--font-display);letter-spacing:-.03em}.door__line{max-width:18rem;margin-top:.8rem;font-size:1.08rem}.door__list{gap:.6rem;margin-top:auto;padding-top:2rem;font-size:.92rem;display:grid}.door__list span{border-top:1px solid color-mix(in oklab, currentColor 25%, transparent);padding-top:.6rem}.door__go{margin-top:1.6rem;font-weight:600}.door__go:after{content:"";border-top:2px solid;border-right:2px solid;width:.5em;height:.5em;margin-left:.5em;display:inline-block;transform:rotate(45deg)translateY(-.1em)}.door--spot{color:var(--spot-deep);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--spot) 22%, transparent);background:#f3eee3}.door--spot .door__art{background:linear-gradient(color-mix(in oklab, var(--spot) 10%, transparent) 1px, transparent 1px) 0 0 / 100% 24px, linear-gradient(90deg, color-mix(in oklab, var(--spot) 10%, transparent) 1px, transparent 1px) 0 0 / 24px 100%}.door--spot .door__art:before{content:"";background:radial-gradient(circle, var(--spot) 1.1px, transparent 1.6px) 0 0 / 8px 8px, radial-gradient(circle, var(--spot) 1.1px, transparent 1.6px) 4px 4px / 8px 8px;opacity:.35;border-radius:40% 60% 50% 50%;width:13rem;height:9rem;position:absolute;top:7rem;right:-2rem}.door--spot .door__art:after{content:"";background:var(--madder);width:1.6rem;height:1.6rem;box-shadow:inset 0 0 0 .45rem var(--madder), inset 0 0 0 1rem #f3eee3;border-radius:50% 50% 50% 0;position:absolute;top:8.6rem;right:4.4rem;transform:rotate(-45deg)}.door--list{color:var(--cream);background:var(--list)}.door--list .door__art{opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23e3eedf' stroke-width='1.1'%3E%3Ccircle cx='0' cy='0' r='20'/%3E%3Ccircle cx='40' cy='0' r='20'/%3E%3Ccircle cx='0' cy='40' r='20'/%3E%3Ccircle cx='40' cy='40' r='20'/%3E%3Ccircle cx='20' cy='20' r='20'/%3E%3C/g%3E%3C/svg%3E");background-size:44px 44px;-webkit-mask-image:linear-gradient(160deg,#000 10%,#0000 60%);mask-image:linear-gradient(160deg,#000 10%,#0000 60%)}.door--os{color:var(--cream);background:var(--night)}.door--os .door__art svg{opacity:.8;width:22rem;position:absolute;top:-4rem;right:-7rem}.door--os .door__art .ink-blue{stroke:color-mix(in oklab, var(--mist) 40%, transparent)}.door--os .door__art .ink-red{stroke:oklab(71.5259% .173802 .0482721/.7)}.is-reduced .sheet{animation:none}.is-reduced .journey__stage{height:auto;padding:5rem 0}.is-reduced .chapter{--on:1}.is-reduced .pane{opacity:1;--in:1;--pin:1;border-top:1px solid var(--rule);position:relative;inset:auto}.is-reduced .screen{aspect-ratio:auto;max-height:none}.is-reduced .journey__inner{max-height:none}@media (width<=960px){.who__rows a{grid-template-columns:1fr;gap:.4rem}.who__product{justify-self:start}.doors__row{grid-template-columns:1fr}.door{min-height:26rem}}@media (width<=860px){.hero{min-height:auto;padding-top:calc(var(--bar-h) + 1.6rem)}.hero__inner{grid-template-columns:1fr}.desk{width:min(100%,30rem);margin:1rem auto 0}.sheet{padding:.6rem}.sheet__note,.sheet__line{font-size:.68rem}.sheet--os{padding:.8rem}.sheet__head{font-size:.82rem}.hero__sample{width:max-content;margin:1.4rem auto 0;display:block;position:static}.journey__inner{grid-template-rows:auto auto 1fr;grid-template-columns:1fr;align-content:start;gap:1rem;padding-top:1rem}.journey__head .title{font-size:1.7rem}.journey__who{font-size:.9rem}.chapters{grid-template-areas:"c";display:grid}.chapter{opacity:var(--on,0);grid-area:c}.chapter p:last-child{font-size:.9rem}.screen{aspect-ratio:4/5;justify-self:center;width:100%;max-height:56svh}.pane{padding:4cqw}.pane--spot{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:3cqw}.brief__ask{display:none}.brief__rows{grid-template-columns:1fr 1fr;gap:2cqw;margin:0}.brief__rows div{padding:2cqw 2.6cqw;font-size:.7rem}.why{width:64%;font-size:.68rem}.pane--list{grid-template-columns:1fr;align-content:center}.listing{grid-template-columns:1fr}.listing .facade{aspect-ratio:16/9}.listing__body{padding:4cqw}.shell{justify-self:center;width:60%}.deed{width:100%;padding:6cqw}.deed .seal{width:22cqw;top:14cqw}.is-reduced .chapter{grid-area:auto}.is-reduced .chapters{grid-template-areas:none}}