@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Sans:wdth,wght@75..100,400..700&display=swap');

:root { --ink:#0b0d0b; --panel:#09201d; --acid:#12cbb5; --bright:#4de1ce; --paper:#f5f7f1; --muted:#a9aea4; --rule:rgba(245,247,241,.16); --sans:'Instrument Sans',Arial,sans-serif; --mono:'DM Mono',monospace; }
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--ink)} body{margin:0;background:var(--ink);color:var(--paper);font:400 1rem/1.5 var(--sans)} a{color:inherit;text-decoration:none} button{font:inherit} .skip-link{position:fixed;top:1rem;left:1rem;z-index:10;padding:.6rem 1rem;background:var(--paper);color:var(--ink);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;inset:0 0 auto;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.2rem clamp(1.25rem,4vw,4rem);transition:background .3s,border-color .3s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:rgba(11,13,11,.94);border-color:var(--rule);backdrop-filter:blur(10px)}.brand{display:inline-flex;gap:.55rem;align-items:center;font-size:1.13rem;font-weight:650;letter-spacing:-.055em}.brand img{width:1.65rem;height:1.65rem;object-fit:contain}.site-header nav{display:flex;gap:1.8rem;font-family:var(--mono);font-size:.75rem}.site-header nav a,.text-link,.footer-links a{border-bottom:1px solid transparent;transition:border-color .2s}.site-header nav a:hover,.text-link:hover,.footer-links a:hover{border-color:var(--acid)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.85rem 1.1rem;background:var(--acid);color:var(--ink);font-family:var(--mono);font-size:.76rem;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:var(--bright);transform:translateY(-2px)}.button--small{justify-self:end;padding:.65rem .85rem}.menu-toggle{display:none}.section{max-width:1600px;margin:auto;padding:clamp(6rem,12vw,13rem) clamp(1.25rem,6vw,8rem);border-bottom:1px solid var(--rule)}.eyebrow{margin:0 0 1.25rem;color:var(--acid);font:500 .7rem/1.2 var(--mono);letter-spacing:.11em}.hero{padding-top:clamp(9rem,18vw,15rem)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:600;letter-spacing:-.055em;line-height:.82;text-wrap:balance}h1{max-width:1050px;margin-bottom:2.2rem;font-size:clamp(4.2rem,10.3vw,10.8rem)}h2{font-size:clamp(3.4rem,7vw,7.5rem);margin-bottom:0}.intro{max-width:38rem;color:var(--muted);font-size:clamp(1.1rem,1.55vw,1.45rem);line-height:1.42}.hero__actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin:2rem 0 1rem}.text-link{font-family:var(--mono);font-size:.78rem}.microcopy,.disclaimer{font:400 .7rem/1.5 var(--mono);color:var(--muted)}.media-slot{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--rule);background:var(--panel)}.media-slot--hero{height:clamp(18rem,48vw,41rem);margin-top:clamp(4rem,10vw,10rem)}.media-slot--hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.media-slot--hero figcaption,.media-slot--landscape figcaption{position:absolute;z-index:1;inset:1.1rem auto auto 1.1rem;color:var(--acid);font:500 .7rem var(--mono);letter-spacing:.08em}.media-slot figcaption span{display:block;margin-top:.35rem;color:var(--muted);letter-spacing:0}.guide-grid{position:absolute;inset:0;background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:10% 10%;mask-image:linear-gradient(110deg,rgba(0,0,0,.6),transparent 85%)}.statement{overflow:hidden;padding:clamp(7rem,12vw,13rem) 0;border-bottom:1px solid var(--rule);font-size:clamp(3.7rem,10vw,11.5rem);font-weight:600;letter-spacing:-.06em;line-height:.87;white-space:nowrap}.statement__line{width:max-content}.statement__line--left{margin-left:-.06em}.statement__line--right{margin:0 -5% 0 auto;color:var(--acid)}.section-heading{margin-bottom:clamp(3rem,8vw,8rem)}.workflow__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.85fr);gap:clamp(3rem,9vw,12rem);align-items:start}.steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}.steps li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1.6rem 0;border-bottom:1px solid var(--rule)}.steps li>span{font:400 .7rem var(--mono);color:var(--acid)}h3{margin-bottom:.4rem;font-size:1.15rem;letter-spacing:-.02em}.steps p{max-width:30rem;margin:0;color:var(--muted)}.media-slot--landscape{min-height:28rem}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.gallery-card{margin:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.gallery-card .media-slot{height:clamp(13rem,27vw,25rem);border:0;background:linear-gradient(135deg,#102009,#0d130b)}.gallery-card .media-slot span{position:absolute;inset:1rem auto auto 1rem;color:var(--acid);font:.7rem var(--mono)}.gallery-card figcaption{display:grid;gap:.3rem;padding:1rem 1.1rem 1.4rem;font-size:.9rem}.gallery-card figcaption b{font:500 .72rem var(--mono);letter-spacing:.06em}.gallery-card figcaption span{color:var(--muted)}.local{display:grid;grid-template-columns:1fr 1.5fr;gap:10vw;align-items:center}.local__motif{font:600 clamp(9rem,22vw,23rem)/.55 var(--sans);color:var(--acid);letter-spacing:-.2em}.local__motif span{display:inline-block;margin:.5em 0 0 .3em;font:500 .7rem/1 var(--mono);letter-spacing:.1em}.local__copy p:not(.eyebrow){max-width:35rem;margin:2rem 0 0;color:var(--muted);font-size:1.15rem}.moments__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.motion-slot{margin:0;background:var(--ink)}.motion-slot>div{position:relative;display:grid;place-items:center;aspect-ratio:4/5;background:var(--panel)}.motion-slot>div>span{position:absolute;top:1rem;left:1rem;color:var(--acid);font:.7rem var(--mono)}.motion-slot button{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;border:1px solid var(--paper);color:var(--paper);background:transparent;font:.7rem var(--mono);cursor:pointer}.motion-slot button:hover{border-color:var(--acid);color:var(--acid)}.motion-slot figcaption{padding:1rem;color:var(--muted);font-size:.9rem}.beta{background:var(--panel);border-bottom:0}.beta>p:not(.eyebrow):not(.disclaimer){max-width:37rem;margin:2rem 0;color:var(--muted);font-size:1.2rem}.disclaimer{max-width:48rem;margin:3rem 0 0}.faq{padding-bottom:clamp(8rem,15vw,15rem)}.accordion{border-top:1px solid var(--rule)}details{border-bottom:1px solid var(--rule);padding:1.2rem 0}summary{display:flex;justify-content:space-between;gap:2rem;cursor:pointer;font-size:clamp(1.1rem,2vw,1.45rem);letter-spacing:-.03em;list-style:none}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg);color:var(--acid)}details p{max-width:48rem;margin:1rem 3rem .2rem 0;color:var(--muted)}footer{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:end;max-width:1600px;margin:auto;padding:2.5rem clamp(1.25rem,6vw,8rem) 3rem;border-top:1px solid var(--rule)}footer p{margin:.8rem 0 0;color:var(--muted);font-size:.85rem}.footer-links{display:flex;gap:1.25rem;font:400 .7rem var(--mono)}footer>div:last-child{text-align:right}.final-download{display:inline-block;margin-top:.8rem;color:var(--acid);font:.75rem var(--mono)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal.is-visible{opacity:1;transform:none}.gallery-card.reveal{clip-path:inset(0 0 7% 0)}.gallery-card.reveal.is-visible{clip-path:inset(0)}
@media(max-width:760px){.site-header{grid-template-columns:1fr auto;padding:1rem 1.25rem}.site-header>.button--small{display:none}.menu-toggle{display:block;position:relative;z-index:2;padding:0;border:0;background:transparent;color:var(--paper);font:.7rem var(--mono);cursor:pointer}.site-header nav{position:absolute;display:none;grid-column:1/-1;top:100%;left:0;right:0;padding:1.25rem;background:var(--ink);border-bottom:1px solid var(--rule)}.site-header nav.is-open{display:flex;flex-direction:column;gap:1rem}.site-header.is-scrolled nav{background:#0b0d0b}.section{padding:6.5rem 1.25rem}.hero{padding-top:8.5rem}.intro{font-size:1.05rem}.media-slot--hero{margin-top:4rem}.statement{padding:6rem 0}.workflow__layout,.local{grid-template-columns:1fr;gap:3rem}.media-slot--landscape{min-height:18rem}.gallery{grid-template-columns:1fr}.moments__grid{grid-template-columns:1fr}.motion-slot>div{aspect-ratio:16/10}.local__motif{font-size:11rem}.footer-links{grid-row:2;grid-column:1/-1;flex-wrap:wrap}footer{grid-template-columns:1fr auto;gap:1.5rem;padding:2rem 1.25rem 2.5rem}footer>div:last-child{grid-column:2;grid-row:1}.section-heading{margin-bottom:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;clip-path:none!important;transition:none}.site-header{transition:none}}
@media(min-width:761px){.hero{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(22rem,.78fr);gap:clamp(3rem,7vw,8rem);align-items:center}.hero .media-slot--hero{height:clamp(27rem,42vw,42rem);margin-top:0}.hero__copy{min-width:0}}
.hero-art{width:min(100%,34rem);margin:3.5rem auto 0}.hero-art img{display:block;width:100%;height:auto}.hero h1{font-size:clamp(3.5rem,6.2vw,6.7rem)}
@media(min-width:761px){.hero{grid-template-columns:minmax(0,1fr) minmax(20rem,1fr);gap:clamp(2rem,5vw,6rem)}.hero-art{justify-self:end;width:min(100%,33rem);margin:0}.hero .intro{max-width:31rem}}
@media(min-width:761px){.hero{align-items:stretch}.hero__copy{align-self:center}.hero-art{align-self:stretch;display:flex;align-items:center;justify-content:center;width:100%}.hero-art img{width:auto;height:100%;max-width:100%;object-fit:contain}}
@media(min-width:761px){.hero-art{width:112%;max-width:none}}
.statement__line{will-change:transform}
.guide-grid,.gallery-card .media-slot,.motion-slot>div,.beta{background-color:var(--panel);background-image:linear-gradient(rgba(124,224,0,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(124,224,0,.10) 1px,transparent 1px);background-size:2.5rem 2.5rem}
.hero{position:relative;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(245,247,241,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(245,247,241,.032) 1px,transparent 1px);background-size:2.5rem 2.5rem;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.65) 50%,transparent 95%)}.hero__copy,.hero-art{position:relative;z-index:1}
.creator-link{display:inline-flex;align-items:center;justify-content:flex-end;gap:.55rem;color:var(--muted);font-size:.85rem}.creator-link img{width:auto;height:1.1rem;filter:brightness(0) invert(1);opacity:.9;transition:opacity .2s}.creator-link:hover img{opacity:1}
.footer-credit{display:inline-flex;align-items:center;justify-content:flex-end;gap:1.5rem}.footer-credit .final-download{margin:0}
.brand img{filter:hue-rotate(80deg) saturate(1.2)}.gallery-card .media-slot{background:linear-gradient(135deg,#09201d,#081513)}.guide-grid,.gallery-card .media-slot,.motion-slot>div,.beta{background-image:linear-gradient(rgba(18,203,181,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(18,203,181,.10) 1px,transparent 1px)}