/* node_modules/lenis/dist/lenis.css */
html.lenis,
html.lenis body {
  height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}

:root{font-family:Arial,Helvetica,sans-serif;background:#111110;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.25;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:5px}.experience{--bg:#111110;--ink:#eee9df;--muted:#a6a59b;--line:#ffffff24;--glass:#171817;--accent:#bd4a36;color:var(--ink)}.experience[data-theme=light]{--bg:#eeede6;--ink:#2b3027;--muted:#6c7165;--line:#25291f28;--glass:#eeede6;--accent:#9e3827}.scroll-length{height:1400vh}.stage{position:fixed;inset:0;overflow:hidden;background:#a51d19}.world{position:absolute;inset:0;will-change:transform,opacity}.world video{width:100%;height:100%;object-fit:cover;object-position:50% 58%}.environment{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 15% 80%,#97332316,transparent 55%),var(--bg);transition:background-color 200ms ease}.grain{position:absolute;inset:0;pointer-events:none;z-index:120;opacity:.04;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='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.masthead{position:absolute;inset:30px 4.7% auto;z-index:130;display:flex;align-items:center;justify-content:space-between;color:#f4ecdb}.past-film .masthead{color:var(--ink)}.wordmark{background:none;border:0;color:inherit;padding:0;font-weight:700;font-size:20px;letter-spacing:-.6px;text-align:left}.wordmark small{display:block;font-size:9px;font-weight:400;letter-spacing:2.4px;margin-top:8px}.preview-badge{font-size:9px;letter-spacing:2px;opacity:.6}.masthead nav{display:flex;align-items:center;gap:25px}.masthead nav button{border:0;background:none;color:inherit;font-size:12px}.masthead nav .theme-switch{border:1px solid #ffffff35;border-radius:50%;width:38px;height:38px;font-size:20px}.past-film .theme-switch{border-color:var(--line)}.hero-copy{position:absolute;left:39%;right:5%;top:22%;color:#f2ead7;z-index:4;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2.2px;line-height:1.6}.hero-copy h1{font:400 clamp(40px,5.8vw,100px)/.98 Georgia,serif;letter-spacing:-.055em;margin:26px 0}.hero-copy p{font-size:13px;opacity:.75;margin-top:28px}.scroll-hint{position:absolute;bottom:115px;left:4.7%;display:flex;align-items:center;gap:30px;color:#f2ead7;font-size:11px;z-index:5}.scroll-hint span{font-size:24px}.scene{position:absolute;inset:0;visibility:hidden;opacity:0}.practice{z-index:5}.practice-copy{position:absolute;left:25%;right:25%;top:28%;text-align:center;z-index:5}.practice h2{font:400 clamp(50px,6.8vw,110px)/1 Georgia,serif;letter-spacing:-.055em;margin:30px 0}.practice p{font-size:14px;line-height:1.8;color:var(--muted)}.scroll-float-text{font:inherit!important;line-height:inherit!important;text-align:inherit!important}.scroll-float-word,.scroll-float-char{display:inline-block}.scroll-float-word{white-space:nowrap}.scroll-float-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.orbit-art{position:absolute;margin:0;width:20vw;max-width:330px;padding:10px;border:1px solid var(--line);background:var(--glass);box-shadow:0 25px 70px #0004}.orbit-art img{width:100%;height:26vh;object-fit:cover}.orbit-art figcaption{font-size:9px;letter-spacing:2px;padding:14px 2px 5px;color:var(--muted)}.art-a{left:4%;top:21%}.art-b{right:4%;top:15%;width:17vw}.art-b img{height:34vh}.art-c{right:17%;bottom:13%;width:19vw}.art-c img{height:18vh}.era-scene{z-index:8}.era-intro{position:absolute;top:15%;left:7%;right:7%;display:flex;justify-content:space-between;color:var(--muted)}.era-note{font:italic 16px Georgia,serif}.era-panel{position:absolute;inset:23% 9% 19%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;opacity:0;visibility:hidden}.chapter-number{font:italic 22px Georgia,serif;color:var(--muted)}.era-copy h2{font:400 clamp(65px,9vw,150px)/1 Georgia,serif;letter-spacing:-.06em;margin:12px 0 26px}.era-copy h2 em{color:var(--accent)}.era-copy h3{font:400 24px Georgia,serif;margin:0 0 20px}.era-copy p{max-width:310px;color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:35px}.era-panel figure{margin:0;text-align:right}.era-panel img{max-width:100%;max-height:49vh;object-fit:contain;box-shadow:0 30px 75px #0003}.era-panel figcaption{font-size:10px;color:var(--muted);padding-top:15px}.archive-title{position:absolute;top:18%;left:5%;right:5%;z-index:5;opacity:0;visibility:hidden}.archive-title .eyebrow{color:var(--muted)}.archive-title h2{font:400 clamp(44px,6.5vw,105px)/1 Georgia,serif;letter-spacing:-5px;margin:20px 0}.archive-title h2 em{color:var(--muted)}.archive-title p{position:absolute;right:0;top:45px;font-size:13px;color:var(--muted);line-height:1.8}.glass-space{position:absolute;inset:0;perspective:1500px;z-index:20;pointer-events:none}.folder-space{position:absolute;top:51%;left:50%;visibility:hidden;transform-origin:50% 50%;will-change:transform;transform-style:preserve-3d;pointer-events:auto}.category{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);white-space:nowrap;opacity:0}.folder-space .gf-front{backdrop-filter:blur(16px) saturate(.8);-webkit-backdrop-filter:blur(16px) saturate(.8)}.folder-space .gf-tint{background:linear-gradient(160deg,#ffffff0b,#101211b8)}[data-theme=light] .folder-space .gf-tint{background:linear-gradient(160deg,#ffffff30,#eeede6b8)}.folder-space .gf-back,.folder-space .gf-back-rim,.folder-space .gf-files,.folder-space .gf-label{transition:none!important;opacity:0}.folder-space .gf-root{--gf-ease:var(--ease-out)}.archive-controls{position:absolute;z-index:130;bottom:115px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:34px;opacity:0;text-align:center;visibility:hidden}.archive-controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--ink);font-size:20px}.archive-controls strong{display:block;font:22px Georgia,serif;white-space:nowrap}.archive-controls small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:14px;color:var(--muted)}.contact{z-index:40;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding:20vh 9% 15vh;align-items:center}.contact h2{font:400 clamp(55px,6.5vw,105px)/1 Georgia,serif;letter-spacing:-.05em;margin:25px 0}.contact h2 em{color:var(--muted)}.contact p{font-size:13px;line-height:1.9;color:var(--muted)}.contact-signature{display:block;font:italic 24px Georgia,serif;margin-top:35px}.contact form{max-height:65vh;overflow:auto;padding:8px}.contact label{display:block;font-size:11px;letter-spacing:1px;margin-bottom:25px}.contact input,.contact textarea{display:block;width:100%;margin-top:12px;padding:8px 0;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;resize:vertical}.contact form button{display:flex;justify-content:space-between;width:100%;padding:16px 20px;color:var(--bg);background:var(--ink);border:0;border-radius:4px;font-size:12px}.contact .form-note{font-size:10px}.message-preview{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;border:1px solid var(--line);padding:16px;line-height:1.7}.chapter-index{position:absolute;right:5%;bottom:100px;font-size:9px;letter-spacing:2px;color:var(--muted);z-index:125}.transport{position:fixed;bottom:20px;left:5%;right:5%;z-index:200;display:flex;gap:16px;align-items:center;color:#eee5d3;background:#231b1928;backdrop-filter:blur(16px);border:1px solid #ffffff25;border-radius:7px;padding:10px 14px;overflow:hidden}.past-film .transport{color:var(--ink);background:color-mix(in srgb,var(--bg) 80%,transparent);border-color:var(--line)}.transport button{padding:0;border:0;background:none;color:inherit;font-size:23px;line-height:1;min-width:28px}.transport .chapter{font-size:10px;letter-spacing:1px;min-width:210px}.transport input{flex:1;accent-color:currentColor;height:2px;min-width:50px;cursor:ew-resize}.progress-fill{position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform-origin:left;transform:scaleX(0);pointer-events:none}.media-error{position:absolute;z-index:150;bottom:120px;left:20%;background:var(--bg);padding:20px}.media-error button{margin-left:16px}dialog{border:1px solid var(--line);border-radius:18px;padding:32px;background:var(--bg);color:var(--ink);width:min(760px,90vw);max-height:88vh;box-shadow:0 30px 140px #0006;text-align:center}dialog::backdrop{background:#111b;backdrop-filter:blur(14px)}dialog img{max-height:58vh;max-width:100%;object-fit:contain}dialog h2{font:28px Georgia,serif}dialog p{font-size:12px;color:var(--muted)}dialog .close{position:absolute;right:12px;top:10px;border:0;color:var(--ink);background:var(--bg);border-radius:50%;font-size:25px;width:35px;height:35px}@media(hover:hover) and (pointer:fine){.masthead nav button:hover{opacity:.65}.archive-controls button:hover{background:var(--line)}.wordmark:hover{opacity:.8}}@media(max-width:700px){.masthead{top:22px}.preview-badge{display:none}.wordmark{font-size:16px}.wordmark small{font-size:7px}.masthead nav{gap:10px}.masthead nav button{font-size:10px}.masthead nav .theme-switch{width:31px;height:31px}.hero-copy{left:7%;top:17%;right:5%}.hero-copy h1{font-size:12vw;margin:18px 0}.hero-copy p{max-width:240px;font-size:11px}.world video{object-position:32% 65%}.practice-copy{left:8%;right:8%;top:28%}.practice-copy .eyebrow{font-size:8px}.practice h2{font-size:54px}.practice p{font-size:11px}.orbit-art{padding:5px;width:30vw}.orbit-art figcaption{font-size:7px;padding:8px 0}.art-a{top:12%;left:5%}.art-a img{height:12vh}.art-b{top:auto;bottom:16%;right:5%;width:30vw}.art-b img{height:20vh}.art-c{bottom:15%;left:5%;width:39vw}.art-c img{height:13vh}.era-intro{top:15%;left:7%;right:7%}.era-note{display:none}.era-panel{inset:21% 8% 17%;grid-template-columns:1fr;gap:16px;align-content:start}.chapter-number{font-size:15px}.era-copy h2{font-size:68px;margin:7px 0 12px}.era-copy h3{font-size:19px;margin:0 0 10px}.era-copy p{display:none}.era-copy .eyebrow{font-size:8px}.era-panel figure{text-align:right}.era-panel img{height:28vh;max-width:85%}.era-panel figcaption{padding-top:8px;font-size:9px}.archive-title{top:19%}.archive-title h2{letter-spacing:-2px;font-size:51px}.archive-title p{position:static;font-size:11px;margin-top:12px}.folder-space{top:48%}.archive-controls{bottom:117px;gap:15px;max-width:94%}.archive-controls strong{font-size:17px;white-space:normal;max-width:180px}.archive-controls small{font-size:7px}.contact{display:block;padding:15vh 8% 100px}.contact h2{font-size:52px;margin:13px 0}.contact h2 br{display:none}.contact .eyebrow{font-size:8px}.contact p{font-size:11px;margin:6px 0}.contact-signature{display:none}.contact form{margin-top:25px;max-height:48vh}.contact label{margin-bottom:14px;font-size:10px}.contact input,.contact textarea{margin-top:5px;padding:5px 0}.contact textarea{min-height:55px}.contact form button{padding:13px}.chapter-index{display:none}.transport{left:4%;right:4%;gap:9px;padding:11px}.transport .chapter{min-width:0;width:115px;font-size:8px;letter-spacing:.3px}.transport button{font-size:20px}.scroll-hint{bottom:110px}.category{font-size:8px}}@media(max-height:700px) and (min-width:701px){.archive-title{top:16%}.archive-title h2{font-size:70px;margin:14px 0}.folder-space{top:42%}.archive-controls{bottom:90px}.hero-copy{top:20%}.hero-copy h1{font-size:70px}.era-panel{inset:23% 9% 16%}.era-copy h2{font-size:80px}.era-copy p{margin:12px 0}.contact{padding-top:15vh}.contact h2{font-size:65px}.chapter-index{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition-duration:0ms!important}}.reduced .world,.reduced .practice,.reduced .orbit-art,.reduced .era-panel{transform:none!important}
@media(min-width:701px){.practice-copy{left:29%;right:29%}}

/* Six coexisting worlds, with a shared archive navigation. */
.stage{overflow:clip}
.era-panel,.era-detail{--world-accent:var(--era-accent);--world-bg:var(--era-dark)}
[data-theme=light] .era-panel,[data-theme=light] .era-detail{--world-accent:var(--era-light-accent);--world-bg:var(--era-light)}
.wordmark small{letter-spacing:1.3px;font-size:8px}
.era-panel{inset:-30px 0;display:block}
.era-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,color-mix(in srgb,var(--world-accent) 9%,transparent),transparent 55%),var(--world-bg)}
.era-intro{z-index:4;pointer-events:none}
.era-copy{position:absolute;left:7%;top:27%;width:51%;z-index:2}
.era-copy h2{font-size:clamp(50px,7.2vw,120px);line-height:.97;letter-spacing:-.055em;margin:18px 0 25px;max-width:850px}
.era-copy h3{font-size:clamp(16px,1.5vw,24px);margin:0 0 16px}
.era-copy p{display:block;max-width:380px;line-height:1.8;margin:0 0 22px}
.era-copy .chapter-number{font:11px Arial,sans-serif;letter-spacing:3px;color:var(--world-accent)}
.era-qualities{display:block;color:var(--world-accent);font-size:10px;letter-spacing:1.5px}
.enter-era{display:flex;align-items:center;justify-content:space-between;gap:70px;margin-top:32px;padding:14px 0;border:0;border-bottom:1px solid var(--world-accent);color:var(--ink);background:none;font-size:12px}
.enter-era span{font-size:20px;color:var(--world-accent)}
.era-visual{position:absolute;top:23%;right:5%;width:37%;height:54%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.era-motif{width:100%;height:100%;color:var(--world-accent)}
.era-motif svg{width:100%;height:100%;overflow:visible;stroke:currentColor;stroke-width:1.2}
.motif-fill{fill:currentColor;fill-opacity:.08}.motif-solid{fill:currentColor}.technical-line{opacity:.25;stroke-dasharray:3 8}
.motif-caption{font:9px/1.8 monospace;text-transform:uppercase;letter-spacing:2px;color:var(--world-accent);text-align:center;max-width:330px}
.era-mahsun h2{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.065em}
.era-mahsun .era-atmosphere{background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:60px 60px}
.era-dolce-vala h2{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.06em}
.motif-ribbon svg{stroke-width:.8}
.era-surrealism h2{font-family:Georgia,serif;font-weight:700;font-style:italic;letter-spacing:-.075em}
.motif-creature svg{stroke-width:1.7}
.era-objects-of-desire h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,5.8vw,98px);letter-spacing:.015em}
.motif-object svg{stroke-width:.85}
.era-visual-worlds h2{font-family:Arial,sans-serif;font-weight:300;letter-spacing:.02em;font-size:clamp(50px,6.2vw,104px)}
.era-material-lab h2{font-family:monospace;font-weight:400;letter-spacing:-.075em;font-size:clamp(50px,6.5vw,110px)}
.motif-samples svg{stroke-width:.8}
.era-wayfinder{position:absolute;left:7%;right:7%;bottom:112px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;z-index:5}
.era-wayfinder button{display:flex;flex-direction:column;gap:10px;text-align:left;padding:14px 0;border:0;border-top:1px solid var(--line);color:var(--muted);background:transparent;font-size:9px;letter-spacing:1px}
.era-wayfinder button>span:first-child{font:italic 16px Georgia,serif}
.era-wayfinder button[aria-current=true]{color:var(--ink);border-top-color:var(--ink)}
.era-detail{width:min(1050px,92vw);padding:52px;text-align:left;background:var(--world-bg);border-color:color-mix(in srgb,var(--world-accent) 25%,transparent)}
.era-detail>.eyebrow{color:var(--world-accent)}
.era-detail h2{font-size:clamp(35px,5vw,75px);margin:25px 0 14px;line-height:1}
.era-detail .era-detail-subtitle{font:20px Georgia,serif;color:var(--ink)}
.era-detail .era-description{max-width:550px;font-size:14px;line-height:1.8}
.era-detail h3{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--world-accent)}
.era-detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin:35px 0}
.era-detail ul{padding-left:16px;font-size:13px;line-height:2.3}
.identity-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.identity-tags span{font-size:11px;border:1px solid var(--line);padding:7px 10px;border-radius:30px}
.era-detail .era-farsi{font-size:14px;line-height:2;margin-top:25px}
.era-projects{border-top:1px solid var(--line);padding-top:20px}.curation-note{font-style:italic}
.era-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.era-project-grid button{padding:0;background:none;border:0;text-align:left;color:var(--ink);font-size:12px}
.era-project-grid img{display:block;width:100%;height:160px;object-fit:cover;margin-bottom:12px}
.era-assignment{border:1px solid var(--line);text-align:left;margin-top:28px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}
.era-assignment legend{font:20px Georgia,serif}.era-assignment p{grid-column:1/-1;line-height:1.7;margin:0 0 8px}
.era-assignment label{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.6}.era-assignment input{width:17px;height:17px;accent-color:var(--ink)}
.project-detail>img{max-height:42vh}.era-detail .close{background:var(--world-bg)}
@media(hover:hover) and (pointer:fine){.enter-era:hover{color:var(--world-accent)}.era-wayfinder button:hover{color:var(--ink)}.era-project-grid button:hover span{text-decoration:underline}}
@media(max-width:1000px) and (min-width:701px){.preview-badge{display:none}.era-copy{top:26%}.era-copy h2{font-size:7vw}.era-wayfinder{gap:12px}.era-wayfinder button{font-size:8px}.era-visual{right:3%;width:35%}}
@media(max-height:700px) and (min-width:701px){.era-copy{top:24%}.era-copy h2{font-size:65px;margin:10px 0 15px}.era-copy p{font-size:11px;margin-bottom:12px}.enter-era{margin-top:15px;padding:9px 0}.era-wayfinder{bottom:86px}.era-visual{top:22%;height:48%}}
@media(max-width:700px){
 .wordmark small{font-size:6px;letter-spacing:.7px;max-width:140px;line-height:1.7}.masthead nav{gap:8px}.masthead nav button{font-size:9px}
 .era-panel{inset:0}.era-copy{top:21%;left:8%;width:84%}.era-copy h2{font-size:clamp(38px,12vw,64px);margin:14px 0}.era-copy h3{font-size:16px;margin-bottom:12px}.era-copy p{display:block;font-size:11px;line-height:1.6;max-width:300px;margin-bottom:12px}.era-copy .chapter-number{font-size:9px}.era-qualities{display:none}.enter-era{margin-top:18px;padding:8px 0;font-size:11px;gap:65px}
 .era-objects-of-desire h2{font-size:10vw;max-width:310px}.era-visual-worlds h2{font-size:11vw}.era-material-lab h2{font-size:12vw}
 .era-visual{top:54%;right:8%;width:44%;height:23%;pointer-events:none}.motif-caption{display:none}.era-intro .eyebrow{font-size:9px}.era-note{display:none}
 .era-wayfinder{left:8%;right:8%;bottom:92px;gap:6px 12px;grid-template-columns:repeat(3,1fr)}.era-wayfinder button{font-size:7px;letter-spacing:.2px;padding:7px 0;gap:5px}.era-wayfinder button>span:first-child{font-size:12px}
 .era-detail{padding:35px 25px}.era-detail h2{font-size:37px;overflow-wrap:anywhere}.era-detail-grid{grid-template-columns:1fr;gap:15px;margin:25px 0}.era-detail .era-detail-subtitle{font-size:17px}.era-detail .era-description{font-size:12px}.era-detail ul{font-size:12px}.era-project-grid{grid-template-columns:1fr 1fr}.era-project-grid img{height:110px}.era-assignment{grid-template-columns:1fr;padding:15px}.era-assignment label{font-size:11px}
}

.tunnel{perspective:1000px;isolation:isolate}.tunnel-room.era-panel{inset:0;overflow:clip;transform-style:preserve-3d;pointer-events:none}.room-color{position:absolute;inset:0;background:var(--world-dark)}[data-theme=light] .room-color{background:var(--world-light)}.room-halo{position:absolute;inset:-15%;background:radial-gradient(ellipse at 52% 37%,transparent 4%,#0002 36%,#0007 90%);pointer-events:none}.tunnel-mouth{position:absolute;inset:0;pointer-events:none;z-index:4;mix-blend-mode:screen;opacity:.35}.tunnel-ring{position:absolute;left:50%;top:46%;width:65vw;height:70vh;border:1px solid #e4c6b8;border-radius:49% 51% 43% 57%;box-shadow:0 0 80px #dcb2a705}.tunnel-compass{position:absolute;top:13%;left:5%;right:5%;display:flex;justify-content:space-between;z-index:6;pointer-events:none;font:8px monospace;letter-spacing:2px;opacity:.65}.room-heading{position:absolute;left:8%;right:8%;top:22%;text-align:center;z-index:4;pointer-events:none}.room-heading .eyebrow{font-size:9px;letter-spacing:3px}.room-heading h2{font-size:clamp(70px,10.8vw,180px);line-height:.86;margin:22px 0;letter-spacing:-.065em;text-shadow:0 2px 30px #0002}.era-mahsun .room-heading{color:#0c3e8b}.era-dolce-vala .room-heading{color:#ffe5df}.era-objects-of-desire .room-heading h2{font-size:clamp(60px,8vw,135px);max-width:1000px;margin:20px auto}.era-visual-worlds .room-heading h2{font-size:clamp(60px,9vw,145px)}.tunnel-objects{position:absolute;inset:0;perspective:1100px;transform-style:preserve-3d;z-index:3;pointer-events:none}.tunnel-art{position:absolute;left:50%;top:49%;width:28vw;max-width:520px;margin-left:-14vw;padding:0;background:none;border:0;transform-origin:50% 50%;pointer-events:auto;color:white;text-align:left;will-change:transform,opacity}.tunnel-art img,.tunnel-art video{display:block;width:100%;height:30vh;object-fit:cover;border-radius:2px;box-shadow:0 35px 80px #0004}.tunnel-art span{display:block;font:8px/1.5 monospace;letter-spacing:1px;padding:10px 12px;background:#101015c9;backdrop-filter:blur(10px);max-width:max-content}.tunnel-art.plane-0{width:37vw;max-width:680px;margin-left:-18.5vw}.tunnel-art.plane-0 img{height:34vh}.tunnel-art.film-plane{width:47vw;max-width:850px;margin-left:-23.5vw}.tunnel-art.film-plane video{height:37vh}.tunnel-art.plane-2 img{height:23vh}.tunnel-art.plane-3{width:20vw;margin-left:-10vw}.tunnel-art.plane-4{width:18vw;margin-left:-9vw}.room-caption{position:absolute;left:40%;right:8%;top:66%;z-index:5;padding:22px 24px;background:color-mix(in srgb,var(--world-dark) 75%,transparent);backdrop-filter:blur(20px);border-top:1px solid #ffffff40;max-width:570px;pointer-events:auto}.room-caption>span{font:italic 25px Georgia,serif}.room-caption p{font-size:12px;line-height:1.7;max-width:440px}.room-caption>div{display:flex;gap:25px}.room-caption button{padding:10px 0;background:none;border:0;color:inherit;font-size:10px}.room-caption small{display:block;font:9px/1.6 monospace;opacity:.65;margin-top:8px}.era-mahsun .room-caption{color:#0c3e8b;border-color:#0c3e8b40}.era-dolce-vala .room-caption{color:#ffe5df}.era-wayfinder{bottom:110px;left:5%;right:5%;gap:20px}.era-wayfinder button{background:#11111130;padding:8px 10px;border-radius:2px;backdrop-filter:blur(20px);color:#ffffffc0;font-size:8px;border-color:#ffffff45}.era-wayfinder button[aria-current=true]{background:#eee8de;color:#181719;border-color:#eee8de}.flight-guides{position:absolute;inset:0;z-index:5;pointer-events:none}.guide-bird{position:absolute;left:53%;top:44%;width:60px;fill:#f6e9d5;filter:drop-shadow(0 5px 14px #0003)}.bird-1{left:60%;width:35px}.bird-2{left:45%;width:25px}.experience[data-era=mahsun] .masthead,.experience[data-era=mahsun] .tunnel-compass{color:#153e77}.experience[data-era=mahsun] .guide-bird{fill:#164a93}.experience[data-era=mahsun] .transport{color:#123c72;background:#e9f4edd9}.experience[data-era=dolce-vala] .masthead,.experience[data-era=dolce-vala] .tunnel-compass{color:#ffe5df}.experience[data-era=dolce-vala] .transport{color:#fff1e8;background:#592938d9}.studio-connect-error{position:absolute;left:5%;bottom:100px;padding:15px;background:#781e2c;color:white;z-index:250}.captcha-status{border:1px solid var(--line);padding:13px;font:10px/1.7 monospace;margin-top:15px}.captcha-status small{color:var(--muted)}
.studio-modal{width:94vw;max-width:1700px;height:94dvh;max-height:94dvh;padding:50px;text-align:left;overflow:auto;overscroll-behavior:contain;border-radius:12px;animation:project-enter 280ms var(--ease-out) both}.studio-modal.leaving{animation:project-leave 240ms var(--ease-out) both}.modal-close{position:sticky;float:right;top:0;z-index:10;width:42px;height:42px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:50%;font-size:28px}.studio-modal h1{font:400 clamp(40px,4vw,70px)/.98 Georgia,serif;letter-spacing:-.045em;margin:22px 0}.studio-modal button{color:inherit}.studio-modal>header p{font-size:12px;color:var(--muted)}.studio-columns{display:grid;grid-template-columns:300px 1fr;gap:55px;margin-top:40px}.studio-columns>aside{border-right:1px solid var(--line);padding-right:25px}.studio-workspace button:not(.modal-close):not(.window-red):not(.window-yellow):not(.window-green){border:1px solid var(--line);background:none;padding:10px 14px;border-radius:4px;font-size:11px}.studio-modal button.solid{background:var(--ink);color:var(--bg)}.studio-project-list{max-height:60vh;overflow:auto;margin-top:20px}.studio-project-row{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:5px;padding:7px 0;cursor:grab}.studio-project-row.selected{background:var(--line)}.studio-project-row>button{flex:1;min-width:0;display:flex;align-items:center;text-align:left;gap:8px;border:0!important;padding:5px!important}.studio-project-row img{width:44px;height:45px;object-fit:cover}.studio-project-row small{display:block;font:8px monospace;color:var(--muted);margin-top:6px}.studio-project-row>div{display:flex;flex-direction:column}.studio-project-row>div button{padding:3px 6px!important;border:0!important}.studio-modal label{display:block;font-size:11px;line-height:1.6;margin:15px 0}.studio-modal input:not([type=checkbox]):not([type=range]),.studio-modal textarea{display:block;width:100%;padding:11px;margin-top:7px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);font:13px/1.6 Arial,sans-serif}.studio-modal textarea{resize:vertical}.studio-modal fieldset{border:1px solid var(--line);padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.studio-modal legend{font-size:11px;padding:0 8px}.studio-modal label.check{display:flex;align-items:center;gap:7px;margin:6px 0;font-size:10px}.studio-modal input[type=checkbox]{accent-color:var(--ink);width:16px;height:16px}.studio-modal input[type=range]{display:block;width:100%;accent-color:var(--ink);margin-top:14px}.studio-help{font-size:10px!important;line-height:1.7}.editor-top{display:flex;align-items:center;justify-content:space-between}.editor-top h2{max-width:75%;margin-top:0}.editor-top>span{font-size:10px;color:var(--muted)}.studio-welcome{padding:60px 0;max-width:450px}.studio-welcome p{line-height:1.9}.drop-zone{margin:25px 0;border:1px dashed var(--muted);border-radius:6px}.drop-zone.drag-over{background:var(--line);border-style:solid}.drop-zone>button{display:flex;gap:15px;align-items:center;justify-content:center;width:100%;min-height:110px;border:0!important}.drop-zone small{display:block;margin-top:10px;font-size:10px;color:var(--muted)}.studio-media{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.studio-media article{border:1px solid var(--line);padding:8px;border-radius:6px;cursor:grab;min-width:0}.studio-media img,.studio-media video{width:100%;height:150px;object-fit:contain;background:#0002}.studio-media input:not([type=checkbox]){font-size:10px!important;padding:5px!important}.media-tools{display:flex;gap:3px;flex-wrap:wrap}.media-tools button{font-size:9px!important;padding:7px!important}.save-bar{position:sticky;bottom:-50px;background:var(--bg);padding:20px 0;display:flex;gap:12px;border-top:1px solid var(--line);margin-top:25px;z-index:3}.studio-status,.studio-error{padding:14px;border:1px solid var(--line);font-size:12px!important;white-space:pre-wrap;line-height:1.7}.studio-error{color:#ed9388!important}.trash-confirm{padding:20px;border:1px solid #a96760;margin-top:15px}.trash-confirm button{margin-right:15px}.project-world{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:55px 7vw}.project-intro{padding-top:5vh;max-width:1100px;margin:0 auto 65px}.project-intro h1{font-size:clamp(45px,7vw,110px);max-width:1100px}.project-context{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:20px;margin-top:35px;gap:30px}.project-context>span{font:11px monospace;text-transform:uppercase;letter-spacing:2px}.project-context p{margin-top:0!important;line-height:1.8}.project-intro .project-narrative{font:21px/1.6 Georgia,serif;color:var(--ink);max-width:670px;margin:30px 0}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:1350px;margin:auto}.project-gallery figure{margin:0;min-width:0}.project-gallery figure.wide{grid-column:1/-1}.project-gallery img,.project-gallery video{width:100%;max-height:none;height:auto;display:block;background:#070707}.project-gallery figcaption{display:flex;gap:25px;margin-top:15px;color:var(--muted);font-size:10px;line-height:1.6}.project-gallery figcaption>span:first-child{font-family:monospace}.project-outro{font:clamp(32px,4vw,65px)/1.2 Georgia,serif;text-align:center;padding:120px 0 70px}.project-outro em{color:var(--muted)}.empty-media{padding:80px;text-align:center}
@keyframes project-enter{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}@keyframes project-leave{from{opacity:1;transform:none}to{opacity:0;transform:translateY(25px) scale(.98)}}
@media(hover:hover) and (pointer:fine){.tunnel-art:hover img,.tunnel-art:hover video{outline:1px solid #fff8;outline-offset:5px}.studio-workspace button:not([class^="window-"]):hover{background:var(--line)}.studio-modal button.solid:hover{opacity:.85}}
@media(max-width:1000px){.studio-columns{grid-template-columns:230px 1fr;gap:25px}.studio-media{grid-template-columns:1fr 1fr}.studio-modal fieldset{grid-template-columns:1fr 1fr}.preview-badge{display:none}}
@media(max-width:700px){.masthead nav{gap:4px}.masthead nav button{font-size:8px;padding:4px}.wordmark small{max-width:115px;font-size:5.5px}.wordmark{font-size:14px}.tunnel-compass{top:12%;font-size:6px;letter-spacing:1px}.room-heading{top:23%;left:6%;right:6%}.room-heading h2{font-size:17vw!important}.room-heading .eyebrow{font-size:6px;letter-spacing:1.5px}.tunnel-art{width:53vw;margin-left:-26.5vw}.tunnel-art.plane-0{width:60vw;margin-left:-30vw}.tunnel-art.film-plane{width:67vw;margin-left:-33.5vw}.tunnel-art img,.tunnel-art.plane-0 img,.tunnel-art video,.tunnel-art.film-plane video{height:19vh}.tunnel-art span{font-size:6px;max-width:100%;padding:6px}.tunnel-art.plane-2,.tunnel-art.plane-3,.tunnel-art.plane-4,.tunnel-art.plane-5,.tunnel-art.plane-6{display:none}.room-caption{top:61%;left:7%;right:7%;padding:12px 15px}.room-caption>span{font-size:17px}.room-caption p{font-size:9px;line-height:1.5;margin:8px 0}.room-caption>div{gap:22px}.room-caption button{font-size:8px;padding:5px 0}.room-caption small{font-size:6px}.tunnel .era-wayfinder{bottom:85px;gap:5px;left:5%;right:5%}.era-wayfinder button{font-size:6px;gap:3px;padding:6px}.guide-bird{width:34px}.bird-1{width:22px}.bird-2{width:17px}.studio-modal{padding:25px 18px;width:96vw}.studio-columns{display:block;margin-top:25px}.studio-columns>aside{border-right:0;padding-right:0}.studio-project-list{max-height:180px}.studio-editor{margin-top:30px}.studio-modal h1{font-size:40px}.studio-modal fieldset{grid-template-columns:1fr 1fr}.studio-media{gap:8px}.studio-media img,.studio-media video{height:110px}.save-bar{bottom:-25px;gap:6px;flex-wrap:wrap;padding:15px 0}.project-world{width:100vw;padding:25px 6vw}.project-intro h1{font-size:48px;overflow-wrap:anywhere}.project-context{grid-template-columns:1fr;gap:14px}.project-intro .project-narrative{font-size:18px}.project-gallery{display:block}.project-gallery figure{margin-bottom:35px}.project-outro{padding:60px 0;font-size:34px}.modal-close{width:35px;height:35px}.captcha-status{font-size:8px;padding:8px}}
@media(prefers-reduced-motion:reduce){.studio-modal,.studio-modal.leaving{animation:none!important}}.reduced .studio-modal{animation:none!important}

/* Temporary generated plate: actual artworks remain independently editable. */
.tunnel-backplate{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;visibility:hidden;background:#19171d;will-change:opacity}
.tunnel-backplate video{display:block;width:100%;height:100%;object-fit:cover}
.tunnel-shade{position:absolute;inset:0;background:linear-gradient(#08080a75,transparent 30%,#08080a55 65%,#08080a90)}
.tunnel-backplate.unavailable{background:radial-gradient(ellipse at center,#33202d,#111110)}
.tunnel .room-color,.tunnel .room-halo,.tunnel-mouth{display:none}
.tunnel .room-heading,.tunnel .room-caption{color:#fff5e7}
.tunnel .room-heading{text-shadow:0 2px 28px #0008}
.tunnel .room-caption{background:#121116b8;border-color:#fff4;backdrop-filter:blur(12px)}
.in-tunnel .masthead,.in-tunnel .tunnel-compass{color:#fff5e7!important}
.in-tunnel .transport{color:#fff5e7!important;background:#141114bb!important}
.stage>.flight-guides{z-index:24;overflow:hidden;visibility:visible;opacity:1}
.guide-bird{left:50%;top:49%;width:76px;fill:#e9e0d1!important;opacity:0;filter:drop-shadow(0 5px 5px #0005)}
.guide-bird .wing{transform-origin:61px 48px}
.bird-1{width:52px}.bird-2{width:42px}.bird-3{width:30px}.bird-4{width:25px}
button{touch-action:manipulation;user-select:none}
button:active{opacity:.75}
@media(max-width:700px){.guide-bird{width:45px}.bird-1{width:34px}.bird-2{width:27px}.bird-3,.bird-4{width:20px}.studio-modal input:not([type=checkbox]):not([type=range]),.studio-modal textarea,.contact input,.contact textarea{font-size:16px!important}.transport{bottom:max(20px,env(safe-area-inset-bottom))}}
.reduced .flight-guides{display:none}
@media(prefers-reduced-motion:reduce){.flight-guides{display:none}}
/* Leave the well visible: three featured works per world, full media in galleries. */
@media(min-width:701px){.tunnel-art.film-plane{width:34vw;margin-left:-17vw}.tunnel-art.film-plane video{height:29vh}.tunnel-art.plane-0{width:31vw;margin-left:-15.5vw}.tunnel-art.plane-0 img{height:29vh}.tunnel-art.plane-2{width:21vw;margin-left:-10.5vw}}

/* A quiet editorial margin; the route and one chosen work have room to breathe. */
.journey-shade{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,#050509a8,transparent 67%),linear-gradient(#08080a35,transparent 25%,transparent 75%,#08080a65)}
.tunnel-shade{background:linear-gradient(90deg,#050509b8,transparent 65%),linear-gradient(#08080a70,transparent 24%,transparent 72%,#08080a90)}
.tunnel .room-heading{left:7%;right:auto;top:35%;width:38%;text-align:left}
.tunnel .room-heading .eyebrow{font:9px/1.8 Arial,sans-serif;letter-spacing:2px;max-width:300px;display:block;opacity:.7}
.tunnel .room-heading h2,.tunnel .era-objects-of-desire .room-heading h2,.tunnel .era-visual-worlds .room-heading h2{font:400 clamp(38px,4.1vw,72px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:16px 0;max-width:600px}
.tunnel .room-caption{left:7%;right:auto;top:55%;width:30%;padding:0;background:none;border:0;backdrop-filter:none;max-width:360px}
.tunnel .room-caption>span{font:11px/1.7 Arial,sans-serif;letter-spacing:.5px;opacity:.8}
.tunnel .room-caption p{display:none}
.tunnel .room-caption button{font-size:11px;border-bottom:1px solid #fff6;padding:12px 0;margin-top:18px}
.tunnel .room-caption small{font:10px/1.6 Arial,sans-serif}
.tunnel .room-caption>div{gap:20px}
.tunnel-art span{background:none;backdrop-filter:none;padding:15px 0;font:10px/1.6 Arial,sans-serif;letter-spacing:.5px;color:#f6f0e4}
.tunnel .tunnel-art img,.tunnel .tunnel-art video{object-fit:contain;background:#090a0e28;box-shadow:0 25px 80px #0004;max-height:40vh}
.tunnel .era-wayfinder{gap:28px;bottom:100px}
.tunnel .era-wayfinder button{background:none;backdrop-filter:none;border-radius:0;padding:10px 0;border-top:1px solid #fff3;font:8px/1.7 Arial,sans-serif;letter-spacing:1px}
.tunnel .era-wayfinder button[aria-current=true]{color:#fff5e7;background:none;border-color:#fff5e7}
.tunnel .era-wayfinder button[aria-current=true]>span:first-child{color:#f1b69b}
.tunnel-compass{opacity:.4}
.owner-login{position:fixed;inset:0;z-index:1000;background:#10110f;color:#eee9df;overflow:auto;padding:40px 7vw}
.owner-login>a{color:#aaa99f;font-size:12px;text-decoration:none}
.owner-login section{max-width:460px;margin:12vh auto 8vh}
.owner-login h1{font:400 68px/1 Georgia,serif;letter-spacing:-3px;margin:28px 0}
.owner-login p{font-size:14px;line-height:1.8;color:#afafa6}
.owner-login label{font-size:12px;display:block;margin:35px 0 20px}
.owner-login input{display:block;width:100%;padding:14px;margin-top:12px;font-size:16px;background:#191b17;border:1px solid #5c6053;color:#fff;border-radius:4px}
.owner-login button{padding:14px 22px;width:100%;color:#151710;background:#e8e8dc;border:0;border-radius:4px;font-size:13px}
.owner-login small{display:block;font-size:10px;letter-spacing:1px;color:#8a8e80;margin-top:30px}
.owner-login [role=alert]{color:#ffaea1}
@media(max-width:700px){.tunnel .room-heading{left:7%;top:22%;width:86%}.tunnel .room-heading h2{font-size:11vw!important;max-width:90%;margin:12px 0}.tunnel .room-heading .eyebrow{font-size:7px;letter-spacing:1px;max-width:80%}.tunnel .room-caption{left:7%;top:61%;width:80%;max-width:none}.tunnel .room-caption>span{font-size:9px}.tunnel .room-caption button{margin-top:8px;font-size:10px}.tunnel .era-wayfinder{bottom:90px;gap:8px}.tunnel .era-wayfinder button{font-size:6px;letter-spacing:0}.tunnel .tunnel-art{top:43%}.tunnel-art span{font-size:8px}.tunnel .tunnel-art img,.tunnel .tunnel-art video{height:20vh}.owner-login{padding:30px 7vw}.owner-login h1{font-size:50px}}

/* Approved red editorial collage; spatial reveal, no changing era backplates. */
.experience{--bg:#25221e;--ink:#f3ead7;--muted:#bdb09c;--line:#efe2cb33}
.experience[data-theme=light]{--bg:#f1ecdf;--ink:#343327;--muted:#6f705e;--line:#393d2b2a}
.collage-sheet{position:absolute;inset:0;z-index:2;pointer-events:none;background:#b92818;visibility:hidden;transform:translateY(108vh);clip-path:polygon(0 2%,8% 1%,16% 3%,27% 1.4%,37% 2.3%,51% 0,62% 2%,73% 1%,86% 3%,100% 1%,100% 100%,0 100%);will-change:transform}
.collage-landscape{position:absolute;inset:0 0 auto;height:128vh;background:#ba2818 url('media/collage-landscape-v7.png') center top/cover no-repeat;will-change:transform}
.collage-crest{position:absolute;inset:0 0 auto;height:30vh;background:url('media/collage-landscape-v7.png') center bottom/auto 150vh no-repeat;clip-path:polygon(0 7%,8% 3%,16% 10%,27% 5%,37% 8%,51% 0,62% 7%,73% 3%,86% 10%,100% 3%,100% 94%,90% 96%,77% 91%,65% 97%,50% 92%,38% 96%,25% 92%,10% 98%,0 94%);will-change:transform}
.experience:not(.past-film) .transport{color:#f4ecdb;background:#50231c6e}
.paper-ground{position:absolute;inset:0 0 auto;height:130vh;background:var(--bg);clip-path:polygon(0 2%,7% 2.7%,16% 1.3%,28% 2.1%,40% .8%,53% 2%,68% 1.2%,79% 3%,91% 1.6%,100% 2.2%,100% 100%,0 100%);transform:translateY(105vh);will-change:transform;transition:background-color 200ms ease}
.paper-ground:after{content:'';position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
.collage-works{z-index:6;pointer-events:none}
.collage-works h2{position:absolute;left:9%;top:13%;color:#f6ead3;font:400 clamp(55px,6.4vw,108px)/.95 Georgia,serif;letter-spacing:-.055em;margin:0}
.portfolio-prints{position:absolute;inset:0}
.portfolio-print{position:absolute;top:42%;width:25vw;height:38vh;padding:0;border:0;background:#e8e1d3;box-shadow:0 20px 45px #3d231522;transform-origin:center bottom;pointer-events:auto;will-change:transform;color:#3b352b;text-align:left}
.portfolio-print:before{content:'';position:absolute;inset:-22px -12px 0 15px;border:1px solid #f9f1df80;border-radius:18px 18px 0 0;background:#f4ead340;backdrop-filter:blur(7px);z-index:-1}
.portfolio-print img{width:100%;height:100%;object-fit:cover;display:block}
.portfolio-print span{position:absolute;bottom:0;left:0;right:0;padding:12px 15px;background:#f5efdfed;font-size:10px;letter-spacing:.3px}
.print-0{left:9%;top:48%}.print-1{left:38%;top:34%;height:46vh}.print-2{right:7%;top:47%}
.past-film .masthead{color:#f4ecdb}.past-film.at-contact .masthead{color:var(--ink)}
.archive-title{top:15%;text-align:center;color:#f6ead3}.archive-title .eyebrow{color:#f6ead3a6}
.archive-title h2{font-size:clamp(45px,6.4vw,106px);letter-spacing:-.055em;margin:12px 0}.archive-title h2 em{color:inherit}
.archive-title p{display:none}
.archive-filter{position:absolute;z-index:30;left:5%;right:5%;top:43%;display:flex;align-items:center;justify-content:center;gap:24px;color:var(--muted);font-size:9px;letter-spacing:1.7px;opacity:0;visibility:hidden}
.archive-filter select{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:11px Arial,sans-serif;padding:9px;max-width:210px}
.archive-filter option{background:var(--bg);color:var(--ink)}.archive-filter button{background:none;border:0;color:var(--ink);font-size:10px}
.archive-empty{position:absolute;top:14vh;font-size:14px;letter-spacing:0}
.folder-space{top:54%}.category{font-size:8px}.archive-controls{bottom:110px}
.archive-controls strong{font-size:20px}.past-film .transport{background:color-mix(in srgb,var(--bg) 86%,transparent)}
.at-contact .theme-switch{border-color:var(--line)}
.reduced .collage-sheet{clip-path:none}.reduced .portfolio-print{will-change:auto}
@media(hover:hover) and (pointer:fine){.portfolio-print:hover img{filter:brightness(1.04)}.archive-filter button:hover{text-decoration:underline}}
@media(max-width:700px){
 .collage-landscape{background-size:auto 115vh;background-position:45% top}
 .collage-works h2{left:7%;top:19%;font-size:15vw}
 .portfolio-print{width:39vw;height:29vh}.print-0{left:-8%;top:51%}.print-1{left:29%;top:42%;height:36vh}.print-2{right:-11%;top:54%}
 .portfolio-print span{font-size:8px;padding:9px}.portfolio-print:before{inset:-12px -7px 0 8px;border-radius:12px}
 .archive-title{top:19%}.archive-title h2{font-size:13vw}.archive-title .eyebrow{font-size:7px;letter-spacing:1.3px}
 .archive-filter{top:42%;gap:8px;flex-wrap:wrap;font-size:7px;letter-spacing:.6px}.archive-filter select{font-size:16px;max-width:165px}.archive-filter button{font-size:9px}
 .folder-space{top:55%}.archive-controls{bottom:95px;gap:14px}.archive-controls strong{font-size:17px;max-width:190px;overflow:hidden;text-overflow:ellipsis}.archive-controls small{font-size:7px}
 .masthead nav{gap:4px}.preview-badge{display:none}.contact{background:var(--bg)}
}

@font-face{font-family:IRANSans;src:url('fonts/IRANSans_UltraLight.ttf') format('truetype');font-weight:200;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:IRANSans;src:url('fonts/IRANSans_Light.ttf') format('truetype');font-weight:300;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:IRANSans;src:url('fonts/IRANSans.ttf') format('truetype');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:IRANSans;src:url('fonts/IRANSans_Medium.ttf') format('truetype');font-weight:500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:IRANSans;src:url('fonts/IRANSans_Bold.ttf') format('truetype');font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:IRANSans;src:url('fonts/IRANSans_Black.ttf') format('truetype');font-weight:900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}
body,input,textarea,button,select,.gf-title,.gf-sheet-name{font-family:IRANSans,Arial,Helvetica,sans-serif}
[dir=auto],:lang(fa){font-family:IRANSans,Arial,sans-serif;letter-spacing:normal;unicode-bidi:plaintext}
:lang(fa),[dir=auto]:dir(rtl){text-align:start;letter-spacing:normal!important;line-height:1.9}
.project-intro h1[dir=auto],.archive-controls strong[dir=auto]{font-family:IRANSans,Georgia,serif}
.project-intro h1:dir(rtl){font-size:clamp(35px,5vw,80px);line-height:1.55}
.gf-title:dir(rtl){align-self:stretch;text-align:right}
.glass-space{touch-action:pan-y;user-select:none}
.glass-space img{-webkit-user-drag:none;user-select:none}
.folder-space,.folder-space button{cursor:grab}
.glass-space.is-dragging,.glass-space.is-dragging *{cursor:grabbing!important}
.glass-space.is-dragging .gf-front{transition:none!important}
.folder-space{will-change:transform,opacity}
.story-note{position:absolute;top:16%;right:9%;width:27%;max-width:410px;color:#f5ead8;pointer-events:auto}
.story-note p{font-size:15px;line-height:2.15;margin:0 0 12px;font-weight:300}
.story-note button{background:none;border:0;border-bottom:1px solid #f4e5ce66;color:inherit;font:10px Arial,sans-serif;padding:9px 0}
.film-story{z-index:7;display:grid;grid-template-columns:.7fr 1.3fr;gap:7%;padding:17vh 7% 15vh;align-items:center;color:#f5ead8}
.film-copy h2{font:400 clamp(45px,5.1vw,85px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:24px 0}
.film-copy{align-self:start;padding-top:3vh}
.archive-title p{display:block;position:static;max-width:480px;margin:12px auto 0;color:#f5ead8;font-size:12px;line-height:1.9;text-align:center}
.film-copy p{font-size:14px;font-weight:300;line-height:2.15;max-width:350px}
.film-copy>button{background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font-size:11px;padding:12px 0;margin-top:15px}
.film-story figure{margin:0;transform:rotate(2deg);background:var(--bg);padding:12px;box-shadow:0 20px 45px #37171135;border:1px solid #f5e9d266}
.story-film{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#211710}
.film-story figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 6px 2px;color:var(--ink);font-size:10px}
.film-story figcaption button{background:none;border:0;color:inherit;font-size:10px;flex-shrink:0}
.experience[data-phase=film] .paper-ground{background:var(--bg)}
.reduced .film-story figure{transform:none}
@media(max-width:700px){
 .collage-works h2{top:14%;font-size:12vw}
 .story-note{top:30%;left:7%;right:7%;width:auto;max-width:none}
 .story-note p{font-size:12px;line-height:1.9;margin:0}.story-note button{font-size:9px;padding:7px 0}
 .print-0{top:58%}.print-1{top:51%}.print-2{top:60%}
 .film-story{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:11vh 7% 13vh}
 .film-copy{width:100%;padding-top:0}.film-copy .eyebrow{font-size:7px;letter-spacing:1px}.film-copy h2{font-size:10vw;margin:12px 0}
 .archive-title p{font-size:10px;max-width:90%;margin:8px auto}
 .film-copy p{font-size:12px;line-height:1.9;max-width:none;margin:8px 0}.film-copy>button{font-size:10px;margin:0;padding:8px 0}
 .film-story figure{width:100%;padding:7px}.film-story figcaption{font-size:8px;padding:9px 3px 3px;gap:8px}
 .project-intro h1:dir(rtl){font-size:34px}
}

/* One continuous printed landscape, six moving editorial leaves. */
.era-narrative{position:absolute;inset:0;z-index:7;pointer-events:none}
.era-leaf{position:absolute;inset:0;visibility:hidden;opacity:0;color:#f5ead8;will-change:transform,opacity;display:grid;grid-template-columns:38% 1fr;gap:5%;padding:16vh 7% 18vh;pointer-events:auto}
.era-leaf-copy{align-self:start;max-width:480px;position:relative;z-index:2}
.era-leaf-copy h2{font:400 clamp(38px,4.6vw,78px)/1.01 Georgia,serif;letter-spacing:-.045em;margin:24px 0 14px;max-width:9em;overflow-wrap:normal}
.era-leaf-subtitle{font:italic 18px/1.4 Georgia,serif;margin:0 0 22px;max-width:350px}
.era-leaf-copy p[lang=fa]{font-size:14px;line-height:2.1;font-weight:300;max-width:380px;margin:0 0 22px}
.era-leaf-disciplines{display:flex;flex-wrap:wrap;gap:7px 14px;max-width:400px;font-size:9px;line-height:1.6;color:#f5ead8b8}
.era-leaf-copy>button{background:none;border:0;border-bottom:1px solid #f5ead866;color:inherit;font-size:10px;padding:11px 0;margin:18px 20px 0 0}
.era-leaf-art{position:relative;align-self:center;min-width:0;height:56vh;max-height:610px}
.era-work-print{position:absolute;border:0;padding:9px 9px 0;background:#f2ecdf;box-shadow:0 20px 50px #32140e30;color:#342d24;text-align:left;width:65%;height:85%;transform:rotate(-4deg);left:0;top:3%;overflow:hidden}
.era-work-print img{display:block;width:100%;height:calc(100% - 34px);object-fit:cover}
.era-work-print span{display:block;padding:10px 4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.era-work-1{width:49%;height:65%;left:auto;right:-2%;top:32%;transform:rotate(7deg);z-index:2}
.era-work-2{width:35%;height:41%;left:auto;right:-5%;top:-5%;transform:rotate(3deg);z-index:1}
.era-work-print:only-child{width:90%;height:100%;left:5%;top:0;transform:rotate(2deg)}
.era-film-frame{margin:0;position:absolute;left:0;right:0;top:10%;background:var(--bg);padding:11px;transform:rotate(2deg);box-shadow:0 20px 50px #32140e30}
.era-film-frame figcaption{display:flex;justify-content:space-between;gap:12px;padding:13px 4px 3px;color:var(--ink)}
.era-film-frame button{background:none;border:0;color:inherit;font-size:10px;text-align:left}
.era-selection-note{position:absolute;bottom:-25px;left:0;right:0;font-size:7px;letter-spacing:1.2px;color:#f5ead8b8;text-align:center}
.detail-studies .era-work-print img{object-fit:cover;object-position:center;transform:scale(1.08);clip-path:inset(4%)}
.era-leaf-nav{position:absolute;bottom:112px;left:7%;right:7%;display:flex;gap:20px;visibility:hidden;opacity:0;pointer-events:auto}
.era-leaf-nav button{flex:1;min-width:0;text-align:left;padding:13px 0 0;border:0;border-top:1px solid #f5ead844;background:none;color:#f5ead89c;font-size:9px;line-height:1.7}
.era-leaf-nav button span:first-child{font:italic 17px Georgia,serif;display:block;margin-bottom:7px}
.era-leaf-nav button[aria-current=true]{color:#fff3df;border-color:#fff3df}
.reduced .era-leaf{will-change:auto}.reduced .era-work-print,.reduced .era-film-frame{transform:none}
@media(max-width:700px){
 .era-leaf{display:flex;flex-direction:column;gap:16px;padding:12vh 7% 20vh}
 .era-leaf-copy{max-width:none;width:100%}.era-leaf-copy .eyebrow{font-size:7px;letter-spacing:1.4px}
 .era-leaf-copy h2{font-size:9.5vw;margin:13px 0 8px;max-width:none}
 .era-leaf-subtitle{font-size:13px;margin:0 0 10px;max-width:none}
 .era-leaf-copy p[lang=fa]{font-size:11px;line-height:1.9;margin:0 0 10px;max-width:none}
 .era-leaf-disciplines{display:none}.era-leaf-copy>button{font-size:9px;margin:0 15px 0 0;padding:6px 0}
 .era-leaf-art{height:auto;min-height:0;flex:1;align-self:stretch;max-height:36vh;margin:4px 5% 0}
 .era-work-print{height:90%;width:65%;padding:6px 6px 0}.era-work-print span{font-size:8px;padding:8px 2px}.era-work-print img{height:calc(100% - 28px)}
 .era-work-1{height:74%;width:48%;top:23%}.era-work-2{height:50%;width:36%;top:-4%}
 .era-film-frame{top:0;padding:7px}.era-film-frame figcaption{padding:9px 2px 2px}.era-film-frame button{font-size:8px}
 .era-leaf-nav{left:7%;right:7%;bottom:96px;gap:12px}.era-leaf-nav button{font-size:0;padding-top:8px}.era-leaf-nav button span:first-child{font-size:15px;margin:0}.era-leaf-nav button[aria-current=true] span:last-child{position:absolute;left:0;bottom:-20px;font-size:8px;letter-spacing:1px}
 .era-selection-note{font-size:6px;bottom:-18px;letter-spacing:.5px}
}
@media(max-height:680px) and (min-width:701px){.era-leaf{padding-top:14vh}.era-leaf-copy h2{font-size:42px;margin:12px 0}.era-leaf-copy p[lang=fa]{font-size:12px;margin-bottom:12px}.era-leaf-subtitle{font-size:15px;margin-bottom:10px}.era-leaf-nav{bottom:90px}.era-leaf-art{height:49vh}}

.experience{--frame:#eee7da;--frame-ink:#342c26;--frame-line:#fff6e277}
.experience[data-theme=dark]{--bg:#211c1b;--ink:#f5e8d7;--muted:#c1ac9b;--line:#e8c7af33;--frame:#302624;--frame-ink:#f2e5d7;--frame-line:#e9c6ad33}
.experience[data-theme=dark] .collage-landscape{filter:brightness(.72) saturate(.82)}
.experience[data-theme=dark] .paper-ground{background:radial-gradient(ellipse at 45% 0,#5b38342b,transparent 65%),var(--bg)}
.masthead nav .ios-theme-switch{position:relative;display:block;width:56px;height:31px;border:1px solid #fff4dc55;border-radius:99px;background:#6e342f;box-shadow:inset 0 1px 3px #1d0c1433;padding:0;transition:background .22s var(--ease-out);flex-shrink:0}
.masthead nav .ios-theme-switch[aria-checked=true]{background:#a44e39}.theme-knob{position:absolute;left:3px;top:3px;width:23px;height:23px;border-radius:50%;background:#fff2df;box-shadow:0 2px 5px #210d1433;transition:transform .22s var(--ease-out)}
.ios-theme-switch[aria-checked=true] .theme-knob{transform:translateX(25px)}.theme-state{position:absolute;right:6px;top:10px;font:7px Arial;color:#ffe8cc}.ios-theme-switch[aria-checked=true] .theme-state{left:7px;right:auto}
.collage-works .story-note{position:absolute;top:15%;right:8%;left:auto;width:34%;max-width:480px;z-index:4;color:#fff0dd}
.collage-works .story-note p{position:static;margin:0 0 12px;font:300 14px/2.1 IRANSans,Arial;direction:rtl;text-align:right}
.collage-works .story-note button{position:static;color:inherit;background:transparent;border:0;border-bottom:1px solid #f7dfc866;padding:7px 0;font:10px Arial}
.collage-works h2{top:13%;left:7%;font-size:clamp(48px,5.2vw,90px)}
.portfolio-prints{overflow:hidden;clip-path:inset(32% 0 10% 0)}
.collage-works .portfolio-print{width:19%;height:25vh;left:auto;right:auto;top:37%;padding:8px;background:var(--frame);color:var(--frame-ink);border:1px solid var(--frame-line);box-shadow:0 15px 36px #25111130;overflow:hidden;border-radius:2px;transform-origin:center}
.portfolio-print:before{display:none}.portfolio-print .print-inner{display:flex;position:static;width:100%;height:100%;padding:0;flex-direction:column;background:transparent;transition:transform .25s var(--ease-out)}
.portfolio-print .print-inner img{position:static;display:block;width:100%;max-width:100%;height:calc(100% - 30px);min-height:0;object-fit:contain;background:var(--frame)}
.portfolio-print .print-caption{position:static;display:block;flex:0 0 30px;padding:8px 3px;font-size:9px;background:transparent;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.collage-works .print-0,.collage-works .print-4{left:5%}.collage-works .print-1,.collage-works .print-5{left:29%}.collage-works .print-2,.collage-works .print-6{left:53%}.collage-works .print-3,.collage-works .print-7{left:77%}
.collage-works .print-4,.collage-works .print-5,.collage-works .print-6,.collage-works .print-7{top:68%}
.era-film-frame{overflow:hidden;min-width:0;max-width:100%;background:var(--frame);color:var(--frame-ink);border:1px solid var(--frame-line)}
.media-player{position:relative;display:block;width:100%;max-width:100%;min-width:0;overflow:hidden;border-radius:3px;background:#171312}
.media-player video,.era-film-frame video{display:block!important;position:static!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:58vh;aspect-ratio:16/9;object-fit:contain!important;margin:0!important;transform:none!important}
.video-fallback{display:none}.media-player:has(video[data-failed=true]) .video-fallback{display:block;padding:20px;color:#f3e5d6;font-size:12px}
.era-film-frame figcaption{color:var(--frame-ink)}
.era-work-print{background:var(--frame);color:var(--frame-ink);border:1px solid var(--frame-line);overflow:hidden;transition:box-shadow .25s var(--ease-out)}
.era-work-print img{object-fit:contain;max-width:100%;transition:filter .25s var(--ease-out)}.detail-studies .era-work-print img{transform:none;clip-path:none;object-fit:contain}
.era-pending{padding:45px 30px;max-width:420px;border-top:1px solid #f5dfc966;margin-top:15vh}.era-pending span{font:italic 32px Georgia}.era-pending p{font:300 13px/2 IRANSans}.era-pending button{border:0;background:none;color:inherit;padding:12px 0}
@media(hover:hover) and (pointer:fine){.portfolio-print:hover .print-inner{transform:translateY(-3px)}.portfolio-print:hover,.era-work-print:hover{box-shadow:0 24px 50px #26111155}.era-work-print:hover img{filter:brightness(1.06)}.explorer-folder:hover>div{transform:translateY(-5px) rotate(-2deg)}.project-thumbnails button:hover{border-color:var(--ink)}}
.project-viewer{width:min(1160px,94vw);max-width:1160px;height:94dvh;max-height:94dvh;margin:auto;padding:0;background:var(--bg);border:1px solid var(--line);border-radius:16px;color:var(--ink)}
.project-viewer .modal-close{position:sticky;float:right;top:16px;right:16px;width:36px;height:36px;z-index:5;background:var(--bg);margin:16px 16px -52px 0;font-size:25px}
.project-viewer .project-intro{padding:38px 52px 20px;width:100%;max-width:none;margin:0}
.project-viewer .project-intro h1{font-size:clamp(28px,3.2vw,48px);line-height:1.3;margin:14px 0 18px;letter-spacing:-.025em}
.project-viewer .project-intro h1[dir=rtl]{font-family:IRANSans,Arial;line-height:1.65;text-align:right;width:100%;font-size:clamp(25px,3vw,42px)}
.project-viewer .project-context{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;font-size:10px;gap:16px}
.project-viewer .project-context button{border:0;background:transparent;color:inherit;font-size:11px;padding:7px}
.project-lightbox{margin:0 52px;outline-offset:4px}.project-main-media{height:min(58vh,640px);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ink) 4%,var(--bg));border:1px solid var(--line);border-radius:10px;overflow:hidden}
.project-main-media>img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}.project-main-media .media-player{height:100%;display:flex;align-items:center;justify-content:center}.project-main-media video{height:100%!important;max-height:100%;object-fit:contain!important}
.project-media-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;font-size:11px;color:var(--muted)}.project-media-caption>span{max-width:70%}.project-media-caption>div{display:flex;align-items:center;gap:14px;white-space:nowrap}.project-media-caption button{border:1px solid var(--line);border-radius:50%;width:30px;height:30px;background:none;color:var(--ink)}
.project-thumbnails{display:flex;gap:9px;overflow-x:auto;padding:3px 0 15px}.project-thumbnails button{position:relative;flex:0 0 64px;height:55px;border:2px solid transparent;background:color-mix(in srgb,var(--ink) 7%,var(--bg));border-radius:6px;overflow:hidden;padding:3px;color:var(--ink);font-size:9px}.project-thumbnails button[aria-pressed=true]{border-color:var(--ink)}.project-thumbnails img{width:100%;height:100%;object-fit:contain}.project-thumbnails b{position:absolute;bottom:2px;right:3px;background:#211b18aa;color:#fff}
.project-story{padding:15px 52px 45px;max-width:none}.project-story p{max-width:850px;font-size:15px;line-height:1.9;white-space:pre-line}.project-story p[dir=rtl]{direction:rtl;text-align:right;margin-left:auto;margin-right:0;font-family:IRANSans,Arial;line-height:2.1;letter-spacing:normal}.project-role{color:var(--muted);font-size:12px!important}
.media-placement{margin:12px 0!important;padding:12px!important;display:grid!important;grid-template-columns:1fr!important}.studio-media article>label{display:block;font-size:10px}.studio-media article{min-width:0}.studio-media article img,.studio-media article video{object-fit:contain;max-width:100%}
.public-explorer{width:min(1340px,94vw);height:88dvh;max-height:88dvh;padding:0;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--ink);overflow:hidden}.public-explorer>.modal-close{top:16px;right:15px;width:28px;height:28px;font-size:22px}.explorer-bar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 64px 0 22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--ink) 3%,var(--bg));font-size:12px}.explorer-bar button{background:none;border:0;color:var(--ink);font-size:11px}.window-lights{display:flex;gap:7px}.window-lights i{width:10px;height:10px;border-radius:50%;background:#b87f66}.window-lights i:nth-child(2){background:#cfb885}.window-lights i:nth-child(3){background:#879176}
.explorer-layout{height:calc(100% - 64px);display:grid;grid-template-columns:230px minmax(0,1fr)}.explorer-layout>aside{padding:22px 12px;overflow:auto;border-right:1px solid var(--line);background:color-mix(in srgb,var(--ink) 3%,var(--bg))}.explorer-layout>aside button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:12px;border:0;border-radius:7px;background:none;color:var(--muted);font-size:10px}.explorer-layout>aside button.active{background:color-mix(in srgb,var(--ink) 9%,var(--bg));color:var(--ink)}.explorer-layout>aside svg{width:18px;height:18px;flex-shrink:0}.explorer-layout>aside .explorer-branch{padding-left:28px;font-size:10px;line-height:1.5}
.explorer-content{overflow:auto;padding:22px 28px}.explorer-path{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px}.explorer-path button{border:0;background:none;color:var(--ink);padding:6px 0}.explorer-path>span{color:var(--muted)}.explorer-tools{display:flex;align-items:center;gap:15px;justify-content:space-between;margin:20px 0 28px;font-size:11px}.explorer-tools input{background:transparent;border:1px solid var(--line);padding:10px 13px;color:var(--ink);border-radius:8px;min-width:0;max-width:70%}.explorer-tools button{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:10px;font-size:11px}
.explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:28px 20px}.explorer-grid>button{border:0;background:none;color:var(--ink);min-width:0;padding:8px;text-align:center}.explorer-folder>div{position:relative;height:105px;transition:transform .25s var(--ease-out)}.explorer-folder svg{width:100%;height:105px;color:#b49978}.explorer-folder>div img{position:absolute;left:27%;top:31%;width:46%;height:43%;object-fit:contain;border-radius:3px}.explorer-folder strong,.explorer-file span{display:block;font-size:11px;font-weight:400;line-height:1.6;margin-top:10px;overflow-wrap:anywhere}.explorer-folder small{font-size:9px;color:var(--muted)}.explorer-file>img,.explorer-file>svg{width:100%;height:110px;object-fit:contain;color:var(--muted)}.explorer-empty{padding:30px;color:var(--muted);font-size:13px}
@media(max-width:700px){
 .masthead nav{gap:2px}.masthead nav button{font-size:8px}.masthead nav .ios-theme-switch{width:42px;height:25px}.theme-knob{width:17px;height:17px}.ios-theme-switch[aria-checked=true] .theme-knob{transform:translateX(17px)}.theme-state{display:none}.wordmark{max-width:115px}
 .collage-works h2{top:15%;font-size:12vw}.collage-works .story-note{top:32%;left:7%;right:7%;width:auto;max-width:none}.collage-works .story-note p{font-size:11px;line-height:1.9;margin-bottom:4px}.collage-works .story-note button{font-size:8px}
 .portfolio-prints{clip-path:inset(45% 0 11% 0)}.collage-works .portfolio-print{width:21%;height:19vh;top:51%;padding:4px}.collage-works .print-0,.collage-works .print-4{left:3%}.collage-works .print-1,.collage-works .print-5{left:27%}.collage-works .print-2,.collage-works .print-6{left:51%}.collage-works .print-3,.collage-works .print-7{left:75%}.collage-works .print-4,.collage-works .print-5,.collage-works .print-6,.collage-works .print-7{top:73%}.portfolio-print .print-caption{font-size:7px;flex-basis:24px;padding:6px 1px}.portfolio-print .print-inner img{height:calc(100% - 24px)}
 .project-viewer{width:96vw;height:96dvh;max-height:96dvh;border-radius:10px}.project-viewer .project-intro{padding:30px 20px 15px}.project-viewer .project-intro h1{font-size:25px;padding-right:20px}.project-lightbox{margin:0 15px}.project-main-media{height:48vh}.project-media-caption{font-size:9px;gap:8px}.project-story{padding:15px 22px 30px}.project-story p{font-size:12px}.project-thumbnails button{flex-basis:53px;height:48px}
 .public-explorer{width:97vw;height:94dvh;max-height:94dvh}.explorer-layout{grid-template-columns:105px minmax(0,1fr)}.explorer-layout>aside{padding:15px 5px}.explorer-layout>aside button{font-size:8px;padding:10px 5px;gap:4px;overflow-wrap:anywhere}.explorer-layout>aside svg{width:13px}.explorer-layout>aside .explorer-branch{padding-left:14px;font-size:8px}.explorer-content{padding:16px 10px}.explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 8px}.explorer-folder>div,.explorer-folder svg{height:68px}.explorer-bar{padding-left:12px;font-size:10px}.explorer-bar button{font-size:9px}.window-lights{display:none}.explorer-tools{gap:5px;flex-wrap:wrap}.explorer-tools input{max-width:100%;width:100%}.explorer-folder strong,.explorer-file span{font-size:9px}.era-pending{margin-top:2vh;padding:20px 10px}
}
@media(prefers-reduced-motion:reduce){.theme-knob,.print-inner,.explorer-folder>div{transition:none!important}}

/* Collected works: an irregular vertical composition rather than equal rows. */
.collage-works .portfolio-prints{clip-path:inset(32% 0 11%);overflow:hidden}
.collage-works .portfolio-print{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate}
.collage-works .portfolio-print .print-inner{padding:9px 9px 0;background:var(--frame);border:1px solid var(--frame-line);border-radius:2px;overflow:hidden;box-shadow:0 16px 30px #39140f35;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1)}
.collage-works .portfolio-print .print-caption{font-size:10px;letter-spacing:0;padding:9px 2px;flex-basis:32px}
.collage-works .portfolio-print .print-inner img{height:calc(100% - 32px)}
.collage-works .print-0{left:34%;top:35%;width:30%;height:41vh;z-index:3}
.collage-works .print-1{left:6%;top:52%;width:22%;height:29vh;z-index:2}
.collage-works .print-2{left:73%;top:39%;width:20%;height:28vh;z-index:1}
.collage-works .print-3{left:65%;top:82%;width:29%;height:32vh;z-index:4}
.collage-works .print-4{left:9%;top:100%;width:23%;height:36vh;z-index:3}
.collage-works .print-5{left:39%;top:116%;width:28%;height:33vh;z-index:2}
.collage-works .print-6{left:76%;top:134%;width:17%;height:29vh;z-index:1}
.collage-works .print-7{left:7%;top:154%;width:29%;height:30vh;z-index:4}
@media(hover:hover) and (pointer:fine){
 .collage-works .portfolio-print:hover,.collage-works .portfolio-print:focus-visible{z-index:10;box-shadow:none}
 .collage-works .portfolio-print:hover .print-inner,.collage-works .portfolio-print:focus-visible .print-inner{transform:translateY(-18px) scale(1.025);box-shadow:0 34px 45px #35100b66}
 .collage-works .portfolio-print:active .print-inner{transform:translateY(-9px) scale(1.01)}
 .era-work-print:hover{translate:0 -14px;box-shadow:0 28px 44px #35100b55}
}
.era-work-print{transition:translate .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}
@media(max-width:700px){
 .collage-works h2{top:14%;font-size:11vw}
 .collage-works .story-note{top:15%;left:auto;right:7%;width:41%}
 .collage-works .story-note p{font-size:10px;line-height:1.9}
 .collage-works .portfolio-prints{clip-path:inset(35% 0 12%)}
 .collage-works .portfolio-print .print-inner{padding:5px 5px 0}
 .collage-works .portfolio-print .print-caption{font-size:8px;flex-basis:29px;padding:7px 1px}
 .collage-works .portfolio-print .print-inner img{height:calc(100% - 29px)}
 .collage-works .print-0{left:7%;top:39%;width:50%;height:31vh}
 .collage-works .print-1{left:61%;top:58%;width:32%;height:23vh}
 .collage-works .print-2{left:9%;top:86%;width:35%;height:26vh}
 .collage-works .print-3{left:51%;top:103%;width:42%;height:29vh}
 .collage-works .print-4{left:7%;top:129%;width:38%;height:28vh}
 .collage-works .print-5{left:54%;top:151%;width:39%;height:26vh}
 .collage-works .print-6{left:9%;top:177%;width:33%;height:25vh}
 .collage-works .print-7{left:49%;top:204%;width:44%;height:30vh}
}
@media(prefers-reduced-motion:reduce){.collage-works .portfolio-print:hover .print-inner{transform:none}.era-work-print:hover{translate:none}}

.collage-works .portfolio-prints{clip-path:inset(12% 0 11%)}
.collage-works .print-2{top:49%}
@media(max-width:700px){.collage-works .portfolio-prints{clip-path:inset(35% 0 12%)}.collage-works .print-2{top:86%}}

/* Overlapping portfolios, brought to the foreground on hover/focus. */
@media(min-width:701px){
 .collage-works .print-0{left:30%;top:36%;width:35%;height:43vh;z-index:3}
 .collage-works .print-1{left:8%;top:58%;width:27%;height:32vh;z-index:4}
 .collage-works .print-2{left:61%;top:46%;width:26%;height:33vh;z-index:5}
 .collage-works .print-3{left:48%;top:91%;width:34%;height:38vh;z-index:2}
 .collage-works .print-4{left:23%;top:112%;width:29%;height:36vh;z-index:4}
 .collage-works .print-5{left:54%;top:139%;width:29%;height:32vh;z-index:3}
 .collage-works .print-6{left:7%;top:156%;width:24%;height:30vh;z-index:2}
 .collage-works .print-7{left:30%;top:166%;width:33%;height:35vh;z-index:4}
}
@media(hover:hover) and (pointer:fine){
 .collage-works .portfolio-print:hover,.collage-works .portfolio-print:focus-visible{z-index:20}
 .collage-works .portfolio-print:hover .print-inner,.collage-works .portfolio-print:focus-visible .print-inner{transform:translateY(-22px) rotate(-1deg) scale(1.035)}
 .collage-works .portfolio-print:active .print-inner{transform:translateY(-10px) scale(1.01)}
}
@media(max-width:700px){
 .collage-works .print-1{left:51%;top:60%;width:42%}
 .collage-works .print-3{left:42%;top:103%;width:48%}
 .collage-works .print-5{left:40%;top:151%;width:49%}
 .collage-works .print-7{left:39%;top:196%;width:53%}
}
@media(prefers-reduced-motion:reduce){.collage-works .portfolio-print:hover .print-inner{transform:none}}
.window-controls{position:absolute;top:24px;left:22px;z-index:20;display:flex;align-items:center;gap:9px}
.window-controls button{display:grid;place-items:center;width:17px;height:17px;padding:0;border:1px solid #0002;border-radius:50%;color:#432d22;font:15px/1 Arial;cursor:pointer;box-shadow:inset 0 1px 1px #fff3}
.window-controls .window-red{background:#e27869}.window-controls .window-yellow{background:#e6c06d}.window-controls .window-green{background:#91b88a}
.window-controls button span{opacity:0;transition:opacity .15s}.window-controls:hover span,.window-controls button:focus-visible span{opacity:1}.window-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.window-controls-space{width:84px;flex:0 0 84px}.public-explorer .explorer-bar{padding-right:24px}
.studio-workspace.os-window{position:fixed}.studio-workspace.os-window>header{padding-top:35px}
.studio-modal.window-maximized{width:calc(100vw - 24px)!important;max-width:none!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:10px!important}
.studio-dock{position:fixed;bottom:90px;right:5%;z-index:500;display:flex;align-items:center;gap:15px;padding:14px 19px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font-size:12px;box-shadow:0 12px 35px #29161245;animation:dock-enter .22s ease-out}.studio-dock>span:first-child{font-size:22px}.studio-dock:hover{transform:translateY(-4px)}
@keyframes dock-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.shortcuts-help{width:min(500px,92vw);padding:40px;text-align:left}.shortcuts-help h2{font:italic 34px Georgia;margin:0 0 25px}.shortcuts-help dl>div{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.shortcuts-help dt{flex-shrink:0}.shortcuts-help dd{margin:0;text-align:right}.shortcuts-help kbd{padding:4px 8px;border:1px solid var(--line);border-radius:5px;font:11px monospace}.shortcuts-help p{margin:22px 0 0;font-size:11px;color:var(--muted)}.transport .shortcuts-trigger{font:14px Georgia;min-width:24px}
@media(max-width:700px){.window-controls{top:24px;left:12px;gap:7px}.window-controls button{width:15px;height:15px}.window-controls button span{opacity:1}.window-controls-space{width:65px;flex-basis:65px}.public-explorer .explorer-bar{padding-right:12px}.explorer-bar strong{font-size:9px}.shortcuts-help{padding:35px 22px}.shortcuts-help dl>div{font-size:10px;gap:10px}.transport .shortcuts-trigger{display:none}.studio-dock{bottom:85px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.studio-dock{animation:none}.studio-dock:hover{transform:none}}
.contact-receipt{align-self:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(24px,4vw,52px) 0;color:var(--ink);animation:contact-arrival .36s cubic-bezier(.2,.8,.2,1) both;outline:none}
.contact-receipt .receipt-mark{display:block;width:48px;height:48px;margin-bottom:28px;color:var(--muted)}
.contact-receipt .eyebrow{font-size:9px;letter-spacing:1.8px}
.contact-receipt h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3.3vw,54px);line-height:1.08;letter-spacing:-1.3px;margin:20px 0}
.contact-receipt h3 em{font-weight:400;color:var(--muted)}
.contact-receipt p{font-size:14px;line-height:1.7;max-width:34ch}
.contact-receipt button{display:flex;justify-content:space-between;gap:28px;background:none;color:inherit;border:0;border-bottom:1px solid var(--line);font-size:12px;margin-top:28px;padding:12px 0;transition:transform .18s ease}
.contact-receipt button:hover{transform:translateY(-2px)}
.contact form .contact-error,.contact form .contact-verification{font-size:12px;line-height:1.6;margin:12px 0;padding:10px 12px;border-left:2px solid currentColor;text-align:left}
.contact form .contact-error{color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent)}
@keyframes contact-arrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.contact-receipt{padding:22px 0;margin-top:20px}.contact-receipt .receipt-mark{width:34px;height:34px;margin-bottom:12px}.contact-receipt h3{font-size:32px;margin:14px 0}.contact-receipt button{margin-top:16px}}