@font-face{font-family:Typewriter;src:url('assets/typewriter.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#e9e6df;--ink:#171715;--gutter:clamp(22px,4.4vw,78px);font-family:Typewriter,'Courier New',monospace;color:var(--ink);background:#0b0b0b;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;overflow:hidden}body.entered{overflow:auto}body.modal-open{overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:1px solid currentColor;outline-offset:7px}button:hover,a:hover{opacity:.75}::selection{background:#a91823;color:var(--paper)}
.cinema{height:100svh;height:100dvh;position:relative;overflow:hidden;background:#090909}#film{display:block;width:100%;height:100%;object-fit:cover}#film::-webkit-media-controls{display:none!important}#enter{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;z-index:5}.entered #enter{display:none}#identity{position:fixed;top:clamp(24px,3.3vw,48px);left:var(--gutter);z-index:20;color:#fff;mix-blend-mode:difference;opacity:0;pointer-events:none;transition:opacity .5s}.entered #identity{opacity:1;pointer-events:auto}.wordmark{font-size:clamp(27px,2.8vw,39px);font-weight:400;letter-spacing:-.06em;white-space:nowrap;line-height:1}.caret{display:inline-block;width:1px;height:.74em;background:currentColor;margin-left:.12em;animation:blink .85s steps(1) infinite}.type-complete .caret{display:none}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:max(32px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;gap:24px;color:#fff;font-size:12px;line-height:1.7;opacity:0;transform:translateY(8px);transition:opacity 1.2s .35s,transform 1.2s .35s;text-shadow:0 1px 9px #0005}.hero-bottom p{margin:0}.hero-bottom a{white-space:nowrap}.hero-bottom a span{margin-left:20px;font-size:24px;vertical-align:-2px}.entered .hero-bottom{opacity:1;transform:none}
#portfolio{background:var(--paper)}[hidden]{display:none!important}.chapter{padding:90px var(--gutter) 110px}.chapter-title{display:flex;justify-content:space-between;font-size:10px;line-height:1.5;letter-spacing:.025em;margin:0 0 90px;opacity:.65}.composition{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:100px;align-items:start}.composition:last-child{margin-bottom:0}.photo{margin:0;min-width:0}.photo button{display:block;width:100%;padding:0;position:relative;cursor:zoom-in;overflow:hidden;opacity:1}.photo img{width:100%;height:auto;display:block;transition:transform 1.1s cubic-bezier(.2,.7,.2,1);transform:scale(1)}.photo button:hover img{transform:scale(1.018)}.photo figcaption{font-size:9px;margin-top:12px;opacity:.48;display:flex;justify-content:space-between}.photo figcaption .plus{opacity:0;transition:opacity .4s}.photo:hover .plus{opacity:1}.movement-a .main{grid-column:2/12}.movement-a .satellite{grid-column:8/13;margin-top:30px}.movement-b .main{grid-column:1/8}.movement-b .satellite{grid-column:9/13;margin-top:33%}.forms-pair{align-items:center;margin-top:130px}.forms-pair .main{grid-column:1/7}.forms-pair .satellite{grid-column:8/13;margin-top:20%}.single{margin-top:130px}.single .main{grid-column:4/10}.dark{background:#0b0b0b;color:#c9c5bb;padding-bottom:160px}.night .main{grid-column:2/12}.portraits{margin-top:130px;align-items:center}.portraits .main{grid-column:1/6}.portraits .satellite{grid-column:7/13;margin-top:25%}.drapes{padding-top:100px}.drape .main{grid-column:3/11}.drape-pair .main{grid-column:1/7}.drape-pair .satellite{grid-column:8/13;margin-top:28%}.red-finale{position:relative;padding:0;background:#8e241b}.red-finale .photo img{width:100%;height:auto}.red-finale figcaption{display:none}.end-mark{position:absolute;bottom:8%;left:var(--gutter);color:#ebd9bb;font-size:clamp(35px,8vw,130px);letter-spacing:-.07em;pointer-events:none;opacity:.8}footer{padding:65px var(--gutter) 32px;display:grid;grid-template-columns:1fr 1fr;gap:70px;font-size:12px;line-height:1.8;background:var(--paper)}footer p{margin:0}footer a{justify-self:end}.footer-mark{grid-column:1/-1;justify-self:end;font-size:20px;letter-spacing:-.05em}
#viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:70px 70px 45px;border:0;background:#0a0a0a;color:#e9e6df;overflow:hidden}#viewer[open]{display:flex;align-items:center;justify-content:center}#viewer::backdrop{background:#0a0a0a}#view-image{display:block;max-width:100%;max-height:100%;object-fit:contain;user-select:none}.viewer-top{position:absolute;top:25px;left:30px;right:23px;display:flex;justify-content:space-between;align-items:center;font-size:11px;z-index:2}#close{padding:12px}#close span{font-size:22px;margin-left:14px;vertical-align:-2px}.arrow{position:absolute;top:calc(50% - 24px);font-size:27px;width:48px;height:48px;opacity:.5;z-index:2}.arrow:hover,.arrow:focus-visible{opacity:1}.previous{left:10px}.next{right:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{position:fixed;bottom:20px;color:#fff;left:20px;font-size:12px}@keyframes blink{50%{opacity:0}}
@media(min-width:1800px){.chapter{padding-left:max(var(--gutter),calc((100vw - 1660px)/2));padding-right:max(var(--gutter),calc((100vw - 1660px)/2))}}
@media(max-width:700px){#film{object-fit:contain}.hero-bottom{font-size:10px;bottom:28px;align-items:flex-end}.hero-bottom p{max-width:195px;line-height:1.9}.hero-bottom a{font-size:10px}.hero-bottom a span{margin-left:6px;font-size:19px}.chapter{padding:65px 18px 70px}.chapter-title{font-size:9px;margin-bottom:52px}.composition{gap:12px;margin-bottom:65px}.movement-a .main{grid-column:1/13}.movement-a .satellite{grid-column:6/13;margin-top:20px}.movement-b .main{grid-column:1/11}.movement-b .satellite{grid-column:5/13;margin-top:15px}.forms-pair{margin-top:75px}.forms-pair .main{grid-column:1/10}.forms-pair .satellite{grid-column:4/13;margin-top:12px}.single{margin-top:65px}.single .main{grid-column:2/12}.night .main{grid-column:1/13}.portraits{margin-top:60px}.portraits .main{grid-column:1/11}.portraits .satellite{grid-column:3/13;margin-top:35px}.drape .main{grid-column:1/13}.drape-pair .main{grid-column:1/11}.drape-pair .satellite{grid-column:3/13;margin-top:22px}.photo figcaption{font-size:8px;margin-top:8px}.dark{padding-bottom:85px}.end-mark{bottom:6%;font-size:35px}footer{font-size:10px;padding:42px 22px 25px;gap:45px}#viewer{padding:68px 10px 70px}.viewer-top{left:18px;right:10px;top:12px}.arrow{top:auto;bottom:12px}.previous{left:calc(50% - 65px)}.next{right:calc(50% - 65px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.photo button:hover img{transform:none}}

/* Arrival → bare film → portfolio */
#film{filter:blur(32px) brightness(.55);transform:scale(1.07);transition:filter 1.6s ease,transform 1.9s cubic-bezier(.2,.7,.2,1)}
.intro-veil{position:absolute;inset:-50px;background:url('assets/poster.jpg') center/cover;filter:blur(48px) brightness(.52);opacity:1;transition:opacity 1.7s ease;pointer-events:none}
#intro-name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:clamp(34px,4vw,57px);font-weight:400;line-height:1.2;letter-spacing:-.045em;white-space:nowrap;color:#f5f1e9;opacity:.78;pointer-events:none;z-index:4;text-shadow:0 1px 12px #0002;transition:opacity .45s ease}
.intro-caret{display:inline-block;width:.09em;height:.8em;margin-left:.09em;background:currentColor;vertical-align:-.025em;animation:blink 1s steps(1) infinite}.intro-typed .intro-caret{opacity:0;animation:none;transition:opacity .4s}
.film-visible #film{filter:none;transform:none}.film-visible .intro-veil,.film-visible #intro-name{opacity:0}
@media(max-width:600px){#intro-name{font-size:38px}}
@media(prefers-reduced-motion:reduce){#film{transform:none}.intro-caret{display:none}}