:root{--ink:#244332;--paper:#eee6d2;--lime:#d4ad48;--muted:#9b9d91;--line:#45473e;--display:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--display);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13}.wordmark{font-weight:800;font-size:16px;letter-spacing:-.07em}.mark{color:var(--lime);font-size:20px;vertical-align:-1px;margin-right:5px}.wordmark-light{font-weight:500;color:#aaa99e}.site-header nav{display:flex;align-items:center;gap:38px;font-size:12px}.site-header nav a{transition:color .2s}.language-switch{display:flex;align-items:center;gap:6px;color:#77796e;font:10px var(--mono)}.language-button{border:0;background:transparent;color:#88897f;font:10px var(--mono);padding:5px 2px;cursor:pointer}.language-button.active,.language-button:hover{color:var(--lime)}.site-header nav a:hover,.text-link:hover{color:var(--lime)}.nav-contact{padding:11px 15px;border:1px solid #77796c;border-radius:2px}.nav-contact>span:last-child{color:var(--lime);margin-left:9px}.hero{position:relative;min-height:665px;padding:93px 12.5% 74px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden}.eyebrow{font:10px var(--mono);letter-spacing:.12em;color:#aaa99e;display:flex;align-items:center;gap:11px}.live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d6ff5280}.hero h1{font-size:clamp(56px,7.4vw,100px);line-height:.98;letter-spacing:-.085em;margin:28px 0 22px;font-weight:700}.hero h1 em,.section-heading h2 em,.about-content h2 em,.contact-section h2 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.hero-description{max-width:400px;color:#aaa99e;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:33px}.button{display:inline-flex;align-items:center;gap:23px;padding:15px 18px;font-size:12px;font-weight:700}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#e4ff9b}.text-link{font-size:11px;color:#c3c3b9}.text-link span{color:var(--lime);margin-left:5px}.hero-visual{height:420px;position:relative}.hero-frame{position:absolute;width:232px;height:340px;top:37px;display:flex;flex-direction:column;justify-content:space-between;padding:18px}.frame-back{left:23px;top:73px;height:315px;background:linear-gradient(155deg,#ef814a,#a93038 55%,#4c1b2c);transform:rotate(-8deg);color:#fff}.frame-front{right:14px;background:linear-gradient(145deg,#aecc9b,#728f68 49%,#354d42);border:1px solid #ffffff3a;box-shadow:0 24px 70px #0007;transform:rotate(5deg);overflow:hidden}.frame-label,.frame-bottom,.cover-kicker,.cover-sub{font:9px var(--mono);letter-spacing:.08em}.frame-bottom{display:flex;justify-content:space-between;align-items:center}.frame-sun{position:absolute;width:130px;height:130px;border-radius:50%;background:#f4c469;right:-25px;top:66px;opacity:.9}.frame-caption{position:relative;z-index:1;font-size:32px;line-height:.95;letter-spacing:-.08em;font-weight:800;margin:auto 0}.frame-caption i{font-family:Georgia,serif;color:#253428;font-weight:400}.hero-sticker{position:absolute;z-index:3;right:-12px;bottom:0;background:var(--lime);color:#20231a;width:91px;height:91px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:9px var(--mono);line-height:1.15;transform:rotate(12deg)}.hero-sticker b{font-weight:500}.hero-index{position:absolute;left:7.2%;right:7.2%;bottom:25px;display:flex;justify-content:space-between;color:#727469;font:9px var(--mono);letter-spacing:.1em}.hero-index span:last-child{color:var(--lime)}.section-wrap{padding-left:12.5%;padding-right:12.5%}.work-section{padding-top:112px;padding-bottom:112px;background:var(--paper);color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end}.section-heading .eyebrow{color:#717367}.heading-line{width:38px;height:1px;background:#9a9b8e}.section-heading h2,.about-content h2,.contact-section h2{font-size:clamp(43px,5vw,64px);line-height:1.05;letter-spacing:-.08em;margin:19px 0 0}.section-heading h2 em{color:#6c7947}.section-note{max-width:245px;color:#707168;font-size:12px;line-height:1.8;margin:0 0 6px}.filter-row{display:flex;gap:24px;border-bottom:1px solid #d5d4ca;margin-top:54px}.filter{border:0;background:transparent;padding:0 0 14px;color:#7a7a70;font:10px var(--mono);cursor:pointer;position:relative}.filter span{font-size:8px;color:#aaa99e;margin-left:5px}.filter.active{color:var(--ink)}.filter.active:after{content:'';position:absolute;height:2px;background:#75853e;bottom:-1px;left:0;right:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 23px;margin-top:26px}.project-card{min-width:0}.project-card.hidden{display:none}.project-cover{height:275px;position:relative;overflow:hidden;padding:16px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s;cursor:pointer}.project-card:hover .project-cover{transform:translateY(-4px)}.project-tall .project-cover{height:355px}.cover-one{background:linear-gradient(150deg,#c64e32 0,#f18a51 42%,#5c3b34 100%);color:#fff}.cover-one:before{content:'';position:absolute;width:220px;height:300px;border-radius:48% 52% 25% 25%;background:linear-gradient(90deg,#252821,#6b6a4f);transform:rotate(18deg);left:29%;top:19%;box-shadow:90px -40px 0 -55px #efb178}.cover-kicker{z-index:1}.cover-stamp{position:absolute;z-index:2;right:18px;top:55px;width:76px;height:76px;border-radius:50%;border:1px solid #ffffffb5;display:flex;justify-content:center;align-items:center;text-align:center;font:9px var(--mono);transform:rotate(12deg)}.cover-stamp span{font-size:18px;margin-left:4px}.cover-title{position:relative;z-index:2;font-size:40px;line-height:.82;font-weight:800;letter-spacing:-.08em}.cover-two{background:linear-gradient(140deg,#dda94d,#95523a 50%,#3d3030);color:#f8e9d4}.cover-two:after{content:'';position:absolute;width:190px;height:230px;background:linear-gradient(90deg,#382c2a,#bd7b52);border-radius:55% 45% 8% 8%;right:18%;top:21%;transform:rotate(-8deg);box-shadow:inset 26px 5px 25px #e4b27b55}.cover-scribble{z-index:1;position:absolute;left:18px;top:75px;font:italic 32px Georgia;line-height:.85;transform:rotate(-11deg)}.cover-two .cover-title{z-index:2;color:#fff;align-self:flex-end;text-align:right;font-size:34px}.cover-three{background:linear-gradient(130deg,#37534d,#85a796 48%,#d6c692);color:#f5f1dd}.cover-three:before{content:'';position:absolute;inset:25% 24% 0;background:linear-gradient(100deg,#303b38,#576c5a);clip-path:polygon(28% 0,70% 0,100% 100%,0 100%)}.cover-three .cover-title{font-size:31px}.cover-ring{position:absolute;right:17px;top:51px;border:1px solid #e8f4d5;border-radius:50%;width:69px;height:69px;display:grid;place-items:center;text-align:center;font:9px var(--mono);transform:rotate(9deg)}.cover-four{background:linear-gradient(135deg,#243333,#59726a 45%,#b5a575);color:#fff}.cover-four:before{content:'';position:absolute;right:14%;top:12%;width:44%;height:120%;background:linear-gradient(120deg,#d5bb8f,#667263 45%,#364b48);clip-path:polygon(44% 0,70% 5%,100% 90%,3% 90%);opacity:.7}.cover-bigtype{z-index:1;font-size:42px;line-height:.88;font-weight:800;letter-spacing:-.08em;margin:auto 0}.cover-bigtype span{color:var(--lime);font-size:24px;margin-left:6px}.cover-sub{z-index:1}.play-icon{position:absolute;right:16px;bottom:16px;z-index:3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:10px;padding-left:2px;opacity:.9;transition:transform .2s}.project-card:hover .play-icon{transform:scale(1.12)}.project-meta{display:flex;justify-content:space-between;padding-top:13px}.project-meta h3{font-size:13px;margin:0 0 4px}.project-meta p{margin:0;color:#77786e;font-size:10px}.project-number{font:10px var(--mono);color:#929388}.work-footnote{font-size:10px;color:#818276;margin:40px 0 0}.work-footnote span{color:#778448;margin-right:7px}.work-footnote code{font-size:10px;color:#545a3a}.about-section{background:#20221d;padding:104px 12.5% 34px}.about-inner{max-width:1020px;margin:auto}.about-section .eyebrow{color:#a5a69a}.about-content{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;margin:35px 0 92px}.about-content h2{font-size:clamp(48px,6vw,76px);margin:0}.about-content h2 em{color:var(--lime)}.about-text p{font-size:13px;line-height:1.85;color:#b8b9ae;margin:0 0 16px}.skills{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.skills span{border:1px solid #505248;padding:7px 9px;font:8px var(--mono);letter-spacing:.05em;color:#c5c6b8}.about-bottom{border-top:1px solid #44463e;padding-top:16px;display:flex;justify-content:space-between;color:#77796e;font:9px var(--mono);letter-spacing:.07em}.contact-section{padding-top:110px;padding-bottom:103px}.contact-section h2{font-size:clamp(47px,6vw,78px);margin:25px 0 34px}.contact-section h2 em{color:var(--lime)}.contact-button{display:inline-flex;gap:38px;align-items:center;border-bottom:1px solid #77796d;padding:0 0 12px;font:14px var(--mono)}.contact-button span{color:var(--lime)}.social-links{display:flex;gap:24px;margin-top:75px}.social-links a,footer>a:last-child{font:9px var(--mono);letter-spacing:.07em;color:#9a9b91}.social-links a:hover,footer>a:last-child:hover{color:var(--lime)}footer{min-height:77px;border-top:1px solid #ffffff18;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between}footer>span{font:8px var(--mono);letter-spacing:.08em;color:#77796e}.video-dialog{width:min(900px,92vw);border:1px solid #52544c;background:#141511;color:var(--paper);padding:45px 24px 24px;max-width:unset}.video-dialog::backdrop{background:#090a08e8}.dialog-close{position:absolute;right:13px;top:8px;border:0;background:none;color:white;font-size:30px;cursor:pointer}.video-stage{position:relative;width:100%;line-height:0}.dialog-content iframe,.dialog-content video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#090a08}.video-watermark{position:absolute;right:16px;bottom:14px;color:#fff;background:#1119;padding:7px 10px;border:1px solid #ffffff40;border-radius:3px;font:500 12px var(--mono);letter-spacing:.02em;text-shadow:0 1px 3px #000;pointer-events:none;line-height:1.2;z-index:2}.dialog-content p{font-size:13px;color:#aaa;margin:10px 0 0}
@media(max-width:760px){.site-header{height:68px;padding:0 6%}.site-header nav{gap:17px;font-size:10px}.site-header nav a:first-child,.site-header nav a:nth-child(2){display:none}.nav-contact{padding:9px 10px}.hero{min-height:auto;padding:73px 8% 80px;grid-template-columns:1fr;gap:20px}.hero h1{font-size:clamp(58px,15vw,92px)}.hero-description{font-size:13px}.hero-visual{height:360px;width:min(400px,100%);margin:0 auto}.hero-frame{width:205px;height:300px}.frame-back{left:9%;top:38px;height:285px}.frame-front{right:9%;top:12px}.hero-sticker{right:4%;bottom:6px;width:78px;height:78px}.hero-index{left:8%;right:8%;font-size:8px}.section-wrap{padding-left:8%;padding-right:8%}.work-section{padding-top:82px;padding-bottom:82px}.section-heading{display:block}.section-note{margin-top:21px;max-width:360px}.section-heading h2{font-size:52px}.filter-row{margin-top:39px}.project-grid{gap:30px 14px}.project-cover{height:220px;padding:12px}.project-tall .project-cover{height:275px}.cover-title{font-size:31px}.cover-two .cover-title{font-size:27px}.cover-bigtype{font-size:33px}.cover-three .cover-title{font-size:25px}.about-section{padding:82px 8% 27px}.about-content{grid-template-columns:1fr;gap:28px;margin:28px 0 64px}.about-content h2{font-size:58px}.about-text p{font-size:12px}.about-bottom{font-size:7px;gap:18px}.contact-section{padding-top:85px;padding-bottom:78px}.contact-section h2{font-size:58px}.social-links{margin-top:57px;gap:17px}.social-links a{font-size:8px}footer{padding:18px 6%;min-height:78px;gap:12px;flex-wrap:wrap}footer>span{order:3;width:100%;text-align:center}footer .wordmark{font-size:14px}footer>a:last-child{font-size:8px}}@media(max-width:430px){.hero-actions{gap:16px}.text-link{font-size:10px}.project-grid{grid-template-columns:1fr;gap:28px}.project-cover,.project-tall .project-cover{height:310px}.project-wide{grid-column:auto}.cover-title{font-size:40px}.cover-two .cover-title{font-size:35px}.cover-bigtype{font-size:42px}.cover-three .cover-title{font-size:33px}.project-meta{padding-top:10px}.about-bottom{flex-direction:column}.social-links{gap:13px}}




/* Hero refresh: editorial typography inspired by the supplied references. */
:root{--lime:#d4ad48}
.hero-reference{min-height:calc(100svh - 82px);padding:72px 12.5% 88px;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center;background:#244332}
.hero-reference .hero-copy{position:relative;align-self:center;max-width:440px;z-index:1}
.hero-reference .eyebrow{color:#b9b9b3}
.hero-reference .hero-description{margin-top:34px;max-width:405px;color:#e2e2df;font-size:clamp(15px,1.35vw,19px);line-height:1.55;font-weight:500}
.hero-reference .hero-actions{margin-top:27px}
.hero-reference .button-lime{background:var(--lime);color:#10110d}
.hero-reference .hero-name-wrap{align-self:center;min-width:0}
.hero-reference .hero-name{display:flex;flex-direction:column;align-items:flex-start;margin:0;color:var(--lime);font-family:Georgia,'Times New Roman',serif;font-size:clamp(62px,8vw,142px);font-weight:400;line-height:.82;letter-spacing:-.085em}
.hero-reference .hero-name span,.hero-reference .hero-name em{font-style:normal}
.hero-reference .hero-name em{color:var(--lime)}
.hero-reference .hero-role{margin:19px 0 0 6px;color:#f2f2ed;font-size:clamp(14px,1.35vw,20px);font-weight:500}
.hero-reel{position:relative;width:190px;height:206px;margin-top:37px;padding:14px 15px;border:1px solid #ffffff65;background:linear-gradient(145deg,#292a24,#121310 60%,#443b12);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transform:rotate(-3deg)}
.hero-reel:before{content:"";position:absolute;right:-43px;top:18px;width:126px;height:165px;border:1px solid #ffd40080;border-radius:48% 48% 8% 8%;background:linear-gradient(145deg,#d4b27a33,#ffd40012);transform:rotate(21deg)}
.hero-reel>span,.hero-reel>i{position:relative;z-index:1;color:#e5e5dc;font:8px var(--mono);letter-spacing:.08em}
.hero-reel>b{position:relative;z-index:1;color:var(--lime);font-size:28px;line-height:.82;letter-spacing:-.07em}
.hero-reel>b span{font-size:15px;margin-left:5px}
.hero-reel>i{font-style:normal;color:#a5a59a;font-size:7px}
.hero-reference .hero-index{left:12.5%;right:12.5%;bottom:28px;color:#77776f}
@media(max-width:760px){.hero-reference{min-height:auto;padding:70px 8% 83px;grid-template-columns:1fr;gap:40px}.hero-reference .hero-name-wrap{order:-1}.hero-reference .hero-name{font-size:clamp(76px,17vw,126px)}.hero-reference .hero-role{margin-top:16px;font-size:14px}.hero-reference .hero-description{margin-top:10px;font-size:14px;max-width:370px}.hero-reference .hero-actions{margin-top:22px}.hero-reel{width:156px;height:174px;margin:28px 0 0 8px}.hero-reference .hero-index{left:8%;right:8%;bottom:24px}}
@media(max-width:430px){.hero-reference .hero-name{font-size:clamp(69px,16vw,90px)}.hero-reference .hero-actions{flex-wrap:wrap}.hero-reel{width:142px;height:160px}}


/* Hero photo-and-copy layout */
.hero-reference{min-height:calc(100svh - 82px);padding:56px 12.5% 66px;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:9%;align-items:center;background:#244332}
.hero-photo{width:100%;max-width:500px;aspect-ratio:1/1;justify-self:center;overflow:hidden;border-radius:50%;line-height:0}
.hero-photo img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;}
.hero-reference .hero-copy{position:relative;align-self:center;max-width:560px;z-index:1}
.hero-reference .eyebrow{color:#b9b9b3}
.hero-reference .hero-name{display:flex;flex-direction:column;align-items:flex-start;margin:25px 0 0;color:var(--lime);font-family:Georgia,'Times New Roman',serif;font-size:clamp(66px,7.6vw,124px);font-weight:400;line-height:.83;letter-spacing:-.085em}
.hero-reference .hero-name span,.hero-reference .hero-name em{font-style:normal}
.hero-reference .hero-name em{color:var(--lime)}
.hero-reference .hero-role{margin:23px 0 0 4px;color:#f2f2ed;font-size:clamp(15px,1.45vw,20px);font-weight:600}
.hero-reference .hero-description{margin:26px 0 0 4px;max-width:490px;color:#eee6d2;font-size:clamp(14px,1.25vw,17px);line-height:1.65;font-weight:400}
.hero-reference .hero-actions{margin:31px 0 0 4px;gap:22px}
.hero-reference .button-lime{background:var(--lime);color:#10110d}
.hero-reference .text-link{font-size:12px}
@media(max-width:760px){.hero-reference{min-height:0;padding:46px 8% 78px;grid-template-columns:1fr;gap:36px}.hero-photo{width:min(100%,430px)}.hero-photo img{aspect-ratio:1/1;max-height:520px}.hero-reference .hero-copy{width:100%;max-width:560px;margin:0 auto}.hero-reference .hero-name{font-size:clamp(68px,15vw,105px);margin-top:19px}.hero-reference .hero-role{margin-top:18px;font-size:15px}.hero-reference .hero-description{margin-top:18px;font-size:14px}.hero-reference .hero-actions{margin-top:24px;flex-wrap:wrap}.hero-reference .hero-index{display:none}}
@media(max-width:430px){.hero-reference{padding-top:30px;gap:28px}.hero-reference .hero-name{font-size:clamp(62px,14vw,82px)}.hero-reference .hero-actions{gap:14px}.hero-reference .text-link{font-size:10px}}


.site-header{background:#10110d;border-bottom-color:#d4ad4830}


/* Richer forest-green and gold palette, with a clear language selector. */
:root{--ink:#173d2d;--paper:#f8f3e7;--lime:#e8bd55;--muted:#b6c3b5;--line:#537461}
body{background:var(--ink);color:var(--paper)}
.site-header{background:#0b100d;border-bottom:1px solid #e8bd5540}
.site-header .wordmark{color:#f8f3e7}
.site-header .wordmark-light{color:#c2c6bb}
.language-switch{position:relative;display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #e8bd5566;border-radius:999px;background:#101712;box-shadow:0 5px 18px #0003}
.language-button{min-width:45px;height:32px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#d8dece;font:600 10px var(--mono);letter-spacing:.08em;cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.language-button:hover{background:#274a37;color:#fff2cc;transform:translateY(-1px)}
.language-button.active{background:linear-gradient(145deg,#f4d67d,#d5a93f);color:#11130e;box-shadow:0 2px 9px #e8bd5550}
.language-button:focus-visible{outline:2px solid #fff2cc;outline-offset:3px}
.hero-reference{background:radial-gradient(ellipse at 88% 12%,#e8bd551c,transparent 32%),linear-gradient(120deg,#173d2d 0%,#20503a 58%,#153a2b 100%)}
.hero-photo{box-shadow:0 0 0 2px #f0cc70,0 0 0 9px #e8bd551c,0 0 38px #77d68a48,0 24px 65px #050b08a8;transition:box-shadow .35s ease,transform .35s ease}
.hero-photo img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.hero-photo:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 0 0 2px #ffe39a,0 0 0 12px #e8bd5526,0 0 54px #8be9a36e,0 30px 75px #050b08c2}
.hero-photo:hover img{transform:scale(1.025)}
.hero-reference .hero-name{background:linear-gradient(110deg,#f6d983,#e8bd55 56%,#c9942f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 12px 38px #0a211633}
.hero-reference .hero-name em{color:transparent}
.hero-reference .hero-role{color:#f3d783}
.hero-reference .hero-description{color:#f3f0e5}
.hero-reference .eyebrow{color:#d0daca}
.hero-reference .live-dot{background:#e8bd55;box-shadow:0 0 14px #e8bd5570}
.hero-reference .button-lime{background:linear-gradient(135deg,#f5d77b,#dba83c);color:#11130e;box-shadow:0 8px 25px #0a1a1255;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.hero-reference .button-lime:hover{transform:translateY(-3px);filter:brightness(1.07);box-shadow:0 12px 30px #0a1a1277}
.hero-reference .button-lime:focus-visible{outline:2px solid #fff1bd;outline-offset:4px}
.hero-reference .hero-copy{max-width:590px}
@media(prefers-reduced-motion:reduce){.language-button,.hero-photo,.hero-photo img,.hero-reference .button-lime{transition:none}.hero-photo:hover,.hero-photo:hover img,.hero-reference .button-lime:hover{transform:none}}
.hero-reference .hero-name span,.hero-reference .hero-name em{background:linear-gradient(110deg,#f8df91,#e8bd55 56%,#c9942f);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Six-format portfolio carousel */
.portfolio-section{padding:112px 8.5% 120px;background:linear-gradient(145deg,#0b100d 0%,#10251a 42%,#142f22 100%);color:var(--paper);border-top:1px solid #e8bd5525}
.portfolio-layout{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:6%;align-items:center}
.portfolio-info{max-width:470px}
.portfolio-info .eyebrow{color:#c5d3c5}
.portfolio-count{display:block;margin:35px 0 14px;color:var(--lime);font:11px var(--mono);letter-spacing:.15em}
.portfolio-info h2{margin:0;color:#f1d17e;font:400 clamp(34px,3.5vw,52px)/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.045em}
.portfolio-summary{max-width:420px;margin:20px 0 30px;color:#e8eddf;font-size:15px;line-height:1.7}
.category-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.category-tab{min-height:42px;padding:10px 12px;border:1px solid #68816c;border-radius:3px;background:#173526;color:#dce4d7;text-align:left;font:500 10px/1.35 var(--mono);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.category-tab:hover{border-color:var(--lime);background:#244a34;color:#fff4d7;transform:translateY(-1px)}
.category-tab.active{border-color:var(--lime);background:linear-gradient(135deg,#eecb70,#d3a33d);color:#12140f;box-shadow:0 4px 16px #d4ad4833}
.category-tab:focus-visible,.slide-arrow:focus-visible,.slide-dot:focus-visible,.video-mute:focus-visible{outline:2px solid #fff0ba;outline-offset:3px}
.portfolio-showcase{min-width:0}
.showcase-topline{display:flex;justify-content:space-between;align-items:center;margin:0 5px 17px;color:#f0cd6e;font:10px var(--mono);letter-spacing:.11em}
.showcase-format{color:#9eb3a0;font-size:9px}
.video-cards{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;min-height:430px;padding:20px 6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-inline:contain}
.video-cards::-webkit-scrollbar{display:none}
.video-card{position:relative;flex:1 1 0;min-width:0;max-width:260px;aspect-ratio:9/16;border:1px solid #ffffff25;border-radius:5px;background:#0a100c;overflow:hidden;cursor:pointer;transform:scale(.88);opacity:.68;box-shadow:0 12px 28px #0005;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s,border-color .3s,box-shadow .3s}
.video-card.active{z-index:2;transform:scale(1.035);opacity:1;border-color:#e8bd55;box-shadow:0 18px 42px #0007,0 0 0 1px #e8bd5550}
.video-frame,.video-empty{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.video-frame{background:#090d0a}
.video-frame video,.video-frame iframe{display:block;width:100%;height:100%;object-fit:cover;border:0;background:#080b09}
.video-frame video{background:linear-gradient(155deg,#294a35,#0d1c13 58%,#8a692b)}
/* Preserve the video's native aspect ratio in fullscreen; card previews may crop. */
.video-frame video:fullscreen,.video-frame video:-webkit-full-screen{width:100%;height:100%;object-fit:contain;background:#000}
.video-frame video:fullscreen::backdrop,.video-frame video:-webkit-full-screen::backdrop{background:#000}
.video-mute{position:absolute;top:10px;right:10px;z-index:4;width:31px;height:31px;border:1px solid #ffffff72;border-radius:50%;background:#0a100dcc;color:#fff;font-size:13px;cursor:pointer;transition:background .2s ease,transform .2s ease}
.video-mute:hover{background:#d6a638;color:#10120e;transform:scale(1.08)}
.video-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:15px;background:radial-gradient(ellipse at 50% 37%,#d4ad4828,transparent 43%),linear-gradient(150deg,#244c35,#14291d 58%,#0b100d);color:#e6e2d5;text-align:center}
.video-card:nth-child(1) .video-empty{background:radial-gradient(ellipse at 50% 37%,#e8bd5525,transparent 43%),linear-gradient(150deg,#29443a,#14271d 58%,#0b100d)}
.video-card:nth-child(3) .video-empty{background:radial-gradient(ellipse at 50% 37%,#a78a3b2b,transparent 43%),linear-gradient(150deg,#355443,#14271d 58%,#0b100d)}
.video-slot{position:absolute;top:13px;left:13px;color:#d9b856;font:9px var(--mono);letter-spacing:.14em}
.video-empty-play{display:grid;place-items:center;width:49px;height:49px;padding-left:3px;border:1px solid #e8bd55;border-radius:50%;color:#f2d37b;font-size:15px;box-shadow:0 0 28px #e8bd5520}
.video-empty-label{max-width:110px;color:#d4d9ce;font:9px/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:17px;margin:20px 0 0}
.slide-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e8bd5570;border-radius:50%;background:#101a13;color:#f1d17e;font-size:18px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}
.slide-arrow:hover:not(:disabled){background:#e8bd55;color:#10120e;transform:scale(1.08)}
.slide-arrow:disabled{opacity:.35;cursor:default}
.slide-dots{display:flex;align-items:center;gap:7px}
.slide-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#809282;cursor:pointer;transition:width .25s ease,background .25s ease}
.slide-dot.active{width:22px;border-radius:8px;background:#e8bd55}
.slide-count{min-width:45px;color:#c0c8ba;text-align:center;font:9px var(--mono);letter-spacing:.08em}
.video-note{margin:12px 0 0;color:#95a598;text-align:center;font-size:10px}
@media(max-width:1000px){.portfolio-section{padding:88px 6%}.portfolio-layout{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:4%}.video-cards{gap:7px;padding-inline:2px}.video-card{transform:scale(.91)}.video-card.active{transform:scale(1.025)}}
@media(max-width:760px){.portfolio-section{padding:76px 8% 86px}.portfolio-layout{grid-template-columns:1fr;gap:35px}.portfolio-info{max-width:620px}.portfolio-count{margin-top:24px}.portfolio-info h2{font-size:clamp(34px,8vw,48px)}.portfolio-summary{margin:15px 0 23px}.category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.video-cards{justify-content:flex-start;gap:12px;min-height:0;padding:20px 8px;scroll-snap-type:x mandatory}.video-card{flex:0 0 46%;max-width:220px;transform:scale(.92);scroll-snap-align:center}.video-card.active{transform:scale(1.035)}.showcase-topline{margin-bottom:12px}}
@media(max-width:430px){.portfolio-section{padding-inline:6%}.category-tab{font-size:9px;padding:9px}.showcase-format{font-size:8px}.video-card{flex-basis:48%}.carousel-controls{gap:13px}}


.hero-reference .button-outline{border:1px solid #e8bd5580;color:#f8f3e7;background:#173d2d66;transition:background .22s ease,border-color .22s ease,transform .22s ease,color .22s ease}.hero-reference .button-outline:hover{border-color:#f4d67d;background:#e8bd551a;color:#ffe7a3;transform:translateY(-3px)}.hero-reference .button-outline span:last-child{color:#e8bd55}.hero-reference .button-outline:focus-visible{outline:2px solid #fff1bd;outline-offset:4px}@media(max-width:430px){.hero-reference .hero-actions{gap:10px}.hero-reference .hero-actions .button{padding:13px 14px;gap:12px}}

/* Landscape presentation for long-form projects. */
.video-cards.wide-format{min-height:310px;padding:40px 12px;gap:12px}
.video-cards.wide-format .video-card{flex:1 1 0;aspect-ratio:16/9;max-width:390px;border-radius:7px;transform:scale(.92);opacity:.76}
.video-cards.wide-format .video-card.active{transform:scale(1.06);opacity:1}
.video-cards.wide-format .video-frame{border-radius:inherit}
.video-cards.wide-format .video-empty{padding:10px;border-radius:inherit}
.video-cards.wide-format .video-empty-label{max-width:170px}
@media(max-width:1000px){.video-cards.wide-format{min-height:280px;padding:36px 10px}}
@media(max-width:760px){.video-cards.wide-format{min-height:0;padding:30px 8px;gap:14px}.video-cards.wide-format .video-card{flex:0 0 82%;max-width:460px;aspect-ratio:16/9;transform:scale(.92);scroll-snap-align:center}.video-cards.wide-format .video-card.active{transform:scale(1.035)}}

/* Full portfolio link to Google Drive */
.drive-portfolio-section{padding:76px 8.5%;background:#101a14;border-top:1px solid #e8bd5526}
.drive-portfolio-card{position:relative;isolation:isolate;overflow:hidden;max-width:1240px;min-height:290px;margin:auto;padding:54px clamp(26px,6vw,82px);border:1px solid #e8bd5555;border-radius:8px;background:radial-gradient(ellipse at 92% 14%,#e8bd5528,transparent 32%),linear-gradient(115deg,#1c4933,#173d2d 52%,#12291e);box-shadow:0 24px 65px #0005}
.drive-portfolio-card .eyebrow{position:relative;z-index:1;color:#dce4d7}
.drive-portfolio-card h2{position:relative;z-index:1;max-width:760px;margin:18px 0 0;color:#f4d783;font:400 clamp(36px,5vw,60px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.045em}
.drive-portfolio-card>p:not(.eyebrow){position:relative;z-index:1;max-width:540px;margin:14px 0 0;color:#e5ebdf;font-size:13px;line-height:1.7}
.drive-button{position:relative;z-index:2;display:inline-flex;align-items:center;gap:34px;margin-top:23px;padding:13px 16px;border:1px solid #f1d17e;border-radius:3px;background:#e8bd55;color:#14291e;font-size:11px;font-weight:800;box-shadow:0 8px 24px #0003;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.drive-button span:last-child{font-size:15px}
.drive-button:hover{transform:translateY(-3px);background:#f4d783;box-shadow:0 13px 30px #0005}
.drive-button:focus-visible{outline:2px solid #fff1bd;outline-offset:4px}
.drive-portfolio-mark{position:absolute;z-index:0;top:-86px;right:9%;color:#e8bd5512;font:400 310px/1 Georgia,serif;transform:rotate(-12deg);pointer-events:none}
.drive-portfolio-caption{position:absolute;right:clamp(24px,5vw,65px);bottom:23px;color:#c3d1bd;font:8px var(--mono);letter-spacing:.13em}
@media(max-width:600px){.drive-portfolio-section{padding:52px 6%}.drive-portfolio-card{min-height:330px;padding:38px 24px 62px}.drive-portfolio-mark{top:-28px;right:-22px;font-size:210px;opacity:.8}.drive-portfolio-caption{right:24px;bottom:18px;font-size:7px}}

/* WhatsApp call-to-action */
.cta-section{position:relative;isolation:isolate;overflow:hidden;padding:100px 10%;background:linear-gradient(115deg,#e8bd55 0%,#f2d887 44%,#d8a943 100%);color:#14291e}
.cta-content{position:relative;z-index:2;max-width:790px;margin:0 auto;text-align:center}
.cta-content .eyebrow{justify-content:center;color:#294d38}
.cta-content .live-dot{background:#173d2d;box-shadow:0 0 12px #173d2d88}
.cta-content h2{max-width:760px;margin:22px auto 0;font:500 clamp(38px,6vw,72px)/1.02 var(--display);letter-spacing:-.075em}
.cta-content h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#fff8df}
.cta-content>p:not(.eyebrow){margin:18px auto 0;color:#324b37;font-size:14px;line-height:1.7}
.cta-button{display:inline-flex;align-items:center;gap:28px;margin-top:30px;padding:15px 19px;border:1px solid #14291e;border-radius:3px;background:#14291e;color:#f8e6ac;font-size:12px;font-weight:700;box-shadow:0 9px 24px #14291e32;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.cta-button span:last-child{color:#f0c95e;font-size:16px}
.cta-button:hover{transform:translateY(-3px);background:#20503a;box-shadow:0 14px 30px #14291e45}
.cta-button:focus-visible{outline:3px solid #fff8df;outline-offset:4px}
.cta-orbit{position:absolute;z-index:1;display:block;border:1px solid #173d2d2e;border-radius:50%;pointer-events:none}
.cta-orbit-one{width:390px;height:390px;top:-220px;left:-120px;box-shadow:0 0 0 34px #173d2d0b,0 0 0 70px #173d2d0a}
.cta-orbit-two{width:500px;height:500px;right:-210px;bottom:-370px;box-shadow:0 0 0 45px #fff7dc32,0 0 0 95px #fff7dc20}
.cta-index{position:absolute;right:7%;bottom:22px;color:#354b35a8;font:8px var(--mono);letter-spacing:.12em}
@media(max-width:600px){.cta-section{padding:76px 8% 88px}.cta-content h2{font-size:clamp(40px,11vw,58px)}.cta-content>p:not(.eyebrow){font-size:13px}.cta-orbit-one{left:-260px}.cta-orbit-two{right:-350px}}