@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/JetBrainsMono-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/JetBrainsMono-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Nothing You Could Do";src:url("/assets/fonts/NothingYouCouldDo.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Estedad";src:url("/assets/fonts/Estedad-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Estedad";src:url("/assets/fonts/Estedad-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Estedad";src:url("/assets/fonts/Estedad-Black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}
:root{
  color-scheme:dark;
  --bg:#0b0b0c; --bg-2:#111113; --surface:#161618; --surface-2:#1d1d20;
  --line:#26262a; --line-strong:#3a3a40;
  --text:#f4f3f0; --text-2:#bdbcc1; --muted:#8d8c93;
  --accent:#e29a2c; --accent-strong:#f0ab3d; --accent-text:#f0ab3d; --on-accent:#1a1204;
  --glass-a:rgba(255,255,255,.10); --glass-b:rgba(255,255,255,.03);
  --shadow-1:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px -18px rgba(0,0,0,.8);
  --shadow-card:0 2px 4px rgba(0,0,0,.5),0 18px 36px -10px rgba(0,0,0,.7),0 50px 90px -30px rgba(0,0,0,.8);
  --header-bg:rgba(11,11,12,.72);
  --logo-tile:#f3f4f8;
  --r-s:8px; --r-m:14px; --r-l:22px;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace; --hand:"Nothing You Could Do","Segoe Script","Bradley Hand",cursive; --font:"Estedad","Vazirmatn",Tahoma,system-ui,-apple-system,"Segoe UI",sans-serif;
  --w:1180px; --gutter:clamp(1.25rem,4vw,2.5rem);
  --ease:cubic-bezier(.2,.7,.2,1);
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f5f2; --bg-2:#ecece8; --surface:#ffffff; --surface-2:#f8f8f5;
  --line:#dcdcd6; --line-strong:#c4c4bc;
  --text:#121214; --text-2:#3b3b41; --muted:#64646b;
  --accent:#d88f26; --accent-strong:#c27d14; --accent-text:#93550a; --on-accent:#1a1204;
  --glass-a:rgba(255,255,255,.85); --glass-b:rgba(255,255,255,.35);
  --shadow-1:0 1px 0 rgba(255,255,255,.9) inset,0 14px 30px -16px rgba(40,30,10,.25);
  --shadow-card:0 2px 4px rgba(30,20,0,.12),0 18px 34px -10px rgba(30,20,0,.22),0 50px 80px -30px rgba(30,20,0,.28);
  --header-bg:rgba(245,245,242,.78);
}
@media (prefers-color-scheme:light){
  :root:not([data-theme]){
    color-scheme:light;
    --bg:#f5f5f2; --bg-2:#ecece8; --surface:#ffffff; --surface-2:#f8f8f5;
    --line:#dcdcd6; --line-strong:#c4c4bc;
    --text:#121214; --text-2:#3b3b41; --muted:#64646b;
    --accent:#d88f26; --accent-strong:#c27d14; --accent-text:#93550a; --on-accent:#1a1204;
    --glass-a:rgba(255,255,255,.85); --glass-b:rgba(255,255,255,.35);
    --shadow-1:0 1px 0 rgba(255,255,255,.9) inset,0 14px 30px -16px rgba(40,30,10,.25);
    --shadow-card:0 2px 4px rgba(30,20,0,.12),0 18px 34px -10px rgba(30,20,0,.22),0 50px 80px -30px rgba(30,20,0,.28);
    --header-bg:rgba(245,245,242,.78);
  }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:500;font-size:1.0625rem;line-height:1.95;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3,h4{margin:0;font-weight:900;line-height:1.35;letter-spacing:0}
ul,ol{margin:0;padding:0;list-style:none}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
::selection{background:var(--accent);color:var(--on-accent)}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.skip-link{position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;z-index:200;background:var(--accent);color:var(--on-accent);padding:.6rem 1rem;border-radius:var(--r-s);font-weight:700;transform:translateY(-200%)}
.skip-link:focus{transform:none}
.icon{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.container{width:min(100% - var(--gutter)*2,var(--w));margin-inline:auto}
html.theme-anim,html.theme-anim *,html.theme-anim *::before,html.theme-anim *::after{transition:background-color .35s ease,color .35s ease,border-color .35s ease,fill .35s ease,stroke .35s ease,box-shadow .35s ease!important}
.btn{--h:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:var(--h);padding:0 1.5rem;border-radius:12px;border:1.5px solid transparent;font-weight:700;font-size:1rem;line-height:1;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease),background-color .2s,border-color .2s,color .2s,box-shadow .2s}
.btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:0 10px 24px -12px var(--accent)}
.btn--primary:hover{background:var(--accent-strong);transform:translateY(-2px)}
.btn--line{border-color:var(--line-strong);background:transparent;color:var(--text)}
.btn--line:hover{border-color:var(--accent);color:var(--accent-text);transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn--sm{--h:2.5rem;padding:0 1.1rem;font-size:.95rem;border-radius:10px}
.icon-btn{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:10px;border:1.5px solid var(--line-strong);background:transparent;cursor:pointer;color:var(--text);transition:border-color .2s,color .2s,background-color .2s}
.icon-btn:hover{border-color:var(--accent);color:var(--accent-text)}
.link-more{display:inline-flex;align-items:center;gap:.65rem;font-weight:700;color:var(--text);padding-block:.25rem;border-block-end:2px solid var(--accent);transition:color .2s,gap .2s}
.link-more::before{content:"";width:.5rem;height:.5rem;background:var(--accent);flex:none}
.link-more:hover{color:var(--accent-text);gap:.9rem}
.site-header{position:sticky;inset-block-start:0;z-index:100;background:var(--header-bg);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-block-end:1px solid var(--line)}
.site-header__bar{display:flex;align-items:center;gap:1.5rem;min-height:4.25rem}
.brand{display:flex;align-items:center;gap:.8rem;flex:none}
.brand__mark{width:2.6rem;height:2.6rem;border-radius:11px;overflow:hidden;background:var(--logo-tile);box-shadow:0 0 0 1px var(--line-strong);flex:none}
.brand__name{font-weight:900;font-size:1.1rem;line-height:1;direction:ltr;white-space:nowrap}
.nav{margin-inline-start:auto}
.nav ul{display:flex;gap:.25rem}
.nav a{position:relative;display:block;padding:.55rem .95rem;border-radius:10px;font-weight:700;font-size:.97rem;color:var(--text-2);transition:color .2s,background-color .2s}
.nav a:hover{color:var(--text);background:var(--surface-2)}
.nav a[aria-current="page"]{color:var(--text)}
.nav a[aria-current="page"]::after{content:"";position:absolute;inset-inline:.95rem;inset-block-end:-.62rem;height:3px;background:var(--accent)}
.header-actions{display:flex;align-items:center;gap:.6rem}
.theme-toggle .icon-moon{display:none}
:root[data-theme="light"] .theme-toggle .icon-sun{display:none}
:root[data-theme="light"] .theme-toggle .icon-moon{display:block}
@media (prefers-color-scheme:light){
  :root:not([data-theme]) .theme-toggle .icon-sun{display:none}
  :root:not([data-theme]) .theme-toggle .icon-moon{display:block}
}
.menu-toggle{display:none}
.mobile-nav{display:none}
@media (max-width:980px){
  .nav,.header-actions .btn{display:none}
  .nav{margin:0}
  .header-actions{margin-inline-start:auto}
  .menu-toggle{display:inline-grid}
  .menu-toggle .icon-close{display:none}
  .menu-toggle[aria-expanded="true"] .icon-close{display:block}
  .menu-toggle[aria-expanded="true"] .icon-open{display:none}
  .mobile-nav{display:block;position:absolute;inset-inline:0;inset-block-start:100%;background:var(--bg);border-block-end:1px solid var(--line);padding:1rem var(--gutter) 1.75rem;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s;max-height:calc(100dvh - 4.25rem);overflow:auto}
  .mobile-nav.is-open{visibility:visible;opacity:1;transform:none}
  .mobile-nav a.mobile-link{display:flex;align-items:center;justify-content:space-between;padding:1rem .25rem;border-block-end:1px solid var(--line);font-size:1.25rem;font-weight:900}
  .mobile-nav a.mobile-link[aria-current="page"]{color:var(--accent-text)}
  .mobile-nav a.mobile-link::after{content:"";width:.6rem;height:.6rem;background:var(--line-strong)}
  .mobile-nav a.mobile-link[aria-current="page"]::after{background:var(--accent)}
  .mobile-nav .btn{width:100%;margin-block-start:1.5rem}
}
@media (max-width:420px){.brand__name{font-size:1rem}}
.section{padding-block:clamp(4rem,9vw,7.5rem)}
.section--tint{background:var(--bg-2)}
.section__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem 2rem;margin-block-end:clamp(2rem,4vw,3.25rem)}
.section__title{font-size:clamp(1.9rem,4.2vw,3.1rem);max-width:20ch}
.section__lead{color:var(--text-2);max-width:52ch;margin-block-start:.9rem}
.prose{max-width:62ch}
.prose p+p{margin-block-start:1.1rem}
.prose p{color:var(--text-2)}
[data-reveal]{transition:opacity .7s var(--ease),transform .7s var(--ease)}
html.js [data-reveal]:not(.is-in){opacity:0;transform:translateY(16px)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.js [data-reveal]:not(.is-in){opacity:1;transform:none}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
.hero{position:relative;padding-block:clamp(2rem,5vw,4rem) clamp(2.5rem,5vw,4rem);overflow:clip}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:0 clamp(1rem,3vw,3rem);align-items:center}
.hero__roles{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;font-weight:700;color:var(--text-2);font-size:1.02rem;margin-block-end:1.5rem}
.hero__roles span{display:flex;align-items:center;gap:.6rem}
.hero__roles span::before{content:"";width:.5rem;height:.5rem;background:var(--accent);flex:none}
.hero__title{display:flex;flex-direction:column;line-height:1}
.hero__fa{font-size:clamp(4.4rem,11.5vw,9rem);font-weight:900;line-height:.98;letter-spacing:-.01em}
.hero__fa span{display:block}
.hero__fa span+span{margin-inline-start:clamp(1.5rem,7vw,6rem)}
.hero__en{direction:ltr;text-align:start;align-self:flex-start;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:700;color:var(--accent-text);margin-block-start:1.1rem;letter-spacing:.01em}
.hero__lead{max-width:44ch;margin-block-start:1.75rem;color:var(--text-2);font-size:1.125rem}
.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-block-start:2rem}
.social{display:flex;gap:.6rem;margin-block-start:1.75rem}
.social a{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:12px;border:1.5px solid var(--line-strong);color:var(--text-2);transition:transform .2s var(--ease),color .2s,border-color .2s,background-color .2s}
.social a:hover{color:var(--on-accent);background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}
.stage{position:relative;width:100%;max-width:520px;margin-inline:auto;aspect-ratio:1/1.12;perspective:1500px}
.scene{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease)}
.stack{position:absolute;inset-inline:-6%;inset-block:38% -6%;transform-style:preserve-3d;transform:rotateX(63deg) rotateZ(-34deg)}
.slab{position:absolute;inset:0;border-radius:26px;border:1.5px solid var(--line-strong);background:linear-gradient(150deg,var(--glass-a),var(--glass-b));box-shadow:var(--shadow-1)}
.slab--1{transform:translateZ(0)}
.slab--2{transform:translateZ(46px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line-strong))}
.slab--3{transform:translateZ(92px)}
.slab__label{position:absolute;inset-inline-end:8%;inset-block-start:10%;direction:ltr;display:flex;align-items:center;gap:.55rem;font-weight:900;font-size:clamp(.8rem,1.5vw,1.05rem);color:var(--text)}
.slab__label::before{content:"";width:.55rem;height:.55rem;background:var(--accent)}
.slab--2 .slab__label{color:var(--accent-text)}
.stage__card{position:absolute;inset-inline:19%;inset-block:0 14%;transform:translateZ(200px) rotateZ(-2.5deg);transform-style:preserve-3d}
.stage__frame{position:absolute;inset:0;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card);background:#f4e0c0}
.stage__frame img{width:100%;height:100%;object-fit:cover}
.stage__edge{position:absolute;inset:0;border-radius:20px;border:2px solid var(--accent);transform:translate3d(-16px,16px,-24px)}
.stage__tri{position:absolute;inset-inline-end:2%;inset-block-start:6%;width:clamp(3rem,9vw,5.2rem);aspect-ratio:1;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 100%);transform:translateZ(280px);animation:float 7s ease-in-out infinite}
.stage__mark{position:absolute;inset-inline-start:6%;inset-block-end:21%;width:clamp(3.4rem,10vw,5.2rem);aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--logo-tile);box-shadow:var(--shadow-card);transform:translateZ(260px)}
@keyframes float{0%,100%{transform:translateZ(280px) translateY(0)}50%{transform:translateZ(280px) translateY(-10px)}}
@keyframes assemble{from{opacity:0;transform:translateZ(0)}}
.scene.is-ready .slab--2,.scene.is-ready .slab--3{animation:assemble 1.1s var(--ease) both}
.scene.is-ready .slab--3{animation-delay:.12s}
.scene.is-ready .stage__card{animation:rise .9s var(--ease) .25s both}
@keyframes rise{from{opacity:0;transform:translateZ(100px) translateY(24px) rotateZ(-2.5deg)}}
.hero__conduit{position:absolute;inset-inline:0;inset-block-end:0;height:3.2rem;pointer-events:none;color:var(--line-strong)}
.hero__conduit svg{width:100%;height:100%}
@media (max-width:900px){
  .hero__grid{grid-template-columns:1fr;gap:3rem}
  .stage{max-width:420px}
}
.statement{font-size:clamp(1.35rem,2.9vw,2.15rem);line-height:1.8;font-weight:700;max-width:30em}
.statement em{font-style:normal;color:var(--accent-text)}
.statement .sq{display:inline-block;width:.42em;height:.42em;background:var(--accent);margin-inline:.35em;vertical-align:.08em}
.ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block-start:1px solid var(--line-strong)}
.ledger__item{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:1.1rem;align-items:start;padding-block:1.6rem;border-block-end:1px solid var(--line);transition:background-color .25s}
.ledger__item:nth-child(odd){padding-inline-end:2rem;border-inline-end:1px solid var(--line)}
.ledger__item:nth-child(even){padding-inline-start:2rem}
.tile{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:12px;background:var(--surface);border:1.5px solid var(--line-strong);color:var(--accent-text);transition:background-color .25s,color .25s,border-color .25s,transform .35s var(--ease)}
.tile .icon{width:1.5rem;height:1.5rem}
.ledger__item:hover .tile,.rack:hover .tile,.collab__item:hover .tile{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:rotate(-6deg)}
.ledger__title{font-size:1.2rem;margin-block-end:.15rem}
.ledger__text{color:var(--text-2);font-size:.98rem;line-height:1.85}
@media (max-width:760px){
  .ledger{grid-template-columns:1fr}
  .ledger__item:nth-child(odd),.ledger__item:nth-child(even){padding-inline:0;border-inline-end:0}
}
.tl{position:relative}
.tl__item{display:grid;grid-template-columns:10rem 2rem minmax(0,1fr);column-gap:1.4rem;padding-block-end:3rem;position:relative}
.tl__date{padding-block-start:.3rem;font-weight:700;color:var(--muted);font-size:.98rem;line-height:1.6}
.tl__date b{display:block;color:var(--text);font-weight:900}
.tl__node{position:relative}
.tl__item::before{content:"";position:absolute;inset-block:0;right:calc(10rem + 1.4rem + 1rem);width:6px;transform:translateX(50%);background:var(--line-strong);border-radius:3px}
.tl__item:first-child::before{inset-block-start:.7rem}
.tl__item:last-child::before{inset-block-end:auto;height:1.6rem}
.tl__dot{position:absolute;inset-block-start:.45rem;left:50%;width:1.35rem;height:1.35rem;transform:translateX(-50%);background:var(--bg);border:4px solid var(--accent)}
.section--tint .tl__dot{background:var(--bg-2)}
.tl__dot--tri{border:0;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 100%);width:1.5rem;height:1.5rem}
.tl__role{font-size:1.35rem;margin-block-end:.1rem}
.tl__org{color:var(--accent-text);font-weight:700;margin-block-end:.9rem}
.tl__list{display:grid;gap:.35rem;color:var(--text-2);font-size:.99rem}
.tl__list li{position:relative;padding-inline-start:1.2rem;line-height:1.85}
.tl__list li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.78em;width:.4rem;height:.4rem;background:var(--line-strong)}
.ladder{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:1.1rem}
.ladder li{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border:1.5px solid var(--line-strong);border-radius:10px;font-weight:700;font-size:.9rem;background:var(--surface)}
.ladder li:last-child{border-color:var(--accent);color:var(--accent-text)}
.ladder li+li::before{content:"";width:.55rem;height:.55rem;background:var(--accent);clip-path:polygon(100% 0,100% 100%,0 50%);margin-inline-end:.1rem}
@media (max-width:700px){
  .tl__item{grid-template-columns:1.6rem minmax(0,1fr);column-gap:1rem}
  .tl__date{grid-column:2;grid-row:1;padding:0 0 .25rem}
  .tl__item::before{right:.8rem}
  .tl__node{grid-column:1;grid-row:1 / span 2}
  .tl__body{grid-column:2;grid-row:2}
  .tl__date b{display:inline;margin-inline-end:.5rem}
}
.vitrine{position:relative;display:block;width:100%;border-radius:var(--r-l);overflow:hidden;background:var(--surface);border:1px solid var(--line-strong);aspect-ratio:4/5;isolation:isolate;cursor:zoom-in}
.vitrine__bg{position:absolute;inset:-12%;width:124%;height:124%;max-width:none;object-fit:cover;filter:blur(28px) saturate(1.1) brightness(.75);z-index:-1;opacity:.9}
:root[data-theme="light"] .vitrine__bg{filter:blur(28px) saturate(1.05) brightness(1.05);opacity:.7}
.vitrine__img{width:100%;height:100%;object-fit:contain;padding:1.1rem;transition:transform .6s var(--ease)}
.vitrine:hover .vitrine__img{transform:scale(1.035)}
.vitrine__zoom{position:absolute;inset-inline-end:.8rem;inset-block-end:.8rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:10px;background:var(--bg);color:var(--text);border:1px solid var(--line-strong);opacity:.92;transition:background-color .2s,color .2s}
.vitrine:hover .vitrine__zoom{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.vitrine--logo{display:grid;place-items:center;cursor:default;background:var(--surface-2)}
.vitrine--logo .plate{display:grid;gap:1.25rem;place-items:center;text-align:center;padding:2rem}
.vitrine--logo .plate__logo{background:#fff;border-radius:16px;padding:1.2rem 1.6rem;box-shadow:var(--shadow-card);width:min(78%,260px)}
.vitrine--logo .plate__logo img{width:100%}
.vitrine--logo .plate p{color:var(--text-2);font-size:.92rem;line-height:1.8;max-width:24ch}
.feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.2vw,1.75rem);align-items:start}
.feature-row .exhibit-mini:nth-child(2){margin-block-start:2.5rem}
.exhibit-mini__cap{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;align-items:baseline;margin-block-start:1.1rem}
.year{font-weight:900;font-size:1.9rem;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--accent);text-stroke:1.5px var(--accent)}
.exhibit-mini__cap h3{font-size:1.1rem;line-height:1.55}
.exhibit-mini__cap p{grid-column:1/-1;color:var(--text-2);font-size:.95rem;line-height:1.8}
@media (max-width:860px){
  .feature-row{grid-template-columns:1fr 1fr}
  .feature-row .exhibit-mini:nth-child(2){margin-block-start:0}
  .feature-row .exhibit-mini:nth-child(3){grid-column:1/-1}
  .feature-row .exhibit-mini:nth-child(3) .vitrine{aspect-ratio:16/10}
}
@media (max-width:560px){
  .feature-row{grid-template-columns:1fr}
  .feature-row .exhibit-mini:nth-child(3) .vitrine{aspect-ratio:4/5}
}
.exhibit{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-block:clamp(2.5rem,5vw,4rem);border-block-start:1px solid var(--line-strong)}
.exhibit:nth-of-type(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.exhibit:nth-of-type(even) .exhibit__media{order:2}
.exhibit__media{display:grid;gap:.9rem;max-width:430px;width:100%;margin-inline:auto}
.exhibit__thumbs{display:flex;gap:.7rem}
.exhibit__thumbs .vitrine{aspect-ratio:1;width:5.2rem;border-radius:12px}
.exhibit__thumbs .vitrine__img{padding:.3rem}
.exhibit__thumbs .vitrine__zoom{display:none}
.exhibit__thumbs .vitrine__bg{filter:blur(10px) brightness(.8)}
.exhibit__year{font-size:clamp(4rem,10vw,7.5rem);line-height:.95;font-weight:900;color:transparent;-webkit-text-stroke:2px var(--accent);text-stroke:2px var(--accent);margin-block-end:.5rem}
.exhibit__title{font-size:clamp(1.6rem,3.2vw,2.4rem)}
.exhibit__desc{color:var(--text-2);margin-block-start:1rem;max-width:54ch}
.spec{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.5rem;margin-block-start:1.75rem;padding-block-start:1.25rem;border-block-start:1px solid var(--line);max-width:54ch}
.spec dt{color:var(--muted);font-weight:700;font-size:.95rem}
.spec dd{margin:0;font-weight:700;font-size:.98rem}
.exhibit .btn{margin-block-start:1.75rem}
.exhibit__note{margin-block-start:1.25rem;font-size:.92rem;color:var(--muted);max-width:54ch;line-height:1.8}
@media (max-width:860px){
  .exhibit,.exhibit:nth-of-type(even){grid-template-columns:1fr}
  .exhibit:nth-of-type(even) .exhibit__media{order:0}
}
.racks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
.rack{position:relative;border:1.5px solid var(--line-strong);border-radius:var(--r-m);background:var(--surface);padding-inline:1.5rem;transition:transform .35s var(--ease),border-color .25s}
.rack:hover{transform:translateY(-3px);border-color:var(--accent)}
.rack::before,.rack::after{content:"";position:absolute;inset-block:.9rem;width:.5rem;background:radial-gradient(circle,var(--line-strong) 1.6px,transparent 2.2px) 50% 0/.5rem 1.15rem repeat-y}
.rack::before{inset-inline-start:.45rem}
.rack::after{inset-inline-end:.45rem}
.rack__head{display:flex;align-items:center;gap:1rem;padding-block:1.25rem}
.rack__head h3{font-size:1.15rem}
.rack__units{display:grid;grid-template-columns:1fr 1fr;margin-inline:-.25rem;border-block-start:1px solid var(--line)}
.rack__units li{direction:ltr;text-align:left;display:flex;align-items:center;gap:.75rem;padding:.75rem .25rem;border-block-end:1px solid var(--line);font-weight:700;font-size:.97rem}
.rack__units li::before{content:"";width:.45rem;height:.45rem;background:var(--accent);flex:none}
.rack__units li:nth-last-child(-n+2){border-block-end:0}
.rack__units li:nth-child(odd):last-child{grid-column:1/-1}
@media (max-width:860px){.racks{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.split--rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.about-portrait{position:relative;max-width:380px}
.about-portrait .stage__frame{position:relative;aspect-ratio:2/3}
.about-portrait::before{content:"";position:absolute;inset:0;border:2px solid var(--accent);border-radius:20px;transform:translate(-14px,14px)}
.about-portrait .stage__frame{z-index:1}
@media (max-width:860px){.split,.split--rev{grid-template-columns:1fr}.about-portrait{margin-inline:auto}}
.facts{display:grid;gap:0;border-block-start:1px solid var(--line-strong)}
.facts__row{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding-block:1.15rem;border-block-end:1px solid var(--line)}
.facts__row dt{color:var(--muted);font-weight:700}
.facts__row dd{margin:0;font-weight:700}
.facts__row dd small{display:block;color:var(--text-2);font-weight:500;font-size:.95rem}
.chips{display:flex;flex-wrap:wrap;gap:.6rem}
.chip{padding:.45rem 1rem;border-radius:10px;border:1.5px solid var(--line-strong);font-weight:700;font-size:.97rem;background:var(--surface)}
.course{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding-block:1.1rem;border-block-end:1px solid var(--line)}
.course:first-child{border-block-start:1px solid var(--line-strong)}
.course__date{color:var(--muted);font-weight:700;font-size:.95rem}
.course h3{font-size:1.05rem;line-height:1.6}
.course p{color:var(--text-2);font-size:.95rem;line-height:1.75}
@media (max-width:560px){.course,.facts__row{grid-template-columns:1fr;gap:.2rem}}
.page-hero{position:relative;padding-block:clamp(3rem,8vw,6.5rem) clamp(2.5rem,5vw,4rem);overflow:clip;border-block-end:1px solid var(--line)}
.page-hero__title{font-size:clamp(2.6rem,7.5vw,5.6rem);line-height:1.15;max-width:14ch}
.page-hero__lead{margin-block-start:1.5rem;color:var(--text-2);max-width:54ch;font-size:1.12rem}
.page-hero__art{position:absolute;inset-inline-end:0;inset-block-start:50%;width:min(46vw,520px);transform:translateY(-50%);color:var(--line);pointer-events:none}
.page-hero__art svg{width:100%;height:auto}
.page-hero .container{position:relative}
@media (max-width:760px){.page-hero__art{opacity:.55;width:70vw;inset-block-start:auto;inset-block-end:-1rem;transform:none}}
.archive{position:relative;border:1.5px dashed var(--line-strong);border-radius:var(--r-l);padding:clamp(1.75rem,4vw,3.25rem);background:linear-gradient(180deg,var(--surface),transparent);overflow:hidden}
.archive__msg{font-size:clamp(1.35rem,2.8vw,2rem);font-weight:900;line-height:1.6;max-width:30ch}
.archive__sub{color:var(--text-2);margin-block-start:1rem;max-width:56ch}
.archive__pipe{position:relative;height:.7rem;margin-block-start:2rem;border-radius:.35rem;background:var(--line);overflow:hidden;max-width:28rem}
.archive__pipe::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:34%;background:var(--accent);border-radius:.35rem;animation:pipe 2.8s var(--ease) infinite}
@keyframes pipe{0%{transform:translateX(120%)}100%{transform:translateX(-300%)}}
.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-block-start:2.5rem}
.slot{position:relative;aspect-ratio:16/10;border:1.5px dashed var(--line-strong);border-radius:var(--r-m);display:grid;place-items:center;color:var(--line-strong)}
.slot::before{content:"";position:absolute;inset-inline-start:.9rem;inset-block-start:.9rem;width:.5rem;height:.5rem;background:var(--line-strong)}
.slot::after{content:"";position:absolute;inset-inline-end:.9rem;inset-block-end:.9rem;width:.9rem;height:.9rem;background:var(--line-strong);clip-path:polygon(0 0,100% 0,100% 100%)}
.slot .icon{width:1.8rem;height:1.8rem;stroke-width:1.4}
@media (max-width:760px){.slots{grid-template-columns:1fr 1fr}.slots .slot:nth-child(3){display:none}}
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.cat{padding-block-start:1.2rem;border-block-start:3px solid var(--line-strong)}
.cat:first-child{border-block-start-color:var(--accent)}
.cat h3{font-size:1.1rem;margin-block:.9rem .3rem}
.cat p{color:var(--text-2);font-size:.95rem;line-height:1.8}
@media (max-width:900px){.cats{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.cats{grid-template-columns:1fr}}
.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
@media (max-width:900px){.projects{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.projects{grid-template-columns:1fr}}
.project{border:1.5px solid var(--line-strong);border-radius:var(--r-m);overflow:hidden;background:var(--surface);transition:transform .3s var(--ease),border-color .2s}
.project:hover{transform:translateY(-4px);border-color:var(--accent)}
.project__img{aspect-ratio:16/10;object-fit:cover;width:100%}
.project__body{padding:1.25rem 1.4rem 1.5rem}
.project__body h3{font-size:1.15rem}
.project__body p{color:var(--text-2);font-size:.95rem;margin-block-start:.4rem}
.collab{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem)}
.collab__col{border-block-start:3px solid var(--accent);padding-block-start:1.4rem}
.collab__col:nth-child(2){border-block-start-color:var(--text)}
.collab__col:nth-child(3){border-block-start-color:var(--line-strong)}
.collab__col>h3{font-size:1.5rem;margin-block-end:.4rem}
.collab__col>p{color:var(--text-2);font-size:.97rem;margin-block-end:1.4rem;line-height:1.85}
.collab__item{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:1rem;padding-block:1.2rem;border-block-start:1px solid var(--line)}
.collab__item h4{font-size:1.05rem;line-height:1.6}
.collab__item p{color:var(--text-2);font-size:.93rem;line-height:1.8;margin-block-start:.2rem}
@media (max-width:960px){.collab{grid-template-columns:1fr}}
.trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block-start:1px solid var(--line-strong)}
.trust__item{padding:1.6rem 0;border-block-end:1px solid var(--line)}
.trust__item:nth-child(odd){padding-inline-end:2rem;border-inline-end:1px solid var(--line)}
.trust__item:nth-child(even){padding-inline-start:2rem}
.trust__item h3{font-size:1.15rem;display:flex;align-items:center;gap:.7rem}
.trust__item h3::before{content:"";width:.55rem;height:.55rem;background:var(--accent);flex:none}
.trust__item p{color:var(--text-2);margin-block-start:.35rem;font-size:.98rem;line-height:1.85}
@media (max-width:760px){.trust{grid-template-columns:1fr}.trust__item:nth-child(odd),.trust__item:nth-child(even){padding-inline:0;border-inline-end:0}}
.cta-band{position:relative;overflow:hidden;border-radius:var(--r-l);background:var(--accent);color:var(--on-accent);padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}
.cta-band h2{font-size:clamp(1.7rem,3.8vw,2.8rem);max-width:18ch}
.cta-band p{margin-block-start:.9rem;max-width:48ch;font-weight:700;opacity:.82}
.cta-band::before{content:"";position:absolute;inset-inline-end:-3rem;inset-block-start:-3rem;width:12rem;height:12rem;background:rgba(0,0,0,.12);clip-path:polygon(0 0,100% 0,100% 100%)}
.cta-band .btn{position:relative;background:#121214;color:#fff;border-color:#121214}
.cta-band .btn:hover{background:#000}
.cta-band .btn--ghost{background:transparent;color:var(--on-accent);border-color:rgba(26,18,4,.55)}
.cta-band .btn--ghost:hover{background:rgba(26,18,4,.1)}
.cta-band__actions{display:flex;flex-wrap:wrap;gap:.8rem;position:relative}
@media (max-width:760px){.cta-band{grid-template-columns:1fr}}
.contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);align-items:start}
@media (max-width:900px){.contact{grid-template-columns:1fr}}
.contact__list{border-block-start:1px solid var(--line-strong)}
.contact__row{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:1rem;align-items:center;padding-block:1.1rem;border-block-end:1px solid var(--line)}
.contact__row dt{color:var(--muted);font-size:.9rem;font-weight:700;line-height:1.4}
.contact__row dd{margin:0;font-weight:900;font-size:1.1rem;line-height:1.5}
.contact__row a.val{transition:color .2s}
.contact__row a.val:hover{color:var(--accent-text)}
.contact__row:hover .tile{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.copy-btn{width:2.3rem;height:2.3rem;border-radius:9px}
.copy-btn[data-done="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.form{border:1.5px solid var(--line-strong);border-radius:var(--r-l);background:var(--surface);padding:clamp(1.4rem,3.5vw,2.5rem)}
.form h2{font-size:1.5rem}
.form__intro{color:var(--text-2);font-size:.97rem;margin-block-start:.4rem;line-height:1.85}
.field{display:grid;gap:.45rem;margin-block-start:1.2rem}
.field label{font-weight:700;font-size:.95rem}
.field input,.field textarea,.field select{width:100%;border-radius:11px;border:1.5px solid var(--line-strong);background:var(--bg);padding:.8rem 1rem;line-height:1.7;transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:9rem;resize:vertical}
.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--muted)}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}
.field input.is-invalid,.field textarea.is-invalid{border-color:#e5484d}
.field__err{color:#e5484d;font-size:.9rem;font-weight:700;display:none}
:root[data-theme="light"] .field__err{color:#c0262b}
.field input.is-invalid+.field__err,.field textarea.is-invalid+.field__err{display:block}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
@media (max-width:560px){.form__row{grid-template-columns:1fr}}
.form__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-block-start:1.6rem}
.form__note{margin-block-start:1.2rem;font-size:.9rem;color:var(--muted);line-height:1.85}
.form__status{margin-block-start:1rem;font-weight:700;color:var(--accent-text);min-height:1.5em}
.site-footer{border-block-start:1px solid var(--line);background:var(--bg-2);padding-block:clamp(3rem,6vw,4.5rem) 1.75rem}
.footer__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.9fr);gap:2.5rem}
.footer__logo{display:block;width:min(100%,250px);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--line-strong)}
.footer__about{color:var(--text-2);font-size:.97rem;margin-block-start:1.1rem;max-width:36ch;line-height:1.9}
.site-footer h2{font-size:1rem;margin-block-end:1rem;color:var(--text)}
.footer__nav li+li{margin-block-start:.15rem}
.footer__nav a{display:inline-block;padding-block:.25rem;color:var(--text-2);font-weight:700;transition:color .2s}
.footer__nav a:hover{color:var(--accent-text)}
.footer__contact a{color:var(--text-2);font-weight:700}
.footer__contact a:hover{color:var(--accent-text)}
.footer__contact li{padding-block:.2rem}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;margin-block-start:3rem;padding-block-start:1.4rem;border-block-start:1px solid var(--line);color:var(--muted);font-size:.93rem;font-weight:700}
@media (max-width:860px){.footer__grid{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}
@media (max-width:520px){.footer__grid{grid-template-columns:1fr}}
.lightbox{border:0;padding:0;background:transparent;color:#fff;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}
.lightbox::backdrop{background:rgba(6,6,7,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lightbox__inner{position:relative;display:grid;grid-template-rows:1fr auto;height:100%;padding:3.8rem 1rem 1.2rem}
.lightbox__stage{display:grid;place-items:center;min-height:0;overflow:auto}
.lightbox__img{max-width:min(100%,1100px);max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px -20px #000}
.lightbox__cap{text-align:center;padding:1rem 3.5rem 0;color:#d9d8dc;font-weight:700;font-size:.97rem;line-height:1.8;max-width:70ch;margin-inline:auto}
.lightbox__btn{position:absolute;display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:12px;border:1.5px solid rgba(255,255,255,.28);background:rgba(20,20,22,.7);color:#fff;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.lightbox__btn:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.lightbox__close{inset-block-start:.9rem;inset-inline-end:.9rem}
.lightbox__prev,.lightbox__next{inset-block-start:50%;transform:translateY(-50%)}
.lightbox__prev{inset-inline-start:.9rem}
.lightbox__next{inset-inline-end:.9rem}
.lightbox__count{position:absolute;inset-block-start:1.35rem;inset-inline-start:1.2rem;font-weight:700;color:#bdbcc1;font-size:.95rem}
.lightbox[data-single="true"] .lightbox__prev,.lightbox[data-single="true"] .lightbox__next,.lightbox[data-single="true"] .lightbox__count{display:none}
.notfound{min-height:62vh;display:grid;place-items:center;text-align:center;padding-block:5rem}
.notfound h1{font-size:clamp(5rem,20vw,11rem);line-height:1;color:transparent;-webkit-text-stroke:3px var(--accent)}
.notfound p{color:var(--text-2);margin-block:1rem 2rem}
@media print{.site-header,.site-footer,.hero__conduit{display:none}}
.after-statement{margin-block-start:2rem}
.about-intro-copy .prose,.split .prose{margin-block-start:0}
.split>div>.section__title+.prose{margin-block-start:1.5rem}
.facts{margin-block-start:2rem}
.courses{margin-block-start:1.5rem}
.section__title--sm{font-size:1.6rem}
h1,h2,h3{text-wrap:balance}
.facts__row dd small{display:block}
@media (max-width:900px){.stage{overflow:visible}.stage__tri{inset-inline-end:6%}.stage__card{inset-inline:22%}.stack{inset-inline:0}}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(560px circle at var(--mx,72%) var(--my,28%),color-mix(in srgb,var(--accent) 17%,transparent),transparent 62%),radial-gradient(circle,var(--line-strong) 1px,transparent 1.6px) 0 0/30px 30px;-webkit-mask-image:linear-gradient(180deg,#000 25%,transparent 92%);mask-image:linear-gradient(180deg,#000 25%,transparent 92%);opacity:.75}
.hero>.container{position:relative}
.hero__prompt{justify-content:flex-end;font-family:var(--mono);font-size:.92rem;line-height:1.4;margin-block-end:1.1rem;text-align:left;display:flex;align-items:center;gap:.35rem;color:var(--text-2);min-height:1.4em}
.hero__prompt .p{color:var(--accent-text);font-weight:700}
.hero__prompt .dim{color:var(--muted)}
.hero__prompt .typed{color:var(--text);white-space:pre}
.caret{display:inline-block;width:.55em;height:1.1em;background:var(--accent);animation:blink 1.05s steps(1) infinite;vertical-align:-.15em;margin-inline-start:.1rem}
@keyframes blink{50%{opacity:0}}
.hero__en{position:relative;padding-block-end:.5rem}
.scribble{position:absolute;inset-inline-start:0;inset-block-end:-.35rem;width:100%;height:.8rem;fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;overflow:visible}
.scribble path{stroke-dasharray:300;stroke-dashoffset:300;animation:draw 1.1s .8s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.hero__note{position:absolute;z-index:3;right:-9%;top:13%;font-family:var(--hand);font-size:clamp(1.15rem,2.2vw,1.6rem);color:var(--accent-text);transform:rotate(-7deg);direction:ltr;white-space:nowrap;pointer-events:none}
.hero__note svg{position:absolute;left:-3.4rem;top:45%;width:3.2rem;height:2.7rem;fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transform:scaleX(-1)}
.stage__code{position:absolute;left:-4%;bottom:-4%;width:clamp(11rem,22vw,14.5rem);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow-card);transform:translateZ(250px);direction:ltr;text-align:left;font-family:var(--mono);animation:floatb 8s ease-in-out infinite}
.stage__code-bar{display:flex;gap:.3rem;padding:.55rem .75rem;border-block-end:1px solid var(--line)}
.stage__code-bar i{width:.5rem;height:.5rem;background:var(--line-strong)}
.stage__code-bar i:first-child{background:var(--accent)}
.stage__code pre{margin:0;padding:.65rem .8rem .8rem;font-size:.66rem;line-height:1.75;color:var(--text-2);white-space:pre;overflow:hidden}
.stage__code .k{color:var(--accent-text);font-weight:700}
.stage__code .s{color:var(--text)}
@keyframes floatb{0%,100%{transform:translateZ(250px) translateY(0)}50%{transform:translateZ(250px) translateY(8px)}}
@media (max-width:640px){.stage__code{left:-2%;width:10.5rem}.hero__note{right:0}}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--bg-2);direction:ltr}
.ticker__track{display:flex;width:max-content;animation:tick 55s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker__item{display:flex;align-items:center;gap:1.7rem;padding:.95rem 0 .95rem 1.7rem;font-family:var(--mono);font-weight:700;font-size:.92rem;color:var(--text-2);white-space:nowrap}
.ticker__item::after{content:"";width:.45rem;height:.45rem;background:var(--accent)}
@keyframes tick{to{transform:translateX(-50%)}}
.intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media (max-width:960px){.intro{grid-template-columns:1fr}}
.tty{direction:ltr;text-align:left;background:#0e0e10;color:#e9e8e4;border:1px solid #2e2e33;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card);font-family:var(--mono)}
.tty__bar{display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem;border-block-end:1px solid #26262a;background:#151517}
.tty__bar i{width:.6rem;height:.6rem;background:#3a3a40}
.tty__bar i:first-child{background:var(--accent)}
.tty__bar span{margin-inline-start:auto;color:#8d8c93;font-size:.78rem}
.tty__body{padding:1.1rem 1.25rem 1.3rem;font-size:.84rem;line-height:1.8}
.tty__line{margin:0;min-height:1.8em;white-space:pre-wrap;transition:opacity .2s}
.tty__line.out{color:#bdbcc1}
.tty__line .p{color:#f0ab3d;font-weight:700}
.tty__line .dim{color:#8d8c93}
.tty__line.is-hidden{opacity:0}
.tty .caret{background:#f0ab3d}
.hand-note{font-family:var(--hand);direction:ltr;color:var(--accent-text);font-size:1.5rem;line-height:1.2;transform:rotate(-4deg);pointer-events:none}
.cta-band .hand-note{position:absolute;inset-inline-end:2.2rem;inset-block-start:1.1rem;color:var(--on-accent);opacity:.8;font-size:1.6rem;z-index:1}
.hand-note--foot{font-size:1.25rem;transform:rotate(-2deg)}
.archive__mail{margin-block-start:1.6rem}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.btn--primary:hover{box-shadow:0 14px 30px -12px var(--accent),0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}
.ledger__item:hover{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 6%,transparent))}
.nav a:hover::before{content:"> ";font-family:var(--mono);color:var(--accent-text)}
@media (prefers-reduced-motion:reduce){.caret{animation:none}.ticker__track{animation:none}.hero::before{--mx:72%;--my:28%}}
.works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem)}
@media (max-width:820px){.works{grid-template-columns:1fr}}
.work{display:flex;flex-direction:column;gap:1rem;min-width:0}
.work__media{position:relative}
.work__cover{position:relative;display:block;aspect-ratio:16/10;border-radius:var(--r-m);overflow:hidden;background:var(--surface);border:1px solid var(--line-strong);cursor:zoom-in}
.work__cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.work:hover .work__cover img{transform:scale(1.035)}
.work__zoom{position:absolute;inset-inline-end:.8rem;inset-block-end:.8rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:10px;background:var(--bg);color:var(--text);border:1px solid var(--line-strong);transition:background-color .2s,color .2s}
.work:hover .work__zoom{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.work__logo-chip{position:absolute;inset-inline-start:.8rem;inset-block-start:.8rem;display:grid;place-items:center;height:2.6rem;padding:.4rem .7rem;border-radius:10px;background:#fff;box-shadow:0 6px 18px -8px rgba(0,0,0,.5);pointer-events:none}
.work__logo{height:1.8rem;width:auto;max-width:6.5rem;object-fit:contain}
.work__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr));gap:.6rem}
.work__thumb{display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;border:1.5px solid var(--line-strong);background:var(--surface);cursor:zoom-in;transition:border-color .2s,transform .3s var(--ease)}
.work__thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.work__thumb:hover{border-color:var(--accent);transform:translateY(-3px)}
.work__title{font-size:1.3rem;line-height:1.55}
.work__text{color:var(--text-2);font-size:.99rem;line-height:1.9;margin-block-start:.35rem}
.work__tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-block-start:.9rem}
.work__tags li{padding:.2rem .75rem;border:1.5px solid var(--line-strong);border-radius:8px;font-weight:700;font-size:.85rem;color:var(--text-2)}
.work__count{display:flex;align-items:center;gap:.5rem;margin-block-start:.9rem;color:var(--muted);font-size:.9rem;font-weight:700}
.work__note-line{margin-block-start:2rem;color:var(--text-2);max-width:60ch}
.note{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:start;max-width:62rem}
.note__mark{width:.7rem;align-self:stretch;min-height:5rem;background:var(--accent);border-radius:4px}
.note__title{font-size:1.4rem;margin-block-end:.6rem}
.note p{color:var(--text-2)}
.note p+p{margin-block-start:.8rem}