:root{color-scheme:dark;--bg:#0d1210;--text:#ecece3;--muted:#a9b6ab;--wood:#d8ad7e;--line:#35433a;--green:#a9c8b1;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #efd09e;outline-offset:4px}.container{max-width:1400px;margin:auto;padding-inline:clamp(22px,5vw,82px)}.skip{position:absolute;top:-90px;left:10px;background:var(--wood);color:#132018;padding:12px;z-index:20}.skip:focus{top:10px}.header{min-height:91px;border-bottom:1px solid #ffffff13;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:inline-flex;align-items:center;gap:10px;letter-spacing:.14em;font-size:11px;font-weight:800;white-space:nowrap}.wordmark strong{color:var(--muted);font-weight:500}.logomark{font-size:36px;line-height:1;color:var(--wood)}nav{display:flex;gap:36px}nav a,.nav-end{font-size:12px;color:#c5d0c7}nav a:hover,.project-link:hover{color:var(--wood)}.nav-end{border:1px solid #556b5c;padding:12px 16px;border-radius:2px}.nav-end span{margin-left:17px;color:var(--wood)}.hero{min-height:675px;display:grid;grid-template-columns:1.04fr .96fr;gap:6%;align-items:center;padding-block:65px 93px}.eyebrow{display:block;font-size:10px;letter-spacing:.19em;color:var(--wood);font-weight:750}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a6dcae;box-shadow:0 0 16px #8bda9c;margin-right:7px}.hero h1,.section-title h2,.approach h2,.studio h2{font-size:clamp(49px,5.7vw,87px);line-height:1.12;letter-spacing:-.075em;font-weight:570;margin:30px 0 26px}.hero h1 em,.section-title h2 em,.approach h2 em,.studio h2 em{font-style:normal;color:var(--wood)}.hero-copy>p{color:#b5c0b6;max-width:545px;font-size:17px;line-height:1.83;margin:0 0 31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:15px 22px;color:#1a241d;font-size:12px;font-weight:740;background:var(--wood)}.button:hover{background:#f0c391}.subline{margin-top:75px;display:flex;gap:28px;flex-wrap:wrap;color:#83978a;font-size:10px;letter-spacing:.13em}.subline span+span:before{content:"✳";margin-right:28px;color:var(--wood)}
.hero-visual{height:540px;position:relative;border:1px solid #465a49;overflow:hidden;background:radial-gradient(circle at 50% 47%,#344535 0%,#1b2922 39%,#101916 72%),repeating-linear-gradient(95deg,#b17d4822 0 1px,transparent 1px 7px);box-shadow:0 28px 100px #0006}.hero-visual:before{content:"";position:absolute;inset:17px;border:1px solid #d7ba8b22;pointer-events:none}.hero-visual svg{width:100%;height:100%;padding:20px}.visual-header,.visual-footer{position:absolute;inset-inline:27px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.17em;color:#b4c3a8;z-index:1}.visual-header{top:30px}.visual-footer{bottom:32px}.visual-label{position:absolute;bottom:0;right:0;background:var(--wood);color:#1b241c;font-weight:750;letter-spacing:.16em;font-size:9px;padding:12px 18px}
.band{background:#1d2b21;border-block:1px solid #43543f}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:61px;color:#d1dbcb;font-size:10px;font-weight:700;letter-spacing:.13em}.band-inner span:nth-child(even){font-size:17px;color:var(--wood)}
.projects{padding-top:128px;padding-bottom:115px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:49px}.section-title h2,.approach h2,.studio h2{font-size:clamp(43px,4.7vw,65px);margin:21px 0 0}.section-title>p{max-width:360px;color:#a6b3a9;line-height:1.8}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project{border:1px solid #3b4b3f;background:#151c18}.project-art{height:300px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.resonance-art{background:radial-gradient(circle at center,#6f543d 0%,#292820 38%,#131814 82%)}.signal-art{background:radial-gradient(ellipse at center,#294c40 0%,#172720 48%,#101816 82%)}.fed-art{background:radial-gradient(circle at center,#4b463b 0%,#252922 40%,#151915 80%)}.loop-art{background:radial-gradient(circle at center,#284945 0%,#1d312a 40%,#131916 80%)}.art-no,.art-name{position:absolute;font-size:10px;letter-spacing:.2em;font-weight:700;color:#d5be9a;left:26px}.art-no{top:23px}.art-name{bottom:24px}.speaker-graphic{width:200px;height:200px;border:20px solid #ab7d4b;border-radius:50%;display:grid;place-items:center;background:#222921;box-shadow:0 0 0 4px #594836,0 0 0 18px #1a231c,0 0 0 20px #c3a1764a,25px 30px 50px #0008}.speaker-disc{width:135px;height:135px;border:9px solid #425348;border-radius:50%;background:radial-gradient(circle,#1b2421 0%,#26332c 30%,#101713 65%);display:grid;place-items:center}.speaker-disc.inner{width:80px;height:80px;border:3px solid #526556;background:#1c2420}.signal-graphic{font-size:240px;color:#d0b18d;text-shadow:0 0 35px #b4d6c047;font-family:Georgia,serif;line-height:1}.fed-graphic{font-size:140px;font-weight:850;letter-spacing:-.09em;color:#f1e2c6}.fed-graphic .period{color:#cfa06b}.loop-graphic{font-size:280px;line-height:1;color:#c5cfb8;text-shadow:0 0 34px #739c8099}.project-detail{padding:26px 30px 32px}.category,.project-status{font-size:10px;letter-spacing:.16em;font-weight:750;color:var(--wood)}.project h3{font-size:30px;letter-spacing:-.05em;margin:9px 0}.project p{min-height:54px;color:#a7b5aa;line-height:1.75;font-size:14px;margin:0 0 23px}.project-link{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #9a8061;padding-bottom:5px;color:#ead0ad;font-size:13px}.project-status{color:#85988a}.collection-note{font-size:12px;color:#829688;margin-top:25px}
.approach{background:#1a2921;border-block:1px solid #445846;padding-block:106px}.approach-inner{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.approach p{color:#bac8b9;font-size:17px;line-height:1.9}.approach-signoff{display:block;margin-top:32px;color:var(--wood);font-size:10px;letter-spacing:.16em;font-weight:750}.studio{text-align:center;padding-block:140px 145px}.studio p{max-width:640px;margin:22px auto 28px;color:#adbbae;line-height:1.9}.studio h2{margin-top:27px}.footer{border-top:1px solid #38463c;min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer>span{font-size:10px;color:#88988b;letter-spacing:.12em}
@media(max-width:1050px){nav{display:none}.hero{grid-template-columns:1fr;gap:34px}.hero-visual{height:460px}.subline{margin-top:40px}.section-title{align-items:start;flex-direction:column}.section-title>p{max-width:620px}.band-inner{flex-wrap:wrap;justify-content:center;padding-block:13px}}
@media(max-width:680px){.header{min-height:75px}.nav-end{display:none}.hero{padding-block:67px 70px}.hero h1{font-size:clamp(48px,11vw,65px)}.hero-copy>p{font-size:16px}.hero-visual{height:330px}.visual-header,.visual-footer{inset-inline:20px;font-size:8px}.visual-header{top:24px}.visual-footer{bottom:24px}.band-inner{font-size:8px}.projects{padding-block:82px}.project-grid{grid-template-columns:1fr}.project-art{height:230px}.speaker-graphic{transform:scale(.76)}.fed-graphic{font-size:110px}.signal-graphic{font-size:190px}.loop-graphic{font-size:210px}.approach-inner{grid-template-columns:1fr}.approach{padding-block:75px}.studio{padding-block:90px}.footer{justify-content:start;padding-block:32px}.footer>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
