@font-face{font-family:Text;src:url('assets/Dioptrice-Text-Regular.woff2')}@font-face{font-family:Display;src:url('assets/Dioptrice-Display-Regular.woff2')}:root{--bone:#e7ded0;--ink:#171615;--copper:#a65b35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--bone);font-family:Text,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible,.comparison:focus-visible{outline:2px solid #cf8a60;outline-offset:6px}.skip{position:fixed;top:-70px;z-index:30;background:var(--bone);color:var(--ink);padding:15px}.skip:focus{top:0}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:relative}.edition{font:10px Arial;letter-spacing:.14em;color:#aca498}.top-icon{position:absolute;left:50%;transform:translateX(-50%)}.top-icon img{width:64px;height:40px}header button{font-size:15px;display:flex;align-items:center;gap:22px}.plus{font:28px Arial;font-weight:200}.brand{text-align:center;padding:25px 8vw 45px}.brand h1{margin:0}.brand h1 img{width:min(750px,78vw);display:block;margin:auto}.brand p,.footer-brand p,.panel-brand p{font:11px Arial;letter-spacing:.22em;color:#c77e57;margin:22px 0 0;text-align:center}.opening>.project{margin:0 22px}.comparison{--reveal:50%;position:relative;overflow:hidden;height:74svh;min-height:480px;max-height:1000px;touch-action:pan-y;cursor:ew-resize;isolation:isolate}.comparison>img,.ungraded,.ungraded>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ungraded{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);z-index:1;pointer-events:none}.ungraded>img{filter:saturate(.48) contrast(.66) brightness(1.25)}.divider{position:absolute;left:var(--reveal);top:0;bottom:0;width:1px;background:#e7ded0b0;z-index:3;pointer-events:none}.divider>span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:44px;height:44px;border:1px solid #e7ded0a0;background:#17161544;backdrop-filter:blur(5px);border-radius:50%;display:grid;place-items:center;font:21px Arial;color:#fff}.compare-label{position:absolute;top:24px;z-index:4;font:10px Arial;letter-spacing:.1em;color:#fff;background:#17161588;padding:9px 12px}.left{left:24px}.right{right:24px}.project-overlay{position:absolute;bottom:0;left:0;right:0;padding:90px 4vw 35px;z-index:2;pointer-events:none;background:linear-gradient(transparent,#080a0c99);display:flex;align-items:end;justify-content:space-between;gap:20px}.project h2{font-family:Display;font-weight:400;font-size:clamp(36px,4.4vw,76px);letter-spacing:-.045em;line-height:1.05;margin:0}.project-overlay>span,.project-caption>span{font:10px Arial;letter-spacing:.1em}.under{display:flex;justify-content:space-between;padding:18px 8px;font-size:12px;color:#aaa396}.under button{font-size:12px}.project-two{padding:105px 7vw 85px}.project-caption{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:20px}.project-two .comparison{height:70svh;min-height:480px}.project-three{padding:20px 7vw 100px}.project-three .comparison{height:75svh}.project-three .project-caption h2{font-size:clamp(36px,4.4vw,76px)}footer{border-top:1px solid #494239;padding:70px 7vw 35px;display:flex;flex-direction:column;align-items:center}.footer-brand>img{width:min(430px,78vw)}footer>button{margin:45px 0 25px;border-bottom:1px solid #8b7b66;padding:12px 0;font-size:16px}.prototype{text-align:center;font-size:12px;line-height:1.7;color:#a9a194}.bottom-icon{margin-top:48px}.bottom-icon img{width:62px}#veil{position:fixed;inset:0;z-index:9;background:#05040330;opacity:0;pointer-events:none;transition:opacity .65s}#studio-panel{position:fixed;right:0;top:0;bottom:0;width:min(590px,86vw);z-index:10;transform:translateX(calc(100% + 190px));transition:transform .85s cubic-bezier(.22,.75,.2,1);color:var(--ink)}.panel-content{height:100%;overflow:auto;background:var(--bone);padding:90px 55px 40px;position:relative}.panel-content>#close{position:absolute;right:30px;top:27px;font-size:14px;display:flex;gap:30px;align-items:center}.panel-content>#close span{font:26px Arial}.panel-brand>img{width:100%}.panel-brand p{color:var(--copper);font-size:9px;letter-spacing:.17em;margin-top:18px}.panel-content h2{font:52px/1.06 Display,Arial;letter-spacing:-.045em;margin:65px 0 30px}.panel-content>p{font-size:18px;line-height:1.65}.contact{border-top:1px solid #b4a997;margin-top:45px;padding-top:25px}.contact h3{font:28px Display;margin:0}.contact p{font-size:14px;line-height:1.7;color:#61584c}.panel-icon{width:70px;display:block;margin:50px auto 0}.optical-edge{position:absolute;right:100%;top:0;bottom:0;width:95px;display:flex;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 20%)}.optical-edge i{height:100%;flex:1;backdrop-filter:blur(2px) saturate(1.6) contrast(1.15);background:linear-gradient(90deg,#e7ded005,#e7ded050,#ffffff13,#17161535);border-right:1px solid #ffffff30}.optical-edge i:nth-child(2){backdrop-filter:blur(6px) saturate(1.8)}.optical-edge i:nth-child(3){backdrop-filter:blur(12px) contrast(1.3);flex:1.5}.optical-edge i:nth-child(4){backdrop-filter:blur(4px) saturate(.4)}.optical-edge i:last-child{background:#e7ded099;backdrop-filter:blur(18px)}body.panel-open #studio-panel{transform:translateX(0)}body.panel-open #veil{opacity:1;pointer-events:auto}body.panel-open{overflow:hidden}@media(max-width:760px){header{height:80px;padding:0 20px}.edition{font-size:8px;max-width:75px;line-height:1.7}.top-icon img{width:49px}header button{font-size:13px;gap:10px}.brand{padding:25px 20px 35px}.brand h1 img{width:90%}.brand p{font-size:9px;margin-top:16px;letter-spacing:.18em}.opening>.project{margin:0 10px}.comparison{height:66svh;min-height:470px}.comparison>img,.ungraded>img{object-position:59% center}.compare-label{top:15px;font-size:8px;padding:8px}.left{left:12px}.right{right:12px}.project-overlay{padding:70px 20px 24px;display:block}.project-overlay h2{font-size:41px;max-width:290px;margin-bottom:16px}.project-overlay>span,.project-caption>span{font-size:9px}.under{font-size:10px;gap:15px;align-items:start;line-height:1.5}.under>span{max-width:210px}.under button{font-size:10px;text-align:right}.project-two{padding:60px 20px}.project-caption{display:block;margin-bottom:20px}.project-caption h2{font-size:41px;margin-bottom:15px}.project-two .comparison{height:55svh;min-height:410px}.project-three{padding:0 20px 60px}.project-three .comparison{height:60svh;min-height:440px}.project-three .project-caption h2{font-size:41px}footer{padding:50px 20px 30px}.footer-brand p{font-size:9px}.prototype{font-size:10px}.panel-content{padding:85px 27px 30px}.panel-content h2{font-size:39px;margin-top:45px}.panel-content>p{font-size:16px}.optical-edge{width:48px}.panel-brand p{font-size:8px;letter-spacing:.1em}.divider>span{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Draft four */
header{position:sticky;top:0;z-index:8;background:#171615ed;backdrop-filter:blur(12px);height:118px}.header-brand{width:220px}.header-brand img{width:100%;display:block}.top-icon img{width:115px;height:auto}.scroll-mark{display:none;width:45px}.scrolled .scroll-mark{display:block}.scrolled .plus{display:none}.opening{padding-top:0}.comparison{cursor:crosshair}.ungraded{display:none}.reveal-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{position:relative;min-height:340px;align-items:flex-start;justify-content:center;padding-right:7vw}.footer-brand>img{width:280px}footer>button{align-self:flex-end;margin:0}.prototype{text-align:right;align-self:flex-end;max-width:400px}.bottom-icon{position:absolute;left:50%;top:75px;transform:translateX(-50%);margin:0}.bottom-icon img{width:140px}.refraction-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.optical-edge{width:110px}.optical-edge i{opacity:.25}.panel-brand>img{display:block}.panel-content{padding-top:95px}@media(max-width:760px){header{height:88px;padding:0 16px}.header-brand{width:135px}.top-icon img{width:68px}header button{font-size:12px;gap:7px}.scroll-mark{width:30px}.optical-edge{width:55px}.footer-brand>img{width:155px}.bottom-icon{top:60px;left:65%}.bottom-icon img{width:90px}footer{min-height:310px;padding-top:45px}footer>button{margin-top:60px}.prototype{font-size:10px}.comparison{touch-action:pan-y}}
.opening>.project{margin:0}.project-two,.project-three{padding:0}.comparison,.project-two .comparison,.project-three .comparison{height:85svh;max-height:1100px;min-height:520px}.under{display:none}.project-overlay{display:block}.project-overlay h2{margin-bottom:15px}.project-overlay>span{display:block}@media(max-width:760px){.comparison,.project-two .comparison,.project-three .comparison{height:76svh;min-height:500px}.project-overlay h2{font-size:40px}}
@media(max-width:760px){.bottom-icon{left:50%;top:130px}footer>button{margin-top:100px}}
/* Refinement five */
.scrolled header{background:transparent;backdrop-filter:none;pointer-events:none}.scrolled .header-brand,.scrolled .top-icon{visibility:hidden}.scrolled #studio{pointer-events:auto}.scrolled .studio-label{display:none}.scrolled .scroll-mark{width:62px;filter:drop-shadow(0 1px 5px #171615)}.scrolled #studio{min-width:70px;min-height:60px;justify-content:center}.project-overlay h2{text-transform:uppercase;letter-spacing:.035em;font-size:clamp(30px,3.6vw,62px)}.project-overlay>span{color:#c77e57;letter-spacing:.16em;text-transform:uppercase}.media-action{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:74px;height:74px;border:1px solid #e7ded080;background:#17161525;backdrop-filter:blur(3px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:background .3s,opacity .3s;opacity:.75}.media-action>span{font:30px Arial}.media-action>small{font:9px Arial;letter-spacing:.1em}.media-action:hover{background:#17161566;opacity:1}.comparison>img.graded{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.detail-view>img.graded{transform:scale(1.35)}.will-enter .comparison{opacity:.6;transform:translateY(22px);transition:opacity 1.1s,transform 1.1s cubic-bezier(.2,.7,.2,1)}.will-enter.entered .comparison{opacity:1;transform:translateY(0)}.socials{display:flex;align-self:flex-end;gap:20px;margin-bottom:18px}.socials button{width:27px;height:27px;padding:3px}.socials svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3}.socials svg .dot{fill:currentColor;stroke:0}#social-status{align-self:flex-end;font-size:12px;margin:0 0 10px}.copyright{align-self:flex-end;font:10px Arial;letter-spacing:.06em;margin-top:25px}.contact label{display:block;font-size:13px;margin-top:22px}.contact input,.contact textarea{width:100%;display:block;border:0;border-bottom:1px solid #aa9c88;background:transparent;color:var(--ink);font:17px Text,Arial;padding:12px 0;border-radius:0}.contact textarea{resize:vertical}.contact input:focus,.contact textarea:focus{outline:1px solid var(--copper);outline-offset:5px}.send{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--ink);color:var(--bone);padding:18px;margin-top:27px;font:12px Arial;letter-spacing:.12em}.contact .form-note,.asset-note{font-size:11px;line-height:1.6;color:#6a5e4e}.asset-note{margin-top:35px}.optical-edge{filter:grayscale(1)}@media(max-width:760px){.project-overlay h2{font-size:31px;letter-spacing:.01em}.project-overlay>span{font-size:9px}.scrolled .scroll-mark{width:48px}.media-action{width:60px;height:60px}.socials{margin-top:100px}footer>button{margin-top:0}.copyright{font-size:8px}.panel-content .asset-note{font-size:11px}}@media(prefers-reduced-motion:reduce){.will-enter .comparison{opacity:1;transform:none}}
/* Smooth optical field and expanded edge taper */
.optical-edge{width:185px;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 20%,rgba(0,0,0,.65) 65%,#000 100%)}.optical-edge i{opacity:.15}.will-enter .comparison{opacity:.35;transform:translateY(48px);clip-path:inset(10% 0 0 0);transition:opacity 1.3s,transform 1.5s cubic-bezier(.16,1,.3,1),clip-path 1.5s cubic-bezier(.16,1,.3,1)}.will-enter.entered .comparison{opacity:1;transform:none;clip-path:inset(0)}@media(max-width:760px){.optical-edge{width:95px}.will-enter .comparison{transform:translateY(30px)}.will-enter.entered .comparison{transform:none}}@media(prefers-reduced-motion:reduce){.will-enter .comparison{opacity:1;transform:none;clip-path:none;transition:none}}
.media-action{top:auto;left:auto;right:28px;bottom:28px;transform:none;border-radius:0;width:auto;height:auto;padding:12px 16px;flex-direction:row;gap:16px;background:#17161566}.media-action>span{font-size:21px}.media-action>small{font-size:10px;letter-spacing:.12em}.project-overlay{padding-right:200px}@media(max-width:760px){.media-action{right:18px;bottom:18px;padding:10px}.media-action>span{display:none}.media-action>small{font-size:8px}.project-overlay{padding-right:22px;padding-bottom:65px}}
.media-action,.previous-still{position:absolute;top:50%;bottom:auto;transform:translateY(-50%);width:44px;height:70px;z-index:5;border:0;border-radius:0;padding:0;display:grid;place-items:center;background:#17161530;font:44px Arial;backdrop-filter:blur(2px)}.media-action{right:18px;left:auto}.media-action>span{display:block;font:44px Arial}.previous-still{left:18px}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:78px;height:78px;border-radius:50%;border:1px solid #e7ded099;background:#17161530;backdrop-filter:blur(4px);font:25px Arial}.video-play span{display:block;margin-left:4px}.video-play:hover{background:#17161590}.video-placeholder{position:absolute;inset:0;z-index:6;background:#171615e8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center;padding:25px}.video-placeholder[hidden],.video-play[hidden]{display:none}.video-placeholder p{font:24px Display;letter-spacing:.12em;margin:0}.video-placeholder>span{font-size:18px}.video-placeholder small{font-size:12px;color:#b6ab9a}.video-close{position:absolute;top:20px;right:24px;font:32px Arial}.project-overlay{padding-right:4vw}@media(max-width:760px){.media-action,.previous-still{width:34px;height:55px}.media-action{right:10px}.previous-still{left:10px}.project-overlay{padding-bottom:28px}.video-play{width:64px;height:64px}}
.touch-explore{display:none}@media(hover:none),(pointer:coarse){.touch-explore{display:block;position:absolute;z-index:7;top:55px;right:12px;border:1px solid #e7ded077;background:#171615bb;color:#e7ded0;font:12px Text,Arial;padding:12px 16px;min-height:44px}.comparison.touch-exploring{touch-action:none;user-select:none;-webkit-touch-callout:none}.touch-exploring .touch-explore{background:#e7ded0;color:#171615}.comparison{touch-action:pan-y}}
.grade-controls{position:absolute;left:24px;top:22px;z-index:7;display:flex;gap:12px;align-items:center;pointer-events:none}.grade-toggle{pointer-events:auto;width:44px;height:44px;border:1px solid #e7ded070;border-radius:50%;background:#17161566;color:#e7ded0;display:grid;place-items:center;padding:0;font:30px Arial;backdrop-filter:blur(4px)}.grade-toggle:hover{background:#171615aa}.grade-tag{opacity:0;transform:translateX(-5px);transition:opacity .4s,transform .4s;font:10px Arial;letter-spacing:.14em;background:#17161588;color:#e7ded0;padding:8px 10px}.grade-tag.visible{opacity:1;transform:none}.show-before>img.graded{filter:saturate(.48) contrast(.66) brightness(1.16)}@media(hover:none),(pointer:coarse){.grade-controls{left:12px;top:14px}.compare-label.right{font-size:7px;max-width:100px}.comparison{touch-action:pan-y}.will-enter .comparison,.will-enter.entered .comparison{clip-path:none;transform:none;opacity:1;transition:none}}@media(prefers-reduced-motion:reduce){.grade-tag{transition:none}}
.grade-controls{left:auto;right:24px;flex-direction:row-reverse}.compare-label.right{top:78px;right:24px}@media(hover:none),(pointer:coarse){.grade-controls{left:auto;right:12px;top:14px}.compare-label.right{top:67px;right:12px}}
.grade-toggle,.grade-toggle:hover{border:0;border-radius:0;background:transparent;backdrop-filter:none}.circular-arrow{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px #171615aa)}.grade-toggle.is-before .circular-arrow{transform:scaleX(-1)}
/* Desktop review: mobile comparison control is intentionally unchanged. */
.cursor-dot{position:fixed;z-index:1000;pointer-events:none;width:6px;height:6px;border-radius:50%;background:#e7ded0;transform:translate(-50%,-50%);opacity:0}.dot-active .cursor-dot{opacity:1}@media(hover:hover) and (pointer:fine){.grade-toggle{display:none}.dot-active,.dot-active a,.dot-active button,.dot-active .comparison{cursor:none}.grade-controls{pointer-events:none}.grade-tag{margin-top:10px}}@media(hover:none),(pointer:coarse){.cursor-dot{display:none}}

.tap-reveal-hint{display:none}@media(hover:none),(pointer:coarse){.grade-toggle,.grade-tag{display:none}.tap-reveal-hint{display:block;position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:7;min-height:44px;padding:10px 14px;white-space:nowrap;font:11px Text,Arial;letter-spacing:.04em;color:var(--bone);text-shadow:0 1px 5px #171615;background:transparent}.compare-label.right{top:65px}}

.contact-shortcut{position:fixed;left:max(24px,env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom));z-index:15;background:var(--bone);color:var(--ink);border-radius:2px;padding:13px 19px;min-height:44px;font:12px Text,Arial;letter-spacing:.025em;box-shadow:0 4px 14px #0003;transition:background .2s,opacity .2s}.contact-shortcut:hover{background:#f1e9de}.panel-open .contact-shortcut{visibility:hidden;pointer-events:none}@media(max-width:760px){.contact-shortcut{left:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:12px 16px}}

.contact-shortcut{left:max(48px,env(safe-area-inset-left));bottom:calc(42px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}.contact-shortcut svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:760px){.contact-shortcut{left:28px;bottom:calc(30px + env(safe-area-inset-bottom))}}

.project-eye{position:absolute;right:28px;top:24px;z-index:8;display:flex;align-items:center;gap:10px;min-width:44px;min-height:44px;justify-content:center;color:var(--bone);filter:drop-shadow(0 2px 3px #0009)}.project-eye svg{width:30px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.project-eye span{position:absolute;right:48px;white-space:nowrap;font:10px Text,Arial;letter-spacing:.06em;opacity:0;transition:opacity .2s}.project-eye:hover span,.project-eye:focus-visible span{opacity:1}.colorist-profile{margin-top:40px;padding-top:30px;border-top:1px solid #17161530}.profile-role{font:10px Text,Arial;letter-spacing:.14em;color:var(--copper);margin:0 0 9px}.colorist-profile h3{font:32px Display,Arial;letter-spacing:.035em;margin:0 0 20px}.colorist-bio{font:16px/1.6 Text,Arial;margin:0 0 26px}.colorist-portrait{display:block;width:100%;height:auto;aspect-ratio:88.5/80;object-fit:cover;object-position:50% 36%;mask:url('assets/reversed-d-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/reversed-d-mask.svg') center/100% 100% no-repeat}.project-intro{padding:70px 6vw 55px;max-width:1200px}.back-work{display:inline-block;font:11px Text,Arial;margin-bottom:65px;opacity:.7}.detail-type{font:10px Text,Arial;text-transform:uppercase;color:var(--copper);letter-spacing:.15em}.project-intro h1{font:clamp(42px,6vw,94px)/1.06 Display,Arial;text-transform:uppercase;letter-spacing:.015em;margin:15px 0 28px}.detail-summary{font:17px/1.65 Text,Arial;max-width:540px;opacity:.75}.project-detail>.project{margin:0!important;padding:0!important}.project-stills{padding:110px 6vw;display:grid;grid-template-columns:repeat(12,1fr);gap:4vw;align-items:center}.project-stills figure{margin:0;overflow:hidden}.project-stills img{display:block;width:100%;height:100%;object-fit:cover}.still-tall{grid-column:1/7;height:650px}.still-tall img{object-position:62% center}.still-small{grid-column:8/13;height:360px}.still-small img{object-position:25% center;transform:scale(1.2)}.project-notes{grid-column:2/7;padding:40px 0;max-width:450px;font:18px/1.65 Text,Arial}.study-disclosure{font:11px/1.7 Text,Arial;opacity:.5}.still-wide{grid-column:1/-1;aspect-ratio:2.05}.project-next{border-top:1px solid #e7ded029;margin:0 6vw;padding:44px 0 65px;display:flex;justify-content:space-between;align-items:center;gap:28px}.project-next>a:first-child{font:11px Text,Arial;opacity:.65}.project-next>a:last-child{text-align:right}.project-next small{display:block;text-transform:uppercase;color:var(--copper);font:10px Text,Arial;letter-spacing:.12em;margin-bottom:12px}.project-next span{font:clamp(20px,3vw,42px) Display,Arial;text-transform:uppercase}@media(max-width:760px){.project-eye{right:16px;top:62px}.project-intro{padding:38px 24px 30px}.back-work{margin-bottom:40px}.project-intro h1{font-size:44px}.detail-summary{font-size:15px}.project-stills{padding:50px 24px;gap:24px;grid-template-columns:1fr 1fr}.still-tall{grid-column:1/-1;height:440px}.still-small{grid-column:2;height:210px}.project-notes{grid-column:1/-1;grid-row:auto;padding:0;font-size:16px}.still-wide{aspect-ratio:1.3}.project-next{margin:0 24px}.project-next span{font-size:23px}.project-next>a:last-child{max-width:65%}.colorist-profile{margin-top:30px}.colorist-profile h3{font-size:29px}}

/* Contained project frame: wide / paired / wide still sequence. */
.project-detail{max-width:1440px;margin:24px auto 64px;width:calc(100% - 80px);padding:32px;border:1px solid #e7ded02b;border-radius:6px;background:#1b1a18}.project-detail .project-intro{padding:28px 16px 42px;max-width:none}.project-detail .back-work{margin-bottom:38px}.project-detail>.project{overflow:hidden;border-radius:4px}.project-detail .comparison{height:auto;aspect-ratio:16/9;min-height:0;max-height:none}.project-detail>.project-notes{max-width:none;padding:30px 16px 36px;display:grid;grid-template-columns:1fr 2fr;gap:10px 32px;font-size:17px}.project-detail>.project-notes p{margin:0}.project-detail>.project-notes .study-disclosure{grid-column:2}.project-detail .project-stills{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.project-detail .project-stills figure{height:auto;border-radius:4px;grid-row:auto}.project-detail .still-wide{grid-column:1/-1;aspect-ratio:16/9}.project-detail .still-pair{grid-column:auto;aspect-ratio:4/3}.still-left img{object-position:20% center}.still-right img{object-position:80% center}.still-last img{object-position:center 65%;transform:scale(1.08)}.project-detail .project-next{margin:36px 0 0;padding:30px 16px 12px}@media(max-width:760px){.project-detail{width:calc(100% - 28px);margin:14px auto 32px;padding:12px;border-radius:4px}.project-detail .project-intro{padding:20px 8px 24px}.project-detail .project-intro h1{font-size:36px}.project-detail .back-work{margin-bottom:28px}.project-detail .comparison{aspect-ratio:4/3;min-height:0}.project-detail>.project-notes{display:block;padding:24px 8px;font-size:15px}.project-detail>.project-notes p+p{margin-top:14px}.project-detail .project-stills{gap:12px}.project-detail .still-pair{aspect-ratio:3/4}.project-detail .project-next{padding:24px 8px 12px}.project-detail .project-next span{font-size:20px}}

.project-detail .project-stills{grid-template-columns:repeat(3,minmax(0,1fr))}.project-detail .still-portrait{grid-column:auto;aspect-ratio:4/5}.still-left img{object-position:18% center}.still-center img{object-position:50% center}.still-right img{object-position:82% center}@media(max-width:760px){.project-detail .project-stills{grid-template-columns:1fr}.project-detail .still-portrait{aspect-ratio:4/5}.project-detail .still-wide{aspect-ratio:4/3}}

.project-hero{margin:0;overflow:hidden;border-radius:4px}.hero-image{display:block;width:100%;height:auto}.open-still{display:block;width:100%;height:100%;padding:0;border:0;background:none}.open-still:focus-visible{outline:2px solid var(--bone);outline-offset:-5px}.project-film{position:relative}.project-film>img{transform:none}.still-lightbox{border:0;padding:54px 24px 24px;background:#171615;color:var(--bone);width:min(1400px,94vw);max-width:94vw;max-height:94dvh;overflow:auto}.still-lightbox::backdrop{background:#000d;backdrop-filter:blur(8px)}.still-lightbox>img{display:block;width:100%;height:auto;max-height:calc(90dvh - 80px);object-fit:contain}.lightbox-close{position:absolute;top:4px;right:12px;width:44px;height:44px;font:32px Arial}.lightbox-open{overflow:hidden}
/* Project notes, centered navigation and footer composition. */
.project-detail>.project-notes{grid-template-columns:minmax(140px,220px) minmax(180px,310px);gap:16px;padding:36px 0;align-items:stretch;justify-content:center}.project-detail>.project-notes>.detail-type{display:flex;align-items:center;justify-content:center;background:var(--bone);color:var(--ink);font:bold 32px/1.1 Display,Arial;letter-spacing:.03em;padding:32px;min-height:270px;text-align:center}.project-detail>.project-notes>p:nth-child(2){display:flex;align-items:center;border:1px solid var(--bone);padding:30px;line-height:1.55}.project-detail>.project-notes>.study-disclosure{grid-column:1/-1;margin-top:4px}.project-intro>.detail-type{font-size:17px}
.project-eye{left:50%;top:50%;right:auto;transform:translate(-50%,-50%);width:70px;height:70px}.project-eye svg{width:42px;height:32px}.project-eye span{right:auto;top:65px;font-size:12px}.grade-controls{left:0;right:0;top:28px;justify-content:center;flex-direction:row}.grade-tag{display:block;background:none;padding:0;margin:0!important;font:clamp(30px,3.6vw,62px)/1.05 Display,Arial;letter-spacing:.035em;text-shadow:0 2px 12px #0008;transform:none}.grade-tag.visible{animation:grade-wipe .55s ease-out both}.grade-toggle{display:none}.tap-reveal-hint{top:90px}.contact-shortcut{left:max(72px,env(safe-area-inset-left));bottom:calc(60px + env(safe-area-inset-bottom))}@keyframes grade-wipe{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-12px)}to{opacity:1;clip-path:inset(0);transform:none}}
footer{min-height:380px;padding:100px 7vw 40px}.footer-cta{position:absolute;left:7vw;top:115px;align-self:auto;text-align:left;border:0;margin:0;padding:0;font:clamp(25px,2.6vw,44px)/1.15 Display,Arial;letter-spacing:.02em;max-width:30%}.footer-cta span{font-size:24px}.bottom-icon{left:50%;top:100px;display:flex;flex-direction:column;align-items:center;gap:24px}.bottom-icon .footer-symbol{width:110px}.bottom-icon .footer-lockup{width:200px}.back-top{position:absolute;right:7vw;top:32px;font-size:13px;padding:10px 0}.socials{margin-top:0}footer #footer-studio{margin:0}.copyright{margin-top:40px}
@media(min-width:761px){.detail-summary{font-size:21px;max-width:660px}.project-detail>.project-notes{font-size:20px}.project-overlay>span{font-size:14px}.panel-content>p,.colorist-bio{font-size:20px}.profile-role{font-size:14px}.contact label{font-size:16px}.contact h3{font-size:32px}.project-next small{font-size:14px}.back-work{font-size:14px}}
@media(max-width:760px){.project-detail>.project-notes{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;padding:24px 0;font-size:15px}.project-detail>.project-notes>.detail-type{font-size:24px;min-height:220px;padding:14px}.project-detail>.project-notes>p:nth-child(2){padding:16px;margin:0}.project-detail>.project-notes>.study-disclosure{margin-top:4px}.project-intro>.detail-type{font-size:13px}.grade-tag{display:block;font-size:31px}.grade-controls{top:22px}.contact-shortcut{left:36px;bottom:calc(42px + env(safe-area-inset-bottom))}footer{min-height:530px;padding:340px 24px 32px}.footer-cta{left:24px;top:85px;max-width:55%;font-size:25px}.bottom-icon{top:195px;left:50%;gap:18px}.bottom-icon .footer-symbol{width:80px}.bottom-icon .footer-lockup{width:165px}.back-top{right:24px;top:24px}.socials{margin-top:0}.copyright{margin-top:25px}}
.project-detail>.project-notes>.detail-type{font-family:Text,Arial;font-weight:700}.project-detail>.project-notes>p{min-width:0}@media(max-width:760px){.project-detail>.project-notes{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.project-detail>.project-notes>.detail-type{font-size:21px;padding:10px}.project-detail>.project-notes>p:nth-child(2){padding:14px}}
@media(max-width:760px){footer{padding-bottom:110px;min-height:600px}.footer-cta{max-width:calc(100% - 48px);font-size:24px}}
/* Compact footer and still gallery refinement. */
.project-detail>.project-notes{column-gap:0}.open-still img{transform:scale(1.045);transition:transform .65s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.open-still:hover img,.open-still:focus-visible img{transform:scale(1)}}
.project-slider{position:relative;touch-action:pan-y}.slider-frames{height:100%;width:100%}.project-slider .slider-frames img{width:100%;height:100%;object-fit:cover}.project-slider .slider-frames img[hidden]{display:none}.slider-prev,.slider-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;background:#17161550;font:38px Arial;text-shadow:0 1px 4px #0009}.slider-prev{left:18px}.slider-next{right:18px}.slider-count{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.1em;text-shadow:0 1px 5px #000;background:#17161560;padding:8px 12px}
footer{width:calc(100% - 48px);max-width:1536px;margin:0 auto;min-height:0;padding:30px 24px 40px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;gap:30px 24px;align-items:center;justify-content:normal}footer .back-top{position:static;grid-column:3;grid-row:1;justify-self:end;padding:10px 0}footer .footer-cta{position:static;grid-column:1;grid-row:2;max-width:none;align-self:center;justify-self:start;margin:0;padding:0;font-size:clamp(22px,1.7vw,28px);border:0}footer .bottom-icon{position:static;grid-column:2;grid-row:2;transform:none;justify-self:center;gap:18px}footer .bottom-icon .footer-symbol{width:74px}footer .bottom-icon .footer-lockup{width:280px;max-width:100%}footer .socials{grid-column:3;grid-row:2;align-self:start;justify-self:end;margin:8px 0 0}footer #footer-studio{grid-column:3;grid-row:2;align-self:end;justify-self:end;margin:0;font-size:14px}footer .copyright{grid-column:1/-1;grid-row:3;justify-self:center;align-self:auto;margin:14px 0 0}footer #social-status{grid-column:3;grid-row:3;justify-self:end;margin:0}footer #social-status:empty{display:none}@media(min-width:761px){.contact-shortcut{left:max(48px,calc((100vw - 1440px)/2 - 176px))}}
@media(max-width:760px){footer{width:calc(100% - 32px);padding:24px 8px 30px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,auto);gap:28px 16px}footer .back-top{grid-column:2;grid-row:1;font-size:12px}footer .footer-cta{grid-column:1/-1;grid-row:2;justify-self:center;text-align:center;font-size:24px}footer .bottom-icon{grid-column:1/-1;grid-row:3;gap:16px}footer .bottom-icon .footer-symbol{width:60px}footer .bottom-icon .footer-lockup{width:240px}footer .socials{grid-column:1;grid-row:4;justify-self:start;align-self:center;margin:0;gap:16px}footer #footer-studio{grid-column:2;grid-row:4;align-self:center;font-size:12px;padding:10px 0;white-space:nowrap}footer .copyright{grid-column:1/-1;grid-row:6;margin:0;font-size:8px;text-align:center}footer #social-status{grid-column:1/-1;grid-row:5;justify-self:center;font-size:12px}.project-detail>.project-notes{column-gap:0}.slider-prev{left:10px}.slider-next{right:10px}}
/* Centered compact masthead and quiet controls. */
header{justify-content:center}.header-brand{width:250px}.header-brand img{display:block}header #studio{position:absolute;left:calc(50% + 143px);right:auto;top:50%;transform:translateY(-50%);min-width:44px;min-height:44px;padding:8px;justify-content:center;gap:0}.scroll-mark,.scrolled .scroll-mark{display:block;width:38px}.scrolled .header-brand{visibility:visible}.scrolled header{background:#171615ed;backdrop-filter:blur(12px);pointer-events:auto}.scrolled #studio{min-width:44px;min-height:44px}.scrolled .scroll-mark{filter:none}.contact-shortcut.footer-visible{opacity:0;visibility:hidden;pointer-events:none}.contact-shortcut{transition:opacity .35s,background .2s,visibility .35s}.slider-prev,.slider-next{background:transparent}.project-eye{opacity:.3;transition:opacity .25s}.project-eye:hover,.project-eye:focus-visible,.project-eye:active{opacity:1}footer{border-top:0}footer::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;border-top:1px solid #494239;pointer-events:none}body{overflow-x:clip}
@media(min-width:761px){footer .copyright{grid-column:3;grid-row:3;justify-self:end;text-align:right;white-space:nowrap;margin:0}footer #footer-studio{width:100%;text-align:right;border-bottom:1px solid #8b7b66;padding-bottom:12px}footer #social-status{grid-row:4}}
@media(max-width:760px){.header-brand{width:160px}header #studio{left:calc(50% + 86px);padding:8px}.scroll-mark,.scrolled .scroll-mark{width:27px}.scrolled #studio{min-width:44px;min-height:44px}}
.scrolled .header-brand{visibility:hidden}.scrolled header{background:transparent;backdrop-filter:none;pointer-events:none}.scrolled #studio{left:auto;right:4vw;pointer-events:auto}@media(max-width:760px){.scrolled #studio{right:16px}}
header #studio,.scrolled #studio{left:auto;right:4vw}.project-eye{opacity:.12}footer .bottom-icon .footer-symbol{width:44px}footer .bottom-icon{gap:12px}@media(max-width:760px){header #studio,.scrolled #studio{left:auto;right:16px}footer .bottom-icon .footer-symbol{width:36px}footer .bottom-icon{gap:10px}}
.panel-brand{display:block}

/* Real project covers and linked titles preserve the established composition without simulating a before grade. */
.project-cover{position:relative;overflow:hidden;height:85svh;min-height:520px;max-height:1100px;isolation:isolate}.project-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-title-link{pointer-events:auto;display:inline-block}.project-title-link:focus-visible{outline-offset:8px}.project-four{padding:0}.project-four .comparison{height:85svh;max-height:1100px;min-height:520px}@media(max-width:760px){.project-cover,.project-four .comparison{height:76svh;min-height:500px}.project-cover>img{object-position:54% center}}
/* Real before images are optional; optical distortion is independent. */
.grade-controls[hidden],.tap-reveal-hint[hidden]{display:none!important}.tap-reveal-hint{display:block;position:absolute;top:15%;left:50%;transform:translateX(-50%);z-index:7;font:12px Text,Arial;min-height:44px;padding:10px 14px;white-space:nowrap;color:var(--bone);text-shadow:0 1px 6px #171615;background:none}.grade-controls{top:30%;left:0;right:0;justify-content:center}.grade-tag{animation:none!important;opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-12px);transition:opacity .6s ease,clip-path .6s ease,transform .6s ease}.grade-tag.visible{opacity:1;clip-path:inset(0);transform:none}.still-lightbox .cursor-dot{position:fixed;z-index:1000}.lightbox-open .cursor-dot{box-shadow:0 0 2px #171615,0 0 1px #e7ded0}.show-before>img.graded{filter:none}
.project-detail>.project-facts{grid-template-columns:minmax(210px, .75fr) minmax(0,2fr);justify-content:stretch;gap:0;padding:36px 0;align-items:stretch}.services-card{background:var(--bone);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:36px 24px}.services-card h2{font:700 clamp(24px,2.4vw,36px)/1.15 Text,Arial;text-align:center;margin:0;letter-spacing:.015em}.services-card h2 span{font-size:.65em}.facts-card{border:1px solid var(--bone);display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:36px}.facts-card dl{margin:0}.facts-card dt,.facts-card h3{font:12px/1.5 Text,Arial;letter-spacing:.08em;color:#c77e57;margin:0 0 7px}.facts-card dd{font:18px/1.5 Text,Arial;margin:0 0 22px}.facts-card dd:last-child{margin-bottom:0}.facts-card h3{color:var(--bone);font-size:16px;margin-bottom:22px}.facts-card .project-overview{font:17px/1.6 Text,Arial;margin-top:28px}.facts-credits{border-left:1px solid #e7ded033;padding-left:28px}.facts-card a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.tap-reveal-hint{top:15%;font-size:11px}.grade-controls{top:30%}.project-detail>.project-facts{grid-template-columns:1fr;padding:24px 0}.services-card{padding:24px}.services-card h2{font-size:23px}.services-card h2 br{display:none}.services-card h2 span{margin:0 .3em}.facts-card{grid-template-columns:1fr;padding:24px;gap:24px}.facts-credits{padding:24px 0 0;border-left:0;border-top:1px solid #e7ded033}.facts-card dd{font-size:16px}.facts-card .project-overview{font-size:15px}}
.project-detail>.project-facts .project-overview{margin-top:28px}

/* A quiet palette drawn from the final hero frame. */
.hero-palette{display:flex;width:100%;height:28px}.hero-palette>span{flex:1;min-width:0;background:var(--swatch)}@media(max-width:760px){.hero-palette{height:18px}}
/* Smoked glass shell; the photograph itself stays sharp and unfiltered. */
.still-lightbox{border:1px solid transparent;border-radius:26px;background:linear-gradient(145deg,rgba(174,169,160,.10),rgba(53,52,49,.10));-webkit-backdrop-filter:blur(28px) saturate(135%);backdrop-filter:blur(28px) saturate(135%);box-shadow:0 28px 90px #0008,inset 0 2px 3px #fff2,inset 0 -2px 4px #0003;color:var(--bone)}
.still-lightbox::backdrop{background:rgba(12,13,13,.10);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.still-lightbox>img{border-radius:12px}.lightbox-close{top:5px;right:14px;border-radius:50%;text-shadow:0 1px 6px #0008;transition:background .2s}.lightbox-close:hover,.lightbox-close:focus-visible{background:#e7ded01c}.lightbox-close:focus-visible{outline:1px solid var(--bone);outline-offset:-5px}
@media(max-width:760px){.still-lightbox{padding:50px 12px 12px;border-radius:20px;max-height:92dvh}.still-lightbox>img{border-radius:9px}.lightbox-close{right:8px;top:3px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.still-lightbox{background:rgba(48,47,44,.10)}}

/* Directional reflections form a glass rim instead of a flat outline. */
.lightbox-frame::before,.lightbox-close::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,rgba(255,250,238,.65) 0%,rgba(255,250,238,.18) 18%,transparent 38%,rgba(255,250,238,.08) 52%,rgba(255,250,238,.42) 76%,rgba(255,250,238,.12) 90%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}

/* Equal glass surround with an independent floating close control. */
.still-lightbox{padding:14px;width:fit-content;max-width:94vw;max-height:none;overflow:visible}.still-lightbox>img{width:auto;height:auto;max-width:calc(94vw - 30px);max-height:calc(100dvh - 180px)}.lightbox-close{top:-58px;right:0;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:50%;color:var(--bone);background:linear-gradient(145deg,rgba(174,169,160,.10),rgba(53,52,49,.10));-webkit-backdrop-filter:blur(28px) saturate(135%);backdrop-filter:blur(28px) saturate(135%);box-shadow:0 6px 20px #0004,inset 0 2px 3px #fff2,inset 0 -2px 4px #0003;font:28px/1 Arial}.lightbox-close:focus-visible{outline-offset:4px}@media(max-width:760px){.still-lightbox{padding:10px}.still-lightbox>img{max-width:calc(94vw - 22px)}.lightbox-close{top:-56px;right:0}}

/* Native cursor stays precisely aligned inside the filtered modal. */
body.lightbox-open .cursor-dot{display:none!important}@media(hover:hover) and (pointer:fine){body.lightbox-open,body.lightbox-open .still-lightbox,body.lightbox-open .still-lightbox *{cursor:auto!important}body.lightbox-open .lightbox-close{cursor:pointer!important}}

/* The selected photograph supplies the glass color; the close button stays translucent. */
.still-lightbox{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:26px;max-width:94vw}
.lightbox-frame{position:relative;isolation:isolate;padding:14px;border-radius:26px;overflow:hidden;background:#171615;box-shadow:0 28px 90px #0008;touch-action:pan-y pinch-zoom}
.image-glass{position:absolute;inset:-35px;background-size:100% 100%;background-position:center;filter:blur(20px) saturate(1.15);transform:scale(1.08);z-index:-1;pointer-events:none}
.lightbox-frame::before{z-index:2}.lightbox-frame>img{display:block;width:auto;height:auto;max-width:calc(94vw - 28px);max-height:calc(100dvh - 180px);border-radius:12px}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:56px;display:grid;place-items:center;filter:drop-shadow(0 2px 4px #000);z-index:3}.gallery-arrow[hidden]{display:none}.gallery-prev{left:16px}.gallery-next{right:16px}.gallery-arrow svg{width:26px;fill:none;stroke:var(--bone);stroke-width:1.5}.gallery-count{position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);font:12px Text,Arial;color:var(--bone);pointer-events:none}
body.lightbox-open .gallery-arrow{cursor:pointer!important}@media(max-width:760px){.still-lightbox{padding:0;border-radius:20px}.lightbox-frame{padding:10px;border-radius:20px}.lightbox-frame>img{max-width:calc(94vw - 20px);border-radius:9px}.gallery-prev{left:10px}.gallery-next{right:10px}}

/* Desktop glass has more breathing room and a lighter image tint. */
@media(min-width:761px){.lightbox-frame{padding:26px;background:#171615;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:38px}.lightbox-frame>img{max-width:calc(94vw - 52px);max-height:calc(100dvh - 204px)}.image-glass{opacity:1;filter:blur(28px) saturate(.85)}.still-lightbox{border-radius:38px}.gallery-prev{left:28px}.gallery-next{right:28px}}

.project-title-link{display:inline-block;pointer-events:auto;transform-origin:left center;transition:color .25s,transform .3s}.project-overlay>span{transition:color .25s}.project-title-link:hover,.project-title-link:focus-visible{color:#c77e57;transform:scale(1.035)}.project-overlay:has(.project-title-link:hover)>span,.project-overlay:has(.project-title-link:focus-visible)>span{color:var(--bone)}body.dot-active .project-title-link{cursor:pointer}body.title-pointer .cursor-dot{opacity:0}

.services-card h2 .secondary-service{display:block;font-size:.48em;line-height:1.4;margin-top:20px;letter-spacing:.06em}.project-video{margin:0 0 48px}.project-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:4px}.project-video>a{display:block;text-align:right;font-size:12px;margin-top:12px;opacity:.7}

.project-detail>.project-video{width:100%;padding:0;margin:0 0 28px}.film-player{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:var(--ink)}.film-cover{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0}.film-cover>img{display:block;width:100%;height:100%;object-fit:cover}.glass-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:#e7ded01a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 8px 25px #0004,inset 0 1px 2px #fff7,inset 0 -1px 2px #0004;transition:transform .25s,background .25s}.glass-play svg{width:28px;height:28px;fill:var(--bone);margin-left:3px}.film-cover:hover .glass-play,.film-cover:focus-visible .glass-play{transform:translate(-50%,-50%) scale(1.07);background:#e7ded033}.film-cover:focus-visible{outline:2px solid var(--bone);outline-offset:-5px}.film-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media(max-width:760px){.project-detail>.project-video{margin-bottom:12px}.glass-play{width:64px;height:64px}.glass-play svg{width:23px}}

.project-detail .project-stills .still-portrait img{object-position:var(--focal-x,50%) 50%}

.contact .contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.send:disabled{opacity:.55;cursor:wait}.form-note a{text-decoration:underline}

.enquiry-result{position:fixed;inset:0;margin:auto;width:min(440px,calc(100% - 40px));padding:36px;border:1px solid #e7ded04d;border-radius:20px;background:#242220ed;color:var(--bone);box-shadow:0 24px 80px #0008;backdrop-filter:blur(20px);font-family:Text,Arial,sans-serif;cursor:auto}
.enquiry-result::backdrop{background:#0006;backdrop-filter:blur(6px)}
.enquiry-result h2{font-family:Display,Arial,sans-serif;font-size:32px;font-weight:400;margin:0 0 18px}
.enquiry-result p{font-size:17px;line-height:1.5;margin:0 0 20px}
.enquiry-result a{font-size:15px;text-decoration:underline;cursor:pointer}
.enquiry-result button{display:block;margin:24px 0 0 auto;padding:10px 22px;border:1px solid #e7ded070;border-radius:30px;cursor:pointer}
.enquiry-result [hidden]{display:none}

/* Homepage entrances: opacity only, with no movement or animated clipping. */
.will-enter .comparison{opacity:0;transform:none;clip-path:none;transition:opacity .85s ease-out}
.will-enter.entered .comparison{opacity:1;transform:none;clip-path:none}
@media(prefers-reduced-motion:reduce){.will-enter .comparison{opacity:1;transition:none}}

/* Position-based entrance: fully visible halfway into the viewport. */
.comparison.position-reveal{opacity:var(--entry-opacity,1);transform:none;clip-path:none;transition:none}
@media(prefers-reduced-motion:reduce){.comparison.position-reveal{opacity:1}}

/* Quiet sharing action aligned with the project back link. */
.project-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.project-tools .back-work{margin:0}.project-share{position:relative}.share-project{display:flex;align-items:center;gap:9px;font:14px Text,Arial,sans-serif;padding:10px 0;cursor:pointer;color:var(--bone);opacity:.75;transition:opacity .2s,color .2s}.share-project:hover,.share-project:focus-visible{opacity:1;color:#c77e57}.share-project svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.share-project:disabled{opacity:.4}.share-status{position:absolute;top:100%;right:0;white-space:nowrap;font:12px Text,Arial;color:#c77e57}.share-link-dialog{width:min(480px,calc(100% - 40px));padding:32px;background:var(--bone);color:var(--ink);border:0;border-radius:5px}.share-link-dialog::backdrop{background:#171615bb}.share-link-dialog h2{font:32px Display,Arial;margin:0 0 24px}.share-link-dialog input{display:block;width:100%;padding:12px;margin-top:10px;background:transparent;border:1px solid #17161566;color:inherit;font:14px Arial;cursor:text}.share-link-dialog p{font-size:15px}.share-link-dialog button{padding:12px 0;cursor:pointer;border-bottom:1px solid currentColor}.share-link-dialog,.share-link-dialog *{cursor:auto!important}.share-link-dialog button{cursor:pointer!important}@media(max-width:760px){.share-project{font-size:12px;min-height:44px}.share-project svg{width:17px;height:17px}.project-tools{gap:12px;margin-bottom:24px}}