@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#242b29;--paper:#f4f2eb;--muted:#646c65;--accent:#e7ca83}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #ac8b37;outline-offset:5px}[hidden]{display:none!important}header{height:100px;display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:#101211;color:#f4f2eb;border-bottom:1px solid #ffffff20}.brand{font-size:21px;font-weight:700;line-height:1.2;letter-spacing:-.5px}.brand span{display:block;font-size:10px;font-weight:400;letter-spacing:1.3px;margin-top:7px}nav{display:flex;gap:30px;font-size:15px}#index-toggle{border:1px solid #ffffff60;background:none;padding:9px 16px;font-size:13px}#index-toggle span{padding-left:20px}#index-panel{position:fixed;right:4%;top:90px;width:min(400px,90vw);max-height:80svh;overflow:auto;z-index:30;background:var(--paper);padding:25px;box-shadow:0 15px 60px #0005}#index-panel button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #242b2925;background:none;padding:13px 0;font-size:15px}.overline,.eyebrow{font-size:12px;letter-spacing:1.5px;line-height:1.6;display:inline-block;font-weight:500}.hero{position:relative;background:#101211;color:#f7f4ed;min-height:820px;overflow:hidden;padding:25px 6% 28px}.hero-topline{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#abb3aa}.hero-composition{position:relative;max-width:1260px;height:650px;margin:20px auto}.name-outline{position:absolute;left:0;top:4px;font-size:280px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px #f4f2eb55;font-style:italic;user-select:none}h1{position:absolute;left:11%;top:12px;font-size:85px;letter-spacing:-4px;line-height:1;font-style:italic;margin:0;font-weight:700;z-index:2}h1>span{display:block;font-size:44px;letter-spacing:-1px;margin-top:8px;padding-left:6px}.hero-intro{position:absolute;left:3%;top:310px;font-size:27px;line-height:1.7;letter-spacing:2px;max-width:270px;margin:0;font-weight:400}.hero-intro em{font-family:'DM Serif Display';font-size:37px;font-weight:400;letter-spacing:0}.hero-vertical{position:absolute;right:-15px;top:45px;font-size:39px;font-style:italic;font-weight:700;line-height:1.05;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:-1px;opacity:.9}.flashback{position:absolute;top:190px;left:30%;width:49%;z-index:3}.flash-media{position:relative;aspect-ratio:16/10;background:#202621;overflow:hidden}.flash-media img,.flash-media video{width:100%;height:100%;object-fit:cover;display:block}.flash-media img{animation:flash-in .45s ease}.viewfinder{position:absolute;inset:-13px -13px 76px;pointer-events:none;z-index:4}.viewfinder i{position:absolute;width:25px;height:25px;border-color:#e7ca83;border-style:solid}.viewfinder i:nth-child(1){top:0;left:0;border-width:2px 0 0 2px}.viewfinder i:nth-child(2){top:0;right:0;border-width:2px 2px 0 0}.viewfinder i:nth-child(3){bottom:0;left:0;border-width:0 0 2px 2px}.viewfinder i:nth-child(4){bottom:0;right:0;border-width:0 2px 2px 0}.flash-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;margin-top:13px;color:#c6cdc2}.flash-controls{display:flex;align-items:center;gap:7px;margin-top:16px}.flash-controls button{width:38px;height:33px;background:none;border:1px solid #ffffff45;color:#fff;line-height:1;font-size:17px}.flash-controls>span{font-size:10px;letter-spacing:1px;margin-left:15px;color:#a3b09f}.camera-doodle{position:absolute;left:2%;bottom:5px;width:110px;transform:rotate(-12deg);color:#b7c9b3}.camera-doodle svg{width:100%;fill:none;stroke:currentColor;stroke-width:2}.camera-doodle>span{font-family:'DM Serif Display';font-style:italic;font-size:18px}.film-doodle{position:absolute;right:2%;bottom:55px;transform:rotate(13deg)}.film-doodle div{width:155px;height:65px;border-top:9px dashed #f4f2eb70;border-bottom:9px dashed #f4f2eb70;background:repeating-linear-gradient(90deg,transparent 0 42px,#ffffff40 42px 44px);border-left:1px solid #ffffff40;border-right:1px solid #ffffff40}.film-doodle>span{font-size:9px;letter-spacing:3px;color:#bbb}.scroll-cue{position:absolute;left:auto;right:2%;bottom:-5px;font-size:12px;letter-spacing:1px;border-bottom:1px solid #ffffff40;padding:12px 0}.hero-bottom{display:flex;justify-content:space-between;font-size:12px;color:#abb3aa;border-top:1px solid #ffffff20;padding-top:20px}.collection{padding:85px 5% 100px;overflow:hidden;background:#f4f2eb}.collection-heading{max-width:800px}.collection-heading h2{font-family:'DM Serif Display';font-size:54px;line-height:1.1;font-weight:400;letter-spacing:-1px;margin:20px 0}.collection-heading p{font-size:17px;color:var(--muted);margin-bottom:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 15px}.filters button{background:none;border:1px solid #242b2940;padding:9px 17px;border-radius:25px;font-size:14px}.filters .active{background:var(--ink);color:var(--paper)}.deck-wrap{position:relative;padding:35px 0 12px;margin:0 -5.6%;overflow:hidden}.deck-background{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:17vw;font-weight:700;line-height:1;letter-spacing:-1vw;color:#252b2906;pointer-events:none}.project-track{position:relative;display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:25px 5vw 25px;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.project-track::-webkit-scrollbar{display:none}.project-track.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.project-card{flex:0 0 390px;scroll-snap-align:center;background:#e3e9dc;border:1px solid transparent;min-width:0;padding:18px;text-align:left;border-radius:13px;box-shadow:0 8px 0 #242b290b;transform:scale(.96) rotate(-2deg);transition:transform .3s,border-color .3s;line-height:1.4}.project-card:nth-child(even){background:#e8ddcf;transform:scale(.96) rotate(2deg)}.project-card:nth-child(3n){background:#dbe5e7}.project-card.selected{transform:scale(1) rotate(0);border-color:#65715e;box-shadow:0 10px 0 #242b2912}.card-index{font-size:11px;letter-spacing:1.4px;display:block;margin-bottom:12px}.card-picture{height:235px;overflow:hidden;background:#eee9dc;border-radius:5px}.card-picture img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.project-card[data-category=film] img,.project-card[data-category=photo] img{object-fit:cover}.project-card h3{display:flex;justify-content:space-between;font-size:22px;line-height:1.2;margin:18px 0 10px}.project-card p{font-size:11px;letter-spacing:1px;margin:0;line-height:1.6}.card-lettering{height:100%;padding:45px 20px;color:#e9efdc;background:#33463e;font-family:'DM Serif Display';font-size:47px}.card-lettering span{display:block;font-family:'DM Sans';font-size:30px;letter-spacing:8px}.deck-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 30px}.deck-controls p{font-size:14px;margin:0;color:var(--muted)}.deck-controls button{background:#e7ca83;border:0;padding:10px 20px;font-size:22px;margin-left:8px;min-width:55px}.deck-controls>span{font-size:11px;letter-spacing:1px;color:var(--muted)}.project-preview{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid #242b2930;background:#faf8f1;margin-top:35px;min-height:430px}.preview-copy{padding:40px;display:flex;flex-direction:column;justify-content:center}.preview-copy h3{font-family:'DM Serif Display';font-weight:400;font-size:44px;line-height:1.15;margin:20px 0}.preview-copy>p{font-size:17px;line-height:1.8;margin:0 0 18px;color:var(--muted)}#preview-note{font-size:13px;line-height:1.8;margin-bottom:22px;color:#646c65}#preview-visual{background:#e7e5db;display:flex;align-items:center;justify-content:center;overflow:hidden}#preview-visual img{width:100%;max-height:520px;object-fit:contain;display:block}.preview-title-art{padding:50px;font-family:'DM Serif Display';font-size:65px;color:#eff0e9;background:#35483e;align-self:stretch;display:flex;flex-direction:column;justify-content:center;width:100%}.preview-title-art span{font-family:'DM Sans';font-size:13px;letter-spacing:2px;margin-top:20px}.read-more,.pill{display:inline-flex;gap:35px;align-items:center;width:fit-content;background:var(--ink);color:var(--paper);border:0;padding:14px 22px;font-size:15px;text-decoration:none}.film-photo{padding:95px 7%;border-top:1px solid #242b2920;background:#e9eae3}.lens-heading{max-width:850px;margin:0 auto 55px;text-align:center}.lens-heading h2{font-family:'DM Serif Display';font-weight:400;font-size:47px;line-height:1.2;margin:23px 0}.lens-heading p{font-size:17px;line-height:1.9;max-width:580px;margin:auto;color:var(--muted)}.film-layout,.photography-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:6%;align-items:center}.film-screen video{display:block;width:100%;aspect-ratio:16/9;background:#222}.media-note{display:block;font-size:11px;letter-spacing:1px;margin-top:12px}.film-copy h3,.photo-copy h3{font-family:'DM Serif Display';font-weight:400;font-size:37px;line-height:1.2;margin:18px 0}.film-copy p,.photo-copy p{font-size:17px;line-height:1.8;color:var(--muted)}.lens-connection{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #242b2920;border-bottom:1px solid #242b2920;padding:25px 0;margin:45px 0 65px}.lens-connection span{font-size:12px;letter-spacing:1px}.lens-connection p{font-size:16px;line-height:1.7;color:var(--muted);margin:10px 0 0}.photography-layout{grid-template-columns:1fr 1.2fr;gap:8%}.abstraction-feature{margin:0}.abstraction-feature img{width:100%;display:block}.abstraction-feature figcaption{font-size:13px;margin-top:12px;color:var(--muted)}.photo-settings{display:flex;gap:22px;font-size:14px;margin:25px 0}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.photo-gallery img{display:block;width:100%;height:300px;object-fit:cover}.photo-gallery span{font-family:'DM Serif Display';font-size:22px;display:block;margin-top:12px}.photo-footer{display:flex;gap:25px;justify-content:space-between;margin-top:35px}.about{text-align:center;padding:85px 5%;background:#dce0d6;border-top:1px solid #242b2920}.about h2{font-family:'DM Serif Display';font-weight:400;font-size:60px;line-height:1.1;margin:25px 0}.about p{font-size:18px;line-height:1.8}.about-note{display:block;font-size:12px;letter-spacing:1px;margin:25px 0}footer{display:flex;justify-content:space-between;gap:20px;padding:27px 5%;background:#dce0d6;border-top:1px solid #242b2920;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}dialog{width:min(1080px,94vw);max-height:92svh;padding:55px;background:#faf8f1;color:var(--ink);border:0;box-shadow:0 25px 90px #0005;overscroll-behavior:contain}dialog::backdrop{background:#101511bb;backdrop-filter:blur(5px)}.close{position:sticky;top:0;float:right;width:40px;height:40px;background:#e5e5d9;border:0;z-index:5;font-size:21px}dialog h2{font-family:'DM Serif Display';font-size:49px;font-weight:400;line-height:1.15;margin:20px 0}dialog .lead{font-size:20px;line-height:1.8;margin-bottom:28px}dialog h3{font-family:'DM Serif Display';font-size:31px;font-weight:400;margin:35px 0 15px;line-height:1.2}dialog p{font-size:17px;line-height:1.9;color:var(--muted)}dialog img,dialog video{display:block;width:100%;margin:15px 0}dialog .metrics{display:flex;flex-wrap:wrap;gap:22px;font-size:15px;margin:20px 0;color:#65765c}dialog .download{display:inline-block;font-size:16px;border-bottom:1px solid #68735b;padding:10px 0}dialog .gallery,.photo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gallery img{height:400px;object-fit:contain}.detail-visual,.photo-comparison figure{margin:0}.detail-visual figcaption,.photo-comparison figcaption{font-size:13px;color:var(--muted)}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.flow button{padding:18px 10px;background:#e2e7d9;border:1px solid #68735b40;font-size:15px;text-align:left}.flow button.selected{background:#63735a;color:#fff}.flow small{display:block;font-size:13px;margin-top:10px}.role-note{border-left:3px solid #73846a;padding-left:20px}.exhibition-quote{font-family:'DM Serif Display';font-size:27px;line-height:1.5;margin:30px 0}.experiment{background:#eeeee3;padding:27px;margin:25px 0;border:1px solid #68735b30}.experiment-head{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;border-bottom:1px solid #68735b30;padding-bottom:15px}.combat-labels{display:flex;justify-content:space-around;font-size:13px;margin-top:22px}.dice-pair{display:flex;align-items:center;justify-content:space-around;margin:15px 0}.dice-pair>div{font-size:95px;line-height:1}.rule-switch{display:flex;border:1px solid #68735b40;padding:4px}.rule-switch button{width:50%;padding:12px;border:0;background:none;font-size:16px}.rule-switch .selected{background:#687b60;color:#fff}.combat-result>span{display:block;font-size:12px;margin-top:20px}.combat-result h3{margin:15px 0}.roll{width:100%;display:flex;justify-content:space-between;background:#53624d;color:#fff;border:0;padding:13px 20px;font-size:17px}.experiment-note{font-size:14px!important}.flash-media img{animation:flash-in .45s ease}@keyframes flash-in{from{opacity:.2}to{opacity:1}}@media(max-width:1050px){.hero-composition{height:610px}h1{font-size:68px}.hero-vertical{font-size:31px}.hero-intro{font-size:22px;max-width:220px}.flashback{top:185px;left:29%;width:52%}.project-preview{grid-template-columns:1fr 1fr}.preview-copy{padding:28px}.preview-copy h3{font-size:35px}.film-layout,.photography-layout{gap:4%}.film-copy h3,.photo-copy h3{font-size:30px}}@media(max-width:700px){body{font-size:16px}header{height:85px;padding:18px 6%}.brand{font-size:17px}.brand span{font-size:8px}nav{display:none}#index-toggle{font-size:12px;padding:7px 10px}.hero{padding:23px 6%;min-height:900px}.hero-topline{font-size:8px;letter-spacing:1px}.hero-composition{height:750px;margin:25px auto 5px}.name-outline{font-size:170px;left:0;top:-5px}h1{font-size:55px;left:17%;top:12px;letter-spacing:-2px}h1>span{font-size:32px;margin-top:6px}.hero-intro{font-size:20px;top:170px;left:0;line-height:1.5;max-width:260px;letter-spacing:1px}.hero-intro em{font-size:28px}.hero-vertical{font-size:14px;right:-8px;top:95px;letter-spacing:0;line-height:1.3}.flashback{top:340px;left:0;width:94%}.flash-caption{font-size:8px}.flash-controls>span{font-size:8px;margin-left:7px}.viewfinder{inset:-10px -10px 76px}.camera-doodle{left:auto;right:15px;bottom:45px;width:70px}.camera-doodle>span{font-size:14px}.film-doodle{left:0;right:auto;bottom:50px}.film-doodle div{width:100px;height:45px}.scroll-cue{left:0;bottom:-2px;font-size:11px}.hero-bottom{font-size:9px;gap:20px}.hero-bottom>span:last-child{display:none}.collection{padding:60px 6% 65px}.collection-heading h2{font-size:37px}.collection-heading p{font-size:16px;line-height:1.8}.filters{gap:8px;margin-top:22px}.filters button{font-size:13px;padding:8px 12px}.project-card{flex-basis:300px;padding:15px}.project-track{gap:20px;padding-left:calc((100vw - 300px)/2);padding-right:calc((100vw - 300px)/2)}.card-picture{height:185px}.project-card h3{font-size:21px}.deck-wrap{margin:0 -6.8%;padding-top:20px}.deck-background{font-size:24vw;top:15px}.deck-controls{flex-wrap:wrap;gap:12px;margin-top:8px}.deck-controls>span{display:none}.deck-controls p{font-size:13px}.deck-controls button{font-size:19px;padding:8px 15px;min-width:45px}.project-preview{grid-template-columns:1fr;margin-top:25px}.preview-copy{padding:25px}.preview-copy h3{font-size:37px}.preview-copy>p{font-size:16px}.overline,.eyebrow{font-size:11px}.film-photo{padding:65px 6%}.lens-heading{margin-bottom:40px}.lens-heading h2{font-size:33px}.lens-heading p{font-size:16px}.film-layout,.photography-layout{grid-template-columns:1fr;gap:25px}.film-copy p,.photo-copy p{font-size:16px}.lens-connection{grid-template-columns:1fr;gap:23px;margin:35px 0 45px}.photo-gallery{grid-template-columns:1fr;gap:30px;margin-top:35px}.photo-gallery img{height:auto;max-height:430px;object-fit:contain}.photo-footer{flex-direction:column;align-items:flex-start;gap:15px}.about{padding:60px 6%}.about h2{font-size:45px}.about p{font-size:16px}.about-note{font-size:10px}footer{font-size:10px}footer>span:nth-child(2){display:none}dialog{padding:25px;max-height:92svh}dialog h2{font-size:38px}dialog .lead{font-size:18px}dialog p{font-size:16px}dialog h3{font-size:28px}dialog .gallery,.photo-comparison{grid-template-columns:1fr}.gallery img{height:auto}.flow{grid-template-columns:1fr 1fr}.experiment{padding:18px}.experiment-head{font-size:9px}.combat-labels{font-size:10px}.dice-pair>div{font-size:75px}.rule-switch button{font-size:14px}.exhibition-quote{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.solarian-video{aspect-ratio:16/9;background:#171e30;margin:20px 0}.solarian-video iframe{display:block;width:100%;height:100%;border:0}.project-card[data-card="solarian"] .card-picture{background:#171e30}.project-card[data-card="solarian"] .card-picture img{object-fit:contain}#preview-visual:has(img[src*="solarian"]){background:#171e30}#preview-visual img[src*="solarian"]{object-fit:contain;width:100%;height:100%}

.photography-source{margin-top:30px}.photo-full{margin:25px 0}.photo-full img{max-height:70svh;object-fit:contain;background:#eeeee6}.photo-full figcaption{font-size:14px;margin-top:12px;color:#69736c}

.film-detail-video{display:block;width:100%;max-height:70svh;background:#111;margin:25px 0}.script-process{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.script-process>div{border-top:1px solid #a3aaa0;padding-top:18px}.script-process span{font-size:12px;letter-spacing:1px}@media(max-width:700px){.script-process{grid-template-columns:1fr}}

.screenplay{margin:55px 0 15px;background:#fffdf8;color:#242725;border:1px solid #d9d6cd;box-shadow:0 12px 35px #2029200a;padding:50px clamp(24px,7vw,85px);font-family:"Courier New",monospace}.screenplay-heading{text-align:center;border-bottom:1px solid #d9d6cd;padding-bottom:35px;margin-bottom:40px}.screenplay-heading>span{font-family:Arial,sans-serif;font-size:11px;letter-spacing:1.4px}.screenplay .screenplay-heading h3{font-family:"Courier New",monospace;font-size:32px;letter-spacing:3px;margin:25px 0 10px}.screenplay .screenplay-heading p{font-family:"Courier New",monospace;font-size:16px}.script-scene{margin:0 0 42px}.scene-label>span{display:block;color:#7c817a;font:11px Arial,sans-serif;letter-spacing:1.5px;margin-bottom:12px}.screenplay h4{font-size:17px;line-height:1.6;margin:0 0 24px;font-weight:bold}.screenplay .script-scene p{font-family:"Courier New",monospace;font-size:16px;line-height:1.8;margin:0 0 22px;color:inherit}.script-end{text-align:center;font-size:15px;letter-spacing:3px;border-top:1px solid #d9d6cd;padding-top:25px}@media(max-width:700px){.screenplay{padding:30px 20px;margin-top:35px}.screenplay .script-scene p{font-size:15px;line-height:1.8}.screenplay h4{font-size:15px}}

.project-card[data-card="dartle"] .card-picture img{object-fit:contain;background:#24170e}#preview-visual:has(img[src*="dartle-cover"]){background:#24170e}#preview-visual img[src*="dartle-cover"]{object-fit:contain}