@import url('/assets/fonts.css');
@font-face{font-family:Anton;src:url('/assets/display.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#0b0d0c;--panel:#121613;--ink:#eeeee6;--muted:#93998c;--accent:#d8e8b5;--line:#ffffff21;--arabic:'IBM Plex Sans Arabic',sans-serif;--sans:'Manrope',sans-serif;--display:Anton,'Arial Narrow',sans-serif;--serif:'Cormorant Garamond',Georgia,serif;--gutter:5vw;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:14px var(--arabic);-webkit-font-smoothing:antialiased;overflow-x:clip}body.menu-open,body.modal-open{overflow:hidden}::selection{background:var(--accent);color:var(--bg)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}p{line-height:2.1}a:focus-visible,button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:1px solid var(--accent);outline-offset:6px}input:focus-visible,textarea:focus-visible{outline:none;border-bottom-color:var(--accent)!important}main:focus{outline:none}[hidden]{display:none!important}.section-pad{padding:110px var(--gutter)}.micro{font:9px/1.7 var(--sans);letter-spacing:1.4px;text-transform:uppercase}.eyebrow{font:12px/1.9 var(--arabic);display:block;color:var(--accent)}.serif{font-family:var(--serif)}.skip-link{position:fixed;left:15px;top:-100px;padding:15px;background:var(--accent);color:var(--bg);z-index:1500}.skip-link:focus{top:15px}.page-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:var(--accent);transform-origin:left;transform:scaleX(0);z-index:1000}.text-link{display:inline-flex;align-items:center;gap:28px;font-size:12px;padding-bottom:12px;border-bottom:1px solid #e2e7d755}.text-link svg{width:17px;height:17px;transition:transform .4s}.text-link:hover svg{transform:translate(4px,-4px)}.round-link{display:flex;align-items:center;justify-content:center;height:70px;width:70px;border:1px solid #d8e8b560;border-radius:50%;color:var(--accent)}.round-link svg{width:25px;height:25px}.dark{background:var(--panel)}
/* Brand / persistent navigation */
.header{position:absolute;top:0;left:0;width:100%;height:106px;display:flex;align-items:center;gap:38px;padding:0 var(--gutter);z-index:90;color:#fff;transition:background .4s,height .4s,border-color .4s;border-bottom:1px solid transparent}.header.scrolled{position:fixed;height:78px;background:#0b0d0ce8;border-bottom-color:var(--line);backdrop-filter:blur(20px)}.wordmark{display:inline-flex;flex-direction:column;direction:ltr;flex-shrink:0;color:white}.wordmark>span{font:600 22px/1.2 var(--sans);letter-spacing:-1.3px;position:relative}.wordmark sup{position:absolute;top:-1px;right:-14px;font:10px var(--sans);color:var(--accent);letter-spacing:0}.wordmark small{font:6px/1 var(--sans);letter-spacing:1.5px;margin-top:8px;color:#c8cbbf}.desktop-nav{margin-left:auto;display:flex;gap:34px;align-items:center;font-size:11px}.desktop-nav>a{padding:10px 0;position:relative}.desktop-nav>a:after{content:'';position:absolute;bottom:0;right:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .4s}.desktop-nav>a:hover:after{transform:scaleX(1)}.desktop-nav>a>span{font:8px var(--sans);margin-right:5px;color:#8c9483}.nav-contact{display:flex;align-items:center;gap:12px}.nav-contact>i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #d8e8b540}.nav-contact svg{height:15px;width:15px;margin-right:10px}.menu-toggle{display:flex;align-items:center;gap:19px;padding:12px 0 12px 26px;border-left:1px solid var(--line)}.menu-toggle>span{font:8px var(--sans);letter-spacing:1.3px}.menu-toggle>i{width:22px;height:22px;display:block;position:relative}.menu-toggle>i:before,.menu-toggle>i:after{content:'';position:absolute;left:0;top:10px;background:white;width:22px;height:1px}.menu-toggle>i:after{transform:rotate(90deg)}
/* First scene: real WebGL photographs in space */
.immersive-hero{height:100svh;min-height:760px;max-height:1250px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#26342a33 0%,transparent 56%),#0b0d0c;isolation:isolate}.hero-coordinate{position:absolute;left:var(--gutter);top:141px;display:flex;flex-direction:column;gap:3px;font-size:7px;color:#9ca48f;z-index:5}.hero-status{position:absolute;right:var(--gutter);top:144px;font-size:7px;display:flex;align-items:center;gap:10px;color:#9ca48f;z-index:5}.hero-status>i{height:4px;width:4px;background:var(--accent);border-radius:50%}.hero-type{position:absolute;left:50%;top:20%;transform:translateX(-50%);font:400 clamp(130px,22.5vw,390px)/1 var(--display);letter-spacing:-.025em;white-space:nowrap;z-index:1;color:#e9ecdf;pointer-events:none}.hero-type-bottom{position:absolute;left:50%;top:54%;translate:-50% 0;font:italic 400 clamp(80px,12.4vw,210px)/1 var(--serif);letter-spacing:-.055em;white-space:nowrap;z-index:4;pointer-events:none;rotate:-5deg;text-shadow:0 3px 20px #0003}.hero-type-bottom em{font-weight:400}.hero-type-bottom>sup{font:25px var(--sans);color:var(--accent);display:inline-block;vertical-align:top;margin:20px 0 0 25px;letter-spacing:0}.photo-space{position:absolute;inset:0;z-index:2;perspective:1000px}.space-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;outline-offset:-10px!important}.space-canvas.dragging{cursor:grabbing}.space-backup{position:absolute;inset:0;perspective:1200px;pointer-events:none;transition:opacity 1s}.space-ready .space-backup{opacity:0}.space-failed canvas,.reduced-space canvas{display:none}.backup-photo{position:absolute;left:50%;top:46%;width:28%;height:54%;transform:translate(-50%,-50%) rotate(-4deg);border:1px solid #ffffff40;box-shadow:0 25px 80px #0007}.backup-0{translate:-135% 0;rotate:-10deg;scale:.8;opacity:.6}.backup-2{translate:135% 0;rotate:10deg;scale:.8;opacity:.6}.orbit-line{position:absolute;left:50%;top:60%;width:85%;height:32%;transform:translate(-50%,-50%) rotate(-13deg);border:1px solid #9db78914;border-radius:50%;z-index:0;pointer-events:none}.orbit-two{width:100%;height:38%;rotate:18deg;opacity:.5}.hero-ar{position:absolute;left:var(--gutter);bottom:139px;z-index:4;text-align:left;font:400 18px/1.8 var(--arabic);letter-spacing:-.2px;pointer-events:none}.hero-ar>span{color:#a7af9e;font-weight:300}.hero-drag-hint{position:absolute;right:var(--gutter);bottom:139px;z-index:4;display:flex;align-items:center;gap:13px;color:#a3ac96;font-size:10px;pointer-events:none}.drag-icon{height:35px;width:35px;border:1px solid #9eae842f;border-radius:50%;display:flex;align-items:center;justify-content:center;font:17px var(--sans)}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:39px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:5}.space-story-link{display:flex;flex-direction:column;gap:9px;min-width:190px}.space-category{font-size:6px;color:#95a082;letter-spacing:1.3px}.space-story-title{display:flex;justify-content:flex-end;align-items:center;gap:25px;font-size:12px}.space-story-title svg{height:17px;width:17px;color:var(--accent)}.space-controls{display:flex;align-items:center;gap:20px;font:9px var(--sans)}.space-controls button{height:40px;width:40px;border:1px solid #8a997e38;border-radius:50%;font:19px var(--sans);transition:color .3s,background .3s}.space-controls button:hover{color:var(--bg);background:var(--accent)}.space-divider{height:1px;width:45px;background:#9caa8745}.space-total{color:#777f6b}.space-current{color:var(--accent)}.scroll-cue{display:flex;gap:20px;align-items:center;color:#a8b198}.scroll-cue .micro{font-size:6px}.scroll-cue>i{font:24px var(--sans);font-style:normal;animation:nudge 2s infinite}.hero-cross{position:absolute;bottom:110px;color:#71825b;font:12px var(--sans)}.cross-left{left:var(--gutter)}.cross-right{right:var(--gutter)}
/* Scroll-choreographed opening / expanding photograph */
.feeling-chapter{height:250svh;position:relative;background:#101411}.chapter-sticky{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate}.chapter-image{position:absolute;left:50%;top:50%;width:44vw;height:64svh;transform:translate(-50%,-50%) rotate(-7deg);z-index:0;overflow:hidden}.chapter-image img{filter:saturate(.65)}.chapter-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#08110877,#07100922 35%,#071009aa);opacity:0;z-index:1}.chapter-top{position:absolute;top:125px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#d8dece;z-index:5}.chapter-title{position:absolute;left:var(--gutter);right:var(--gutter);top:50%;translate:0 -50%;z-index:3;font:400 clamp(100px,18.5vw,330px)/1.05 var(--display);letter-spacing:-.02em;pointer-events:none}.chapter-title>span{display:block}.chapter-title>span:last-child{text-align:right}.outline{-webkit-text-stroke:1px #e4ecdb;color:transparent}.chapter-copy{position:absolute;right:var(--gutter);top:50%;transform:translateY(-35%);width:41%;max-width:600px;z-index:4;opacity:0}.chapter-copy>.eyebrow{font-size:12px}.chapter-copy h3{font-size:clamp(38px,5.4vw,80px);font-weight:400;line-height:1.65;letter-spacing:-1.8px;margin-top:12px}.chapter-copy h3 em{font-style:normal;color:var(--accent)}.chapter-copy p{font-size:13px;line-height:2.3;margin:20px 0 25px;color:#d2dac5;max-width:400px}.chapter-scroll{position:absolute;bottom:27px;left:var(--gutter);font-size:7px;z-index:3;color:#b6c0a7}
/* Horizontal worlds */
.worlds-section{height:320svh;position:relative;background:#101411}.worlds-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;perspective:1500px}.worlds-heading{display:flex;align-items:center;justify-content:space-between;padding:112px var(--gutter) 25px;gap:30px}.worlds-heading>.micro{font-size:7px;color:#949f86}.worlds-heading h2{font-size:27px;line-height:1.5;margin-left:auto}.worlds-heading h2>span{color:var(--accent);margin-right:10px}.worlds-heading .worlds-progress{font-size:9px;color:var(--accent);margin-left:35px}.worlds-track{display:flex;align-items:center;gap:4vw;width:max-content;padding:10px var(--gutter) 40px;transform-style:preserve-3d}.world-panel{display:block;width:70vw;height:66svh;max-height:800px;min-height:420px;position:relative;overflow:hidden;transform-style:preserve-3d;flex-shrink:0}.world-image{position:absolute;inset:0;overflow:hidden}.world-image img{filter:saturate(.65);transition:scale 1.2s var(--ease)}.world-panel:hover img{scale:1.045}.world-shade{position:absolute;inset:0;background:linear-gradient(180deg,#050b0533,transparent 40%,#081208aa)}.world-number{position:absolute;left:28px;top:22px;font:400 80px/1 var(--display);-webkit-text-stroke:1px #eef5e0b0;color:transparent}.world-micro{position:absolute;right:30px;top:30px;font-size:6px;writing-mode:vertical-rl}.world-name{position:absolute;bottom:28px;left:32px;right:32px;display:flex;align-items:flex-end;gap:28px}.world-name h3{font:400 clamp(45px,7.5vw,120px)/1 var(--display);letter-spacing:-.03em}.world-name>span{font-size:13px;margin-bottom:5px;margin-left:auto}.world-name>svg{height:36px;width:36px;margin-bottom:4px;color:var(--accent)}.world-end{width:60vw;padding:40px 0;position:relative;display:block}.world-end>.micro{font-size:7px;color:#8c9b78}.world-end h3{font:400 clamp(70px,12vw,190px)/1.03 var(--display);letter-spacing:-.04em;margin-top:35px}.world-end h3 i{color:var(--accent);font-style:normal}.world-end .round-link{margin-top:35px}
/* An index of photographs with tactile hover previews */
.selected-index{background:var(--bg);padding-top:100px}.index-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:65px}.index-heading .micro{font-size:7px;color:#869575}.index-heading h2{font:400 clamp(48px,6.5vw,105px)/1.2 var(--display);letter-spacing:-.035em;margin-top:25px;text-transform:uppercase}.index-heading h2>span{color:#8a967c}.index-heading h2 sup{font:9px var(--sans);vertical-align:top;display:inline-block;margin:10px 0 0 20px;letter-spacing:0}.index-heading>p{font-size:14px;color:#a5b096;line-height:2.1;flex-shrink:0}.story-row{display:flex;align-items:center;position:relative;gap:27px;padding:35px 0;border-top:1px solid var(--line);perspective:1000px;transition:color .3s}.story-row:last-child{border-bottom:1px solid var(--line)}.row-num{font-size:7px;color:#82906e;width:27px;flex-shrink:0}.story-row h3{font:500 clamp(20px,3.1vw,48px)/1.3 var(--sans);letter-spacing:-1.8px;transition:transform .5s var(--ease);position:relative;z-index:3}.row-ar{font-size:11px;color:#8b977d;margin-left:auto;z-index:3}.row-category{font-size:6px;color:#7e8d6b;width:90px;text-align:right;z-index:3}.story-row>svg{color:#8a9a76;height:23px;width:23px;transition:transform .4s;position:relative;z-index:3}.row-preview{position:absolute;left:48%;top:50%;width:200px;height:265px;z-index:4;opacity:0;pointer-events:none;transform:translate(calc(-50% + var(--preview-x,0px)),-50%) rotate(var(--preview-rotation,-7deg)) scale(.8);transition:opacity .4s,scale .7s,transform .5s var(--ease);border:5px solid #d2d8c7;box-shadow:0 20px 50px #0007;transform-style:preserve-3d}.story-row:hover{color:var(--accent)}.story-row:hover h3{transform:translateX(15px)}.story-row:hover .row-preview{opacity:1;transform:translate(calc(-50% + var(--preview-x,0px)),-50%) rotate(var(--preview-rotation,-7deg)) scale(1)}.story-row:hover>svg{transform:rotate(45deg)}.index-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:45px}.index-bottom .micro{font-size:6px;color:#6f7d60}.index-bottom .text-link{font-size:11px}
/* Archive, with real switchable space and contact sheet */
.archive-space-section{padding-top:150px;min-height:100svh}.archive-head{padding:0 var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.archive-head .micro{font-size:7px;color:#849471}.archive-head h1{font:400 clamp(80px,11vw,180px)/1 var(--display);letter-spacing:-.025em;margin-top:20px}.archive-head h1>span{color:transparent;-webkit-text-stroke:1px #dfe7d5}.archive-head h1>sup{font:26px var(--sans);vertical-align:top;display:inline-block;margin:15px 0 0 17px;color:var(--accent)}.archive-head>p{font-size:16px;text-align:right;padding-bottom:5px;line-height:1.8}.archive-head>p>span{color:#899a75;font-size:12px}.archive-tabs{display:flex;justify-content:space-between;align-items:center;margin:45px var(--gutter) 0;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}.filters{display:flex;gap:26px}.filter{font-size:11px;color:#8c9a7c;padding:8px 0;position:relative}.filter sup{font:7px var(--sans);margin-right:4px}.filter:after{content:'';position:absolute;bottom:0;right:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .4s}.filter.active{color:var(--ink)}.filter.active:after{transform:scaleX(1)}.view-switch{display:flex;gap:5px}.view-switch button{font:7px var(--sans);letter-spacing:.7px;padding:10px 12px;color:#82936e;white-space:nowrap}.view-switch button.active{background:#d8e8b513;color:var(--accent)}.archive-stage{height:66svh;min-height:580px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#22332144,transparent 65%)}.archive-stage .photo-space{inset:-40px 0 -50px}.archive-stage-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;pointer-events:none}.archive-stage-bottom>a,.archive-stage-bottom>.space-controls{pointer-events:auto}.archive-drag{font-size:7px;color:#869b71}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 5vw;perspective:1000px;padding-top:55px;padding-bottom:40px}.story-card{display:block;min-width:0}.story-card:nth-child(2n){margin-top:100px}.story-image{height:500px;position:relative;overflow:hidden;background:#1a2318}.story-image img{transition:scale 1s var(--ease),filter .6s;filter:saturate(.6)}.story-card:hover img{scale:1.055;filter:saturate(1)}.image-number{position:absolute;top:20px;left:20px;font:7px var(--sans);letter-spacing:1px;color:#eef5e6;mix-blend-mode:difference}.story-open{position:absolute;bottom:20px;right:20px;width:40px;height:40px;border:1px solid #fff6;border-radius:50%;display:flex;align-items:center;justify-content:center}.story-open svg{height:16px;width:16px}.story-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:20px}.story-caption h3{font:italic 28px/1.2 var(--serif);letter-spacing:-.6px;color:#dce4d0}.story-caption>div{font-size:12px;color:#a8b798;text-align:right}.story-caption small{display:block;font-size:9px;color:#6f845e;margin-top:7px}.archive-index{padding-top:70px}.archive-index .index-heading{margin-bottom:35px}.archive-note{text-align:right;font-size:10px;color:#7d8f6e;margin-top:40px;line-height:2}
/* Collections / large typographic motion */
.collection-hero{height:100svh;min-height:740px;max-height:1300px;position:relative;overflow:hidden;isolation:isolate}.collection-hero-image{position:absolute;inset:0}.collection-hero-image img{filter:saturate(.6)}.collection-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0b130a66,transparent 30%,#0b130a33 55%,#0b130a99)}.collection-hero-label{position:absolute;top:145px;left:var(--gutter);font-size:7px;color:#e2e9d7;z-index:3}.collection-hero-title{position:absolute;left:var(--gutter);right:var(--gutter);top:43%;transform:translateY(-50%);z-index:3;text-align:center}.collection-hero-title h1{font:400 clamp(90px,17vw,280px)/1.15 var(--display);letter-spacing:-.025em;position:relative}.collection-hero-title h1>sup{font:12px var(--sans);letter-spacing:0;display:inline-block;vertical-align:top;margin-top:28px;margin-left:12px;color:var(--accent)}.collection-outline{position:absolute;left:50%;top:-15%;transform:translate(-50%,-50%);font:400 clamp(90px,17vw,280px)/1.1 var(--display);letter-spacing:-.025em;color:transparent;-webkit-text-stroke:1px #fff3;opacity:.6;white-space:nowrap}.collection-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:55px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.collection-bottom>div{max-width:480px}.collection-bottom h2{font-size:27px;font-weight:300;margin-bottom:15px}.collection-bottom p{font-size:12px;font-weight:300;color:#dbe6cf;line-height:2.2}.circle-down{height:65px;width:65px;display:flex;align-items:center;justify-content:center;border:1px solid #fff5;border-radius:50%;font:25px var(--sans);flex-shrink:0}.collection-side{position:absolute;right:15px;top:46%;writing-mode:vertical-rl;font-size:6px;letter-spacing:2px;z-index:4;opacity:.5}.category-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;align-items:start}.category-intro>.micro{color:#869c70;font-size:7px;padding-top:20px}.category-intro h2{font-size:clamp(30px,3.8vw,57px);line-height:1.8;letter-spacing:-1.4px}.category-intro h2>span{color:var(--accent)}.category-intro p{font-size:13px;line-height:2.4;color:#9eae8f;max-width:450px;margin:25px 0 30px}.photo-essay{padding-top:0;padding-bottom:100px;overflow:hidden}.essay-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0;margin-bottom:50px;gap:20px}.essay-top>.micro{font-size:7px;color:#839b6b}.cinema-start{font-size:11px;color:var(--accent);display:flex;align-items:center;gap:16px;direction:rtl}.cinema-start>span{height:32px;width:32px;border:1px solid #9daf7759;border-radius:50%;display:flex;align-items:center;justify-content:center;font:11px var(--sans)}.essay-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px 7vw;align-items:start;perspective:1400px}.essay-photo{padding:0;position:relative;width:100%;text-align:left;transform-style:preserve-3d}.essay-photo:nth-child(2n){margin-top:120px}.photo-frame{height:570px;position:relative;padding:8px;background:#d8decf;box-shadow:0 25px 70px #0006;overflow:hidden;transform-style:preserve-3d}.photo-frame img{filter:saturate(.75);transition:scale 1s var(--ease)}.essay-photo:hover img{scale:1.04}.frame-2 .photo-frame{height:420px}.frame-caption{display:flex;align-items:center;gap:20px;justify-content:space-between;font:7px var(--sans);letter-spacing:.9px;color:#8ba273;margin-top:22px}.frame-caption svg{width:15px;height:15px;margin-left:auto}.frame-caption>span:nth-child(2){margin-left:auto;font-size:6px}.next-collection{padding:70px var(--gutter);background:#121a11;overflow:hidden}.next-collection>.micro{font-size:7px;color:#8da375}.next-collection>a{display:flex;align-items:center;position:relative;gap:45px;margin-top:35px;padding-bottom:30px;border-bottom:1px solid var(--line)}.next-collection a>div{width:150px;height:170px;rotate:-6deg;border:5px solid #d5e1c8;flex-shrink:0}.next-collection h2{font:400 clamp(60px,10vw,170px)/1 var(--display);letter-spacing:-.025em;color:#e0e8d4}.next-collection a>svg{width:65px;height:65px;margin-left:auto;color:var(--accent)}
/* Each story is a sequence of photographic film frames */
.single-hero{position:relative;height:110svh;min-height:840px;max-height:1300px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#2b3a2822,transparent 65%)}.single-meta{position:absolute;left:var(--gutter);right:var(--gutter);top:145px;display:flex;justify-content:space-between;align-items:center;z-index:3}.back-link{font-size:10px;display:flex;align-items:center;gap:15px;color:#a1b28f}.back-link svg{width:13px;height:13px;rotate:180deg}.single-meta>.micro{font-size:7px;color:#829b6d}.single-image{position:absolute;left:50%;top:51%;translate:-50% -50%;height:72%;width:43%;max-width:700px;rotate:-3deg;padding:8px;background:#c7d0bc;box-shadow:0 35px 70px #0007}.single-image img{filter:saturate(.7)}.single-title{position:absolute;left:var(--gutter);right:var(--gutter);top:49%;translate:0 -35%;text-align:center;z-index:3;pointer-events:none}.single-title>.micro{font-size:7px;letter-spacing:2px;margin-bottom:20px;display:block;text-shadow:0 1px 5px #000}.single-title h1{font:400 clamp(70px,10vw,160px)/.94 var(--display);letter-spacing:-.035em;text-shadow:0 2px 30px #0003}.single-title h1 i{font:italic 400 1.1em/.9 var(--serif);letter-spacing:-.055em}.single-title p{font-size:18px;margin-top:30px;text-shadow:0 1px 10px #000}.single-scroll{position:absolute;left:var(--gutter);bottom:40px;font-size:7px;color:#9db786;z-index:4}.single-frame{position:absolute;right:var(--gutter);bottom:40px;font-size:7px;color:#9db786;z-index:4}.story-description{display:grid;grid-template-columns:1fr 1.2fr;gap:35px 10%;padding-top:100px;padding-bottom:90px}.story-description>.micro{font-size:7px;color:#869f6e}.story-description p{font-size:22px;line-height:2.1;letter-spacing:-.4px}.story-description .cinema-start{grid-column:2;justify-self:end;margin-top:10px}.demo-label{display:block;font-size:9px;color:#7b9167;margin-top:25px}.story-film{padding:0 var(--gutter) 100px;position:relative}.film-frame{position:sticky;top:90px;padding-bottom:22px;min-height:calc(100svh - 90px);perspective:1400px}.film-frame-inner{background:#dce1d2;color:#24321d;padding:20px 25px 15px;transform-origin:center top;box-shadow:0 -10px 60px #0005}.film-meta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px}.film-meta .micro{font-size:6px;letter-spacing:1px}.film-frame button{height:calc(100svh - 225px);min-height:400px;width:100%;padding:0;background:#192016}.film-frame img{object-fit:contain;filter:saturate(.8)}.film-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:15px;font-size:9px;color:#4d603d}.film-caption .micro{font-size:6px}.next-story{padding-top:65px;padding-bottom:90px;background:#121a11}.next-story>.micro{font-size:7px;color:#8eaa73}.next-story>a{display:flex;align-items:center;gap:40px;margin-top:35px;padding-bottom:30px;border-bottom:1px solid var(--line)}.next-story a>div{width:170px;height:190px;flex-shrink:0;rotate:-4deg;border:5px solid #c9d8b8}.next-story h2{font:400 clamp(40px,5.6vw,95px)/1.2 var(--display);letter-spacing:-.02em;color:#d8e8bd}.next-story a>svg{width:50px;height:50px;margin-left:auto;color:var(--accent)}
/* About / personal portrait rather than a stock landing page */
.about-hero{padding-top:160px;overflow:hidden}.page-topline{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:25px;border-bottom:1px solid var(--line)}.page-topline .micro{font-size:7px;color:#819c68}.page-topline .eyebrow{font-size:10px;text-align:right}.about-title{font:400 clamp(70px,10vw,160px)/1.05 var(--display);letter-spacing:-.025em;padding:55px 0 75px;text-transform:uppercase}.about-title i{font:italic 400 1.1em/.9 var(--serif);letter-spacing:-.045em;text-transform:none;color:var(--accent)}.about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:13%;align-items:center}.about-photo{height:660px;position:relative;padding:8px;background:#d4dfc6;rotate:-3deg;transform-style:preserve-3d}.about-photo img{filter:grayscale(1)}.about-photo>.micro{position:absolute;bottom:-30px;left:0;font-size:6px;color:#98b17b}.about-photo>.demo-label{position:absolute;bottom:12px;right:16px;font-size:8px;color:white;text-shadow:0 1px 5px #000}.about-copy h2{font-size:clamp(30px,3.5vw,50px);line-height:1.8;margin:15px 0 22px;letter-spacing:-1px}.about-copy h2>span{color:var(--accent)}.about-copy p{font-size:13px;line-height:2.4;color:#9eae8d;margin-bottom:22px}.about-copy .text-link{margin-top:15px}.philosophy{padding-top:85px;padding-bottom:85px;background:#121a11}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:60px}.section-heading>div{order:2}.section-heading>.micro{font-size:7px;color:#91a775}.section-heading h2{font-size:clamp(28px,3.5vw,52px);letter-spacing:-1px;line-height:1.8;margin-top:15px}.section-heading h2 span{color:var(--accent)}.approach-row{display:grid;grid-template-columns:50px 1fr 1.1fr 25px;gap:40px;padding:32px 0;border-top:1px solid var(--line);align-items:center}.approach-row:last-child{border-bottom:1px solid var(--line)}.approach-row>.serif{font:400 38px var(--display);color:#a8c18b}.approach-row h3{font-size:25px}.approach-row p{font-size:12px;color:#9bad86;line-height:2.2;max-width:340px}.approach-row>svg{width:24px;height:24px;color:var(--accent)}.about-quote{text-align:center;padding-top:90px;padding-bottom:100px}.about-quote>.serif{font-size:140px;line-height:.7;color:var(--accent)}.about-quote blockquote{font-size:clamp(28px,4vw,58px);line-height:1.9;margin:0 0 35px;font-weight:300;letter-spacing:-1.2px}.about-quote blockquote em{font-style:normal;color:var(--accent)}.about-quote>.micro{font-size:7px;color:#7d9b62}
/* Contact / real inquiry drafting */
.contact-page{min-height:960px;display:grid;grid-template-columns:1fr 1fr}.contact-visual{position:relative;min-height:960px;overflow:hidden}.contact-photo{position:absolute;inset:0}.contact-photo img{object-position:center;filter:saturate(.35) brightness(.65)}.contact-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0c130c66,transparent 35%,#0b150b77)}.contact-visual-copy{position:absolute;left:10%;right:5%;top:50%;transform:translateY(-12%)}.contact-visual-copy>.micro{font-size:7px;color:#d4e3bd}.contact-visual h1{font:400 clamp(55px,6vw,100px)/1.1 var(--display);letter-spacing:-.03em;margin:25px 0;text-transform:uppercase}.contact-visual h1 i{font:italic 400 1.08em/.8 var(--serif);letter-spacing:-.045em;text-transform:none;color:var(--accent)}.contact-visual-copy p{font-size:15px;text-align:left;color:#d3e0c2;font-weight:300}.contact-photo-note{position:absolute;left:10%;bottom:35px;font-size:6px;letter-spacing:1.5px;color:#abc78d}.contact-form-wrap{padding:160px 11% 65px}.contact-form-wrap>.eyebrow{font-size:11px}.contact-form-wrap h2{font-size:clamp(27px,2.7vw,41px);line-height:1.7;margin:14px 0 18px;letter-spacing:-.8px}.contact-form-wrap h2>span{color:var(--accent)}.form-intro{font-size:11px;color:#899e76;line-height:2.2;margin-bottom:30px}fieldset{border:none;padding:0;margin:0 0 28px}legend{font-size:11px;margin-bottom:15px;color:#b2c69c}legend>span,form label>span{color:#b7ca97;font-size:9px}form label{display:block;font-size:11px;color:#adbd9b}.session-choices{display:flex;gap:8px}.session-choice{flex:1}.session-choice input{position:absolute;opacity:0;width:1px;height:1px}.session-choice span{display:block;border:1px solid #758d573d;padding:12px 5px;text-align:center;font-size:10px;white-space:nowrap;color:#99b381;cursor:pointer;transition:background .3s,color .3s}.session-choice input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--bg)}.session-choice input:focus-visible+span{outline:1px solid var(--accent);outline-offset:4px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px}input:not([type=radio]),textarea{background:none;border:0;border-bottom:1px solid #778c573b;border-radius:0;width:100%;min-width:0;padding:13px 0;font-size:12px;line-height:1.7;color:#e4eed5;resize:vertical;color-scheme:dark}input::placeholder,textarea::placeholder{color:#6e8359;font-size:10px}input[type=date]{font-size:11px;min-height:46px}input[type=tel]{text-align:right}.message-field{margin-top:5px}.submit-button{width:100%;margin-top:25px;display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:var(--bg);padding:18px 20px;font-size:12px;transition:background .3s}.submit-button:hover{background:#efffd7}.submit-button svg{width:20px;height:20px}.form-note{font-size:9px;color:#6c8157;line-height:2.1;margin-top:13px}.reset-draft{font-size:9px;border-bottom:1px solid #96b37455;padding:2px 0;color:#8ca96d;margin-top:12px}.contact-work-link{font-size:10px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;color:#81976b}.contact-work-link span{color:var(--accent)}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;padding-top:90px;padding-bottom:100px}.faq-section>div:first-child{order:2}.faq-section h2{font-size:clamp(26px,3.4vw,48px);line-height:1.8;letter-spacing:-1px;margin-top:20px}.faq-section h2 span{color:var(--accent)}.faq-list{order:1}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:22px 0;font-size:12px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font:24px var(--sans);color:#8ca96b;transition:rotate .3s}.faq-list details[open] summary>span{rotate:45deg}.faq-list details p{font-size:11px;line-height:2.3;color:#8fa876;padding:0 0 23px 25px}
/* The end credits */
.footer{background:#172016;padding:45px var(--gutter) 26px;position:relative;overflow:hidden}.footer-topline{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:25px;border-bottom:1px solid #b3cd9125;color:#a4bf84}.footer-topline .micro{font-size:6px}.footer-topline>span:last-child{font-size:11px}.footer-main{position:relative;padding:60px 0 50px}.footer-title{display:block;font:400 clamp(75px,14vw,240px)/1.08 var(--display);letter-spacing:-.025em;position:relative;width:max-content;z-index:2}.footer-title>span{color:var(--accent)}.footer-title>sup{font:50px var(--sans);vertical-align:top;display:inline-block;margin:15px 0 0 25px;color:var(--accent);transition:translate .5s}.footer-title:hover>sup{translate:10px -10px}.footer-orbit{position:absolute;right:2%;top:15%;width:165px;height:165px;color:#b6cc99}.footer-orbit>svg{width:100%;height:100%;animation:orbit 32s linear infinite;overflow:visible}.footer-orbit text{fill:currentColor;font:8px var(--sans);letter-spacing:2px}.footer-orbit>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:60px var(--sans);font-weight:300;color:var(--accent)}.footer-links{display:flex;justify-content:flex-start;gap:30px;font-size:11px;padding:20px 0 35px;border-bottom:1px solid #b7d48e2b}.footer-links a{color:#aac28b;transition:color .3s}.footer-links a:hover{color:#f4ffe4}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px}.footer .wordmark>span{font-size:18px}.footer .wordmark small{font-size:5px}.demo-note{font-size:8px;color:#8ca373}.to-top{display:flex;align-items:center;gap:15px;font:6px var(--sans);letter-spacing:1px;color:#c9dea8}.to-top svg{width:15px;height:15px;rotate:-45deg}
/* Menu as another dimensional gallery */
.menu-overlay{position:fixed;inset:0;background:#172016;color:#f1f4e9;z-index:180;padding:0 var(--gutter);visibility:hidden;clip-path:inset(0 0 100%);transition:clip-path .7s var(--ease),visibility .7s;overflow:auto}.menu-overlay.open{visibility:visible;clip-path:inset(0)}.menu-top{height:106px;display:flex;align-items:center;justify-content:space-between}.menu-close{font:8px var(--sans);letter-spacing:1.2px;display:flex;gap:23px;align-items:center}.menu-close>span{font:300 35px var(--sans);color:var(--accent)}.menu-body{display:grid;grid-template-columns:1.6fr 1fr;gap:10%;align-items:center;min-height:calc(100svh - 181px);padding:10px 0 50px;perspective:1500px}.menu-links{display:flex;flex-direction:column}.menu-links a{display:flex;gap:15px;align-items:center;position:relative;padding:10px 0;border-bottom:1px solid #b9d59922;transform:translateY(35px);opacity:0;transition:transform .7s var(--ease),opacity .7s,color .3s}.menu-links a:nth-child(2){transition-delay:.04s}.menu-links a:nth-child(3){transition-delay:.08s}.menu-links a:nth-child(4){transition-delay:.12s}.menu-links a:nth-child(5){transition-delay:.16s}.menu-links a:nth-child(6){transition-delay:.2s}.menu-links a:nth-child(7){transition-delay:.24s}.menu-overlay.open .menu-links a{transform:translateY(0);opacity:1}.menu-index{font:7px var(--sans);color:#839e68;width:15px;flex-shrink:0}.menu-en{font:400 clamp(25px,4vw,65px)/1.15 var(--display);letter-spacing:-.01em;white-space:nowrap}.menu-ar{font-size:8px;color:#89a46f;margin-left:auto;white-space:nowrap}.menu-links a>svg{width:18px;height:18px;color:#c5dba7}.menu-links a:hover{color:var(--accent)}.menu-aside{position:relative;width:100%;height:390px;perspective:1000px;transform-style:preserve-3d}.menu-photo{position:absolute;inset:0;rotate:-6deg;transform:rotateY(-8deg);padding:6px;background:#d4e2c2;box-shadow:0 20px 50px #0005;overflow:hidden}.menu-photo-back{position:absolute;inset:0;rotate:8deg;transform:translateZ(-40px);padding:5px;background:#9fae8e}.menu-aside>.micro{position:absolute;left:0;bottom:-60px;font-size:6px;color:#8ca770;letter-spacing:1.7px}.menu-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #bed89a20;padding:22px 0;font-size:10px;color:#9fb782}.menu-bottom>span:first-child{font:7px var(--sans);letter-spacing:1px}
/* Shutter and photographic route transitions */
.transition-curtain{position:fixed;inset:0;z-index:300;display:flex;visibility:hidden;pointer-events:none}.transition-shutter{width:16.667%;height:100%;background:#d8e8b5;transform:scaleY(0);transform-origin:bottom;display:block;margin-right:-1px;flex-shrink:0}.transition-caption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#162013;opacity:0}.transition-caption>span{font:400 75px var(--display);letter-spacing:-1px}.transition-caption small{font:7px var(--sans);letter-spacing:2px;margin-top:20px}.transition-image{position:fixed;z-index:290;object-fit:cover;pointer-events:none;box-shadow:0 30px 100px #0008}.loader{position:fixed;inset:0;z-index:500;background:#0b0d0c;color:#edf1e4;display:flex;align-items:center;justify-content:center;clip-path:inset(0);transition:clip-path 1s var(--ease);overflow:hidden}.loader.done{clip-path:inset(0 0 100%)}.loader-name{font:400 clamp(48px,8vw,140px)/1.1 var(--display);letter-spacing:-.03em;text-align:center;z-index:2}.loader-name>span{display:block;font:7px var(--sans);letter-spacing:3.5px;margin-top:25px;color:var(--accent)}.loader-bottom{position:absolute;bottom:40px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;font:7px var(--sans);letter-spacing:1px}.loader-count{font:400 50px var(--display);color:var(--accent);letter-spacing:-1px}.loader-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform-origin:left;transform:scaleX(0);transition:transform .2s}.loader-aperture{position:absolute;left:50%;top:50%;height:370px;width:370px;transform:translate(-50%,-50%);perspective:1000px}.loader-aperture i{position:absolute;inset:0;border:1px solid #b4cd9025;border-radius:50%;animation:aperture 4s linear infinite}.loader-aperture i:nth-child(2){animation-delay:-1.3s}.loader-aperture i:nth-child(3){animation-delay:-2.6s}#cursor{position:fixed;top:0;left:0;z-index:1100;pointer-events:none;opacity:0;transition:opacity .3s}#cursor.ready{opacity:1}#cursor:before{content:'';position:absolute;top:-3px;left:-3px;width:6px;height:6px;border-radius:50%;background:var(--accent);transition:all .4s var(--ease)}#cursor>span{position:absolute;top:0;left:0;transform:translate(-50%,-50%);font:7px var(--sans);letter-spacing:.6px;white-space:nowrap;opacity:0;color:#16200f;transition:opacity .3s}#cursor.hover:before{width:78px;height:78px;top:-39px;left:-39px;background:#d8e8b5e8;backdrop-filter:blur(8px)}#cursor.hover>span{opacity:1}
/* Viewing room / no automatic sound */
.lightbox{position:fixed;inset:0;z-index:250;padding:90px 95px;background:#080d08f7;color:#e4edd9;backdrop-filter:blur(15px)}.lightbox-toolbar{position:absolute;top:23px;left:35px;right:35px;display:flex;align-items:center;justify-content:space-between}.lightbox-counter{font-size:8px;color:#a3c080}.lightbox-close{display:flex;align-items:center;gap:20px;font-size:11px}.lightbox-close>span{font:300 35px var(--sans);color:var(--accent)}.cinema-toggle{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;color:#a2bb85;display:flex;align-items:center;gap:12px}.lightbox-stage{height:100%;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.lightbox-stage>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 15px 70px #0009}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);height:45px;width:45px;border:1px solid #7b9f573b;border-radius:50%;font:24px var(--sans);color:var(--accent)}.lightbox-prev{left:22px}.lightbox-next{right:22px}.lightbox-hint{position:absolute;bottom:30px;left:0;width:100%;text-align:center;font-size:6px;color:#6d8e50}.cinema-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#b8d69511;opacity:0}.cinema-progress>i{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.cinema-playing .cinema-progress{opacity:1}dialog{background:#172015;color:#eef4e6;border:1px solid #7c9b5533;width:min(580px,92vw);max-height:90svh;padding:45px;direction:rtl;overflow:auto}dialog::backdrop{background:#040904df;backdrop-filter:blur(15px)}.dialog-close{position:absolute;left:15px;top:12px;font:28px var(--sans);color:var(--accent)}dialog>.eyebrow{font-size:11px}dialog h2{font-size:32px;margin:15px 0}dialog h2 span{color:var(--accent)}dialog p{font-size:12px;line-height:2.1;color:#8eaa74}#inquiry-summary{font:12px/2.2 var(--arabic);white-space:pre-wrap;background:#263420;padding:20px;margin:25px 0;color:#d9e8c6}.copy-button{background:var(--accent);color:#172111;padding:17px 20px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px}.copy-button svg{width:18px;height:18px}.copy-status{display:block;font-size:11px;color:#b3cc90;line-height:1.9;margin-top:13px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,100px);z-index:1000;background:var(--accent);color:var(--bg);padding:15px 25px}.not-found{padding-top:180px;min-height:85svh}.not-found h1{font:italic 400 clamp(80px,10vw,160px)/.9 var(--serif);margin:50px 0;color:var(--accent)}.not-found>.micro{color:#98b47c}.not-found p{font-size:16px;text-align:left;margin-bottom:30px}
@keyframes orbit{to{rotate:360deg}}@keyframes aperture{0%{transform:rotateX(0) rotateY(0)}100%{transform:rotateX(360deg) rotateY(180deg)}}@keyframes nudge{50%{translate:0 6px}}
@media(min-width:1600px){:root{--gutter:6vw}.hero-type{top:19%;font-size:22vw}.hero-type-bottom{top:55%;font-size:13vw}.hero-ar{bottom:170px;font-size:21px}.hero-drag-hint{bottom:170px}.hero-bottom{bottom:50px}.world-panel{height:68svh}.worlds-heading{padding-top:130px}.story-image{height:680px}.photo-frame{height:720px}.frame-2 .photo-frame{height:550px}}
@media(max-width:1100px){.desktop-nav{gap:22px}.header{gap:28px}.hero-status{display:none}.hero-type{top:24%;font-size:24vw}.hero-type-bottom{top:56%;font-size:14vw}.hero-ar{font-size:16px;bottom:145px}.hero-drag-hint{font-size:9px;bottom:145px}.hero-bottom{bottom:35px}.hero-bottom .scroll-cue{display:none}.hero-bottom .space-controls{margin-left:auto}.hero-coordinate{font-size:6px}.chapter-copy{width:46%}.chapter-copy h3{font-size:49px}.chapter-copy p{font-size:12px}.chapter-title{font-size:19vw}.worlds-heading{padding-top:112px}.world-panel{width:78vw;height:64svh}.world-name h3{font-size:9vw}.world-name>span{font-size:11px}.world-number{font-size:65px}.story-row{gap:22px;padding:29px 0}.story-row h3{font-size:3.3vw;letter-spacing:-1px}.row-category{width:75px;font-size:5px}.row-ar{font-size:10px}.row-preview{width:170px;height:220px}.index-heading h2{font-size:7vw}.index-heading>p{font-size:12px}.archive-head h1{font-size:11vw}.archive-head>p{font-size:13px}.archive-head h1>sup{font-size:20px}.filters{gap:20px}.filter{font-size:10px}.view-switch button{font-size:6px;padding:10px 8px}.story-image{height:420px}.story-caption h3{font-size:24px}.story-caption>div{font-size:10px}.collection-hero-title h1,.collection-outline{font-size:17vw}.category-intro{gap:8%;grid-template-columns:1fr 1.25fr}.category-intro h2{font-size:36px}.category-intro p{font-size:12px}.photo-frame{height:490px}.frame-2 .photo-frame{height:360px}.single-image{width:48%;height:66%}.single-title h1{font-size:11vw}.next-collection a>div{width:115px;height:140px}.next-collection>a{gap:30px}.about-layout{gap:9%}.about-photo{height:580px}.about-copy h2{font-size:34px}.about-copy p{font-size:12px}.approach-row{gap:25px}.approach-row h3{font-size:22px}.contact-form-wrap{padding-left:9%;padding-right:9%}.contact-visual h1{font-size:6.5vw}.footer-orbit{width:120px;height:120px;right:0;top:12%}.footer-orbit>span{font-size:42px}.footer-title{font-size:14.3vw}.footer-title>sup{font-size:35px;margin-left:15px}.footer-links{gap:25px;font-size:10px}.footer-bottom{gap:20px}.menu-body{gap:8%;grid-template-columns:1.5fr 1fr}.menu-en{font-size:4.4vw}.menu-ar{font-size:7px}.menu-aside{height:340px}.menu-links a{gap:12px;padding:12px 0}.menu-links a>svg{width:15px;height:15px}}
@media(max-width:760px){:root{--gutter:6vw}.section-pad{padding-top:65px;padding-bottom:65px}.micro{font-size:7px}.header{height:88px;gap:20px}.header.scrolled{height:70px}.wordmark>span{font-size:19px;letter-spacing:-1px}.wordmark small{font-size:5px;letter-spacing:1px;margin-top:7px}.wordmark sup{font-size:8px;right:-11px}.desktop-nav{display:none}.menu-toggle{margin-left:auto;border:0;padding:12px 0;gap:13px}.menu-toggle>span{font-size:7px;letter-spacing:1px}.menu-toggle>i{width:18px;height:18px}.menu-toggle>i:before,.menu-toggle>i:after{width:18px;top:8px}.immersive-hero{height:100svh;min-height:720px;max-height:1000px}.hero-coordinate{top:112px;font-size:5px;letter-spacing:1px;gap:4px}.hero-type{top:24%;font-size:30vw;letter-spacing:-.02em;line-height:1}.hero-type-bottom{top:56%;font-size:20vw;letter-spacing:-.055em;rotate:-5deg}.hero-type-bottom>sup{font-size:16px;margin:12px 0 0 10px}.hero-ar{font-size:13px;bottom:139px;line-height:1.9;z-index:4}.hero-drag-hint{right:var(--gutter);bottom:145px;max-width:130px;gap:9px;font-size:8px;line-height:1.8}.drag-icon{height:28px;width:28px;font-size:14px;flex-shrink:0}.hero-bottom{bottom:35px;gap:12px;align-items:flex-end}.space-story-link{min-width:0;gap:9px;max-width:46%}.space-category{font-size:5px;letter-spacing:.7px;line-height:1.8}.space-story-title{font-size:11px;gap:13px;justify-content:flex-end}.space-story-title svg{height:13px;width:13px}.space-controls{gap:10px;font-size:8px}.space-controls button{height:32px;width:32px;font-size:16px}.space-divider{width:20px}.hero-cross{bottom:110px;font-size:10px}.backup-photo{width:64%;height:43%;top:46%}.backup-0{translate:-125% 0}.backup-2{translate:125% 0}.orbit-line{top:58%;width:150%;height:27%;opacity:.7}.orbit-two{width:180%;height:33%}.feeling-chapter{height:240svh}.chapter-sticky{min-height:650px}.chapter-image{width:64vw;height:57svh}.chapter-top{top:107px;font-size:5px;letter-spacing:.8px;gap:30px}.chapter-top>span:last-child{text-align:right;max-width:110px}.chapter-title{font-size:22vw;line-height:1.25;letter-spacing:-.015em;left:var(--gutter);right:var(--gutter)}.chapter-copy{width:80%;right:var(--gutter);top:47%;transform:translateY(-30%);max-width:none}.chapter-copy>.eyebrow{font-size:10px}.chapter-copy h3{font-size:43px;line-height:1.75;letter-spacing:-1px}.chapter-copy p{font-size:12px;line-height:2.3;max-width:300px;margin:18px 0 25px}.chapter-copy .text-link{font-size:11px}.chapter-scroll{bottom:25px;font-size:5px;letter-spacing:1px}.worlds-section{height:300svh}.worlds-sticky{min-height:650px}.worlds-heading{padding:105px var(--gutter) 25px;gap:15px;flex-wrap:wrap;align-items:center}.worlds-heading>.micro{font-size:5px;width:100%;margin-bottom:10px;letter-spacing:1px}.worlds-heading h2{font-size:24px;margin:0 auto 0 0;order:2;letter-spacing:-.5px}.worlds-heading .worlds-progress{font-size:8px;order:3;margin-left:auto}.worlds-track{gap:6vw;padding-top:5px;perspective:1000px}.world-panel{width:84vw;height:61svh;min-height:400px}.world-image img{object-position:50% 30%!important}.world-number{top:22px;left:22px;font-size:56px}.world-micro{right:22px;top:25px;font-size:5px;letter-spacing:1px}.world-name{left:22px;right:22px;bottom:25px;gap:15px;flex-wrap:wrap}.world-name h3{font-size:15vw;width:100%;letter-spacing:-.02em}.world-name>span{font-size:13px;margin-left:0;margin-right:auto;margin-bottom:0}.world-name>svg{height:24px;width:24px;margin:0 0 0 auto}.world-end{width:80vw;padding:30px 0}.world-end>.micro{font-size:5px;letter-spacing:1px}.world-end h3{font-size:20vw;margin-top:25px}.world-end .round-link{height:55px;width:55px;margin-top:25px}.selected-index{padding-top:65px;padding-bottom:65px}.index-heading{gap:25px;flex-wrap:wrap;align-items:flex-end;margin-bottom:35px}.index-heading .micro{font-size:5px;letter-spacing:1px}.index-heading h2{font-size:11vw;line-height:1.25;margin-top:18px;letter-spacing:-.025em}.index-heading h2 sup{font-size:6px;margin:4px 0 0 10px}.index-heading>p{font-size:11px;margin-left:auto;width:100%;text-align:right;line-height:1.9}.story-row{gap:13px;padding:22px 0;flex-wrap:wrap;min-height:115px}.row-num{font-size:6px;width:16px;align-self:flex-start;padding-top:9px}.story-row h3{font-size:17px;letter-spacing:-.7px;width:calc(100% - 111px);line-height:1.5;align-self:flex-start}.row-preview{position:absolute;opacity:1;right:0;left:auto;top:20px;width:54px;height:70px;border:2px solid #cadab7;box-shadow:none;transform:rotate(-5deg)!important}.row-ar{position:absolute;left:30px;top:56px;font-size:10px;margin:0}.row-category{position:absolute;left:30px;top:81px;width:auto;font-size:5px;letter-spacing:.8px;text-align:left;margin:0}.story-row>svg{position:absolute;right:69px;top:27px;width:14px;height:14px}.story-row:hover h3{transform:none}.index-bottom{margin-top:30px;gap:25px;align-items:flex-start}.index-bottom .micro{font-size:5px;line-height:1.9;letter-spacing:.7px;max-width:150px}.index-bottom .text-link{font-size:10px;flex-shrink:0;gap:15px}.text-link svg{width:14px;height:14px}.archive-space-section{padding-top:125px}.archive-head{display:block}.archive-head .micro{font-size:5px;letter-spacing:1px}.archive-head h1{font-size:13.9vw;line-height:1.2;margin-top:18px;letter-spacing:-.02em;white-space:nowrap}.archive-head h1>sup{font-size:14px;margin:5px 0 0 7px}.archive-head>p{font-size:12px;margin-top:20px;line-height:1.9;display:flex;justify-content:space-between;align-items:center}.archive-head>p>br{display:none}.archive-head>p>span{font-size:10px}.archive-tabs{margin-top:25px;gap:18px;flex-direction:column;align-items:stretch;padding:15px 0}.filters{gap:20px;justify-content:space-between}.filter{font-size:10px;padding:7px 0}.filter sup{font-size:5px;margin-right:2px}.view-switch{justify-content:flex-start;direction:ltr;gap:6px}.view-switch button{font-size:6px;padding:8px 12px;letter-spacing:.6px}.archive-stage{height:61svh;min-height:470px}.archive-stage .photo-space{inset:-65px 0 -55px}.archive-stage-bottom{bottom:27px;gap:20px}.archive-drag{display:none}.archive-stage-bottom>.space-controls{gap:8px}.archive-stage-bottom .space-story-title{font-size:10px}.archive-stage-bottom .space-category{font-size:5px}.archive-grid{gap:35px 18px;padding-top:35px;padding-bottom:30px}.story-card:nth-child(2n){margin-top:65px}.story-image{height:245px}.story-caption{display:block;padding-top:15px}.story-caption h3{font-size:20px;line-height:1.2;letter-spacing:-.3px}.story-caption>div{font-size:10px;margin-top:12px}.story-caption small{font-size:8px;margin-top:5px}.image-number{top:10px;left:10px;font-size:5px;line-height:1.8;max-width:100px}.story-open{height:27px;width:27px;right:10px;bottom:10px}.story-open svg{height:12px;width:12px}.archive-index{padding-top:45px;padding-bottom:60px}.archive-index .index-heading{gap:15px;margin-bottom:25px;flex-wrap:nowrap}.archive-index .index-heading .micro{font-size:5px;max-width:180px;line-height:2}.archive-index .index-heading .eyebrow{font-size:10px}.archive-note{font-size:9px;margin-top:30px;line-height:2.2}.collection-hero{height:95svh;min-height:700px;max-height:1000px}.collection-hero-label{top:120px;font-size:5px;letter-spacing:1.2px}.collection-hero-title{top:45%;left:3vw;right:3vw}.collection-hero-title h1{font-size:18.7vw;line-height:1.3;letter-spacing:-.02em;white-space:nowrap}.collection-outline{font-size:18.7vw;top:-10%;-webkit-text-stroke:1px #fff3}.collection-hero-title h1>sup{font-size:8px;margin:10px 0 0 6px}.collection-bottom{bottom:45px;gap:25px;align-items:flex-end}.collection-bottom>div{max-width:76%}.collection-bottom h2{font-size:22px;margin-bottom:14px}.collection-bottom p{font-size:10px;line-height:2.2}.circle-down{height:44px;width:44px;font-size:20px}.collection-side{right:7px;font-size:5px;letter-spacing:1px}.category-intro{grid-template-columns:1fr;gap:28px;padding-top:55px;padding-bottom:55px}.category-intro>.micro{font-size:6px;padding:0;letter-spacing:1px}.category-intro h2{font-size:31px;line-height:1.85;letter-spacing:-1px}.category-intro p{font-size:12px;line-height:2.3;margin:20px 0 26px}.category-intro .text-link{font-size:11px}.photo-essay{padding-top:0;padding-bottom:60px}.essay-top{padding:20px 0;margin-bottom:30px;gap:15px}.essay-top>.micro{font-size:5px;letter-spacing:.8px;max-width:160px;line-height:2}.cinema-start{font-size:10px;gap:10px;flex-shrink:0}.cinema-start>span{height:27px;width:27px;font-size:10px}.essay-grid{gap:40px 25px}.essay-photo:nth-child(2n){margin-top:75px}.photo-frame{height:285px;padding:4px;box-shadow:0 15px 35px #0007}.frame-2 .photo-frame{height:215px}.frame-caption{font-size:5px;margin-top:18px;gap:10px;letter-spacing:.5px}.frame-caption>span:nth-child(2){display:none}.frame-caption svg{height:12px;width:12px}.next-collection{padding:50px var(--gutter)}.next-collection>.micro{font-size:5px;letter-spacing:1px}.next-collection>a{gap:22px;margin-top:30px;padding-bottom:25px}.next-collection a>div{width:70px;height:95px;border-width:3px}.next-collection h2{font-size:11.8vw;letter-spacing:-.01em}.next-collection a>svg{height:25px;width:25px}.single-hero{height:100svh;min-height:750px;max-height:1000px}.single-meta{top:120px;align-items:flex-start;gap:35px}.single-meta>.micro{font-size:5px;letter-spacing:.8px;max-width:145px;text-align:right;line-height:2}.back-link{font-size:9px;gap:10px}.back-link svg{height:12px;width:12px}.single-image{height:62%;width:70%;top:51%;padding:5px}.single-title{top:48%;left:3vw;right:3vw}.single-title>.micro{font-size:5px;letter-spacing:1.1px;margin-bottom:22px}.single-title h1{font-size:16vw;line-height:1;letter-spacing:-.025em}.single-title h1 i{line-height:.95}.single-title p{font-size:15px;margin-top:25px}.single-scroll,.single-frame{font-size:5px;letter-spacing:1px;bottom:33px}.story-description{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:60px}.story-description>.micro{font-size:6px}.story-description p{font-size:20px;line-height:2.1}.demo-label{font-size:8px;margin-top:22px}.story-description .cinema-start{grid-column:1;margin-top:5px}.story-film{padding:0 4vw 60px}.film-frame{top:80px;min-height:calc(100svh - 90px);padding-bottom:25px}.film-frame-inner{padding:12px 12px 10px}.film-meta{margin-bottom:12px;gap:20px}.film-meta .micro{font-size:4.5px;letter-spacing:.6px}.film-meta>.micro:first-child{max-width:75%;line-height:2}.film-frame button{height:calc(100svh - 215px);min-height:350px}.film-caption{font-size:7px;margin-top:12px;gap:20px}.film-caption .micro{font-size:4.5px;max-width:50%;text-align:right;line-height:2;letter-spacing:.5px}.next-story{padding-top:45px;padding-bottom:50px}.next-story>.micro{font-size:5px;letter-spacing:1px;line-height:2}.next-story>a{gap:23px;margin-top:30px;padding-bottom:25px}.next-story a>div{width:75px;height:105px;border-width:3px}.next-story h2{font-size:28px;line-height:1.3;max-width:60%;letter-spacing:0}.next-story a>svg{height:24px;width:24px;margin-left:auto}.about-hero{padding-top:130px;padding-bottom:70px}.page-topline{gap:25px;padding-bottom:22px}.page-topline .micro{font-size:5px;max-width:145px;letter-spacing:.9px;line-height:2}.page-topline .eyebrow{font-size:9px;max-width:160px;line-height:2}.about-title{font-size:13vw;line-height:1.1;padding:40px 0 55px;letter-spacing:-.02em}.about-title i{font-size:1.2em;line-height:1}.about-layout{grid-template-columns:1fr;gap:70px}.about-photo{height:460px;padding:5px;width:94%;margin:0 auto}.about-photo>.micro{font-size:5px;bottom:-25px;letter-spacing:.8px}.about-photo>.demo-label{font-size:7px;bottom:10px;right:10px}.about-copy>.eyebrow{font-size:10px}.about-copy h2{font-size:31px;line-height:1.8;margin:14px 0 22px}.about-copy p{font-size:12px;line-height:2.3}.about-copy .text-link{font-size:11px}.philosophy{padding-top:50px;padding-bottom:50px}.section-heading{gap:20px;margin-bottom:35px;align-items:flex-start}.section-heading .eyebrow{font-size:9px}.section-heading>.micro{font-size:5px;max-width:85px;letter-spacing:.8px;line-height:2;padding-top:5px}.section-heading>div{max-width:72%}.section-heading h2{font-size:26px;line-height:1.8;margin-top:12px;letter-spacing:-.6px}.approach-row{grid-template-columns:30px 1fr 20px;gap:18px;row-gap:13px;padding:25px 0}.approach-row>.serif{font-size:28px}.approach-row h3{font-size:22px}.approach-row p{grid-row:2;grid-column:2;font-size:11px;line-height:2.3;max-width:none}.approach-row>svg{grid-column:3;grid-row:1;width:18px;height:18px}.about-quote{padding-top:55px;padding-bottom:60px}.about-quote>.serif{font-size:110px}.about-quote blockquote{font-size:27px;line-height:1.9;letter-spacing:-.5px;margin-bottom:25px}.about-quote>.micro{font-size:5px;letter-spacing:1px}.contact-page{display:block;min-height:0}.contact-visual{height:640px;min-height:0}.contact-visual-copy{left:var(--gutter);right:var(--gutter);top:47%;transform:translateY(-6%)}.contact-visual-copy>.micro{font-size:5px;letter-spacing:1.4px}.contact-visual h1{font-size:63px;letter-spacing:-.025em;line-height:1.1;margin:25px 0}.contact-visual h1 i{font-size:1.14em;line-height:.9}.contact-visual-copy p{font-size:13px}.contact-photo-note{left:var(--gutter);bottom:28px;font-size:5px;letter-spacing:1.1px}.contact-form-wrap{padding:50px var(--gutter)}.contact-form-wrap>.eyebrow{font-size:10px}.contact-form-wrap h2{font-size:29px;line-height:1.8;margin:12px 0 18px}.form-intro{font-size:12px;margin-bottom:32px}.field-row{gap:22px;margin-bottom:27px}.session-choice span{font-size:11px;padding:13px 6px}legend,form label{font-size:12px}input:not([type=radio]),textarea{font-size:14px;padding:13px 0}input::placeholder,textarea::placeholder{font-size:11px}.form-note{font-size:10px}.contact-work-link{font-size:11px}.submit-button{font-size:12px}.faq-section{display:flex;flex-direction:column;gap:30px;padding-top:25px;padding-bottom:60px}.faq-section>div:first-child{order:0}.faq-section>.faq-list{order:1}.faq-section h2{font-size:28px;margin-top:15px}.faq-section .eyebrow{font-size:10px}.faq-list summary{font-size:12px;padding:20px 0}.faq-list details p{font-size:11px;line-height:2.3}.footer{padding-top:32px;padding-bottom:23px}.footer-topline{gap:30px;padding-bottom:22px}.footer-topline .micro{font-size:4.5px;line-height:2;max-width:210px;letter-spacing:.8px}.footer-topline>span:last-child{font-size:10px;white-space:nowrap}.footer-main{padding-top:55px;padding-bottom:40px}.footer-title{font-size:16.3vw;line-height:1.13;letter-spacing:-.02em}.footer-title>sup{font-size:20px;margin:7px 0 0 7px}.footer-orbit{height:70px;width:70px;right:0;top:22px;opacity:.65}.footer-orbit text{font-size:8px}.footer-orbit>span{font-size:28px}.footer-links{padding:15px 0 25px;gap:16px 25px;font-size:10px;flex-wrap:wrap;justify-content:flex-start}.footer-bottom{padding-top:25px;gap:25px;flex-wrap:wrap}.footer .wordmark>span{font-size:17px}.footer .wordmark small{font-size:4.5px}.footer .wordmark sup{font-size:7px}.footer .demo-note{order:3;width:100%;text-align:center;font-size:8px;line-height:2}.to-top{font-size:5px;gap:12px;margin-left:auto;letter-spacing:.8px}.to-top svg{width:13px;height:13px}.menu-top{height:88px}.menu-close{font-size:7px;gap:15px;letter-spacing:1px}.menu-close>span{font-size:30px}.menu-body{display:block;min-height:calc(100svh - 158px);padding:30px 0}.menu-aside{display:none}.menu-links a{padding:17px 0;gap:16px}.menu-en{font-size:clamp(25px,8.3vw,39px);letter-spacing:0}.menu-index{font-size:6px;width:14px}.menu-ar{font-size:8px}.menu-links a>svg{width:16px;height:16px}.menu-bottom{font-size:9px;padding:22px 0;gap:30px}.menu-bottom>span:first-child{font-size:5px;letter-spacing:.8px}.transition-caption>span{font-size:55px}.transition-caption small{font-size:5px;letter-spacing:1.5px;margin-top:20px}.loader-name{font-size:58px;letter-spacing:-.02em}.loader-name>span{font-size:5px;letter-spacing:2px;margin-top:20px}.loader-aperture{width:270px;height:270px}.loader-bottom{font-size:5px;letter-spacing:.8px;bottom:30px}.loader-count{font-size:42px}.lightbox{padding:90px 15px 105px}.lightbox-toolbar{top:20px;left:20px;right:20px}.lightbox-counter{font-size:7px}.lightbox-close{font-size:10px;gap:12px}.lightbox-close>span{font-size:29px}.cinema-toggle{font-size:9px;gap:8px}.cinema-toggle>span{font-size:8px}.lightbox-prev,.lightbox-next{top:auto;bottom:40px;transform:none;width:40px;height:40px;font-size:20px}.lightbox-prev{left:calc(50% - 60px)}.lightbox-next{right:calc(50% - 60px)}.lightbox-hint{display:none}dialog{padding:35px 25px}dialog h2{font-size:28px}dialog p{font-size:11px}#inquiry-summary{font-size:11px;padding:16px}.not-found{padding-top:150px}.not-found h1{font-size:80px}.not-found p{font-size:14px}}
@media(max-width:380px){.hero-type{font-size:29vw}.hero-ar{font-size:12px;bottom:136px}.hero-drag-hint{max-width:118px;font-size:7px}.space-controls{gap:7px}.space-controls button{height:29px;width:29px}.space-divider{width:14px}.space-story-title{font-size:10px;gap:10px}.chapter-copy h3{font-size:38px}.world-name h3{font-size:14.5vw}.filters{gap:14px}.filter{font-size:9px}.row-ar{font-size:9px}.story-row h3{font-size:15px}.photo-frame{height:250px}.frame-2 .photo-frame{height:195px}.contact-visual h1{font-size:57px}.menu-ar{font-size:7px}.menu-links a{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}.loader{display:none}.reveal{opacity:1;visibility:visible;transform:none!important}.hero-type-bottom{rotate:-5deg}.feeling-chapter{height:100svh}.chapter-image{width:100%;height:100%;transform:translate(-50%,-50%)}.chapter-title{display:none}.chapter-copy{opacity:1}.chapter-vignette{opacity:1}.worlds-section{height:auto}.worlds-sticky{position:relative;height:auto;overflow:visible}.worlds-track{display:flex;flex-direction:column;width:100%;gap:25px;transform:none!important}.world-panel{width:100%;min-height:450px;height:70svh}.world-end{width:100%;padding:40px 0}.film-frame{position:relative;top:0;min-height:0;margin-bottom:30px}.film-frame-inner{transform:none!important;opacity:1!important}#cursor{display:none}.row-preview{transition:none}}
@media(pointer:coarse){#cursor{display:none}}

@media(min-width:761px){.hero-ar{bottom:105px;font-size:15px}.hero-cross{display:none}}

.chapter-vignette{background:linear-gradient(90deg,#08110833,#07100933 30%,#071009dd 100%)}
@media(min-width:761px){.chapter-copy{top:38%;transform:none}}

/* Keep entry animations independent of reversible scroll motion. */
.hero-space-motion,.hero-space-entry,.hero-type-motion{position:absolute;inset:0}
.hero-space-motion{z-index:2}.hero-type-motion{z-index:1;pointer-events:none}