:root{color-scheme:light;--paper:#f3f0e9;--white:#f9f7f2;--ink:#1d2018;--mono:"DM Mono",monospace;--sans:"DM Sans",Arial,sans-serif;--serif:"Playfair Display",Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
.page-shell{width:100%;margin:0 auto}
.visual-stage{width:100%;height:100svh;min-height:560px;max-height:none;position:relative;overflow:hidden;background:#3e4b31;color:#f8f5ec;isolation:isolate}
.aurora,.grain,.hero-image-layer{position:absolute;inset:-8%;z-index:-2;pointer-events:none}
.hero-image-layer{z-index:-1;inset:0;background-size:cover;background-position:center 42%;opacity:0;transform:scale(1.04);filter:blur(10px) saturate(.88) contrast(1.02);transition:opacity .7s ease,transform 1.2s ease,filter .45s ease}
.visual-stage.background-sharp .hero-image-layer{filter:blur(0) saturate(.88) contrast(1.02)}
.blur-toggle{border:1px solid rgba(255,255,255,.68);background:rgba(20,24,17,.14);color:#fff;padding:5px 10px 4px;font-family:var(--mono);font-size:9px;letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.blur-toggle:hover,.blur-toggle[aria-pressed="false"]{background:#f4f0e8;color:#22251c;border-color:#f4f0e8}
.blur-toggle:focus-visible{outline:2px solid white;outline-offset:3px}
.visual-stage.has-hero-image .hero-image-layer{opacity:.7;transform:scale(1)}
.visual-stage.has-hero-image .aurora{opacity:.24;transition:opacity .7s ease}
.visual-stage .aurora{transition:opacity .7s ease}
.aurora{background:
radial-gradient(ellipse 19% 69% at 20% 12%,rgba(187,248,205,.97) 0%,rgba(151,216,170,.85) 31%,transparent 77%),
radial-gradient(ellipse 18% 69% at 12% 61%,rgba(192,50,26,.94) 0%,rgba(127,37,18,.61) 38%,transparent 78%),
radial-gradient(ellipse 20% 83% at 43% 93%,rgba(255,23,9,.98) 0%,rgba(183,13,4,.86) 30%,transparent 72%),
radial-gradient(ellipse 18% 58% at 47% 7%,rgba(13,29,17,.97) 0%,rgba(31,47,24,.85) 44%,transparent 82%),
radial-gradient(ellipse 23% 78% at 68% 11%,rgba(177,222,157,.91) 0%,rgba(116,153,84,.57) 53%,transparent 84%),
radial-gradient(ellipse 28% 92% at 82% 90%,rgba(201,208,174,.86) 0%,rgba(153,165,112,.77) 45%,transparent 78%),
radial-gradient(ellipse 30% 65% at 98% 28%,rgba(76,112,81,.98),transparent 80%),
linear-gradient(112deg,#0a1007 0%,#12190e 30%,#6b7542 68%,#273b28 100%);
filter:blur(28px) saturate(1.13);transform:scale(1.1);animation:drift 18s ease-in-out infinite alternate}
.grain{z-index:-1;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
@keyframes drift{0%{transform:scale(1.1) translate3d(-1.5%,0,0) rotate(-1deg);filter:blur(28px) saturate(1.06)}50%{transform:scale(1.17) translate3d(1.5%,-1%,0) rotate(1.8deg);filter:blur(31px) saturate(1.22)}100%{transform:scale(1.12) translate3d(-.5%,1%,0) rotate(-.6deg);filter:blur(26px) saturate(1.12)}}
.topline{position:absolute;top:2.2%;left:0;right:0;text-align:center}
.wordmark{font-size:clamp(10px,.86vw,14px);font-weight:900;letter-spacing:-.045em}
.side-label,.social-nav,.location,.scroll-invite,.stage-caption,.film-number,.micro-label,.section-index,.project-meta,.footer-bottom{font-family:var(--mono);font-size:clamp(8px,.65vw,10px);letter-spacing:.055em;font-weight:400}
.side-label{position:absolute;top:48.8%;left:1.05%;transform:translateY(-50%);color:rgba(255,255,255,.85)}
.side-label span{opacity:.56}
.hero-copy{position:absolute;top:48.5%;left:50%;transform:translate(-50%,-50%);text-align:center;width:min(240px,40%);transition:opacity .45s ease,transform .45s ease}
.eyebrow-script{font-family:var(--serif);font-style:italic;font-size:clamp(13px,1.1vw,18px);margin:0 0 7px;line-height:1}
.hero-copy h1{font-size:clamp(22px,1.8vw,31px);font-weight:900;line-height:.82;letter-spacing:-.065em;margin:0;text-transform:uppercase}
.hero-copy h1 span{display:block}
.hero-subline{font-size:clamp(8px,.7vw,11px);line-height:1.05;letter-spacing:.045em;margin:13px 0 0}
.social-nav{position:absolute;top:48.7%;right:1.25%;transform:translateY(-50%);display:flex;align-items:center;gap:clamp(10px,1.7vw,25px)}
.social-nav a{color:rgba(255,255,255,.85);transition:opacity .2s}
.social-nav a:hover{opacity:.58}
.menu-button{border:0;background:#f4f0e8;color:#22251c;padding:5px 14px 4px;min-width:54px;font-family:var(--mono);font-size:9px;letter-spacing:.04em;cursor:pointer;transition:background .2s,color .2s}
.menu-button:hover{background:#1d2419;color:#fff}
.menu-panel{position:absolute;z-index:5;inset:0 0 0 auto;width:min(390px,88%);background:rgba(19,24,17,.94);backdrop-filter:blur(22px);padding:42px;display:flex;flex-direction:column;justify-content:center;gap:22px;animation:panel-in .3s ease both}
.menu-panel[hidden]{display:none}
.menu-panel>a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #737b69;padding-bottom:14px;font-size:clamp(19px,2vw,28px);font-weight:700;letter-spacing:-.04em}
.menu-panel>a span,.menu-panel p,.menu-close{font:10px var(--mono);letter-spacing:.05em}
.menu-panel p{line-height:1.8;opacity:.7;margin-top:22px}
.menu-close{position:absolute;top:20px;right:24px;border:0;background:transparent;color:white;cursor:pointer}
.menu-close span{font-size:18px;margin-left:6px}
@keyframes panel-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
.stage-bottom{position:absolute;left:1.05%;right:1.05%;bottom:1.6%;height:17%;display:grid;grid-template-columns:1fr 1fr 1.55fr;grid-template-rows:1fr auto;align-items:end}
.location-controls{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px;justify-self:start}.location{white-space:nowrap}
.slide-controls{display:flex;align-items:center;gap:12px}
.slide-controls button{padding:0;border:0;background:transparent;color:inherit;font:9px var(--mono);letter-spacing:.055em;cursor:pointer;opacity:.85;transition:opacity .2s,transform .2s}
.slide-controls button:hover{opacity:1;transform:translateX(2px)}
.slide-controls button:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.scroll-invite{grid-column:2;grid-row:2;text-align:center;white-space:nowrap;transition:opacity .2s}
.scroll-invite:hover{opacity:.64}
.filmstrip{grid-column:3;grid-row:1;justify-self:end;width:min(100%,340px);height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;align-self:stretch}
.film-card{min-width:0;position:relative;padding:0;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;color:#fff;text-align:left}
.film-number{font-size:8px;line-height:1}
.film-art,.project-visual{position:relative;display:block;overflow:hidden;isolation:isolate}
.film-art{flex:1;min-height:38px;width:100%;filter:saturate(.85);transition:filter .35s,transform .35s}
.film-card:hover .film-art,.film-card.is-selected .film-art{filter:saturate(1.15) brightness(1.08)}
.film-card.is-selected:after{content:"";position:absolute;inset:-8px -7px -8px;border:2px solid rgba(255,255,255,.95);pointer-events:none}
.visual-stage.has-hero-image .grain{opacity:.09}
.film-card:focus-visible,.menu-button:focus-visible,.menu-close:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:4px}
.film-card.is-selected .film-number{opacity:1}
.stage-caption{grid-column:3;grid-row:2;text-align:right;white-space:nowrap;font-size:clamp(7px,.62vw,9px);margin-top:7px}
.art-one{background-image:linear-gradient(0deg,rgba(8,14,10,.2),rgba(8,14,10,.02)),url('https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?auto=format&fit=crop&w=900&q=85');background-size:cover;background-position:center 35%;background-color:#52664b}
.art-one:before{content:none}
.art-one:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,16,12,.2),transparent 58%)}
.art-one i{display:none}
.art-two{background-image:linear-gradient(0deg,rgba(12,20,16,.18),rgba(12,20,16,0)),url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=900&q=85');background-size:cover;background-position:center 30%;background-color:#9bafa2}
.art-two:before{content:none}
.art-two:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,14,10,.22),transparent 65%)}
.art-three{background-image:linear-gradient(0deg,rgba(9,18,35,.24),rgba(9,18,35,.02)),url('https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=900&q=85');background-size:cover;background-position:center 28%;background-color:#5c7d8a}
.art-three:before{content:none}
.art-three:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,18,35,.25),transparent 65%)}
.art-four{background-image:linear-gradient(0deg,rgba(14,14,8,.25),rgba(14,14,8,.04)),url('https://images.unsplash.com/photo-1509631179647-0177331693ae?auto=format&fit=crop&w=900&q=85');background-size:cover;background-position:center 35%;background-color:#83733f}
.art-four:before{content:none}
.art-four:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,14,8,.22),transparent 65%)}
.project-section{padding:70px 0 88px}
.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c9c4b9;padding-bottom:15px;margin-bottom:21px}
.micro-label,.section-index{margin:0;font-size:10px;letter-spacing:.1em}
.section-index{color:#75766c}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 18px}
.project-tile{display:block;min-width:0}
.project-visual{width:100%;aspect-ratio:1.54;transition:filter .35s}
.project-tile:hover .project-visual{filter:saturate(1.12) contrast(1.03)}
.project-visual:after{content:"↗";position:absolute;right:14px;top:12px;font-size:20px;color:#fff;opacity:0;transform:translate(-4px,4px);transition:opacity .3s,transform .3s}
.project-tile:hover .project-visual:after{opacity:1;transform:translate(0,0)}
.project-visual.art-one{background-image:linear-gradient(0deg,rgba(8,14,10,.18),rgba(8,14,10,0)),url('https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?auto=format&fit=crop&w=1400&q=85');background-size:cover;background-position:center 35%}
.project-visual.art-two{background-image:linear-gradient(0deg,rgba(12,20,16,.18),rgba(12,20,16,0)),url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=1400&q=85');background-size:cover;background-position:center 30%}
.project-visual.art-three{background-image:linear-gradient(0deg,rgba(9,18,35,.2),rgba(9,18,35,0)),url('https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=1400&q=85');background-size:cover;background-position:center 28%}
.project-visual.art-four{background-image:linear-gradient(0deg,rgba(14,14,8,.22),rgba(14,14,8,0)),url('https://images.unsplash.com/photo-1509631179647-0177331693ae?auto=format&fit=crop&w=1400&q=85');background-size:cover;background-position:center 35%}
.project-visual.art-one:before,.project-visual.art-two:before,.project-visual.art-three:before,.project-visual.art-four:before{content:none}
.project-meta{display:flex;justify-content:space-between;gap:16px;padding-top:11px;font-size:9px}
.project-meta b{font-weight:500;font-size:10px;letter-spacing:0}
.project-meta>span{opacity:.64;text-align:right}
.about-section{border-top:1px solid #c9c4b9;border-bottom:1px solid #c9c4b9;padding:55px 0 62px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:28px}
.about-statement{font-size:clamp(27px,4.3vw,58px);line-height:.98;letter-spacing:-.065em;font-weight:600;margin:0;max-width:680px}
.about-statement em{font-family:var(--serif);font-weight:500}
.about-detail{font-size:12px;line-height:1.7;max-width:250px;margin:4px 0 0;color:#56574e}
.site-footer{padding:53px 0 24px}
.contact-link{display:inline-flex;gap:15px;align-items:center;font-size:clamp(22px,4vw,49px);font-weight:800;letter-spacing:-.055em;margin-top:18px}
.contact-link span{font-size:.6em;transition:transform .25s}
.contact-link:hover span{transform:translate(4px,-4px)}
.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #c9c4b9;margin-top:70px;padding-top:16px;font-size:9px}
@media(min-width:1600px){.page-shell{width:100%}.visual-stage{height:100svh}}
@media(max-width:1000px){.page-shell{width:100%;margin-top:0}.visual-stage{width:100%;height:100svh;min-height:560px}.social-nav{gap:15px;right:2%}.stage-bottom{grid-template-columns:1fr 1fr 1.35fr}.filmstrip{width:100%}.stage-caption{font-size:7px}.about-section{grid-template-columns:1fr 2fr;gap:24px}.about-detail{grid-column:2;max-width:430px}}
@media(max-width:650px){.page-shell{width:100%;margin-top:0}.visual-stage{width:100%;height:100svh;min-height:590px;max-height:none}.aurora{filter:blur(22px) saturate(1.15)}.topline{top:18px}.wordmark{font-size:12px}.side-label{left:16px;top:43%;font-size:9px}.social-nav{top:21px;right:14px;transform:none;gap:12px;font-size:8px}.social-nav a{display:none}.blur-toggle{font-size:8px;padding:6px 8px}.menu-button{min-width:50px;padding:6px 10px}.hero-copy{top:45%;width:75%;max-width:260px}.eyebrow-script{font-size:18px}.hero-copy h1{font-size:clamp(29px,8.7vw,45px)}.hero-subline{font-size:10px;margin-top:16px}.stage-bottom{left:15px;right:15px;bottom:17px;height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:16px 8px}.filmstrip{grid-column:1/3;grid-row:1;justify-self:stretch;width:100%;height:90px;gap:7px}.film-number{font-size:9px}.film-art{min-height:66px}.location-controls{grid-column:1;grid-row:2;align-self:center;gap:7px}.location{font-size:8px}.slide-controls button{font-size:8px}.scroll-invite{grid-column:2;grid-row:2;text-align:right;font-size:8px;white-space:normal;line-height:1.5;align-self:center}.stage-caption{grid-column:1/3;grid-row:3;text-align:right;font-size:8px;margin-top:0}.menu-panel{padding:30px}.project-section{padding:47px 0 57px}.project-grid{grid-template-columns:1fr;gap:27px}.project-visual{aspect-ratio:1.25}.project-meta{font-size:8px}.project-meta b{font-size:10px}.about-section{grid-template-columns:1fr;gap:22px;padding:35px 0}.about-statement{font-size:clamp(36px,10vw,52px)}.about-detail{grid-column:1;max-width:360px;font-size:12px}.site-footer{padding-top:37px}.contact-link{font-size:clamp(22px,7.3vw,36px)}.footer-bottom{gap:10px;flex-wrap:wrap;font-size:8px;margin-top:48px}.footer-bottom span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}