*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:#141414;background:#fff;font:16px/1.6 Arial,Helvetica,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}img{max-width:100%;display:block;object-fit:cover}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}a,button{-webkit-tap-highlight-color:transparent}header{padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:17px;font-weight:700;letter-spacing:-.03em;line-height:1.05;text-decoration:none;position:relative;padding-right:36px}.brand span{position:absolute;right:0;top:0;font-size:28px}nav{display:flex;gap:32px}nav a{font-size:13px;text-decoration:none;padding:12px 0}nav a:hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none}.skip{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:40;background:#111;color:#fff;padding:14px}.skip:focus{transform:none}.kicker{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:600}.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;font-weight:600;text-decoration:none;padding:16px 24px;min-height:52px;font-size:14px}.lead{font-size:21px;line-height:1.45;max-width:440px}h2{font-size:48px;line-height:1.1;letter-spacing:-.035em}h3{font-size:25px;line-height:1.15;letter-spacing:-.025em}.mission,.programs,.resources,.contact{padding:88px 7%}.mission>p:last-child,.resources>p:last-child,.contact>p{max-width:650px;margin-top:28px;font-size:18px;line-height:1.6}.mission h2,.resources h2{margin-top:24px}.section-intro{margin-bottom:48px}.section-intro h2{margin:20px 0}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.program-grid article{border-top:1px solid currentColor;padding-top:20px}.program-number{font-size:12px;opacity:.75}.program-grid h3{margin:20px 0}.program-grid p{font-size:15px;line-height:1.6}.contact .pending{font-size:14px;opacity:.8}footer{padding:36px 5%;display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;font-size:13px}footer small{width:100%;opacity:.7}figcaption{font-size:11px}.small-copy{font-size:12px}
/* 02 — gallery proportions and typography */
.gallery{background:#faf9f6;color:#20201e}.gallery header{border-bottom:1px solid #ccc;padding:24px 6%}.gallery .brand{font-family:Georgia,serif;font-size:20px;font-weight:400}.gallery .hero{padding:52px 6% 72px}.gallery-title{text-align:center}.gallery h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,6vw,88px);line-height:1.05;letter-spacing:-.045em;margin:24px 0 48px}.gallery-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:72px;align-items:center;max-width:1280px;margin:auto}.gallery .index-note{font:italic 24px Georgia,serif;margin-bottom:24px}.gallery .lead{font-size:20px;max-width:320px}.gallery .button{border-bottom:1px solid #20201e;padding:16px 0;margin:28px 0;min-width:240px}.gallery .small-copy{color:#565652}.gallery figure img{width:100%;height:390px;filter:grayscale(1);object-position:60% center}.gallery figcaption{display:flex;justify-content:space-between;border-top:1px solid #888;padding-top:12px;margin-top:14px;color:#565652;gap:12px}.gallery h2,.gallery h3{font-family:Georgia,serif;font-weight:400}.gallery .mission{border-top:1px solid #ccc;text-align:center}.gallery .mission>p:last-child{margin:28px auto 0}.gallery .programs{background:#efede7}.gallery .resources{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery .resources .kicker{grid-column:1/-1}.gallery .resources>p:last-child{margin:0;align-self:center}.gallery .contact{border-top:1px solid #ccc}
/* 03 — cinematic field journal */
.field{background:#17251e;color:#f5f7ef;font-family:Arial,sans-serif}.field header{position:absolute;z-index:3;top:0;left:0;right:0;background:linear-gradient(rgba(0,0,0,.6),transparent);padding:32px 5%}.field .hero{min-height:800px;position:relative;display:flex;align-items:flex-end;padding:180px 6% 90px;isolation:isolate}.field .landscape{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-position:center center}.field .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.16) 25%,rgba(8,20,12,.92));z-index:-1}.field-meta{position:absolute;top:138px;left:6%;right:6%;display:flex;justify-content:space-between;font:11px/1.6 'Courier New',monospace;text-transform:uppercase;letter-spacing:.1em}.field .hero-copy{width:100%}.field h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(72px,8vw,124px);line-height:1;letter-spacing:.015em;text-transform:uppercase;margin:22px 0 36px;max-width:1050px}.field-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px;max-width:1100px}.field .lead{font-size:18px;max-width:430px}.field .button{background:#e2ffcc;color:#17251e;font:13px/1.5 'Courier New',monospace;letter-spacing:-.02em}.image-note{position:absolute;bottom:24px;right:6%;font:10px/1.6 'Courier New',monospace;color:#d5ddce}.field-strip{padding:28px 6%;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #617066;font:12px 'Courier New',monospace;text-transform:uppercase}.field .kicker,.field .program-number{font-family:'Courier New',monospace}.field h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:60px}.field .mission{display:grid;grid-template-columns:1fr 1.2fr;gap:24px 60px}.field .mission .kicker{grid-column:1/-1}.field .mission p:last-child{margin-top:24px;color:#d5ddce}.field .programs{background:#f0f2e9;color:#17251e}.field .resources{border-bottom:1px solid #617066}.field .contact{background:#21392c}.field footer{font-family:'Courier New',monospace}
/* 04 — creative community with bright framing */
.club{background:#0751cf;color:#fff;font-family:Arial,sans-serif}.club header{padding:28px 5%}.club .hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:54px 6% 72px;max-width:1600px;margin:auto}.club h1{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-weight:900;font-size:clamp(60px,6.3vw,96px);line-height:1.02;letter-spacing:-.06em;margin:28px 0}.club .lead{font-size:21px;max-width:440px}.club .button{background:#fff;color:#0751cf;border-radius:100px;margin-top:36px;padding:18px 28px}.club-media{position:relative;min-height:520px;padding:46px 20px 40px}.club-photo{transform:rotate(5deg);border:12px solid white;max-width:470px;margin:0 auto;position:relative}.club-photo img{height:390px;width:100%;object-position:64% center}.club-photo figcaption{position:absolute;bottom:10px;left:10px;color:white;background:#111;padding:3px 8px;font-size:10px}.club-label{position:absolute;z-index:2;top:0;right:0;border:2px solid #ffe400;color:#fff;border-radius:50%;padding:20px 28px;transform:rotate(8deg);background:#0751cf;font-size:20px;font-weight:700;line-height:1.1;text-align:center}.club-caption{position:absolute;left:-10px;bottom:-10px;font-size:22px;font-weight:600;line-height:1.1;transform:rotate(-6deg);background:#0751cf;padding:14px;border:2px solid #ffe400}.club-strip{display:flex;justify-content:space-around;gap:24px;border-block:1px solid rgba(255,255,255,.5);padding:26px 6%;font-size:15px;font-weight:600}.club .mission{background:#fff;color:#122957;display:grid;grid-template-columns:1fr 1.2fr;gap:24px 60px}.club .mission .kicker{grid-column:1/-1}.club .mission p:last-child{margin-top:24px}.club .programs{background:#ecf2ff;color:#122957}.club .program-grid{grid-template-columns:1fr 1fr;gap:24px}.club .program-grid article{padding:32px;background:#fff;border:1px solid #122957;border-radius:16px}.club .resources{display:grid;grid-template-columns:1fr 1fr;gap:24px 60px}.club .resources .kicker{grid-column:1/-1}.club .contact{border-block:1px solid rgba(255,255,255,.5)}
/* 05 — the photographic index */
.sheet{background:#f5f5f5;color:#111;font-family:'Courier New',monospace;font-size:14px}.sheet header{padding:24px 4%;border-bottom:1px solid #111}.sheet .brand{font-family:'Courier New',monospace;font-size:14px;letter-spacing:0;font-weight:400}.sheet nav a{font-size:12px;text-transform:uppercase}.sheet .hero{display:grid;grid-template-columns:.8fr 1.25fr;gap:40px;padding:64px 4% 80px;align-items:center}.sheet .sheet-intro{padding-right:30px}.sheet h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(60px,6.5vw,100px);line-height:.95;letter-spacing:-.055em;font-weight:400;margin:32px 0}.sheet .lead{font:17px/1.5 'Courier New',monospace;max-width:300px}.sheet .button{border:1px solid #111;padding:16px 20px;font-size:12px;margin-top:32px;font-weight:400}.contact-sheet{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:320px 240px;gap:1px;background:#111;border:1px solid #111}.contact-sheet>figure{position:relative;overflow:hidden}.contact-sheet img{height:100%;width:100%;filter:grayscale(1);object-position:65% center}.contact-sheet figcaption{position:absolute;bottom:0;left:0;right:0;background:#111;color:#fff;padding:10px;font-size:9px}.tile-type{background:#111;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.tile-type>span{font-size:10px}.tile-type strong{font:400 44px/.98 Arial,sans-serif;letter-spacing:-.04em}.tile-type small{font-size:10px}.tile-note{background:#f5f5f5;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.tile-note p{font-size:18px;line-height:1.35}.tile-note span{font-size:10px}.sheet h2{font-family:Arial,sans-serif;font-weight:400}.sheet h3{font-family:Arial,sans-serif;font-weight:400}.sheet .mission{display:grid;grid-template-columns:1fr 1.3fr;gap:24px 60px;border-block:1px solid #111}.sheet .mission .kicker{grid-column:1/-1}.sheet .mission p:last-child{margin-top:24px;font:16px/1.6 'Courier New',monospace}.sheet .programs{background:#111;color:#eee}.sheet .program-grid{gap:1px;background:#aaa;border:1px solid #aaa}.sheet .program-grid article{background:#111;border:0;padding:24px}.sheet .program-grid p{font:13px/1.6 'Courier New',monospace}.sheet .resources{border-bottom:1px solid #111}.sheet .resources>p:last-child,.sheet .contact>p{font:16px/1.6 'Courier New',monospace}.sheet footer{border-top:1px solid #111}
@media(max-width:1000px){.program-grid{grid-template-columns:1fr 1fr;gap:32px}.gallery-layout{gap:40px}.club .hero{gap:24px}.club-media{padding:40px 12px;min-height:460px}.club-photo img{height:340px}.sheet .hero{gap:24px}.contact-sheet{grid-template-rows:280px 220px}.tile-type{padding:16px}.tile-type strong{font-size:36px}.tile-note{padding:16px}.field h1{font-size:92px}}
@media(max-width:700px){header{padding:24px;flex-wrap:wrap;gap:24px}.menu-toggle{display:block;font:13px/1.4 inherit;padding:12px 16px;background:transparent;border:1px solid currentColor;color:inherit;min-height:44px;border-radius:0}nav{width:100%;flex-direction:column;gap:0;border-top:1px solid currentColor;padding-top:8px}nav a{padding:14px 0}.js nav:not(.open){display:none}.brand{font-size:15px}.mission,.programs,.resources,.contact{padding:60px 24px}h2{font-size:38px}.program-grid{grid-template-columns:1fr;gap:28px}.mission>p:last-child,.resources>p:last-child,.contact>p{font-size:16px}footer{padding:32px 24px;flex-direction:column;gap:16px}.lead{font-size:19px}.kicker{font-size:10px}.gallery header{padding:24px}.gallery .hero{padding:36px 24px 56px}.gallery h1{font-size:51px;line-height:1.04;margin:24px 0 40px}.gallery-layout{grid-template-columns:1fr;gap:32px}.gallery .hero-copy{order:2}.gallery .lead{max-width:100%;font-size:18px}.gallery figure img{height:290px}.gallery .index-note{font-size:22px;margin-bottom:16px}.gallery .button{margin:20px 0}.gallery .resources{display:block}.gallery .resources>p:last-child{margin-top:24px}.field header{padding:24px;background:rgba(16,30,21,.8)}.field header nav{background:#17251e;padding:16px;margin-top:0}.field .hero{min-height:820px;padding:280px 24px 90px}.field-meta{left:24px;right:24px;top:128px;font-size:9px;gap:24px}.field .hero:before{background:linear-gradient(rgba(0,0,0,.18),rgba(8,20,12,.88))}.field h1{font-size:58px;line-height:1.05;margin:20px 0 28px}.field-bottom{display:block}.field .lead{font-size:17px}.field .button{margin-top:28px}.field .image-note{font-size:9px;left:24px;right:24px;bottom:24px}.field-strip{display:grid;grid-template-columns:1fr 1fr;padding:24px;font-size:11px}.field .mission{display:block}.field h2{font-size:44px}.field .landscape{object-position:60% center}.club header{padding:24px}.club .hero{display:block;padding:36px 24px 52px}.club h1{font-size:56px;margin:24px 0;letter-spacing:-.06em}.club .lead{font-size:18px}.club .button{margin-top:28px}.club-media{margin:48px 0 24px;padding:40px 16px;min-height:440px}.club-photo{border-width:9px}.club-photo img{height:300px}.club-label{font-size:16px;padding:18px 20px;right:-4px}.club-caption{font-size:18px;left:-8px;bottom:0}.club-strip{flex-direction:column;padding:24px;text-align:center;gap:16px;font-size:13px}.club .mission,.club .resources{display:block}.club .program-grid{grid-template-columns:1fr}.club .program-grid article{padding:24px}.sheet header{padding:24px}.sheet .hero{display:block;padding:40px 24px 56px}.sheet .sheet-intro{padding:0}.sheet h1{font-size:68px}.sheet .lead{font-size:16px;max-width:100%}.contact-sheet{margin-top:40px;grid-template-rows:230px 210px}.tile-type strong{font-size:34px}.tile-type{padding:18px}.tile-note{padding:16px}.tile-note p{font-size:16px}.sheet .mission{display:block}.sheet .program-grid{grid-template-columns:1fr;background:none;border:0;gap:24px}.sheet .program-grid article{border-top:1px solid #aaa;padding:24px 0}.sheet .kicker{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}