@charset "UTF-8";
:root{font-family:Arial,Helvetica,sans-serif;color:#eee8dc;background:#100e0d;--accent:#ef9b5f;--muted:#b7afa5;--line:#ffffff25;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}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{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#ef9b5f;color:#100e0d}.skip{position:fixed;z-index:100;top:-60px;background:#eee8dc;color:#100e0d;padding:16px}.skip:focus{top:0}
.edit-header{position:fixed;z-index:30;inset:0 0 auto;height:82px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#100e0dfa,#100e0d99,transparent);gap:20px}.brand{font-size:23px;font-weight:600;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--accent);font-size:28px;margin-right:8px}.edit-header nav{display:flex;gap:32px;font-size:13px}.edit-header nav a{padding:12px 0}.edit-header nav [aria-current]{border-bottom:1px solid var(--accent)}.contact{font-size:13px}.contact span{color:var(--accent);margin-left:16px}
.edit-journey{height:820svh;position:relative}.edit-stage{height:100svh;min-height:570px;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;padding:106px 3.5vw 0;background:radial-gradient(ellipse at 65% 49%,#37241955,transparent 60%),#100e0d}.ambient{position:absolute;inset:40% 0 0;pointer-events:none;background:radial-gradient(ellipse at 65% 65%,#b5602729,transparent 55%);filter:blur(20px)}.stage-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:var(--muted);position:relative}.stage-top button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 13px;font-size:10px;letter-spacing:.3px}.composition{flex:1;min-height:0;display:grid;grid-template-columns:26% 74%;align-items:center;position:relative}.editorial{padding:0 1.4vw 0 0;z-index:2}.chapter-count{font-size:12px;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:12px}.chapter-count span{color:var(--accent)}.chapter-count i{display:block;width:45px;height:1px;background:var(--accent);margin-left:12px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(32px,3.4vw,64px);line-height:1.07;letter-spacing:-1.7px;margin:22px 0 36px}h1 em{font-weight:400;color:#f1b78d}.category-copy h2{font-size:19px;letter-spacing:-.5px;margin:0 0 12px}.category-copy p{font-size:13px;line-height:1.6;color:var(--muted);max-width:280px;margin:0 0 20px}.category-copy>span{font-size:9px;letter-spacing:1.1px;color:#d99e74;line-height:1.8;display:block}
.screen-stage{display:grid;grid-template-columns:1fr 1fr;gap:25px;perspective:1600px;padding:15px 5px 0 20px;min-width:0}.screen-placement{min-width:0;position:relative;transform:translateY(-12px)}.screen-placement:nth-child(2){transform:translateY(24px)}.monitor{position:relative;width:100%;aspect-ratio:1.32;border:0;background:none;padding:0;transform-style:preserve-3d;will-change:transform;display:block}.screen-face{position:absolute;inset:0;display:block;border:7px solid #39322d;border-image:linear-gradient(135deg,#74695b,#211d19 35%,#514235 65%,#b29a7b) 1;background:#100e0d;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 30px 45px #0008;overflow:hidden;transform:translateZ(7px)}.screen-face.back{transform:rotateY(180deg) translateZ(7px)}.screen-face::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#fff1,transparent 30%,transparent 75%,#ffb16b0c);box-shadow:inset 0 0 0 1px #000,inset 0 0 16px #0005}.screen-edge{position:absolute;right:-7px;top:0;width:14px;height:100%;background:linear-gradient(90deg,#292019,#c29d73,#3e3023);transform:rotateY(90deg);transform-origin:center}.monitor-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin:17px 3px 0;gap:8px}.monitor-caption span:last-child{font-size:8px;letter-spacing:1px;color:#e0ad87}.screen-placement::after{content:'';position:absolute;top:110%;left:5%;width:90%;height:28px;background:#bb632c33;filter:blur(22px);pointer-events:none}
.art{position:absolute;inset:0;overflow:hidden;text-align:left;background:#17120f;display:flex;flex-direction:column;padding:8%;isolation:isolate}.art img,.art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100900d9,transparent 75%);z-index:-1}.art .art-kicker{font-size:9px;letter-spacing:2px;font-weight:400}.art strong{font-size:clamp(24px,3.6vw,70px);line-height:.93;letter-spacing:-2px;font-weight:500;margin-top:auto;display:block}.art small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:13px;color:#e8cdb8}.art .play{position:absolute;top:7%;right:7%;border:1px solid #fff6;border-radius:100%;height:32px;width:32px;display:grid;place-items:center;font-size:10px}.art-promo strong{font-family:Georgia,serif;font-style:italic}.art-ads strong{font-weight:900;font-size:clamp(24px,4.2vw,80px);text-transform:uppercase}.art-ads.alt{background:#e96f31;color:#1e1510}.art-ads.alt::after{background:none}.art-app img{object-fit:contain;inset:10% 13% 20%;width:74%;height:70%;transform:rotate(-7deg);border-radius:8px}.art-app strong{font-size:clamp(22px,2.7vw,46px)}.art-corporate{background:#ddd7ca;color:#211b16}.art-corporate::after{background:none}.art-corporate strong{font-size:clamp(40px,7vw,110px);font-weight:400}.art-corporate small{color:#51463b}.bars{display:flex;gap:8%;height:36%;align-items:end;margin:10% 5% 0}.bars i{flex:1;background:#bc5e2b;height:var(--h);border-radius:2px 2px 0 0;animation:bar-breathe 3s ease-in-out infinite alternate;animation-delay:var(--delay)}.art-youtube strong{font-weight:800}.art-youtube.alt img{filter:hue-rotate(15deg);transform:scale(1.3)}.art-ai strong{font-family:Georgia,serif;letter-spacing:-1px}.art-ai img{filter:hue-rotate(-20deg)}.orb{position:absolute;width:60%;aspect-ratio:1;left:20%;top:9%;border:1px solid #ffa356;border-radius:50%;box-shadow:inset 0 0 45px #fca04477,0 0 60px #e3652533;animation:orb-breathe 4s ease-in-out infinite alternate;z-index:-1}.art-photo img{object-fit:cover}.art-photo.before img{filter:grayscale(1) contrast(.7) brightness(.85)}.art-photo strong{font-size:clamp(26px,3vw,50px)}
.stage-foot{display:flex;justify-content:space-between;align-items:center;position:relative;padding:25px 0 28px;gap:15px}.demo-note{font-size:10px;color:#9c9389}.scroll-note{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.scroll-note b{font-size:19px;color:var(--accent);margin-left:15px;font-weight:400}.category-nav{display:grid;grid-template-columns:repeat(7,1fr);position:relative;padding:0 0 22px}.category-nav button{border:0;border-left:1px solid var(--line);background:none;text-align:left;padding:5px 12px 14px;font-size:11px;line-height:1.5;position:relative;color:#aaa298;min-height:54px}.category-nav button:first-child{border-left:0;padding-left:0}.category-nav button span{display:block;font-size:10px;letter-spacing:1px;margin-bottom:3px}.category-nav button[aria-current=true]{color:#ffb077}.category-nav button[aria-current=true]::after{content:'';position:absolute;left:12px;bottom:0;width:28px;height:2px;background:var(--accent)}.category-nav button:first-child::after{left:0}.progress{height:2px;background:#ffffff0b;margin:0 -3.5vw}.progress span{height:100%;width:0;display:block;background:#b77142}
.edit-outro{padding:120px 8vw 50px;background:#e6e0d4;color:#211b16}.edit-outro>span{font-size:10px;letter-spacing:2px}.edit-outro h2{font-family:Georgia,serif;font-size:clamp(36px,6vw,95px);font-weight:400;letter-spacing:-2px;line-height:1.08}.edit-outro h2 em{color:#9e532a}.edit-outro>a{font-size:24px;border-bottom:1px solid #7d6a55;padding:0 0 15px;display:flex;max-width:360px;justify-content:space-between}.edit-outro>div{display:flex;justify-content:space-between;border-top:1px solid #0003;margin-top:100px;padding-top:24px;font-size:12px}.no-script{padding:30px}
dialog{background:#171310;color:#eee8dc;border:1px solid #7c5941;width:min(1050px,92vw);max-height:92svh;padding:30px;overflow:auto}dialog::backdrop{background:#080706e8;backdrop-filter:blur(12px)}.dialog-close{float:right;background:transparent;border:1px solid #ffffff40;padding:10px 16px}.dialog-label{font-size:9px;letter-spacing:2px;color:var(--accent)}dialog h2{font-family:Georgia,serif;font-size:32px;font-weight:400;clear:both;padding-top:15px}#work-media{position:relative;aspect-ratio:16/9;overflow:hidden}#work-media>.art{padding:5%}#work-media>video,#work-media>img{width:100%;height:100%;object-fit:contain}#work-description{font-size:13px;line-height:1.7;color:var(--muted)}body.dialog-open{overflow:hidden}.mouse-ring{position:fixed;left:0;top:0;width:38px;height:38px;border:1px solid #ef9b5f66;border-radius:50%;pointer-events:none;z-index:50;display:grid;place-items:center;font-size:14px;color:#f6c19a;opacity:0;transform:translate(-100px,-100px)}.mouse-ring.visible{opacity:1}
@keyframes bar-breathe{to{transform:scaleY(.8);transform-origin:bottom}}@keyframes orb-breathe{to{transform:scale(.85) rotate(30deg);border-radius:40% 60% 60% 40%}}
.reduced .bars i,.reduced .orb{animation:none}.paused .bars i,.paused .orb{animation-play-state:paused}.reduced .mouse-ring{display:none}
@media(min-width:1700px){.screen-stage{gap:40px}.category-copy p{font-size:16px}.category-copy h2{font-size:24px}}
@media(max-width:900px){.edit-header nav{display:none}.edit-stage{padding:88px 5vw 0}.composition{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:8px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;padding-top:20px;align-items:start}.chapter-count{margin:0;grid-column:1/-1;font-size:10px}h1{font-size:34px;margin:2px 0;letter-spacing:-1px}.category-copy h2{font-size:17px;margin:4px 0 8px}.category-copy p{font-size:11px;line-height:1.5;margin-bottom:8px}.category-copy>span{font-size:8px}.screen-stage{padding:15px 0;gap:20px}.monitor{aspect-ratio:1.5}.screen-placement,.screen-placement:nth-child(2){transform:none}.stage-foot{padding:20px 0}.category-nav button{font-size:9px;padding-left:8px;padding-right:6px}.art strong{font-size:5vw}.art-ads strong{font-size:6vw}.art-corporate strong{font-size:10vw}.art-app strong{font-size:4vw}.art-photo strong{font-size:5vw}}
@media(max-width:600px){.edit-header{height:64px;padding:0 5vw}.brand{font-size:20px}.brand span{font-size:23px;margin-right:4px}.contact{font-size:11px}.edit-stage{height:100dvh;min-height:0;padding-top:76px}.stage-top{font-size:7px;letter-spacing:1px}.stage-top button{padding:7px 9px;font-size:8px}.composition{display:flex;flex-direction:column;align-items:stretch;gap:0}.editorial{padding-top:18px;gap:7px 14px;grid-template-columns:1.04fr 1fr}h1{font-size:27px;line-height:1.06}.chapter-count{font-size:8px}.category-copy h2{font-size:14px;margin:0 0 6px}.category-copy p{display:none}.category-copy>span{font-size:7px;line-height:1.6}.screen-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;padding:18px 0 8px;min-height:0;perspective:1000px}.screen-placement{width:min(100%,48svh);max-width:410px}.monitor{aspect-ratio:2.04}.screen-face{border-width:5px}.monitor-caption{font-size:9px;margin-top:7px}.monitor-caption span:last-child{font-size:7px}.screen-placement::after{display:none}.art{padding:6%}.art strong,.art-ads strong{font-size:clamp(22px,7vw,38px);letter-spacing:-1px}.art-app strong,.art-photo strong{font-size:25px}.art-corporate strong{font-size:50px}.art small{font-size:7px;margin-top:7px}.art .art-kicker{font-size:7px}.art .play{width:25px;height:25px}.art-corporate .bars{position:absolute;right:8%;bottom:18%;width:40%;height:45%}.stage-foot{padding:8px 0 14px}.demo-note{font-size:8px;max-width:180px;line-height:1.5}.scroll-note{font-size:0}.scroll-note b{font-size:20px}.category-nav{display:flex;overflow-x:auto;scrollbar-width:none;padding-bottom:13px;gap:0;flex-shrink:0}.category-nav button{flex:0 0 110px;padding:5px 10px 10px;font-size:10px;min-height:52px}.category-nav button span{font-size:8px}.category-nav::-webkit-scrollbar{display:none}.edit-outro{padding:80px 6vw 35px}.edit-outro h2{letter-spacing:-1px}.edit-outro>div{gap:20px;font-size:11px}dialog{padding:20px}.dialog-label{max-width:160px;line-height:1.5}.mouse-ring{display:none}}
@media(max-width:600px) and (max-height:680px){.edit-stage{padding-top:65px}.editorial{padding-top:9px}h1{font-size:23px}.screen-stage{gap:10px;padding:10px 0 5px}.screen-placement{width:min(90%,48svh)}.monitor-caption{margin-top:4px;font-size:8px}.stage-foot{padding:5px 0 6px}.category-nav{padding-bottom:7px}.category-nav button{min-height:42px;font-size:9px}.art small{display:none}.stage-top{font-size:6px}.category-copy>span{font-size:6px}}
@media(max-height:560px) and (min-width:601px){.edit-stage{height:auto;min-height:100svh;padding-top:78px}.composition{display:grid;grid-template-columns:26% 74%;grid-template-rows:1fr}.editorial{display:block;padding:10px 8px 0 0}h1{font-size:28px;margin:10px 0}.category-copy p{display:none}.screen-stage{padding:18px 0}.stage-foot{padding:15px 0}.category-nav{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bars i,.orb{animation:none}.mouse-ring{display:none}}

/* Gallery revision: only the two screens and chapter navigation lead the scene. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.edit-journey{height:600svh}
.stage-top{justify-content:flex-end}
.composition{display:flex;align-items:center;justify-content:center}
.screen-stage{width:100%;max-width:1440px;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,70px);padding:24px 1vw;perspective:2000px}
.screen-placement,.screen-placement:nth-child(2){transform:none}
.monitor{aspect-ratio:16/10}
.monitor-caption{display:none}
.position-label{font-size:11px;color:var(--muted);letter-spacing:1px}
.position-label #number{color:var(--accent)}
.position-label #category-title{margin-left:18px;color:#eee8dc;letter-spacing:0}
.progress span{transition:width 1.05s ease-in-out}
@media(max-width:900px){.composition{display:flex;flex-direction:row}.screen-stage{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 0}.monitor{aspect-ratio:16/10}}
@media(max-width:600px){.composition{flex-direction:column;justify-content:center}.screen-stage{display:flex;flex-direction:column;flex:0;gap:24px;padding:20px 0}.screen-placement{width:min(100%,60svh);max-width:450px}.monitor{aspect-ratio:16/9}.stage-foot{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0}.position-label{grid-column:1;grid-row:1;font-size:10px}.position-label #category-title{margin-left:10px}.demo-note{grid-column:1;grid-row:2;font-size:7px}.scroll-note{grid-column:2;grid-row:1/3}.art-ads strong{font-size:clamp(22px,6.5vw,35px)}}
@media(max-width:600px) and (max-height:680px){.screen-stage{gap:18px;padding:12px 0}.screen-placement{width:min(96%,57svh)}.stage-foot{padding:8px 0}.position-label{font-size:9px}.screen-face{border-width:4px}}
@media(max-height:560px) and (min-width:601px){.composition{display:flex}.screen-stage{max-width:1050px;width:min(100%,170svh);padding:18px 0}.stage-foot{padding:12px 0}}
@media(prefers-reduced-motion:reduce){.progress span{transition:none}}
.reduced .progress span{transition:none}
.gallery-title{position:relative;flex-shrink:0;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:clamp(28px,4vw,58px);font-weight:500;line-height:1.15;letter-spacing:-1.7px;margin:20px 0 0}
.category-nav{padding-top:20px}
@media(max-width:600px){.gallery-title{font-size:29px;letter-spacing:-1px;margin:16px 0 0}.category-nav{padding-top:12px}}
@media(max-width:600px) and (max-height:680px){.gallery-title{font-size:25px;margin:12px 0 0}.category-nav{padding-top:8px}}
@media(max-height:560px) and (min-width:601px){.gallery-title{font-size:28px;margin:6px 0 0}}
/* Supplied portfolio media keeps its complete frame and original colors. */
.art-real{padding:0;background:#080808}
.art-real::after{display:none}
.art-real img,.art-real video{object-fit:contain;transform:none;filter:none}
.work-variants{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.work-variants[hidden]{display:none}
.dialog-close{float:none;display:block;margin:0 0 16px auto}
.work-variants button{min-height:44px;padding:9px 16px;border:1px solid #ffffff40;background:transparent;border-radius:6px;font-size:12px}
.work-variants button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#ef9b5f0c}
#work-original{font-size:13px;line-height:1.5;margin:0 0 16px;overflow-wrap:anywhere}#work-original[hidden]{display:none}#work-original a{display:inline-block;padding:12px 0;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
#work-media.portrait-mode{aspect-ratio:9/16;width:min(100%,38.25svh);margin-inline:auto}#work-media.portrait-mode>video{display:block;object-fit:contain}
/* The same full 3:2 frame is used on both sides of every comparison. */
#work-media.photo-mode{aspect-ratio:auto;overflow:visible}
.photo-gallery{min-width:0}
.photo-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.photo-choice,.photo-only{min-height:44px;border:1px solid #ffffff30;background:transparent;border-radius:6px;padding:9px 12px;font-size:12px;line-height:1.4}
.photo-choice[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#ef9b5f0c}
.photo-title{font-size:16px;font-weight:500;margin:22px 0 14px}
.photo-compare{position:relative;width:min(100%,78svh);aspect-ratio:3/2;margin-inline:auto;overflow:hidden;background:#080808;--split:50%}
.photo-compare img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.photo-after{clip-path:inset(0 0 0 var(--split))}
.photo-divider{position:absolute;left:var(--split);inset-block:0;border-left:2px solid #fff;filter:drop-shadow(0 0 2px #0008);pointer-events:none}
.photo-badge{position:absolute;bottom:12px;padding:5px 9px;border-radius:4px;font-size:11px;background:#100e0dcc;color:#fff}
.photo-badge-before{left:12px}.photo-badge-after{right:12px}
.photo-compare[data-ready=false]>*{visibility:hidden}
.photo-status{min-height:1.3em;font-size:12px;color:var(--muted);text-align:center;margin:8px 0}
.photo-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}
.photo-range{width:100%;min-width:0;height:44px;margin:0;accent-color:var(--accent);cursor:ew-resize}
.photo-range:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.photo-controls :disabled{opacity:.45;cursor:wait}
.photo-description{font-size:13px;color:var(--muted);line-height:1.6;margin:16px 0 0}
@media(max-width:600px){.photo-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-choice,.photo-only{font-size:11px;padding:8px}.photo-controls{gap:8px}.photo-badge{font-size:10px;bottom:7px}.photo-badge-before{left:7px}.photo-badge-after{right:7px}}