.hero{isolation:isolate;background:var(--dark);color:#f5f5f7;min-height:calc(100svh - 3.5rem);display:grid;position:relative;overflow:hidden}.hero-glow{z-index:-1;aspect-ratio:1;filter:blur(8px);background:radial-gradient(circle at 42% 40%,#7c70ff57,#3c58be33 32%,#1b355c1f 52%,#0000 72%);border-radius:50%;width:min(76vw,900px);position:absolute;top:52%;left:67%;transform:translate(-50%,-50%)}.hero-inner{align-self:center;padding-block:7rem 9rem}.hero h1{letter-spacing:-.07em;max-width:860px;margin-bottom:2rem;font-size:clamp(3.6rem,7.4vw,6.8rem);font-weight:650;line-height:.92}.hero-lead{color:#a1a1a6;letter-spacing:-.025em;max-width:680px;margin-bottom:2.4rem;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:500;line-height:1.4}.hero .round-link{color:#111;background:#fff}.hero .round-link:hover{background:#e8e8ed}.approach{background:#fff}.approach h2,.principles h2,.closing h2{letter-spacing:-.06em;max-width:900px;margin-bottom:2rem;font-size:clamp(2.8rem,5.8vw,5.25rem);font-weight:650;line-height:.98}.section-lead{max-width:800px;color:var(--muted);letter-spacing:-.035em;margin-bottom:clamp(4rem,8vw,7rem);font-size:clamp(1.3rem,2.4vw,2rem);font-weight:500;line-height:1.35}.approach-steps{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.approach-steps article{background:var(--paper);border-radius:28px;min-height:360px;padding:2rem}.approach-steps article:nth-child(2){background:linear-gradient(145deg, #ebe9ff, var(--paper) 70%)}.approach-steps article:nth-child(3){background:var(--dark-soft);color:#fff}.approach-steps svg{color:var(--accent);margin-bottom:8rem}.approach-steps article:nth-child(3) svg{color:var(--accent-bright)}.approach-steps h3{letter-spacing:-.04em;margin-bottom:.7rem;font-size:1.75rem}.approach-steps p{color:var(--muted);margin:0;font-size:1.02rem;line-height:1.55}.approach-steps article:nth-child(3) p{color:#a1a1a6}.principles{background:var(--paper)}.principle-grid{background:#d8d8dd;border-radius:32px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:4rem;padding:1px;display:grid;overflow:hidden;box-shadow:0 28px 70px #1d1d1f1a}.principle-grid article{min-height:430px;color:var(--ink);background:#fff;padding:2rem}.principle-grid article:nth-child(2){background:#fbfbfd}.principle-grid article:nth-child(3){background:#fff}.principle-icon{color:#6657e8;background:#efedff;border-radius:16px;place-items:center;width:3.75rem;height:3.75rem;display:grid}.principle-grid article:nth-child(2) .principle-icon{color:#1476c9;background:#eaf5ff}.principle-grid article:nth-child(3) .principle-icon{color:#20845a;background:#eaf8f1}.principle-grid h3{letter-spacing:-.04em;margin-top:9rem;margin-bottom:.8rem;font-size:2rem}.principle-grid p{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.55}.project{background:var(--dark);color:#f5f5f7;overflow:hidden}.project-intro{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:clamp(3rem,8vw,7rem);margin-bottom:clamp(4rem,8vw,6.5rem);display:grid}.project-heading{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.project-name{flex-direction:column;align-items:flex-start;gap:1.4rem;display:flex}.project-name img{border-radius:22%;flex:none;width:clamp(68px,7vw,92px);box-shadow:0 16px 44px #5d4cff47}.project-name h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.7rem,5vw,4.65rem);line-height:.95}.project-tagline{color:#a1a1a6;letter-spacing:-.025em;width:100%;margin:1.6rem 0 0;font-size:clamp(1.12rem,1.7vw,1.5rem);font-weight:550;line-height:1.3}.project-summary{padding-top:.5rem}.project-description{color:#d2d2d7;margin:0;font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.5}.project-link{color:#111;background:#fff;border-radius:999px;align-items:center;gap:.65rem;margin-top:2rem;padding:.9rem 1.2rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.project-link:hover{background:#e8e8ed;transform:translateY(-2px)}.project-link:focus-visible{outline:3px solid var(--accent-bright);outline-offset:4px}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;gap:1rem;display:flex;overflow-x:auto}.carousel-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.carousel-track::-webkit-scrollbar{display:none}.project-slide{scroll-snap-align:center;background:#1c1c1e;border-radius:30px;flex:0 0 min(1060px,100vw - 72px);overflow:hidden}.product-shot{background:#eceff4;height:clamp(360px,50vw,650px);overflow:hidden}.product-shot img{object-fit:cover;object-position:top center;width:100%;height:100%}.slide-copy{padding:2rem}.slide-copy>p{color:var(--accent-bright);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.6rem;font-size:.78rem;font-weight:700}.slide-copy h3{letter-spacing:-.045em;margin-bottom:.55rem;font-size:clamp(1.8rem,3vw,3rem)}.slide-copy span{color:#a1a1a6;max-width:660px;font-size:1.05rem;line-height:1.5;display:block}.carousel-dots{justify-content:center;gap:.55rem;margin-top:1.3rem;display:flex}.carousel-dots button{cursor:pointer;background:#424245;border:0;border-radius:50%;width:.5rem;height:.5rem;padding:0;transition:background .2s,transform .2s}.carousel-dots button.active{background:#fff;transform:scale(1.25)}.closing{color:#fff;background:linear-gradient(135deg,#6554ff 0%,#3f8cff 55%,#63c6ff 100%)}.closing-inner>p{max-width:720px;margin-bottom:2.5rem;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.5}.round-link--light{color:var(--ink);background:#fff}.round-link--light:hover{background:#f5f5f7}@media (width<=850px){.hero h1{font-size:clamp(3.25rem,11vw,5rem)}.approach-steps,.principle-grid{grid-template-columns:1fr}.approach-steps article{min-height:320px}.approach-steps svg{margin-bottom:5rem}.principle-grid article{min-height:340px}.principle-grid h3{margin-top:5rem}.project-intro{grid-template-columns:1fr;gap:3rem}.project-summary{max-width:680px;padding-top:0}}@media (width<=600px){.hero{min-height:calc(100svh - 3.5rem)}.hero-inner{padding-block:4rem 6rem}.hero h1{max-width:10ch;font-size:clamp(2.85rem,13vw,3.8rem);line-height:.96}.hero-lead{font-size:1.08rem;line-height:1.5}.approach h2,.principles h2,.closing h2{font-size:clamp(2.35rem,10.5vw,3.35rem)}.project-heading,.project-name{align-items:center}.project-heading{text-align:center}.project-name img{width:64px}.project-name h2{font-size:clamp(2.35rem,11vw,3.15rem)}.project-tagline{margin-top:1.5rem}.project-link{justify-content:center;width:100%}.project-slide{border-radius:22px;flex-basis:calc(100vw - 40px)}.product-shot{height:330px}.product-shot img{object-position:top left;width:520px;max-width:none}.slide-copy{padding:1.4rem}.slide-copy h3{font-size:1.7rem}.slide-copy span{font-size:.98rem}}
