:root{color-scheme:light;--paper:#f1efe8;--ink:#11110f;--soft:#77766f;--line:#c9c6bc;--signal:#ff5b35;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--s12:96px;--measure:1280px;--ease:cubic-bezier(.76,0,.24,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,"PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}::selection{background:var(--signal);color:var(--ink)}.skip-link{position:fixed;z-index:100;left:var(--s2);top:var(--s2);padding:var(--s2);background:var(--ink);color:var(--paper);transform:translateY(-200%)}.skip-link:focus{transform:none}.grid-overlay{position:fixed;z-index:50;inset:0;pointer-events:none;opacity:0;background-image:linear-gradient(90deg,transparent calc(100% - 1px),rgba(255,91,53,.35) 0),linear-gradient(transparent calc(100% - 1px),rgba(255,91,53,.35) 0);background-size:12.5vw 100%,100% 12.5vh;transition:opacity .3s}.grid-on .grid-overlay{opacity:1}.site-header{position:fixed;z-index:40;top:0;left:0;right:0;height:var(--s8);padding:0 max(var(--s3),calc((100vw - var(--measure))/2));display:grid;grid-template-columns:2fr 4fr 2fr;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(10px)}.mini-mark{font-weight:800;letter-spacing:-.08em;width:max-content}.mini-mark b{display:inline-block;color:var(--signal);font-weight:800;transform:scaleX(.72);margin:-.06em}.site-header nav{display:flex;justify-content:center;gap:var(--s4);font-size:10px;letter-spacing:.12em}.site-header nav a,.site-header>a:last-child{padding:var(--s2) 0}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--signal)}.grid-toggle{justify-self:end;border:0;background:none;padding:var(--s2) 0;font-size:10px;letter-spacing:.12em;cursor:pointer}.grid-toggle span{color:var(--signal)}main{width:100%}.hero,.ruled{width:min(100% - var(--s8),var(--measure));margin:0 auto}.hero{position:relative;min-height:100svh;padding:calc(var(--s8) + var(--s4)) 0 var(--s4);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.hero-index,.section-number{font-size:10px;letter-spacing:.14em;color:var(--soft)}.hero-index{grid-column:1/3;grid-row:2}.wordmark{grid-column:1/9;grid-row:3/7;align-self:center;display:flex;align-items:center;margin:0;font-size:clamp(8rem,24.4vw,24rem);font-weight:800;line-height:.67;letter-spacing:-.105em;white-space:nowrap}.wordmark>span:last-child{margin-left:-.025em}.eight-glyph{position:relative;display:inline-grid;align-content:center;gap:clamp(-12px,-.5vw,-4px);width:.64em;height:1em;margin:0 -.025em;border:0;background:none;padding:.08em .08em;cursor:pointer;transform-origin:center;transition:transform .8s var(--ease),color .25s}.eight-glyph i{display:block;width:100%;aspect-ratio:1;border:.065em solid currentColor;border-radius:50%}.eight-glyph:hover,.eight-glyph:focus-visible,.eight-glyph.is-infinity{color:var(--signal);transform:rotate(90deg)}.hero-meta{grid-column:1/9;grid-row:7;align-self:end;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);margin:0}.hero-meta div{border-top:1px solid var(--ink);padding-top:var(--s1)}dt{font-size:9px;letter-spacing:.14em;color:var(--soft)}dd{margin:var(--s1) 0 0;font-size:11px;letter-spacing:.06em}.enter-link{grid-column:7/9;grid-row:8;align-self:end;display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:var(--s1);font-size:11px}.enter-link span{color:var(--signal)}.ruled{min-height:85svh;padding:var(--s12) 0;display:grid;grid-template-columns:repeat(8,1fr);column-gap:var(--s2);border-top:1px solid var(--line)}.section-number{grid-column:1/3}.identity-copy{grid-column:3/7}.identity-copy h2,.eight-section>h2,.practice>h2,.work>h2,.contact>h2{margin:0;font-size:clamp(3rem,7.5vw,7.4rem);font-weight:500;line-height:.92;letter-spacing:-.065em}.identity-copy p,.rwave>p{max-width:38rem;margin-top:var(--s4);font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.5;color:var(--soft)}.identity-stack{grid-column:7/9;display:flex;flex-direction:column;align-self:end;font-size:10px;letter-spacing:.1em}.identity-stack span{padding:var(--s1) 0;border-bottom:1px solid var(--line)}.eight-section>h2{grid-column:3/7}.loop-field{position:relative;grid-column:2/8;min-height:min(62vw,680px);margin-top:var(--s8);display:grid;place-items:center;outline:none;touch-action:none}.loop{position:absolute;width:min(33vw,410px);aspect-ratio:1;border:clamp(3px,.55vw,8px) solid var(--ink);border-radius:50%;will-change:transform;transition:transform .65s var(--ease),border-color .3s}.loop-top{transform:translateY(-43%)}.loop-bottom{transform:translateY(43%)}.loop-field.is-infinity .loop-top{transform:translateX(-43%)}.loop-field.is-infinity .loop-bottom{transform:translateX(43%)}.loop-field:focus-visible .loop,.loop-field:hover .loop{border-color:var(--signal)}.loop-field p{position:absolute;right:0;bottom:0;font-size:10px;line-height:2;letter-spacing:.12em;text-align:right}.loop-field p span{color:var(--soft)}.eight-terms{grid-column:1/9;display:grid;grid-template-columns:repeat(6,1fr);margin-top:var(--s8);border-top:1px solid var(--ink)}.eight-terms span{padding:var(--s2) 0;border-right:1px solid var(--line);font-size:10px;letter-spacing:.1em}.eight-terms span:last-child{color:var(--signal);border:0;text-align:right}.practice>h2{grid-column:3/8}.practice ol{grid-column:3/9;margin:var(--s8) 0 0;padding:0;list-style:none}.practice li{display:grid;grid-template-columns:1fr 7fr;padding:var(--s3) 0;border-top:1px solid var(--line);font-size:clamp(1.7rem,4vw,4rem);letter-spacing:-.04em;transition:padding .3s,color .3s}.practice li span{padding-top:.6em;font-size:9px;letter-spacing:.12em;color:var(--soft)}.practice li:hover{padding-left:var(--s2);color:var(--signal)}.work>h2{grid-column:3/8}.work-link{grid-column:3/9;align-self:end;display:grid;grid-template-columns:1fr 3fr;padding:var(--s4) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.work-link span{font-size:10px;letter-spacing:.12em}.work-link strong{font-size:clamp(2.2rem,6vw,6rem);letter-spacing:-.06em;font-weight:500}.work-link:hover strong,.work-link:focus-visible strong{color:var(--signal)}.rwave{min-height:68svh}.project-line{grid-column:3/9;display:grid;grid-template-columns:3fr 2fr 2fr;gap:var(--s3);align-items:baseline;border-top:1px solid var(--ink);padding:var(--s3) 0}.project-line span{font-size:clamp(3rem,8vw,8rem);font-weight:500;letter-spacing:-.07em}.project-line small,.project-line b{font-size:9px;letter-spacing:.1em;font-weight:400}.project-line:hover span{color:var(--signal)}.rwave>p{grid-column:3/6}.contact{min-height:70svh}.contact>h2{grid-column:3/8}.contact>a{grid-column:3/9;align-self:end;padding:var(--s3) 0;border-top:1px solid var(--ink);font-size:clamp(1rem,2.3vw,2rem)}.contact>a:hover{color:var(--signal)}footer{min-height:var(--s12);padding:var(--s3) max(var(--s4),calc((100vw - var(--measure))/2));display:grid;grid-template-columns:1fr 1fr 2fr 1fr;align-items:center;background:var(--ink);color:var(--paper);font-size:9px;letter-spacing:.12em}.footer-eight{width:var(--s6);font-size:2.7rem;color:var(--signal);transition:transform .7s var(--ease)}.footer-eight:hover{transform:rotate(90deg)}
.intro{position:fixed;z-index:90;inset:0;display:grid;place-items:center;background:var(--ink);color:var(--paper);transition:clip-path 1s var(--ease);clip-path:inset(0)}.intro.is-done{pointer-events:none;clip-path:inset(0 0 100% 0)}.intro-skip{position:absolute;right:var(--s4);top:var(--s4);border:0;border-bottom:1px solid currentColor;background:none;padding:var(--s1) 0;font-size:10px;letter-spacing:.15em;cursor:pointer}.intro-stage{width:min(88vw,1200px);text-align:center}.count-sequence{display:grid;grid-template-columns:repeat(8,1fr);margin-bottom:var(--s8);font-size:10px;color:#777}.count-sequence i{font-style:normal;opacity:.2}.intro.is-running .count-sequence i{animation:count .16s steps(1) forwards}.intro.is-running .count-sequence i:nth-child(2){animation-delay:.16s}.intro.is-running .count-sequence i:nth-child(3){animation-delay:.32s}.intro.is-running .count-sequence i:nth-child(4){animation-delay:.48s}.intro.is-running .count-sequence i:nth-child(5){animation-delay:.64s}.intro.is-running .count-sequence i:nth-child(6){animation-delay:.8s}.intro.is-running .count-sequence i:nth-child(7){animation-delay:.96s}.intro.is-running .count-sequence i:nth-child(8){animation-delay:1.12s;color:var(--signal)}@keyframes count{to{opacity:1}}.name-morph{display:flex;justify-content:center;align-items:center;font-size:clamp(5rem,20vw,17rem);font-weight:800;line-height:.75;letter-spacing:-.1em}.ay{display:inline-block;overflow:hidden;max-width:1.2em;transform-origin:center;transition:max-width .8s var(--ease),transform .8s var(--ease),opacity .45s}.intro-eight{display:inline-block;overflow:hidden;max-width:0;color:var(--signal);transform:scaleX(.6);transition:max-width .8s var(--ease),opacity .5s}.intro.is-morphed .ay{max-width:0;transform:scaleX(0);opacity:0}.intro.is-morphed .intro-eight{max-width:.65em}.intro-stage>p{font-size:9px;letter-spacing:.16em;color:#777}.note-page,.error-page{min-height:100svh}.identity-note{width:min(100% - var(--s8),var(--measure));margin:auto;padding:calc(var(--s12) + var(--s8)) 0 var(--s12)}.identity-note h1{font-size:clamp(6rem,20vw,20rem);line-height:.72;letter-spacing:-.1em;margin:var(--s8) 0}.identity-note>p:not(.section-number){width:min(42rem,75%);font-size:clamp(1.25rem,2vw,2rem);line-height:1.4}.identity-note>a{display:inline-block;margin-top:var(--s8);border-bottom:1px solid;padding-bottom:var(--s1)}.error-page main{min-height:100svh;display:grid;place-items:center;align-content:center;gap:var(--s3);text-align:center}.error-page h1{margin:0;font-size:clamp(3rem,9vw,9rem);letter-spacing:-.07em}.error-eight{border:0;background:none;font-size:clamp(8rem,24vw,20rem);line-height:.75;color:var(--signal);cursor:pointer;transition:transform .8s var(--ease)}.error-eight:hover,.error-eight.is-infinity{transform:rotate(90deg)}.identity-mode{--paper:#11110f;--ink:#f1efe8;--soft:#aaa79d;--line:#42413d}.identity-mode .site-header{background:color-mix(in srgb,var(--paper) 90%,transparent)}
@media(max-width:900px){.site-header{grid-template-columns:1fr 2fr 1fr}.site-header nav{gap:var(--s2)}.hero,.ruled{width:calc(100% - var(--s6))}.wordmark{font-size:23.5vw}.identity-copy,.eight-section>h2,.practice>h2,.practice ol,.work>h2,.work-link,.project-line,.rwave>p,.contact>h2,.contact>a{grid-column:2/9}.identity-stack{grid-column:2/9;margin-top:var(--s8)}.loop-field{grid-column:1/9}.loop{width:min(47vw,390px)}.project-line{grid-template-columns:3fr 2fr}.project-line b{display:none}.eight-terms{grid-template-columns:repeat(3,1fr)}.eight-terms span:nth-child(3){border-right:0}.work-link{grid-template-columns:1fr 4fr}footer{grid-template-columns:1fr 1fr 2fr}.footer-eight{display:none}}
@media(max-width:600px){:root{--s12:72px}.site-header{height:56px;padding-left:var(--s3);padding-right:var(--s3);grid-template-columns:1fr 1fr}.site-header nav{display:none}.hero,.ruled{width:calc(100% - var(--s6))}.hero{padding-top:80px;grid-template-rows:repeat(8,1fr);min-height:100svh}.hero-index{grid-row:2}.wordmark{grid-row:3/6;font-size:22.7vw;letter-spacing:-.11em}.hero-meta{grid-template-columns:repeat(2,1fr);grid-row:6/8;align-self:center;gap:var(--s3) var(--s2)}.enter-link{grid-column:5/9}.ruled{display:block;min-height:auto}.section-number{margin-bottom:var(--s8)}.identity-copy h2,.eight-section>h2,.practice>h2,.work>h2,.contact>h2{font-size:clamp(2.7rem,13vw,4.5rem)}.identity-stack{margin-top:var(--s8)}.loop-field{min-height:110vw;margin-top:var(--s4)}.loop{width:58vw}.loop-field p{bottom:-var(--s2)}.eight-terms{margin-top:var(--s8);grid-template-columns:repeat(2,1fr)}.eight-terms span:nth-child(2n){border-right:0;text-align:right}.practice ol{margin-top:var(--s8)}.practice li{grid-template-columns:1fr 5fr;font-size:clamp(1.7rem,9vw,3rem)}.work-link{margin-top:var(--s8);display:block}.work-link span{display:block;margin-bottom:var(--s3)}.project-line{display:block}.project-line small{display:block;margin:var(--s2) 0}.rwave>p{margin-top:var(--s8)}.contact>a{display:block;margin-top:var(--s12);overflow-wrap:anywhere}.count-sequence{margin-bottom:var(--s6)}footer{padding:var(--s4) var(--s3);grid-template-columns:1fr 1fr;gap:var(--s3)}.identity-note{width:calc(100% - var(--s6));padding-top:120px}.identity-note h1{margin:var(--s8) 0}.identity-note>p:not(.section-number){width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.intro{display:none}}

/* Accessibility and device-safe finishing layer. */
:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
@media(max-width:600px){
  .site-header{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(var(--s3),env(safe-area-inset-left));padding-right:max(var(--s3),env(safe-area-inset-right))}
  .hero{padding-top:calc(80px + env(safe-area-inset-top))}
  .hero-meta{grid-template-columns:1fr;gap:var(--s2)}
  .hero-meta div{display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:baseline}
  .hero-meta dt,.hero-meta dd{margin:0}
  .hero-meta dd{white-space:normal}
  footer{padding-left:max(var(--s3),env(safe-area-inset-left));padding-right:max(var(--s3),env(safe-area-inset-right));padding-bottom:calc(var(--s4) + env(safe-area-inset-bottom))}
}