/* Homepage v2 refinement: presence, an outward gesture, then quiet. */
.home-page{overflow-x:clip}
.home-page .header{min-height:98px}
.home-page .header nav,.home-page .brand{font-size:14px}
.hero-field{position:relative;isolation:isolate;overflow:clip}
#hero-dots{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.hero-field::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(44,44,44,.85),rgba(44,44,44,.7) 36%,rgba(44,44,44,.12) 62%,transparent)}
.home-page .hero{min-height:640px;padding-top:60px;padding-bottom:28px;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.home-page .hero-copy .label{text-transform:uppercase;font-size:12px;letter-spacing:.06em;margin-bottom:22px}
.home-page h1{max-width:15ch;font-size:clamp(45px,4.65vw,65px);line-height:1.025;letter-spacing:-.04em}
.hero-line{display:block}
.home-page .intro{max-width:39ch;font-size:19px;line-height:1.55;margin-top:25px;margin-bottom:27px;text-wrap:pretty}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.hero-actions .text-link{font-size:15px;gap:18px;min-height:32px}
.hero-actions .text-link:first-child{border-color:var(--orange)}
.hero-actions .text-link span{color:var(--orange)}
.home-page .hero-figure{align-self:center}
.home-page .hero-figure canvas{height:400px}
.home-page .hero-figure figcaption{display:flex;flex-direction:column;align-items:flex-start;margin-top:6px;padding-left:4%;gap:9px}
.home-page .hero-figure figcaption p{font:17px/1.45 proxima-nova,Arial,sans-serif;color:var(--sand);text-wrap:balance}
.hero-replay{font:12px/1.6 'Space Mono',monospace;color:var(--sand);border:0;background:none;padding:4px 0;min-height:36px;cursor:pointer;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--orange)}
.hero-replay:hover,.motion-toggle:hover{color:var(--light)}
.hero-byline{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:19px;margin-top:0;font:12px/1.6 'Space Mono',monospace;color:var(--sand)}
.hero-byline a span{color:var(--orange);margin-left:10px}
.home-page .work{padding-top:65px;padding-bottom:78px}
.home-page .work .section-head{border-top:0;padding-top:0}
.home-page .ground-bottom{color:var(--orange)}
.home-page .advisor-art{background:var(--orange)}
.home-page .advisor-art img{width:108px;max-width:35%;height:auto}
.home-page .advisor-art .project-arrow{color:var(--ink)}
.home-page .caption .project-name{font:12px/1.6 'Space Mono',monospace;color:var(--sand);margin-bottom:8px}
.home-page .paired{gap:48px}
.all-projects{display:flex;justify-content:flex-end;margin-top:32px}
.all-projects a{font-size:14px}
.help-section{position:relative;isolation:isolate;overflow:clip;background:var(--ground)}
#service-ripple{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.help-section::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--ground) 0%,rgba(44,44,44,.4) 17%,transparent 34%,transparent 65%,rgba(44,44,44,.65) 84%,var(--ground) 100%),linear-gradient(90deg,rgba(44,44,44,.08) 0%,rgba(44,44,44,.22) 35%,rgba(44,44,44,.84) 55%,rgba(44,44,44,.84) 87%,rgba(44,44,44,.14) 100%)}
.help-section .help{padding-top:72px;padding-bottom:70px}
.help-section .section-head{border-top:0;padding-top:0;margin-bottom:56px}
.help-section .section-head .label{margin:5px 0}
.help-section .help-layout{padding-top:0;gap:85px;align-items:center}
.help-section .help-thesis{line-height:1.55;font-size:clamp(30px,3vw,42px)}
.help-section .help-thesis>span{color:var(--light)}
.help-section .help-thesis>span:last-child{color:var(--sand)}
.help-section .help-thesis .motion-word{color:inherit}
.ink-patch{background:transparent;padding:0;margin:0}
.help-section .help-rows article{padding:22px 0;border:0}
.help-section .help-rows article:first-child{padding-top:0}
.help-section .help-rows h3{font-size:22px}
.help-section .help-rows p{font-size:17px;line-height:1.55;max-width:43ch}
.help-tail{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:34px}
.help-tail p{font-size:15px;max-width:45ch;line-height:1.55}
.help-tail .text-link{flex-shrink:0;font-size:14px;gap:16px}
.attention-section{padding-top:140px;padding-bottom:145px}
.attention-section h2{max-width:28ch;font-size:clamp(38px,4.5vw,62px);line-height:1.23;letter-spacing:-.03em;text-wrap:pretty}
.mauve-underline{display:inline-block;border-bottom:2px solid #ac8daf;padding-bottom:.035em}
.notes-link{display:inline-flex;align-items:center;gap:18px;margin-top:42px;font:14px/1.6 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--orange);min-height:36px}
.notes-link:hover{color:var(--light)}
.motion-word{display:inline-block;position:relative}
.hero-copy,.hero-figure{position:relative}
.home-page .book-section{margin-top:0}
.home-page .about{padding-top:95px;padding-bottom:90px}
.contact-field{position:relative;isolation:isolate;border-top:1px solid var(--line);overflow:clip}
#footer-dots{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}
.home-page .contact{border:0;padding-top:45px;padding-bottom:78px;position:relative}
.home-page .contact .label{width:fit-content}
.home-page .contact h2{font-size:clamp(44px,5.4vw,72px);line-height:1.08}
.home-page .contact-link{overflow-wrap:anywhere;max-width:100%;line-height:1.4}
.home-page .contact p:not(.label){font-size:18px;max-width:38ch}
.home-page .footer{border-top:1px solid var(--line);font-size:11px}
.brand .mark i{transition:transform .55s cubic-bezier(.2,.75,.25,1),border-color .25s;transition-delay:calc((2 - var(--order))*65ms),0ms}
.brand .mark i:nth-child(1){--order:0;--tip:38deg}
.brand .mark i:nth-child(2){--order:1;--tip:38deg}
.brand .mark i:nth-child(3){--order:2;--tip:14deg}
.brand:is(:hover,:focus-visible) .mark i{transform:rotate(var(--tip));transition-delay:calc(var(--order)*95ms),0ms}
@media(min-width:1500px){.home-page .hero{min-height:680px;padding-top:70px;padding-bottom:30px}.home-page .hero-figure canvas{height:420px}}
@media(max-width:900px){.home-page .hero{grid-template-columns:1.08fr 1fr;gap:28px;padding-top:45px;min-height:610px}.home-page h1{font-size:48px}.home-page .intro{font-size:17px}.home-page .hero-figure canvas{height:340px}.home-page .hero-figure figcaption p{font-size:16px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:14px}.help-section .help-layout{gap:45px}.help-tail{align-items:flex-start;flex-direction:column;gap:18px}.hero-byline{font-size:12px}.attention-section{padding-block:110px}}
@media(max-width:620px){.home-page .header{min-height:0}.home-page .header nav{font-size:12px}.home-page .hero{grid-template-columns:1fr;padding-top:38px;gap:26px;min-height:0}.hero-field::after{background:linear-gradient(180deg,rgba(44,44,44,.82) 0%,rgba(44,44,44,.82) 45%,rgba(44,44,44,.08) 65%,transparent)}.home-page h1{font-size:clamp(43px,9.8vw,58px);max-width:none}.home-page .intro{font-size:18px;max-width:37ch}.home-page .hero-figure canvas{height:280px}.home-page .hero-figure figcaption{margin-top:0;padding-left:0;gap:5px}.hero-byline{margin-top:8px;flex-wrap:wrap;gap:10px}.home-page .work{padding-top:45px;padding-bottom:50px}.home-page .paired{gap:35px}.home-page .advisor-art img{width:92px}.help-section .help{padding-top:48px;padding-bottom:48px}.help-section .section-head{margin-bottom:38px}.help-section .help-layout{gap:38px}.help-section .help-thesis{font-size:32px;line-height:1.4}.help-section .help-rows p{font-size:17px}.help-section .help-rows h3{font-size:21px}.help-section::after{background:linear-gradient(180deg,var(--ground),rgba(44,44,44,.2) 22%,rgba(44,44,44,.5) 43%,rgba(44,44,44,.82) 60%,var(--ground))}.help-tail{margin-top:24px}.help-tail .text-link{font-size:14px}.attention-section{padding-block:86px 95px}.attention-section h2{font-size:clamp(34px,8.3vw,43px);max-width:24ch}.notes-link{margin-top:32px}.home-page .about{padding-top:55px;padding-bottom:50px}.home-page .contact{padding-block:36px 48px}.home-page .contact h2{font-size:54px}.home-page .contact-link{font-size:18px}.home-page .contact p:not(.label){font-size:17px}}
@media(prefers-reduced-motion:reduce){.brand .mark i{transition:none!important}.brand:is(:hover,:focus-visible) .mark i{transform:none;border-color:var(--orange)}.motion-word{transform:none!important;opacity:1!important}}