.portfolio-page,.case-page,.brand-start{--glass-base:#121c2c;--glass-edge:#aecbff38;--glass-edge-top:#aecbff4d;--glass-edge-bottom:#aecbff17;--glass-fill:linear-gradient(135deg,#eaf3ff12,#12203a92 48%,#0b1427e8);--glass-shadow:inset 0 1px 0 #f0f6ff1c,0 10px 24px -8px #020712a6;--glass-shadow-2:inset 0 1px 0 #f0f6ff2b,inset 0 0 0 1px #ffffff06,0 22px 44px -16px #020712d9;--r-inner:6px;--r-card:12px;--r-frame:16px;--r-pill:999px;--sec-y:clamp(3.5rem,7vw,6rem);--sec-y-tight:clamp(2.5rem,5vw,3.5rem)}.portfolio-page .work-link{border:1px solid var(--glass-edge);border-top-color:var(--glass-edge-top);border-bottom-color:var(--glass-edge-bottom);border-radius:var(--r-frame);background:var(--glass-base);box-shadow:var(--glass-shadow-2);overflow:hidden}.portfolio-page .work-info{background:var(--glass-fill);gap:1.5rem;padding:1.5rem}.portfolio-page .work-scope{border-color:#bfd6ff38}.portfolio-page .work-link .work-scope .service-list{gap:.3rem .4rem}.portfolio-page .work-link .work-scope .service-list li:after{content:none}.portfolio-page .work-link .work-scope .service-list li+li:before{content:"·";color:#93c5fd;margin-right:.45rem;position:static}.portfolio-page .open-work{background:#0b1528e8;border-color:#e5efff99;box-shadow:inset 0 1px #fff4,0 6px 18px #03091440}.portfolio-page .work-link:hover .open-work{background:#16243ae8}.portfolio-page .work-link:focus-visible{outline-offset:5px}.portfolio-page .case-link{white-space:normal}.portfolio-page .intro-bottom>p{text-wrap:pretty;max-width:48ch}.case-page .case-hero{border:1px solid var(--glass-edge);border-top-color:var(--glass-edge-top);border-radius:var(--r-frame);box-shadow:var(--glass-shadow-2);overflow:hidden}.case-page .story-step,.case-page .story-annotation,.case-page .identity-notes>div,.case-page .packaging-board>figure,.case-page .media-tile{background:var(--glass-base);background-image:var(--glass-fill);border:1px solid var(--glass-edge);border-top-color:var(--glass-edge-top);border-bottom-color:var(--glass-edge-bottom);border-radius:var(--r-card);box-shadow:var(--glass-shadow)}.case-page .story-step{min-width:0;padding:1.35rem}.case-page .story-step>p{text-wrap:pretty;max-width:none}.case-page .identity-notes{gap:1.5rem}.case-page .identity-notes>div{min-width:0;padding:1.5rem}.case-page .identity-notes p,.case-page .story-tension,.case-page .story-annotation figcaption>p,.case-page .system-line{text-wrap:pretty;max-width:none}.case-page .media-tile{padding-bottom:1rem;overflow:hidden}.case-page .packaging-board>figure{padding-top:0;overflow:hidden}.case-page .packaging-board figcaption{padding:0 1.25rem 1.25rem}.case-page .media-caption,.case-page .media-description,.case-page .media-tile>.likes{margin-inline:1rem}.case-page .media-caption h3{text-wrap:pretty;min-height:0}.case-page .media-caption a{align-items:center}.case-page .media-caption a>span[aria-hidden]{flex-shrink:0}.case-page .social-post{border-radius:var(--r-card);box-shadow:var(--glass-shadow)}.case-page .story-opening h2,.case-page .identity-heading h2,.case-page .packaging-heading h2,.case-page .website-path h2,.case-page .case-finale h2,.portfolio-page .portfolio-finale h2,.brand-start h1{text-wrap:balance}.case-page .constraint-strip>div{min-width:0}.case-page .constraint-strip dd{white-space:normal}.case-page .constraint-strip dt{max-width:none}.brand-start h1 em{display:inline}.brand-start .lede,.brand-start .detail,.brand-start .salon-option{text-wrap:pretty;max-width:65ch}@supports (backdrop-filter:blur(6px)){.portfolio-page .open-work{backdrop-filter:blur(6px)}}@media (width<=700px){.portfolio-page .work-info{gap:.7rem;padding:1.15rem 1rem}.case-page .story-step,.case-page .identity-notes>div{padding:1.1rem}.case-page .editorial-story .story-sequence{grid-template-columns:1fr;gap:1rem}.case-page .story-step>p{font-size:.9rem}.case-page .constraint-strip>div{flex-wrap:wrap}.case-page .constraint-strip dd{flex:0 auto}.case-page .constraint-strip dt{flex:12ch}.portfolio-page .text-link{gap:1rem}}.case-page .btn-ghost{background:var(--glass-base);border-color:var(--glass-edge);box-shadow:inset 0 1px #f0f6ff1c}.case-page .case-kicker,.portfolio-page .work-kicker{font-variant-numeric:tabular-nums}@media (prefers-reduced-transparency:reduce){.portfolio-page,.case-page,.brand-start{--glass-fill:linear-gradient(#121c2c,#121c2c);--glass-shadow:inset 0 1px 0 #f0f6ff1c;--glass-shadow-2:inset 0 1px 0 #f0f6ff1c}.portfolio-page .work-grid .work-item .work-link .work-art .open-work{backdrop-filter:none;background:#0b1528}}
