.hero{min-height:100svh;padding-top:calc(var(--nav-h) + clamp(1.5rem, 5vh, 4rem));padding-bottom:5rem;display:flex;position:relative}.hero-grid{flex:1;grid-template-columns:minmax(0,1fr) clamp(15rem,21vw,24rem);align-content:start;gap:clamp(1.5rem,4vw,5rem);width:100%;display:grid;position:relative}.hero-index{margin-bottom:clamp(.75rem,2vh,1.5rem)}.name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(3.6rem,15.4vw,17rem);font-weight:900;font-stretch:78%;line-height:.8}.line{white-space:nowrap;display:flex}.line-b{margin-top:.04em}.mask{margin:-.06em -.04em -.02em;padding:.06em .04em .02em;display:block;overflow:hidden}.l{opacity:0;--from:125%;transform:translate3d(var(--from), 0, 0);animation:slide-in 1.85s cubic-bezier(.19, 1, .22, 1) calc(50ms + var(--i) * 65ms) forwards;cursor:default;display:block}.mask:nth-child(2n) .l{--from:-125%}.roll{margin:-.06em -.04em -.02em;padding:.06em .04em .02em;display:block;position:relative;overflow:clip}.a,.b{display:block}.b{visibility:hidden;position:absolute;top:.06em;left:100%}@keyframes slide-in{to{opacity:1;transform:translate(0,0)}}@supports (animation-timeline:scroll()){.line-a{animation:linear both drift-l scroll(root);animation-range:0 90vh}.line-b{animation:linear both drift-r scroll(root);animation-range:0 90vh}@keyframes drift-l{to{transform:translate(-4vw)}}@keyframes drift-r{to{transform:translate(5vw)}}}[data-hero]{opacity:0;animation:hero-in 1.4s var(--ease) calc(.9s + var(--h) * .11s) forwards;transform:translateY(.9rem)}@keyframes hero-in{to{opacity:1;transform:none}}.index[data-hero]{animation-delay:.1s}.hero-role{margin-top:calc(clamp(1.25rem,3.5vh,2.5rem) - 10px)}.role-1,.role-2{letter-spacing:.1em;margin:0;font-size:clamp(.95rem,1.5vw,1.35rem);line-height:1.55}.hero-copy{color:#35423d;max-width:34rem;margin:1.5rem 0 0;font-size:clamp(.85rem,1.05vw,.95rem)}.view-work{align-items:center;gap:1.1rem;margin-top:clamp(1.5rem,4vh,2.5rem);font-size:.8rem;display:inline-flex}.vw-circle{border:1px solid var(--ink);width:2.75rem;height:2.75rem;transition:background-color .8s var(--ease), color .8s var(--ease), transform .8s var(--ease);border-radius:50%;place-items:center;display:grid}.view-work:hover .vw-circle{background:var(--ink);color:var(--paper);transform:translate(6px)}.rail{flex-direction:column;gap:clamp(2rem,8vh,6rem);padding-top:clamp(2.2rem,4.5vh,3.5rem);display:flex}.rail-heading{opacity:.6;margin:0 0 1rem}.rail-heading-text{opacity:.6}.focus{gap:1rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid}.focus li{gap:1.5rem;display:flex}.focus-name{transition:transform .8s var(--ease)}.focus li:hover .focus-name{transform:translate(8px)}.status{font-size:.78rem;position:relative}.status-rule{background:var(--rule);width:100%;height:1px;margin-bottom:1.5rem;display:block}.status p{margin:0}.status .status-sub{margin-top:1.5rem}.status .avail{align-items:center;gap:.75rem;margin-top:.75rem;font-size:.72rem;display:flex}.dot{background:var(--signal);border-radius:50%;width:.6rem;height:.6rem;position:relative}.dot:after{content:"";background:var(--signal);animation:ping 2.8s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}@keyframes ping{0%{opacity:.5;transform:scale(1)}70%,to{opacity:0;transform:scale(3.2)}}.clock{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:.68rem;margin-top:.75rem!important}.scroll-cue{left:var(--pad);align-items:center;gap:1rem;font-size:.68rem;display:flex;position:absolute;bottom:1.75rem}.cue-line{background:var(--rule);width:3.5rem;height:1px;position:relative;overflow:hidden}.cue-line:after{content:"";background:var(--ink);animation:cue 3.2s var(--ease) 2.4s infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes cue{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@media (width<=860px){.hero-grid{grid-template-columns:1fr}.name{font-size:clamp(3.4rem,19vw,9rem)}.rail{gap:2rem;padding-top:1rem}.scroll-cue{display:none}}.about{border-top:1px solid var(--rule);margin-top:clamp(1rem,4vh,3rem);padding-block:clamp(6rem,16vh,12rem)}.about-grid{grid-template-columns:clamp(8rem,18vw,22rem) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.statement{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(2rem,4.6vw,5rem);font-weight:800;font-stretch:85%;line-height:1.02}.about-cols{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);margin-top:clamp(3rem,9vh,6rem);display:grid}.bio{max-width:30rem}.bio p{margin:0;font-size:clamp(.85rem,1.05vw,.95rem);line-height:1.7}.bio p+p{margin-top:1.4em}.facts{border-top:1px solid var(--rule);margin:0}.fact{border-bottom:1px solid var(--rule);grid-template-columns:5.5rem 1fr;gap:1.5rem;padding-block:1rem;display:grid}.fact dd{margin:0;font-size:.82rem}.fact dt{padding-top:.2rem;font-size:.68rem}@media (width<=860px){.about-grid,.about-cols{grid-template-columns:1fr}}.contact{border-top:1px solid var(--rule);padding-top:clamp(6rem,16vh,12rem);padding-bottom:clamp(3rem,8vh,6rem)}.contact-grid{grid-template-columns:clamp(8rem,18vw,22rem) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.contact-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,5.4vw,6rem);font-weight:800;font-stretch:85%;line-height:.98}.ct-mask{vertical-align:bottom;margin:-.06em -.04em -.02em;padding:.06em .04em .02em;display:inline-block;overflow:hidden}.js .ct-char{opacity:0;--from:60%;transform:translate3d(var(--from), 0, 0);transition:opacity 1.1s var(--ease), transform 1.3s var(--ease);transition-delay:calc(var(--i) * 28ms)}.ct-char{display:block}.ct-mask:nth-child(2n) .ct-char{--from:-60%}.contact-title.replay .ct-char{opacity:1;transform:translate(0,0)}.channels{border-top:1px solid var(--rule);max-width:52rem;margin:clamp(2.5rem,7vh,5rem) 0 0;padding:0;list-style:none}.channels li{border-bottom:1px solid var(--rule)}.channel{transition:padding-left .8s var(--ease);grid-template-columns:8rem 1fr auto;align-items:center;gap:1rem;padding-block:1.4rem;display:grid}.channel:hover{padding-left:.75rem}.ch-val{overflow-wrap:anywhere;font-size:clamp(.85rem,1.2vw,1.05rem)}.ch-arrow{transition:transform .8s var(--ease)}.channel:hover .ch-arrow{transform:translate(6px)}.c-actions{flex-wrap:wrap;align-items:center;gap:2rem;margin-top:clamp(2rem,5vh,3rem);display:flex}.c-actions .btn{cursor:pointer;border:0}.socials{gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.social{border:1px solid var(--rule);width:2.9rem;height:2.9rem;color:var(--ink-deep);transition:background-color .5s var(--ease), color .5s var(--ease), transform .6s var(--ease);border-radius:50%;place-items:center;display:grid}.social:hover{background:var(--ink-deep);color:var(--paper);transform:translateY(-3px)}.cmodal{background:var(--paper);color:var(--ink-deep);border:0;border-radius:6px;width:min(36rem,100vw - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:auto;box-shadow:0 30px 80px #0000004d}.cmodal[open]{animation:cm-in .45s var(--ease)}.cmodal[open]::backdrop{backdrop-filter:blur(3px);animation:cm-fade .45s var(--ease);background:#1418168c}@keyframes cm-in{0%{opacity:0;transform:translateY(1rem)scale(.98)}}@keyframes cm-fade{0%{opacity:0}}.cform{gap:1.5rem;padding:clamp(1.5rem,4vw,2.25rem);display:grid}.cf-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.cf-title{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:1.6rem;font-weight:800;font-stretch:85%;line-height:1}.cf-close{cursor:pointer;color:inherit;background:0 0;border:0;padding:.5rem 0}.cf-honey{opacity:0;width:0;height:0;position:absolute;left:-9999px}.cf-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.cf-field{gap:.5rem;display:grid}.cf-field input,.cf-field textarea{font:inherit;color:var(--ink-deep);border:0;border-bottom:1px solid var(--rule);resize:vertical;width:100%;transition:border-color .4s var(--ease);background:0 0;border-radius:0;padding:.6rem 0;font-size:1rem}.cf-field input:focus,.cf-field textarea:focus{border-bottom-color:var(--ink-deep);outline:none}.cf-field ::placeholder{color:var(--ink-muted);opacity:.8}.cf-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.cf-submit{cursor:pointer;border:0}.cf-submit:disabled{opacity:.6;cursor:default}.cf-status{margin:0}@media (width<=860px){.cf-row,.contact-grid{grid-template-columns:1fr}.channel{grid-template-columns:1fr auto}.channel .label{grid-column:1/-1}}
