.home[data-page=design]{--design-warm:var(--ui-ink);--design-violet:var(--ui-lilac);background:var(--ui-canvas);scroll-behavior:smooth}:root:has(.home[data-page=design]){scroll-behavior:smooth;scroll-padding-top:96px}.design-menu{grid-template-columns:1.5fr 1fr;width:min(624px,100vw - 42px);display:grid}.design-menu ol{gap:2px;display:grid}.design-menu ol a{transition:background var(--ui-duration) var(--ui-ease-out);border-radius:14px;grid-template-columns:34px 1fr;gap:2px 10px;padding:12px;display:grid}.design-menu ol a:hover{background:var(--ui-wash)}.design-menu-number{border:var(--ui-stroke) solid var(--ui-ink);width:34px;height:34px;color:var(--design-warm);font-variant-numeric:tabular-nums;border-radius:10px;grid-row:span 2;place-items:center;font-size:12px;display:grid}.design-menu ol strong{font-size:15px;font-weight:500}.design-menu ol a>span:last-child{color:var(--ui-muted);font-size:13px}.design-menu-side{background:var(--ui-surface);border-radius:14px;align-content:start;gap:8px;margin-left:8px;padding:16px;font-size:13px;display:grid}.design-menu-side p{color:var(--ui-muted);line-height:1.45}.design-menu-side .design-menu-price{color:var(--ui-ink)}.design-menu-price strong{letter-spacing:-.03em;font-size:26px;font-weight:500}.design-menu-side a{align-items:center;gap:4px;font-weight:500;display:inline-flex}.design-hero{justify-items:center;gap:var(--ui-space-5);width:var(--home-width);text-align:center;margin:0 auto;padding:clamp(52px,12vh,108px) 0 0;display:grid}.design-eyebrow{border:var(--ui-stroke) solid var(--ui-ink);border-radius:var(--ui-radius-pill);background:var(--ui-butter);box-shadow:var(--ui-pop-sm);color:var(--ui-ink);padding:6px 14px;font-size:13px;font-weight:700}.design-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:12.5em;font-size:clamp(42px,6.6vw,88px);font-weight:800;line-height:.98}.design-hero-lead{max-width:38em;color:var(--ui-muted);text-wrap:pretty;font-size:clamp(17px,1.5vw,19px);line-height:1.5}.design-hero .home-actions{justify-content:center}.design-fan{justify-content:center;width:100%;height:clamp(220px,34vw,430px);margin-top:clamp(24px,5vh,56px);display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.design-fan img{border:var(--ui-stroke) solid var(--ui-ink);width:clamp(150px,23vw,300px);height:auto;box-shadow:var(--ui-shadow);transform:translateX(calc(var(--at) * 72%)) translateY(calc(var(--at) * var(--at) * 5%)) rotate(calc(var(--at) * 5deg));transform-origin:50% 120%;animation:design-fan .9s var(--ui-ease-out) both;animation-delay:calc((var(--at) + 2) * 60ms);border-radius:14px;position:absolute;top:8%}@keyframes design-fan{0%{opacity:0;transform:translateY(40%)rotate(0)}}.design-fan-note{border:var(--ui-stroke) solid var(--ui-ink);border-radius:var(--ui-radius-pill);background:var(--ui-butter);box-shadow:var(--ui-pop-sm);white-space:nowrap;animation:design-note .6s var(--ui-ease-out) .7s both;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute}@keyframes design-note{0%{opacity:0;transform:translateY(8px)scale(.96)}}.design-fan-matched{background:var(--ui-mint);top:4%;left:clamp(0px,14%,220px)}.design-fan-said{animation-delay:1s;top:34%;right:clamp(0px,10%,180px)}.design-path{width:var(--home-width);border:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-surface);border-radius:18px;grid-template-columns:repeat(3,1fr);margin:clamp(8px,2vh,24px) auto 0;display:grid}.design-path li+li{border-left:1px solid var(--ui-line)}.design-path a{align-items:center;gap:12px;padding:18px 22px;font-size:15px;font-weight:500;display:flex}.design-path a span,.design-step-number span{color:var(--design-warm);font-variant-numeric:tabular-nums;font-size:13px}.design-step-number span{border:var(--ui-stroke) solid var(--ui-ink);border-radius:var(--ui-radius-pill);padding:4px 12px;display:inline-block}.design-step{gap:var(--ui-space-7) clamp(40px, 6vw, 96px);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.design-step[data-flip]{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.design-step>.home-heading{position:sticky;top:112px}.design-step[data-flip]>.home-heading{order:2}.design-choices{gap:var(--ui-space-3);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));display:grid}.design-choices button{border:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-surface);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--ui-duration) var(--ui-ease-out), transform var(--ui-duration) var(--ui-ease-out);border-radius:16px;gap:10px;padding:6px 6px 12px;font-size:14px;display:grid}.design-choices button:hover{border-color:var(--ui-ink);transform:translateY(-3px)}.design-choices button[aria-pressed=true]{box-shadow:0 0 0 3px var(--ui-mint-strong), 0 0 0 calc(3px + var(--ui-stroke)) var(--ui-ink)}.design-choices img{aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:11px;width:100%;height:auto}.design-choices span{justify-content:space-between;align-items:center;padding:0 6px;display:flex}.design-choices svg{color:var(--design-warm)}.design-chosen{margin-top:var(--ui-space-5);z-index:2;justify-content:space-between;align-items:center;gap:var(--ui-space-3);border:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-surface);box-shadow:var(--ui-pop);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;flex-wrap:wrap;padding:12px 12px 12px 20px;font-size:15px;display:flex;position:sticky;bottom:16px}.design-team{gap:var(--ui-space-3);margin-bottom:var(--ui-space-4);display:grid}.design-team li{gap:4px var(--ui-space-4);padding:var(--ui-space-5);border:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-surface);border-radius:18px;grid-template-columns:20px minmax(0,1fr);display:grid}.design-team svg{color:var(--design-warm);grid-row:span 3;margin-top:2px}.design-team h3{font-size:19px}.design-team p{color:var(--ui-muted);font-size:14px;line-height:1.5}.design-team .design-team-line{color:var(--ui-ink)}.design-people{gap:var(--ui-space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.design-people>li,.design-matching-brief,.design-matching-person{gap:var(--ui-space-4);padding:var(--ui-space-5);border:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-surface);border-radius:18px;display:flex}.design-people h3,.design-matching h3{font-size:19px}.design-people p,.design-matching p{color:var(--ui-muted);margin-top:4px;font-size:14px;line-height:1.5}.design-people .design-people-line{color:var(--ui-ink)}.design-face{background:var(--ui-line-strong);color:var(--ui-ink);object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.design-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.design-tags li{border:var(--ui-stroke) solid var(--ui-ink);border-radius:var(--ui-radius-pill);padding:4px 10px;font-size:12px}.design-matching{grid-template-columns:1fr 72px 1fr;align-items:center;display:grid}.design-matching-brief{display:block}.design-matching-line{background:linear-gradient(90deg, var(--ui-line-strong), var(--design-warm));height:1px}.design-matching-person{align-items:center}.design-chat{gap:var(--ui-space-3);margin:0;display:grid}.design-chat ol{padding:var(--ui-space-5);border:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-surface);border-radius:22px;gap:10px;display:grid}.design-chat li{gap:10px;max-width:84%;font-size:15px;line-height:1.45;display:flex}.design-chat li[data-from=you]{background:var(--ui-ink);color:var(--ui-canvas);border-radius:18px 18px 4px;justify-self:end;padding:10px 14px}.design-chat li[data-from=drate] p{background:var(--ui-wash);border-radius:18px 18px 18px 4px;padding:10px 14px}.design-chat strong{color:var(--design-warm);font-size:12px;font-weight:500;display:block}.design-chat li[data-picture]{gap:6px;width:168px;margin-left:38px;display:grid}.design-chat li[data-picture] img{border:var(--ui-stroke) solid var(--ui-ink);border-radius:12px;width:100%;height:auto}.design-chat li[data-picture] p{color:var(--ui-muted);background:0 0;padding:0;font-size:12px}.design-handled{margin-top:var(--ui-space-7);border:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-line);border-radius:22px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1px;display:grid;overflow:hidden}.design-handled li{padding:var(--ui-space-5);background:var(--ui-surface);align-content:start;gap:8px;display:grid}.design-handled svg{color:var(--design-warm)}.design-handled h3{margin-top:6px;font-size:17px}.design-handled p{color:var(--ui-muted);font-size:14px;line-height:1.5}.design-offer{gap:var(--ui-space-7);border:var(--ui-stroke) solid var(--ui-ink);background:var(--ui-surface);border-radius:28px;grid-template-columns:1.1fr 1fr;align-items:center;margin-top:clamp(96px,15vh,176px);padding:clamp(28px,5vw,64px);display:grid}.design-offer>div{gap:var(--ui-space-4);justify-items:start;display:grid}.design-offer h2{letter-spacing:-.05em;font-size:clamp(56px,8vw,104px);line-height:1}.design-offer h2 span{color:var(--ui-muted);letter-spacing:-.02em;font-size:.32em}.design-offer>ul{gap:14px;font-size:15px;display:grid}.design-offer>ul li{align-items:center;gap:10px;display:flex}.design-offer>ul svg{color:var(--design-warm);flex:none}.design-questions{gap:var(--ui-space-7);grid-template-columns:1fr 1.4fr;display:grid}.design-questions .home-heading{align-content:start}.design-questions details{border-top:1px solid var(--ui-line)}.design-questions details:last-child{border-bottom:1px solid var(--ui-line)}.design-questions summary{font-size:var(--ui-text-lg);cursor:pointer;padding:20px 0;font-weight:500}.design-questions details p{max-width:38em;color:var(--ui-muted);padding-bottom:22px;line-height:1.55}@media (width<=900px){.design-step,.design-step[data-flip]{grid-template-columns:minmax(0,1fr)}.design-step>.home-heading{position:static}.design-step[data-flip]>.home-heading{order:0}}@media (width<=760px){.design-menu{grid-template-columns:1fr}.design-menu-side{margin:8px 0 0}.design-fan-note{display:none}.design-path{grid-template-columns:1fr}.design-path li+li{border-top:1px solid var(--ui-line);border-left:0}.design-choices{gap:var(--ui-space-3);grid-template-columns:repeat(2,1fr)}.design-matching{grid-template-columns:1fr;gap:0}.design-matching-line{background:linear-gradient(var(--ui-line-strong), var(--design-warm));width:1px;height:32px;margin:0 auto}.design-chat li{max-width:94%}.design-offer,.design-questions{gap:var(--ui-space-6);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.design-fan img,.design-fan-note{animation:none}:root:has(.home[data-page=design]){scroll-behavior:auto}}
