:root{--lime:#c9d432;--ink:#161713;--paper:#f1f0ea;--pad:clamp(24px,5vw,78px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.header{position:fixed;z-index:50;inset:0 0 auto;height:94px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;color:#fff;transition:.3s}.header.scrolled{height:74px;background:rgba(22,23,19,.94);backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:12px}.logo>span{font-size:34px;font-weight:600;letter-spacing:-.12em}.logo i{font-style:normal;color:var(--lime)}.logo small{font-size:8px;font-weight:600;line-height:1.1;letter-spacing:.1em}nav{display:flex;gap:36px;text-transform:uppercase;font-size:11px;font-weight:500;letter-spacing:.14em}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--lime);transition:right .25s}nav a:hover:after{right:0}.menu-btn{display:none;border:0;background:transparent;color:inherit;font-size:11px;letter-spacing:.12em}.hero{height:100svh;min-height:650px;position:relative;overflow:hidden;color:#fff}.slides,.slide{position:absolute;inset:0}.slide{margin:0;opacity:0;transform:scale(1.025);transition:opacity 1.1s,transform 7s}.slide.active{opacity:1;transform:scale(1)}.slide figcaption{position:absolute;z-index:3;right:var(--pad);bottom:45px;display:grid;text-align:right;font-size:11px;letter-spacing:.08em}.slide figcaption span{color:#d0d0cb}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,8,.72),rgba(9,10,8,.05) 70%),linear-gradient(0deg,rgba(9,10,8,.5),transparent 45%)}.hero-copy{position:absolute;z-index:4;left:var(--pad);top:50%;transform:translateY(-42%);max-width:800px}.hero h1{font-size:clamp(62px,9vw,144px);line-height:.85;letter-spacing:-.07em;font-weight:300;margin:0 0 38px}.hero-copy p{max-width:480px;font-size:clamp(15px,1.5vw,20px);line-height:1.6}.slider-ui{position:absolute;z-index:5;left:var(--pad);bottom:42px;display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.12em}.slider-ui button{width:38px;height:38px;border:1px solid #ffffff8c;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:.2s}.slider-ui button:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}.scroll-cue{position:absolute;z-index:5;right:var(--pad);top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em}.scroll-cue span{margin-top:15px;color:var(--lime)}.panel{padding:140px var(--pad)}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:600;color:#77796f}.intro-copy{display:grid;grid-template-columns:1.35fr 1fr;gap:10vw;margin:55px 0 120px}.intro-copy h2,.about-copy h2{font-size:clamp(44px,6vw,92px);line-height:.98;letter-spacing:-.055em;font-weight:300;margin:0}.intro-copy p,.about-copy p{font-size:16px;line-height:1.8;color:#606159;margin:10px 0 0}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c7c7c0}.services-grid article{padding:28px 30px 20px 0;border-right:1px solid #c7c7c0}.services-grid article+article{padding-left:30px}.services-grid article:last-child{border-right:0}.services-grid span{font-size:10px;color:#818278}.services-grid h3{font-weight:400;font-size:20px;margin:44px 0 20px}.services-grid p{font-size:13px;line-height:1.7;color:#73746d}.work{background:var(--ink);color:#fff}.work-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:70px}.work-head .kicker{color:#a4a59e}.work-head h2{font-size:clamp(70px,10vw,150px);line-height:.7;letter-spacing:-.07em;font-weight:300;margin:55px 0 0}.filters{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}.filters button{border:0;padding:6px 0;background:transparent;color:#888a82;text-transform:uppercase;font-size:9px;letter-spacing:.13em;cursor:pointer}.filters button.active,.filters button:hover{color:var(--lime)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.card{position:relative;aspect-ratio:1.45;overflow:hidden}.card.hidden{display:none}.card img{transition:transform 1s,filter .5s}.card:hover img{transform:scale(1.035);filter:brightness(.7)}.card>div{position:absolute;inset:auto 0 0;padding:28px;background:linear-gradient(0deg,#000b,transparent);transform:translateY(12px);transition:.35s}.card:hover>div{transform:none}.card h3{font-size:23px;font-weight:300;margin:0 0 5px}.card p{margin:0;color:#b7b8b1;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.about{background:var(--lime)}.about .kicker{color:#474a21}.about-copy{display:grid;grid-template-columns:1.3fr 1fr;gap:10vw;margin-top:55px}.about-copy p{color:#3f411d}.statement{font-size:clamp(70px,11vw,165px);line-height:.78;letter-spacing:-.08em;margin-top:160px}.contact{height:100svh;min-height:650px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.contact>img{position:absolute;inset:0}.contact-overlay{position:absolute;inset:0;background:#070807a3}.contact-copy{position:relative;z-index:2;padding:0 var(--pad)}.contact-copy>p{text-transform:uppercase;font-size:10px;letter-spacing:.18em;color:var(--lime)}.contact h2{font-size:clamp(56px,8vw,125px);font-weight:300;letter-spacing:-.065em;line-height:.9;margin:28px 0 55px}.contact-copy>a{font-size:clamp(15px,2vw,24px);border-bottom:1px solid var(--lime);padding-bottom:8px}footer{position:absolute;z-index:2;bottom:0;left:var(--pad);right:var(--pad);padding:24px 0;border-top:1px solid #ffffff40;display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:#b9bab4}
@media(max-width:800px){.header{height:74px}.menu-btn{display:block}nav{position:fixed;inset:0;background:var(--ink);padding:120px var(--pad);flex-direction:column;font-size:16px;transform:translateX(100%);transition:.4s}nav.open{transform:none}.hero-copy{right:var(--pad)}.slide figcaption,.scroll-cue{display:none}.panel{padding-top:100px;padding-bottom:100px}.intro-copy,.about-copy{grid-template-columns:1fr;gap:45px}.services-grid{grid-template-columns:1fr 1fr}.services-grid article{border-bottom:1px solid #c7c7c0}.services-grid article:nth-child(2){border-right:0}.services-grid article:nth-child(3){padding-left:0}.work-head{grid-template-columns:1fr}.filters{justify-content:flex-start;margin-top:55px}.work-grid{grid-template-columns:1fr}.statement{margin-top:100px;font-size:20vw}.contact h2{font-size:16vw}footer{display:grid;gap:7px}}@media(max-width:480px){.services-grid{grid-template-columns:1fr}.services-grid article,.services-grid article+article{padding:25px 0;border-right:0}.slider-ui{bottom:28px}.contact-copy>a{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.slide{transform:none}}

/* M&H identity and typography system */
:root{--gold:#bda57b;--warm-white:#f3efe6}.logo{gap:15px;color:var(--warm-white)}.brand-mark{font-size:40px;font-weight:600;line-height:1;letter-spacing:-.06em}.brand-mark i{font-style:normal;color:var(--gold)}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy strong{font-size:14px;font-weight:500;line-height:1;letter-spacing:.12em}.brand-copy small{font-size:12px;font-weight:400;line-height:1.2;letter-spacing:0}.logo>span{letter-spacing:initial}nav{font-size:14px;font-weight:500;letter-spacing:.08em}.hero h1{font-size:clamp(88px,7vw,96px);line-height:1.07;letter-spacing:-.03em;font-weight:300;margin-bottom:34px}.hero-copy p{max-width:540px;font-size:20px;font-weight:400;line-height:1.65}.intro-copy h2,.about-copy h2{font-size:clamp(52px,5vw,64px);line-height:1.08;letter-spacing:-.03em;font-weight:300}.intro-copy p,.about-copy p{font-size:17px;font-weight:400;line-height:1.65}.services-grid h3{font-size:23px;font-weight:500;line-height:1.25}.services-grid p{font-size:17px;font-weight:400;line-height:1.65}.card h3{font-size:23px;font-weight:400;line-height:1.3}.card p,.kicker,.slide figcaption{font-size:13px;font-weight:500}.filters button,.slider-ui button{font-size:14px;font-weight:500}.work-head h2,.contact h2{letter-spacing:-.03em;line-height:1.07}
@media(max-width:800px){.brand-mark{font-size:30px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:11px;max-width:180px}.hero h1{font-size:clamp(42px,11vw,48px);line-height:1.08;letter-spacing:-.03em}.hero-copy p{font-size:18px;line-height:1.65}.intro-copy h2,.about-copy h2{font-size:clamp(32px,9vw,38px);line-height:1.08}.intro-copy p,.about-copy p,.services-grid p{font-size:16px}.services-grid h3,.card h3{font-size:20px}.card p,.kicker{font-size:12px}.header{height:86px;padding-left:20px;padding-right:20px}.header.scrolled{height:86px}}

/* Supplied M&H logo artwork */
.brand-symbol{width:72px;height:52px;object-fit:contain;object-position:center}.logo:hover .brand-symbol{transform:scale(1.025)}.brand-symbol{transition:transform .25s ease}
@media(max-width:800px){.brand-symbol{width:58px;height:42px}.logo{gap:10px}}

/* Project gallery and image viewer */
.card{cursor:zoom-in}.card:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.lightbox{width:min(94vw,1500px);height:min(92vh,1000px);padding:0;border:0;background:#111;color:#fff;overflow:hidden}.lightbox::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}.lightbox>img{width:100%;height:calc(100% - 76px);object-fit:contain;background:#080808}.lightbox>div{height:76px;padding:15px 70px 15px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lightbox h3{font-size:20px;font-weight:400;margin:0}.lightbox p{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#aaa;margin:0}.lightbox-close{position:absolute;z-index:2;right:18px;bottom:17px;width:42px;height:42px;border:1px solid #ffffff66;border-radius:50%;background:#111;color:#fff;font-size:24px;line-height:1;cursor:pointer}.lightbox-close:hover{background:var(--gold);color:#111;border-color:var(--gold)}
@media(max-width:800px){.lightbox{width:100vw;height:100vh;max-width:none;max-height:none}.lightbox>img{height:calc(100% - 105px)}.lightbox>div{height:105px;display:block;padding:18px 70px 18px 18px}.lightbox h3{font-size:18px}.lightbox p{margin-top:6px}.lightbox-close{bottom:32px}}

/* Logo-matched palette: patina teal, aged copper, warm ivory */
:root{--lime:#c8753f;--gold:#c8753f;--teal:#155b57;--ink:#111917;--paper:#eee9df;--warm-white:#f5f0e7}.header.scrolled{background:rgba(17,25,23,.96)}body{background:var(--paper);color:var(--ink)}nav a:after{background:var(--gold)}.slider-ui button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.scroll-cue span,.contact-copy>p{color:#d58a54}.intro{background:var(--paper)}.kicker{color:#756c60}.services-grid,.services-grid article{border-color:#c9c0b3}.services-grid span{color:var(--teal)}.services-grid p,.intro-copy p{color:#5e5a51}.work{background:var(--ink)}.work-head .kicker{color:#b9aa96}.filters button.active,.filters button:hover{color:#df925b}.about{background:var(--teal);color:var(--warm-white)}.about .kicker{color:#e1a274}.about-copy p{color:#d9d6ca}.statement{color:var(--warm-white)}.contact-copy>a{border-color:var(--gold)}.lightbox-close:hover{background:var(--gold);border-color:var(--gold)}.card:focus-visible{outline-color:var(--gold)}

/* Indexed architecture-portfolio pattern */
.work-browser{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:clamp(35px,6vw,100px);align-items:start}.work-preview{position:sticky;top:96px;margin:0;height:calc(100vh - 130px);min-height:570px;overflow:hidden;background:#0a0f0e}.work-preview>img{height:100%;transition:opacity .22s ease,transform .7s ease}.work-preview>img.changing{opacity:.2;transform:scale(1.015)}.work-preview:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}.work-preview figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:30px;display:flex;align-items:flex-end;gap:24px}.work-preview figcaption>span{font-size:12px;font-weight:500;color:#dda071}.work-preview figcaption div{display:grid;gap:4px}.work-preview figcaption b{font-size:25px;font-weight:400}.work-preview figcaption small{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#b7b8b1}.project-list{border-top:1px solid #ffffff30}.project-row{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 95px 25px;gap:15px;align-items:center;min-height:96px;border-bottom:1px solid #ffffff30;cursor:pointer;transition:background .25s,padding .25s}.project-row:hover,.project-row.current{background:#ffffff0b;padding-left:10px}.project-row:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.project-row.hidden{display:none}.project-number{font-size:11px;font-weight:500;color:#8b8f88}.project-name h3{margin:0;font-size:20px;font-weight:400;line-height:1.25}.project-name p{margin:7px 0 0;font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#8f928b}.project-category{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#989b94}.project-arrow{font-size:18px;color:var(--gold);opacity:0;transform:translate(-5px,5px);transition:.25s}.project-row:hover .project-arrow,.project-row.current .project-arrow{opacity:1;transform:none}.project-mobile-image{display:none}
@media(max-width:980px){.work-browser{grid-template-columns:1fr}.work-preview{position:relative;top:auto;height:64vw;min-height:430px}.project-row{grid-template-columns:42px minmax(0,1fr) 95px 25px}}
@media(max-width:620px){.work-preview{display:none}.project-list{border-top:0}.project-row{display:grid;grid-template-columns:34px minmax(0,1fr) 22px;gap:12px;padding:24px 0;min-height:0}.project-row:hover,.project-row.current{background:transparent;padding-left:0}.project-category{display:none}.project-mobile-image{display:block;grid-column:1/-1;height:auto;aspect-ratio:16/9;margin-top:12px;object-fit:cover}.project-arrow{grid-column:3;grid-row:1}.project-name{grid-column:2;grid-row:1}.project-number{grid-column:1;grid-row:1}.work-head{margin-bottom:45px}.filters{gap:12px}}

/* Mobile polish, working contact action, and animated scroll cue */
html,body{max-width:100%;overflow-x:hidden}body{min-width:320px}.logo,.menu-btn{position:relative;z-index:3}.mouse-scroll{position:absolute;z-index:6;left:50%;bottom:32px;width:25px;height:40px;border:1px solid rgba(255,255,255,.72);border-radius:15px;transform:translateX(-50%);transition:border-color .25s}.mouse-scroll:hover{border-color:var(--gold)}.mouse-scroll span{position:absolute;top:8px;left:50%;width:3px;height:7px;border-radius:3px;background:var(--gold);transform:translateX(-50%);animation:mouse-wheel 1.8s ease-in-out infinite}@keyframes mouse-wheel{0%{opacity:0;transform:translate(-50%,-2px)}25%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(-50%,10px)}}.email-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.email-link{font-size:clamp(15px,2vw,24px);border-bottom:1px solid var(--gold);padding-bottom:8px;overflow-wrap:anywhere}.email-link span{color:var(--gold)}#copy-email{border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:10px 17px;background:rgba(17,25,23,.25);color:#fff;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.25s}#copy-email:hover,#copy-email:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--ink)}.copy-status{min-height:20px!important;margin:14px 0 0!important;color:#e5a472!important;letter-spacing:.06em!important}.contact-copy{max-width:min(1100px,calc(100vw - 2 * var(--pad)))}
@media(max-width:800px){:root{--pad:20px}.hero{height:100svh;min-height:560px}.hero-copy{top:46%;transform:translateY(-43%);max-width:620px}.hero h1{margin-bottom:24px}.hero-copy p{max-width:500px;margin-bottom:0}.slider-ui{left:20px;bottom:24px}.mouse-scroll{left:auto;right:22px;bottom:24px;transform:none}.panel{padding:88px 20px}.intro-copy{margin:42px 0 74px}.services-grid{grid-template-columns:1fr}.services-grid article,.services-grid article+article{padding:27px 0;border-right:0}.services-grid article:nth-child(3){padding-left:0}.services-grid h3{margin:25px 0 13px}.work-head h2{margin-top:30px;line-height:1}.filters{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:calc(100vw - 40px);margin-top:34px;padding-bottom:8px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto;padding:7px 0}.work-browser{gap:32px}.contact{min-height:620px;height:100svh}.contact-copy{padding:0 20px;max-width:100%}.contact h2{font-size:clamp(46px,14vw,76px);margin:22px 0 36px;line-height:1.02}.email-actions{align-items:flex-start;flex-direction:column;gap:18px}.email-link{font-size:17px;max-width:100%}footer{left:20px;right:20px;padding-bottom:max(18px,env(safe-area-inset-bottom))}}
@media(max-width:520px){.header{padding-left:16px;padding-right:16px}.brand-symbol{width:48px;height:38px}.brand-copy{gap:3px}.brand-copy small{max-width:145px;font-size:9px;line-height:1.15}.brand-copy strong{font-size:11px}.menu-btn{padding:10px 0}.hero-copy{left:20px;right:20px}.hero h1{font-size:clamp(40px,12vw,48px)}.hero-copy p{font-size:17px}.slide figcaption{display:none}.work{padding-left:20px;padding-right:20px}.project-row{grid-template-columns:30px minmax(0,1fr) 20px}.project-name h3{font-size:19px}.project-mobile-image{aspect-ratio:4/3}.contact h2{font-size:clamp(42px,13vw,62px)}.email-link{font-size:15px}footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.mouse-scroll span{animation:none;opacity:1}}

/* Luminous pointer and scroll treatment */
.mouse-scroll{width:30px;height:50px;border:1px solid rgba(255,230,196,.95);box-shadow:0 0 8px rgba(200,117,63,.8),0 0 24px rgba(200,117,63,.55),inset 0 0 12px rgba(200,117,63,.22);animation:scroll-glow 2s ease-in-out infinite}.mouse-scroll span{top:9px;width:4px;height:9px;background:#ffd0a4;box-shadow:0 0 7px #ffad6f,0 0 14px #c8753f}.mouse-scroll em{position:absolute;top:58px;left:50%;transform:translateX(-50%);font-style:normal;font-size:9px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#f5f0e7;text-shadow:0 0 10px rgba(200,117,63,.9);white-space:nowrap}@keyframes scroll-glow{0%,100%{box-shadow:0 0 7px rgba(200,117,63,.55),0 0 18px rgba(200,117,63,.35),inset 0 0 9px rgba(200,117,63,.15)}50%{box-shadow:0 0 12px rgba(255,174,111,.95),0 0 38px rgba(200,117,63,.75),inset 0 0 16px rgba(200,117,63,.3)}}.cursor-glow{position:fixed;z-index:9999;left:0;top:0;width:28px;height:28px;border:1px solid rgba(255,197,145,.7);border-radius:50%;background:radial-gradient(circle,rgba(255,188,126,.35) 0,rgba(200,117,63,.12) 45%,transparent 72%);box-shadow:0 0 18px rgba(200,117,63,.65),0 0 38px rgba(200,117,63,.25);pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:width .18s,height .18s,opacity .2s}.cursor-glow.visible{opacity:1}.cursor-glow.active{width:46px;height:46px}.contact-link{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;column-gap:9px;border-bottom:1px solid var(--gold);padding:0 0 8px;font-size:18px;font-weight:500}.contact-link span{color:var(--gold)}.contact-link small{grid-column:1/-1;margin-top:6px;font-size:12px;font-weight:400;letter-spacing:.03em;color:#d5d3cc}.whatsapp-link{border-color:#75c992}.whatsapp-link span{color:#75c992}.contact-link:hover{color:#efb07d}.whatsapp-link:hover{color:#91e0aa}
@media(hover:none),(pointer:coarse){.cursor-glow{display:none}.mouse-scroll{display:block!important;right:24px;bottom:30px;animation:scroll-glow 1.7s ease-in-out infinite}.mouse-scroll em{font-size:8px}}
@media(max-width:520px){.mouse-scroll{width:27px;height:44px;right:20px;bottom:30px}.mouse-scroll em{top:51px}.email-actions{width:100%}.contact-link{width:100%;font-size:17px}.contact-link small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mouse-scroll{animation:none}.cursor-glow{display:none}}

/* Audit refinements: safe mobile type, contrast, and touch targets */
section[id]{scroll-margin-top:96px}.hero-overlay{background:linear-gradient(90deg,rgba(9,10,8,.82),rgba(9,10,8,.16) 78%),linear-gradient(0deg,rgba(9,10,8,.62),rgba(9,10,8,.04) 62%)}
@media(max-width:800px){.hero-copy{top:44%;max-width:100%;width:auto}.hero h1{max-width:100%;font-size:clamp(38px,10.7vw,45px);line-height:1.08;letter-spacing:-.025em;overflow-wrap:normal;word-break:normal}.hero-copy p{max-width:34rem;text-shadow:0 1px 12px rgba(0,0,0,.5)}.menu-btn{min-width:44px;min-height:44px;padding:12px 4px}.slider-ui button{width:44px;height:44px}.mouse-scroll{right:18px;bottom:32px}.brand-copy small{max-width:170px}}
@media(max-width:420px){.hero-copy{top:42%;left:20px;right:20px}.hero h1{font-size:clamp(35px,10.3vw,41px);max-width:340px}.hero-copy p{font-size:16px;line-height:1.58;max-width:330px}.brand-symbol{width:52px;height:40px}.brand-copy strong{font-size:10px}.brand-copy small{font-size:9px;max-width:140px}.mouse-scroll{right:16px;bottom:34px}.slider-ui{left:16px;bottom:25px}}

/* Minimal, cinematic work gallery */
.work{position:relative}.work-head{margin-bottom:58px}.work-head h2{font-size:clamp(60px,8vw,118px);letter-spacing:-.055em}.work-browser{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(28px,5vw,76px)}.work-preview{border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.28)}.work-preview>img{transform:scale(1.015);filter:saturate(.88);will-change:transform,opacity}.work-preview:hover>img{transform:scale(1.035)}.work-preview:before{content:"";position:absolute;z-index:2;left:28px;top:28px;width:42px;height:2px;background:var(--gold);box-shadow:0 0 14px rgba(200,117,63,.7)}.work-preview figcaption{padding:28px}.work-preview figcaption b{letter-spacing:-.02em}.project-list{border-top:1px solid rgba(255,255,255,.2)}.project-row{min-height:88px;transition:background .35s ease,padding .35s ease,opacity .35s ease}.project-row:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--gold);transition:width .45s ease}.project-row:hover:after,.project-row.current:after{width:100%}.project-row:hover,.project-row.current{background:linear-gradient(90deg,rgba(255,255,255,.07),transparent);padding-left:12px}.project-name h3{transition:color .25s ease,transform .35s ease}.project-row:hover .project-name h3,.project-row.current .project-name h3{color:#f2b27e;transform:translateX(3px)}.project-arrow{font-size:20px}.filters button{position:relative}.filters button:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--gold);transition:right .3s ease}.filters button.active:after,.filters button:hover:after{right:0}.project-mobile-image{filter:saturate(.88);transition:transform .8s ease,filter .5s ease}.project-row:hover .project-mobile-image{transform:scale(1.02);filter:saturate(1)}
@media(max-width:980px){.work-browser{gap:38px}.work-preview{height:58vw;min-height:390px}}
@media(max-width:620px){.work-head{margin-bottom:36px}.work-head h2{font-size:clamp(54px,16vw,76px)}.project-row{padding:22px 0;border-bottom-color:rgba(255,255,255,.2)}.project-row:hover,.project-row.current{padding-left:0;background:transparent}.project-row:after{display:none}.project-row .project-mobile-image{opacity:0;transform:translateY(12px) scale(1.01)}.project-row.is-visible .project-mobile-image{opacity:1;transform:none}.project-name h3{transition:color .25s ease}.project-row.current .project-name h3{transform:none}}
@media(prefers-reduced-motion:reduce){.work-preview>img,.project-mobile-image,.project-name h3{transition:none!important;transform:none!important}.project-row .project-mobile-image{opacity:1!important}}

/* Reference-inspired row image reveals */
@media(min-width:621px){.project-row{overflow:hidden}.project-row .project-mobile-image{display:block;position:absolute;z-index:1;right:72px;top:50%;width:124px;height:70px;aspect-ratio:auto;object-fit:cover;opacity:0;transform:translate(18px,-50%) scale(.96);filter:saturate(.78);pointer-events:none;transition:opacity .35s ease,transform .45s ease,filter .35s ease}.project-row:hover .project-mobile-image,.project-row.current .project-mobile-image{opacity:.86;transform:translate(0,-50%) scale(1);filter:saturate(1)}.project-row .project-number,.project-row .project-name,.project-row .project-category,.project-row .project-arrow{position:relative;z-index:2}.project-row:hover .project-number,.project-row.current .project-number{color:#dda071}.project-row:hover .project-category,.project-row.current .project-category{color:#d7c5b2}}
.clipboard-proxy{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}