@font-face{font-family:Manrope;src:url('fonts/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--paper:#f3f4ed;--ink:#18372b;--muted:#667169;--rule:rgba(35,58,45,.17);font-family:Manrope,'Helvetica Neue',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:radial-gradient(ellipse at 50% 37%,#fafbf5 0%,var(--paper) 65%)}
button{font:inherit;color:inherit}
::selection{color:var(--paper);background:var(--ink)}
.site-shell{width:100%;height:100svh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0 clamp(24px,4.2vw,72px);position:relative;isolation:isolate}
.masthead{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);gap:16px}
.discipline{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}
.brand-mark{flex-shrink:0}
.status{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:500;letter-spacing:.025em;white-space:nowrap}
.status-dot{width:6px;height:6px;border-radius:50%;background:#658c53;box-shadow:0 0 0 4px rgba(101,140,83,.07)}
.hero{position:relative;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:clamp(12px,2vh,22px) 0}
.material-stage{position:relative;flex:0 1 auto;width:min(65vw,720px);height:min(38vh,380px);min-height:0;pointer-events:none}
#material-canvas{display:block;position:relative;width:100%;height:100%;z-index:1}
#material-canvas.material-fallback{display:none}
.material-fallback-image{display:block;width:100%;height:100%;object-fit:contain}
.material-shadow{position:absolute;left:50%;bottom:10%;width:37%;height:7%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(54,74,52,.17),rgba(54,74,52,0) 70%);filter:blur(10px);opacity:.55}
.hero-copy{position:relative;flex:0 0 auto;width:100%;min-width:0;margin-top:clamp(-34px,-3vh,-18px);text-align:center;z-index:2;pointer-events:none}
h1{font-size:min(14vw,22vh,202px);letter-spacing:-.06em;line-height:1.02;font-weight:450;margin:0 0 0 -.045em}
.hero-copy p{font-size:clamp(14px,1.25vw,17px);font-weight:400;letter-spacing:-.015em;line-height:1.5;margin:30px 0 0;color:#566457}
.footer{height:82px;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}
.focus-areas{display:flex;justify-content:center;list-style:none;padding:0;margin:28px 0 0;gap:0;font-size:9px;font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.focus-areas li{display:flex;align-items:center;white-space:nowrap}
.focus-areas li+li:before{content:'';width:2px;height:2px;background:#8c9987;border-radius:50%;margin:0 14px}
.footer-end{display:flex;align-items:center;justify-content:space-between;width:100%;gap:18px}
.copyright{font-size:10px;letter-spacing:.015em;white-space:nowrap}
.motion-toggle{padding:0;display:grid;place-items:center;width:34px;height:34px;min-width:34px;border:1px solid var(--rule);border-radius:50%;background:transparent;cursor:pointer;transition:background .2s,border-color .2s}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{background:rgba(35,58,45,.055);border-color:#8c9987}
.motion-toggle:focus-visible{outline:2px solid #477256;outline-offset:4px}
.motion-toggle .play-icon{display:none}
.motion-toggle[aria-pressed=true] .play-icon{display:block}
.motion-toggle[aria-pressed=true] .pause-icon{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){h1{font-size:min(13.5vw,22vh,228px)}.material-stage{width:780px;height:min(38vh,460px)}}
@media(max-width:700px){
  .site-shell{padding:0 24px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  .masthead{height:76px}.discipline{gap:8px;font-size:8px;letter-spacing:.12em}.brand-mark{width:22px;height:22px}.status{font-size:10px;gap:7px}
  .hero{padding:14px 0}.material-stage{width:112%;height:min(38vh,380px)}.hero-copy{margin-top:-16px}
  h1{font-size:18.5vw;letter-spacing:-.06em}.hero-copy p{font-size:14px;margin-top:26px}
  .footer{height:92px;gap:12px;flex-direction:row;justify-content:space-between}
  .focus-areas{font-size:8px;letter-spacing:.09em;margin-top:26px}.focus-areas li+li:before{margin:0 11px}.footer-end{gap:12px}.copyright{font-size:9px}.motion-toggle{width:28px;height:28px;min-width:28px}
}
@media(max-width:380px){.site-shell{padding-left:18px;padding-right:18px}.discipline{font-size:7px;letter-spacing:.09em}.status{font-size:9px}.hero-copy p{font-size:13px}.focus-areas{font-size:8px}}
@media(max-height:650px) and (min-width:701px){.masthead{height:70px}.footer{height:60px}.hero{padding:12px 0}h1{font-size:min(13.6vw,22vh,150px)}.hero-copy p{margin-top:22px;font-size:14px}.focus-areas{margin-top:22px}}
@media(max-height:590px) and (max-width:700px){.masthead{height:58px}.footer{height:74px;gap:6px}.hero{padding:12px 0}.hero-copy{margin-top:-12px}h1{font-size:min(18.5vw,17.5vh)}.hero-copy p{margin-top:20px;font-size:12px}.focus-areas{margin-top:20px}}
@media(orientation:landscape) and (max-height:480px){.site-shell{padding-left:28px;padding-right:28px}.masthead{height:52px}.footer{height:50px;flex-direction:row}.hero{display:grid;grid-template-columns:42% minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:clamp(20px,3vw,36px);row-gap:0;padding:12px 0}.material-stage{width:100%;height:100%;align-self:center}.hero-copy{align-self:center;margin-top:0}h1{font-size:min(11.4vw,24vh)}.hero-copy p{margin-top:18px;font-size:12px}.focus-areas{font-size:8px;margin-top:18px}.focus-areas li+li:before{margin:0 10px}.copyright{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}