/* MENIO unified stylesheet — generated from the maintained source styles. */

/* styles.css */
:root{--night:#030712;--navy:#071426;--gold:#c9a45d;--gold2:#f2d89d;--paper:#f4f2ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:#fff;font-family:Assistant,Arial,sans-serif;overflow-x:hidden}.topbar{position:absolute;z-index:10;inset:0 0 auto;height:82px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13);direction:ltr}.brand{color:#fff;text-decoration:none;font-size:25px;font-weight:700;letter-spacing:.23em}.brand span{color:var(--gold)}nav{display:flex;align-items:center;gap:32px;direction:rtl}nav a{color:#dce2ec;text-decoration:none;font-size:15px}.nav-cta{border:1px solid rgba(201,164,93,.7);padding:9px 17px}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:120px max(7vw,25px) 80px;isolation:isolate;overflow:hidden}.hero-film{position:absolute;inset:0;z-index:-3;background:#f2f1ed}.hero-film video{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.06)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,6,15,.98) 0%,rgba(3,8,19,.9) 35%,rgba(4,10,20,.38) 70%,rgba(4,8,16,.14)),linear-gradient(0deg,rgba(2,6,15,.58),transparent 40%)}.hero:after{content:"";position:absolute;inset:108px 4.5vw 42px;border:1px solid rgba(201,164,93,.24);z-index:-1}.hero-copy{width:min(760px,90vw)}.kicker,.section-title>p{margin:0 0 22px;color:var(--gold2);font-size:12px;letter-spacing:.3em;direction:ltr}.hero h1{margin:0;font-size:clamp(54px,7.5vw,102px);font-weight:300;letter-spacing:-.045em;line-height:.96}.hero h1 em,.contact h2 em{font-family:"Cormorant Garamond",serif;color:var(--gold2);font-weight:500}.hero-copy>p:not(.kicker){max-width:620px;color:#c9d0dc;font-size:clamp(18px,2vw,22px);font-weight:300;line-height:1.65;margin:30px 0 38px}.primary{display:inline-flex;align-items:center;gap:13px;padding:15px 26px;background:linear-gradient(135deg,#edd394,#b78d43);color:#07101f;text-decoration:none;font-weight:700;box-shadow:0 12px 35px rgba(201,164,93,.18);transition:.25s}.primary:hover{transform:translateY(-2px)}.primary i{font-style:normal;font-size:10px}.side-note{position:absolute;left:5vw;bottom:62px;color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.3em;writing-mode:vertical-rl}.work{padding:120px max(5vw,22px);background:var(--paper);color:#07101f}.section-title{text-align:center;margin-bottom:52px}.section-title h2{margin:0;font-size:clamp(44px,5.5vw,70px);font-weight:300}.section-title span{display:block;margin-top:14px;color:#697184;font-size:17px}.projects{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.16fr .84fr;grid-template-rows:repeat(2,290px);gap:18px}.project{position:relative;border:0;padding:0;overflow:hidden;background:#081323;color:#fff;cursor:pointer;text-align:right}.project-wide{grid-row:1/3}.art{position:absolute;inset:0;transition:transform .65s ease}.project:hover .art{transform:scale(1.035)}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,7,16,.96),rgba(3,8,18,.05) 64%)}.art-itay{background:radial-gradient(circle at 50% 32%,rgba(216,178,103,.7) 0 1%,transparent 2%),radial-gradient(circle at 50% 41%,#193d70,#071225 43%,#02050b 78%)}.art-itay:before{content:"";position:absolute;width:48%;aspect-ratio:1;border:1px solid rgba(222,186,113,.6);border-radius:50%;left:26%;top:14%;box-shadow:0 0 80px rgba(38,105,181,.28),inset 0 0 70px rgba(201,164,93,.08)}.art-itay b{position:absolute;z-index:1;left:0;right:0;top:25%;text-align:center;font:500 clamp(90px,12vw,170px)/1 "Cormorant Garamond";color:rgba(239,213,158,.14)}.art-architecture{background:linear-gradient(115deg,#1f2830,#b09870 58%,#e1d5bf)}.art-architecture:before{content:"";position:absolute;inset:13% 10% 20% 32%;background:linear-gradient(90deg,rgba(255,255,255,.18) 2px,transparent 2px),linear-gradient(rgba(255,255,255,.13) 2px,transparent 2px);background-size:28% 100%,100% 34%;border:1px solid rgba(255,255,255,.25);transform:skewY(-4deg)}.art-wigbox{background:radial-gradient(circle at 72% 28%,#765849 0,#342a31 36%,#0b111e 78%)}.art-wigbox b{position:absolute;left:11%;top:4%;font:500 190px/1 "Cormorant Garamond";color:rgba(238,211,157,.13)}.project-info{position:absolute;z-index:2;right:25px;left:78px;bottom:24px}.project-info small{display:block;color:var(--gold2);font-size:11px;letter-spacing:.12em;margin-bottom:7px}.project-info strong{font-size:clamp(22px,2.3vw,33px);font-weight:400}.play-button{position:absolute;z-index:2;left:24px;bottom:25px;width:46px;height:46px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;font-size:11px;padding-left:2px}.studio{padding:100px max(7vw,25px);min-height:470px;display:grid;grid-template-columns:.35fr 1fr 1fr;gap:6vw;align-items:center;background:linear-gradient(125deg,#06101e,#0a203b)}.studio-mark{font:500 180px/1 "Cormorant Garamond";color:rgba(201,164,93,.18)}.studio h2{font-size:clamp(38px,4.5vw,64px);font-weight:300;line-height:1.06;margin:0}.studio>p{font-size:20px;line-height:1.8;color:#b9c3d2;font-weight:300}.contact{text-align:center;padding:115px 25px 125px;background:radial-gradient(circle at 50% 12%,#13345e,#030712 66%)}.contact img{width:min(470px,75vw);height:120px;object-fit:contain;mix-blend-mode:screen;margin-bottom:30px}.contact h2{font-size:clamp(48px,6.5vw,82px);font-weight:300;line-height:1;margin:0 0 44px}footer{height:74px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);color:#7f8999;font-size:12px;letter-spacing:.12em;direction:ltr}dialog{width:min(1000px,94vw);border:1px solid rgba(201,164,93,.42);padding:0;background:#030712;color:#fff;box-shadow:0 40px 120px #000}dialog::backdrop{background:rgba(0,2,7,.9);backdrop-filter:blur(8px)}.close{position:absolute;z-index:3;left:12px;top:6px;width:39px;height:39px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:28px;cursor:pointer}.video-wrap{aspect-ratio:16/9;background:#000}.video-wrap iframe{width:100%;height:100%;border:0}#video-title{margin:0;padding:15px 20px;font-size:18px;color:#e8d7b4}@media(max-width:780px){.topbar{height:68px}.topbar nav a:not(.nav-cta){display:none}.hero{min-height:92svh;padding-top:98px}.hero:after{inset:86px 15px 25px}.hero-shade{background:linear-gradient(90deg,rgba(2,6,15,.96),rgba(2,6,15,.67)),linear-gradient(0deg,rgba(2,6,15,.66),transparent)}.hero h1{font-size:55px}.side-note{display:none}.projects{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -22px;padding:0 22px 12px}.project,.project-wide{min-width:86vw;height:470px;scroll-snap-align:center}.studio{grid-template-columns:1fr;gap:18px;padding-top:70px;padding-bottom:75px}.studio-mark{font-size:90px;margin-bottom:-35px}.studio>p{font-size:18px}.work{padding-top:85px;padding-bottom:85px}.contact{padding-top:90px}.contact img{height:90px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art,.primary{transition:none}}

/* brand-fixes.css */
.brand-logo{width:205px;height:62px;padding:0;background:transparent;border:0;display:flex;align-items:center;justify-content:center;letter-spacing:0}
.brand-logo img{width:100%;height:100%;object-fit:contain;object-position:center}
.project{display:block;text-decoration:none}
body{font-family:Heebo,Arial,sans-serif}
.hero h1 em,.contact h2 em,.studio-mark{font-family:Heebo,Arial,sans-serif;font-style:normal}
.hero h1{font-weight:700;letter-spacing:-.055em}.section-title h2,.contact h2{font-weight:700;letter-spacing:-.045em}
.menio-motion{position:absolute;inset:0 auto 0 0;width:52%;display:grid;place-items:center;overflow:hidden;background:#f2f1ed}
.menio-motion img{width:min(38vw,610px);height:auto;object-fit:contain;animation:menioReveal 7s cubic-bezier(.22,.8,.24,1) infinite}
.menio-motion span{position:absolute;inset:-30%;background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.92) 50%,transparent 57%);transform:translateX(-115%);mix-blend-mode:screen;animation:menioSweep 6s ease-in-out infinite}
@keyframes menioReveal{0%,7%{opacity:0;clip-path:inset(0 100% 0 0);transform:scale(.97)}22%,76%{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}92%,100%{opacity:0;transform:scale(1.015)}}
@keyframes menioSweep{0%,28%{transform:translateX(-115%)}52%,100%{transform:translateX(115%)}}
@media(max-width:780px){.brand-logo{width:158px;height:48px;padding:0}}
.topbar{background:rgba(247,246,242,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,20,38,.12)}
.topbar nav a{color:#071426}
.topbar .nav-cta{border-color:#b78d43}
.hero{background:#030712}
.hero-film{inset:0;background:#030712;display:flex;justify-content:flex-end;align-items:stretch}
.hero-film video{width:58%;height:100%;object-fit:contain;object-position:center;background:#f4f2ed;filter:none}
.hero-shade{background:linear-gradient(270deg,#030712 0%,rgba(3,7,18,.98) 42%,rgba(3,7,18,.82) 55%,rgba(3,7,18,.08) 75%),linear-gradient(0deg,rgba(3,7,18,.35),transparent 45%)}
.hero-copy{position:relative;z-index:1;margin-left:auto;width:min(640px,48vw)}
.art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.art-itay img{object-position:center 48%}.art-architecture img,.art-wigbox img{object-position:center}
.more-work-toggle{display:flex;align-items:center;gap:12px;margin:38px auto 0;border:1px solid #b78d43;background:transparent;color:#071426;padding:14px 24px;font:700 16px Heebo,Arial,sans-serif;cursor:pointer;transition:.25s}
.more-work-toggle:hover{background:#071426;color:#fff}.more-work-toggle span{color:#b78d43;font-size:20px}.more-projects[hidden]{display:none}.more-projects{max-width:1240px;margin:28px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.more-projects .project{height:auto;aspect-ratio:9/14}.more-projects .project-info{right:18px;left:58px;bottom:18px}.more-projects .project-info strong{font-size:clamp(19px,1.7vw,25px)}.more-projects .play-button{left:16px;bottom:17px;width:40px;height:40px}
.contact{background:#f4f2ed;color:#071426}
.contact img{mix-blend-mode:normal;height:140px}
.contact .kicker{color:#9a742f}
.contact h2 em{color:#b78d43}
#video-modal.landscape{width:100vw;max-width:none;height:100svh;max-height:none;margin:0;border:0}
#video-modal.portrait{width:min(460px,96vw);max-height:96svh}
#video-modal.portrait .video-wrap{aspect-ratio:9/16;max-height:86svh;margin:auto}
#video-modal.landscape .video-wrap{width:100%;height:calc(100svh - 58px);aspect-ratio:auto;display:flex;align-items:center;justify-content:center;background:#000}
#video-modal.landscape .video-wrap iframe{width:100%;height:100%}
#video-modal.landscape .video-wrap video{width:100%;height:100%;object-fit:contain}
#video-modal.landscape #video-title{height:58px;display:flex;align-items:center;justify-content:center;padding:0 64px}
#video-modal .video-wrap iframe{display:block;width:100%;height:100%}
#video-modal .video-wrap video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
@media(max-width:780px){
  .hero{min-height:100svh;align-items:flex-end;padding-top:46svh}
  .hero-film{height:45svh;bottom:auto;justify-content:center;background:#f4f2ed}
  .menio-motion{inset:0;width:100%;height:45svh}
  .menio-motion img{width:76vw}
  .hero-copy{width:100%;margin-left:0}
  .more-projects{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:24px -22px 0;padding:0 22px 12px;gap:10px}.more-projects .project{min-width:72vw;height:440px;aspect-ratio:auto;scroll-snap-align:center}.more-work-toggle{margin-top:30px}
  .hero-shade{background:linear-gradient(0deg,#030712 0%,rgba(3,7,18,.98) 13%,rgba(3,7,18,.38) 34%,transparent 58%)}
  .hero-copy>p:not(.kicker){margin:22px 0 28px}
  #video-modal{margin:auto}
  #video-modal.portrait{width:min(430px,98vw)}
  #video-modal.portrait .video-wrap{height:86svh;max-height:86svh;aspect-ratio:auto}
  #video-modal #video-title{display:none}
  #video-modal.landscape .video-wrap{height:100svh}
}
#video-modal.portrait .video-wrap,#video-modal.landscape .video-wrap{height:min(82svh,720px)}

/* Large touch-friendly timeline for reliable seeking on phones. */
#video-modal .video-controls{display:flex!important;min-height:64px;padding:10px 14px;gap:10px}
#video-modal .video-controls input[type="range"]{min-height:36px;cursor:pointer;touch-action:none}
#video-modal .video-controls button{min-width:42px;min-height:42px}
.brand-piece-wide{grid-column:auto;aspect-ratio:.83}

/* Accessibility controls */
.skip-link{position:fixed;z-index:10020;top:10px;right:10px;transform:translateY(-160%);padding:12px 18px;background:#fff;color:#071426;border:3px solid #c9a45d;font-weight:800;text-decoration:none}.skip-link:focus{transform:none}
.accessibility-trigger{position:fixed;z-index:9990;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;min-height:52px;padding:10px 15px;border:1px solid rgba(242,216,157,.72);border-radius:999px;background:#071426;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.3);font:700 14px Heebo,Arial,sans-serif;cursor:pointer}.accessibility-trigger>span:first-child{font-size:25px;line-height:1}.accessibility-trigger:hover,.accessibility-trigger:focus-visible{background:#c9a45d;color:#071426;outline:3px solid #fff;outline-offset:2px}
.accessibility-panel{position:fixed;z-index:10000;left:18px;bottom:82px;width:min(320px,calc(100vw - 36px));padding:16px;border:1px solid rgba(201,164,93,.7);border-radius:16px;background:#fff;color:#071426;box-shadow:0 25px 65px rgba(0,0,0,.4);direction:rtl}.accessibility-panel[hidden]{display:none}.accessibility-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.accessibility-panel-head strong{font-size:20px}.accessibility-panel-head button{width:38px;height:38px;border:0;border-radius:50%;background:#edf0f3;color:#071426;font-size:25px;cursor:pointer}.accessibility-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.accessibility-actions button,.panel-statement-link{min-height:48px;padding:9px;border:1px solid #b8c0ca;border-radius:8px;background:#f6f7f8;color:#071426;font:600 14px Heebo,Arial,sans-serif;cursor:pointer}.accessibility-actions button:hover,.accessibility-actions button:focus-visible,.panel-statement-link:hover,.panel-statement-link:focus-visible{border-color:#8a6426;outline:2px solid #c9a45d}.accessibility-actions button[aria-pressed="true"]{background:#071426;color:#fff;border-color:#071426}.panel-statement-link{width:100%;margin-top:9px;background:#eee5d2}.accessibility-statement{width:min(680px,92vw);max-height:88svh;padding:34px;color:#071426;background:#fff;border:1px solid #c9a45d;border-radius:14px;direction:rtl;text-align:right;overflow:auto}.accessibility-statement::backdrop{background:rgba(0,3,9,.78)}.accessibility-statement h2{margin:0 0 20px;font-size:34px}.accessibility-statement p{font-size:17px;line-height:1.8}.accessibility-statement a{color:#75531f;font-weight:800}.statement-close{position:absolute;left:12px;top:12px;width:42px;height:42px;border:0;border-radius:50%;background:#071426;color:#fff;font-size:27px;cursor:pointer}.statement-updated{color:#687382;font-size:14px!important}.accessibility-statement-link{border:0;background:none;color:#d9bb7a;text-decoration:underline;font:inherit;letter-spacing:0;cursor:pointer}
html[data-a11y-font="1"]{font-size:112.5%}html[data-a11y-font="2"]{font-size:125%}
html.a11y-contrast{filter:contrast(1.35)}html.a11y-contrast body{background:#000}html.a11y-grayscale{filter:grayscale(1)}html.a11y-contrast.a11y-grayscale{filter:contrast(1.35) grayscale(1)}
html.a11y-links a{text-decoration:underline!important;text-decoration-thickness:3px!important;text-underline-offset:4px!important;outline:2px solid #f0c76c!important}
html.a11y-motion *,html.a11y-motion *::before,html.a11y-motion *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
@media(max-width:580px){.accessibility-trigger{left:12px;bottom:12px;width:52px;height:52px;padding:0;justify-content:center}.accessibility-trigger-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.accessibility-panel{left:12px;bottom:72px;width:calc(100vw - 24px)}.accessibility-statement{padding:30px 22px}.accessibility-statement h2{font-size:28px}footer{padding-bottom:74px}}

/* Seamless client-logo marquee — intentionally without a heading */
.logo-marquee{position:relative;z-index:3;height:154px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(180deg,#06101e,#08172a);border-top:1px solid rgba(201,164,93,.28);border-bottom:1px solid rgba(201,164,93,.28);direction:ltr}
.logo-track{display:flex;width:max-content;will-change:transform;animation:logosFlow 58s linear infinite}
.logo-set{display:flex;align-items:center;gap:clamp(32px,4vw,70px);padding:0 clamp(16px,2vw,34px)}
.client-logo{width:190px;height:96px;display:grid;place-items:center;flex:0 0 auto;opacity:.78;filter:grayscale(1) saturate(.25);transition:opacity .3s ease,filter .3s ease,transform .3s ease}
.client-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.client-logo:hover{opacity:1;filter:none;transform:scale(1.055)}
.logo-marquee-fade{position:absolute;z-index:2;top:0;bottom:0;width:min(11vw,150px);pointer-events:none}.logo-marquee-fade-start{left:0;background:linear-gradient(90deg,#071426,transparent)}.logo-marquee-fade-end{right:0;background:linear-gradient(270deg,#071426,transparent)}
@keyframes logosFlow{to{transform:translateX(-50%)}}
@media(max-width:780px){.logo-marquee{height:116px}.logo-set{gap:26px;padding:0 13px}.client-logo{width:142px;height:78px}.logo-track{animation-duration:44s}.logo-marquee-fade{width:45px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation-play-state:paused}}

/* Floating cinema screens */
.work{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(circle at 8% 12%,rgba(201,164,93,.13),transparent 27%),
  radial-gradient(circle at 94% 42%,rgba(17,51,86,.11),transparent 30%),
  linear-gradient(180deg,#f7f5f0 0%,#efede7 100%)}
.work:before,.work:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(183,141,67,.16);border-radius:50%;pointer-events:none}
.work:before{width:520px;height:520px;right:-260px;top:210px}.work:after{width:360px;height:360px;left:-210px;bottom:180px}
.portfolio-grid{perspective:1400px;gap:34px 20px;padding:18px 10px 32px}
.portfolio-card{position:relative;border:1px solid rgba(226,197,139,.34);border-radius:17px;background:linear-gradient(145deg,#0c1b2e,#050b14);box-shadow:0 26px 48px rgba(5,15,29,.18),0 7px 16px rgba(5,15,29,.11),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;transform:translateZ(0);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease}
.portfolio-card:before{content:"";position:absolute;z-index:4;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.portfolio-card:nth-child(4n+2){--float-shift:-10px}.portfolio-card:nth-child(4n+3){--float-shift:8px}.portfolio-card:nth-child(4n){--float-shift:-5px}
.portfolio-card{transform:translateY(var(--float-shift,0)) rotateX(.8deg)}
.portfolio-card:hover{z-index:5;transform:translateY(calc(var(--float-shift,0) - 9px)) rotateX(0) scale(1.018);border-color:rgba(226,197,139,.72);box-shadow:0 38px 70px rgba(5,15,29,.25),0 12px 24px rgba(5,15,29,.16),0 0 0 1px rgba(201,164,93,.15)}
.portfolio-visual{border-bottom:1px solid rgba(226,197,139,.22)}
.portfolio-visual:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(120deg,transparent 28%,rgba(255,255,255,.13) 44%,transparent 58%);transform:translateX(-125%);transition:transform .8s ease;pointer-events:none}
.portfolio-card:hover .portfolio-visual:before{transform:translateX(125%)}
.portfolio-copy{position:relative;z-index:3;min-height:138px;padding:16px 17px 18px;background:linear-gradient(145deg,rgba(14,31,52,.98),rgba(5,12,22,.99));color:#fff}
.portfolio-copy small{color:#d8b66f}.portfolio-copy h3{color:#fff}.portfolio-copy p{color:#bac3ce}.portfolio-copy a{color:#e1c27e}
.portfolio-play{border-color:rgba(239,220,181,.86);background:rgba(4,12,23,.68);box-shadow:0 0 0 9px rgba(255,255,255,.045),0 14px 32px rgba(0,0,0,.35)}
.portfolio-poster-title{position:absolute;z-index:1;inset:0;display:grid;place-items:center;color:#f1d79a;font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:.03em;background:radial-gradient(circle at 50% 38%,rgba(31,62,72,.4),rgba(4,12,20,.92) 66%)}
.portfolio-card-butcher .portfolio-visual img{opacity:.34}
#drive-frame{display:block;width:100%;height:100%;border:0;background:#000}
#drive-frame[hidden],#video-frame[hidden],.video-controls[hidden]{display:none!important}
#video-modal.drive-mode.portrait .video-wrap{aspect-ratio:9/16}#video-modal.drive-mode.landscape .video-wrap{aspect-ratio:16/9}
@media(hover:hover) and (min-width:781px){
  .portfolio-card{animation:screenFloat 7.5s ease-in-out infinite}.portfolio-card:nth-child(3n+2){animation-delay:-2.4s}.portfolio-card:nth-child(3n){animation-delay:-4.7s}
  .portfolio-card:hover{animation-play-state:paused}
  @keyframes screenFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
}
@media(max-width:780px){
  .portfolio-grid{gap:14px 9px;padding:7px 0 18px;perspective:none}.portfolio-card,.portfolio-card:nth-child(n){transform:none;border-radius:12px;box-shadow:0 14px 27px rgba(5,15,29,.16)}.portfolio-card:hover{transform:translateY(-3px)}.portfolio-copy{min-height:124px;padding:11px 10px 13px}.portfolio-poster-title{font-size:22px}.work:before{width:280px;height:280px;right:-180px}.work:after{display:none}#video-modal.drive-mode.portrait .video-wrap,#video-modal.drive-mode.landscape .video-wrap{height:calc(100svh - 56px);aspect-ratio:auto}
}
@media(prefers-reduced-motion:reduce){.portfolio-card{animation:none!important}.portfolio-visual:before{display:none}}

/* Portfolio-first home */
.hero{min-height:76svh;padding-top:105px;padding-bottom:55px}.hero:after{inset:92px 4.5vw 28px}.hero-copy>p:not(.kicker):not(.brand-statement){margin:20px 0 26px;font-size:clamp(16px,1.6vw,19px)}.hero .primary{padding:12px 22px}.work{padding-top:88px;padding-bottom:100px}.work .section-title{margin-bottom:42px}
.portfolio-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px;align-items:start}.portfolio-card{min-width:0;background:#fff;border:1px solid rgba(7,20,38,.1);box-shadow:0 11px 28px rgba(7,20,38,.07);overflow:hidden}.portfolio-card.featured{grid-column:auto}.portfolio-visual{position:relative;display:block;width:100%;padding:0;border:0;background:#071426;cursor:pointer;overflow:hidden}.portfolio-card.portrait .portfolio-visual{aspect-ratio:9/16}.portfolio-card.landscape .portfolio-visual{aspect-ratio:16/9}.portfolio-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#071426;transition:transform .45s ease,filter .35s ease}.portfolio-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,7,15,.24),transparent 45%);transition:.3s}.portfolio-visual:hover img,.portfolio-visual:focus-visible img{transform:scale(1.012);filter:brightness(.82)}.portfolio-visual:focus-visible{outline:3px solid #d6ae68;outline-offset:-3px}.portfolio-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;padding-left:4px;border:1px solid rgba(255,255,255,.84);background:rgba(3,7,18,.55);backdrop-filter:blur(8px);color:#fff;font-size:15px;box-shadow:0 12px 28px rgba(0,0,0,.3);transition:.25s}.portfolio-visual:hover .portfolio-play{transform:translate(-50%,-50%) scale(1.08);background:#c9a45d;color:#071426}.portfolio-copy{padding:15px 16px 17px}.portfolio-copy small{display:block;color:#9a742f;font-size:8px;font-weight:700;letter-spacing:.1em;direction:ltr;text-align:right}.portfolio-copy h3{margin:6px 0;font-size:clamp(17px,1.5vw,21px);line-height:1.25}.portfolio-copy p{min-height:3em;margin:0;color:#596473;font-size:12px;line-height:1.5}.portfolio-copy a{display:inline-block;margin-top:9px;color:#8c672b;text-decoration:none;font-size:12px;font-weight:700}.portfolio-copy a:hover{text-decoration:underline}.branding-project-link{display:inline-block;border:1px solid #b98a46;color:#fff;padding:13px 21px;text-decoration:none;font-weight:600}.branding-project-link:hover{background:#b98a46;color:#071426}.branding-projects{margin-top:48px}.brand-project{padding-top:38px}
#video-modal{overflow:hidden}#video-modal.portrait{width:min(560px,96vw)}#video-modal.portrait .video-wrap{max-height:calc(92svh - 78px)}#video-modal .close{width:48px;height:48px;left:12px;top:10px;font-size:31px;background:rgba(0,0,0,.78);border:1px solid rgba(255,255,255,.35)}#video-modal .close:focus-visible{outline:3px solid #d6ae68}.video-volume{flex:0 1 92px!important;max-width:92px}.video-controls{height:62px}.video-controls button{min-width:42px;min-height:42px}.video-wrap{background:#000}.video-wrap video{object-fit:contain!important}
body:has(dialog[open]){overflow:hidden}
@media(max-width:980px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-copy p{min-height:0}}
@media(max-width:780px){.hero{min-height:76svh;padding-top:34svh;padding-bottom:34px;align-items:flex-end}.hero:after{inset:74px 15px 18px}.hero-film,.menio-motion{height:32svh}.menio-motion img{width:70vw}.hero h1{font-size:clamp(34px,9.4vw,44px)}.brand-statement{margin-bottom:10px!important}.hero-copy>p:not(.kicker):not(.brand-statement){font-size:16px;margin:14px 0 18px}.work{padding:55px 10px 68px}.work .section-title{margin-bottom:24px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.portfolio-card{border-radius:2px}.portfolio-card.portrait .portfolio-visual{aspect-ratio:9/16;max-height:none}.portfolio-card.landscape .portfolio-visual{aspect-ratio:16/9}.portfolio-copy{padding:10px 10px 12px}.portfolio-copy small{font-size:6.5px;letter-spacing:.06em}.portfolio-copy h3{font-size:14px;margin:5px 0}.portfolio-copy p{font-size:10.5px;line-height:1.45}.portfolio-copy a{font-size:10.5px;margin-top:7px}.portfolio-play{width:44px;height:44px;font-size:13px}.branding{padding-top:72px}.branding-projects{margin-top:38px}#video-modal.portrait,#video-modal.landscape{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;border:0}#video-modal.portrait .video-wrap,#video-modal.landscape .video-wrap{width:100%;height:calc(100svh - 62px);max-height:none;display:flex;align-items:center;justify-content:center;aspect-ratio:auto}#video-modal .close{left:10px;top:10px;width:50px;height:50px}.video-controls{height:62px;padding:6px 8px;gap:5px}.video-controls button{flex-basis:40px;width:40px}.video-volume{display:none}.video-controls span{font-size:11px;min-width:31px}.video-controls input:not(.video-volume){min-width:60px}#video-modal #video-title{display:none}}
.brand-statement{margin:0 0 18px!important;color:#f2d89d!important;font-size:clamp(24px,3vw,38px)!important;font-weight:600!important;line-height:1.15!important}
.hero h1{max-width:720px;font-size:clamp(43px,5.6vw,78px);line-height:1.02}
.home-services{padding:105px max(5vw,22px);background:#071426;color:#fff}.home-services .section-title h2{color:#fff}.home-services .section-title span{color:#abb6c5}.service-teasers{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-teasers>a{display:block;min-height:290px;padding:34px;border:1px solid rgba(201,164,93,.28);background:linear-gradient(145deg,#0b2039,#06101e);color:#fff;text-decoration:none;transition:.25s}.service-teasers>a:hover{transform:translateY(-4px);border-color:#d8b66f}.service-teasers small{color:#d9b970;letter-spacing:.12em}.service-teasers h3{font-size:28px;line-height:1.2;margin:55px 0 14px}.service-teasers p{color:#b9c3d2;line-height:1.75}.service-teasers span{color:#e1c27e;font-weight:700}.project-page-links{max-width:1240px;margin:24px auto 0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.project-page-links a{padding:10px 17px;border:1px solid rgba(7,20,38,.17);color:#071426;text-decoration:none;font-weight:600}.project-page-links a:hover{border-color:#b78d43}.studio-copy{color:#b9c3d2}.studio-copy p{font-size:18px;line-height:1.8;margin:0 0 16px}.studio-copy strong{color:#f2d89d}.contact-details{display:flex;justify-content:center;align-items:center;gap:12px;margin:27px 0 0;color:#475364}.contact-details strong{color:#071426}.contact-details a{color:#9a742f;text-decoration:none;font-weight:700;direction:ltr}
@media(max-width:780px){.brand-statement{font-size:24px!important}.hero h1{font-size:42px}.service-teasers{grid-template-columns:1fr}.service-teasers>a{min-height:0}.service-teasers h3{margin-top:34px}.studio-copy p{font-size:17px}.contact-details{flex-direction:column;gap:4px}}
.video-controls{height:56px;display:flex;align-items:center;gap:12px;padding:6px 15px;background:#081323;color:#f4f2ed;font:500 13px Assistant,Arial,sans-serif}
.video-controls button{flex:0 0 38px;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#f4f2ed;font-size:18px;cursor:pointer}
.video-controls button:hover,.video-controls button:focus-visible{background:#203348;outline:2px solid #d6ae68}
.video-controls input{flex:1;min-width:40px;height:32px;accent-color:#d6ae68;cursor:pointer;touch-action:none}
.video-controls span{min-width:34px;text-align:center;font-variant-numeric:tabular-nums}
#video-modal.landscape .video-wrap{height:calc(100svh - 56px)}
@media(max-width:780px){#video-modal.portrait .video-wrap{height:calc(96svh - 56px);max-height:calc(96svh - 56px)}#video-modal.landscape .video-wrap{height:calc(100svh - 56px)}.video-controls{gap:7px;padding:5px 8px}.video-controls button{flex-basis:34px;width:34px}}
.socials{width:min(760px,100%);margin:44px auto 0;padding-top:32px;border-top:1px solid rgba(7,20,38,.14)}
.socials-label{display:block;margin-bottom:18px;color:#7b6848;font-size:13px;font-weight:600;letter-spacing:.08em}
.social-links{display:flex;justify-content:center;gap:12px;direction:ltr}
.social-link{min-width:148px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid rgba(7,20,38,.17);border-radius:999px;background:rgba(255,255,255,.48);color:#071426;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.02em;box-shadow:0 8px 24px rgba(7,20,38,.05);transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}
.social-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;transition:color .25s ease}
.social-facebook svg,.social-youtube svg{fill:currentColor;stroke:none}.social-youtube .play-mark{fill:#f4f2ed}
.social-link:hover,.social-link:focus-visible{transform:translateY(-3px);border-color:#b78d43;background:#fff;box-shadow:0 13px 30px rgba(7,20,38,.1);outline:none}
.social-instagram:hover,.social-instagram:focus-visible{color:#b02a78}.social-facebook:hover,.social-facebook:focus-visible{color:#1877f2}.social-youtube:hover,.social-youtube:focus-visible{color:#f00000}
@media(max-width:580px){.socials{margin-top:36px;padding-top:27px}.social-links{gap:10px}.social-link{min-width:0;width:58px;height:58px;padding:0;border-radius:50%}.social-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.social-link svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.menio-motion img,.menio-motion span{animation:none}.menio-motion img{opacity:1;clip-path:none}}
.brand-piece img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.brand-piece:hover img{transform:scale(1.035)}
#gallery-image{display:block;max-width:100%;max-height:82svh;width:auto;height:auto;margin:auto;object-fit:contain}
.brand-story{display:grid;grid-template-columns:1fr minmax(330px,.8fr);gap:clamp(35px,7vw,95px);align-items:center;margin:0 0 58px;padding:50px clamp(24px,5vw,66px);background:#f0ede5;color:#102638}.story-label{margin:0 0 16px;color:#a77b35;font-size:12px;letter-spacing:.22em;direction:ltr;text-align:right}.brand-story-copy h4{margin:0 0 18px;font-size:clamp(30px,3.7vw,48px);font-weight:700;letter-spacing:-.04em}.brand-story-copy>p:last-child{margin:0;max-width:640px;color:#4f5b62;font-size:17px;line-height:1.9}.brand-palette>p{margin:0 0 12px;color:#5a6267;font-size:12px;letter-spacing:.2em;direction:ltr}.palette-card{display:grid;grid-template-columns:repeat(5,1fr);height:210px;border:1px solid rgba(6,29,34,.18);box-shadow:0 18px 38px rgba(26,38,42,.12)}.palette-card span{position:relative;background:var(--tone)}.palette-card i{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);color:rgba(255,255,255,.62);font-style:normal;font-size:10px;letter-spacing:.1em}.palette-card span:nth-child(3) i,.palette-card span:nth-child(4) i{color:rgba(10,25,28,.45)}.brand-palette small{display:block;margin-top:12px;color:#657075;font-size:10px;letter-spacing:.08em;line-height:1.5;direction:ltr}.gallery-eyebrow{margin:0 0 18px;color:#c7a25c;font-size:13px;letter-spacing:.2em;direction:ltr;text-align:left}
@media(max-width:780px){.brand-story{grid-template-columns:1fr;margin-bottom:42px;padding:30px 22px;gap:30px}.brand-story-copy>p:last-child{font-size:16px}.palette-card{height:150px}.gallery-eyebrow{text-align:center}}
.branding{padding:110px max(6vw,24px);background:#071426;color:#f5f1e8;scroll-margin-top:70px}.branding-heading{max-width:1240px;margin:auto;text-align:center}.branding-heading h2{margin:0;font-size:clamp(54px,7vw,92px);letter-spacing:-.06em;line-height:1}.branding-heading>p:not(.kicker){max-width:590px;margin:22px auto 30px;color:#b9c2ce;font-size:18px;line-height:1.75}.branding-toggle{border:1px solid #b98a46;background:transparent;color:#fff;padding:15px 24px;font:600 16px Heebo,Arial,sans-serif;cursor:pointer}.branding-toggle span{color:#d5b06a;margin-right:12px;font-size:20px}.branding-projects[hidden]{display:none}.branding-projects{max-width:1240px;margin:68px auto 0}.brand-project{border-top:1px solid rgba(255,255,255,.16);padding-top:45px}.brand-project-header{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;margin-bottom:40px}.brand-project-header p{margin:0;color:#aeb8c5;font-size:17px;line-height:1.7}.brand-project-header div p{direction:ltr;text-align:right;color:#c7a25c;font-size:12px;letter-spacing:.18em;margin-bottom:10px}.brand-project-header h3{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.1}.brand-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.brand-piece{position:relative;border:0;padding:0;background:#112238;overflow:hidden;cursor:zoom-in;aspect-ratio:1.14;color:#fff}.brand-piece-logo{grid-row:span 2;aspect-ratio:auto}.brand-piece-wide{grid-column:span 2;aspect-ratio:2.1}.brand-piece canvas{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.brand-piece:hover canvas{transform:scale(1.035)}.brand-piece:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(2,7,15,.83))}.brand-piece span{position:absolute;z-index:1;right:17px;bottom:14px;font-size:16px;font-weight:600}.case-video{margin-top:28px;border:1px solid #b98a46;background:transparent;color:#f5f1e8;padding:15px 22px;font:600 15px Heebo,Arial,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:13px}.case-video span{color:#d5b06a;font-size:11px}.case-video:hover{background:#b98a46;color:#071426}
#gallery-modal{width:min(920px,94vw);max-height:94svh;padding:0;border:1px solid rgba(201,164,93,.5);background:#050b15;color:#fff;overflow:hidden}#gallery-modal::backdrop{background:rgba(0,2,7,.92);backdrop-filter:blur(8px)}#gallery-canvas{display:block;max-width:100%;max-height:82svh;width:auto;height:auto;margin:auto}.gallery-close{position:absolute;z-index:2;left:12px;top:10px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:28px;cursor:pointer}#gallery-title{margin:0;padding:14px 20px;text-align:center;color:#e7d5b0;font-size:16px}
@media(max-width:780px){
  .branding{padding-top:80px;padding-bottom:80px}.branding-heading>p:not(.kicker){font-size:16px}.branding-projects{margin-top:50px}.brand-project-header{grid-template-columns:1fr;gap:18px}.brand-project-header p{font-size:16px}.brand-gallery{grid-template-columns:1fr 1fr;gap:8px}.brand-piece-logo{grid-row:span 2}.brand-piece-wide{grid-column:span 2}.brand-piece span{right:11px;bottom:10px;font-size:14px}.case-video{width:100%;justify-content:center}
}
.brand-piece-wide{grid-column:auto;aspect-ratio:.83}

/* studio-refresh.css */
/* MENIO: editorial studio home, using frames from the actual portfolio. */
.topbar{height:86px;background:#f8f7f3;border-bottom:1px solid #e4dfd3}.nav-cta{border-radius:5px}.topbar nav a:hover{color:#997237}
.hero{min-height:720px;min-height:min(810px,92svh);padding:150px max(6vw,24px) 88px;align-items:center;background:#071426}.hero:after{display:none}.hero-film{inset:0;height:auto;background:radial-gradient(ellipse at 18% 45%,#1a3048,transparent 58%),#071426}.hero-shade{display:none}.hero-copy{width:49%;max-width:670px;margin-left:auto}.hero .kicker{font-size:11px;letter-spacing:.22em;color:#d3b478}.hero .brand-statement{font-size:clamp(44px,4.7vw,72px)!important;line-height:1.12!important;letter-spacing:-.045em;font-weight:600!important;color:#f6f3ed!important;margin:0 0 24px!important}.brand-statement span{color:#d3b478}.hero h1{font-size:clamp(18px,1.7vw,25px);font-weight:500;letter-spacing:0;line-height:1.6;color:#e8e9eb;max-width:520px}.hero-copy>p:not(.kicker):not(.brand-statement){font-size:16px;line-height:1.8;color:#aebac9;max-width:450px;margin:16px 0 28px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.primary{border-radius:5px;padding:15px 23px;box-shadow:none}.hero-contact{color:#e3d4b4;text-decoration:none;font-size:14px}.hero-contact:hover{text-decoration:underline}.side-note{writing-mode:initial;left:6vw;bottom:28px;font-size:9px}
.hero-showcase{position:absolute;left:5%;top:145px;bottom:80px;width:40%;direction:ltr}.showcase-screen{position:absolute;border:1px solid #5a6270;background:#0b1727;box-shadow:0 24px 55px #0005;overflow:hidden;border-radius:9px}.showcase-screen img{width:100%;height:100%;display:block;object-fit:cover}.showcase-screen span{position:absolute;bottom:0;left:0;right:0;padding:30px 12px 12px;background:linear-gradient(transparent,#06101be8);color:#e2d5b9;font-size:8px;letter-spacing:.14em}.showcase-main{width:48%;height:88%;left:26%;top:0;z-index:2;transform:rotate(-5deg)}.showcase-secondary{width:42%;height:73%;left:0;top:14%;transform:rotate(5deg)}.showcase-detail{width:43%;height:54%;right:0;top:28%;z-index:3;transform:rotate(7deg)}.showcase-caption{position:absolute;bottom:-34px;left:0;right:0;text-align:center;color:#a7b2c2;font-size:11px;letter-spacing:.05em}
.work{padding:84px max(5vw,20px) 90px;background:#f6f5f1;scroll-margin-top:25px}.work:before,.work:after{display:none}.work .section-title{max-width:1240px;margin:0 auto 32px;text-align:right}.work .section-title>p{color:#94703a;letter-spacing:.19em;margin-bottom:12px}.work .section-title h2{font-size:clamp(34px,4vw,52px);font-weight:600}.work .section-title span{font-size:16px;line-height:1.7;color:#626b75}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:0 auto 30px;padding:18px 0;border-top:1px solid #deded8;border-bottom:1px solid #deded8}.work-filters{display:flex;flex-wrap:wrap;gap:8px}.work-filters button{min-height:44px;border:1px solid transparent;background:transparent;border-radius:999px;padding:9px 17px;font:500 14px Heebo,Arial,sans-serif;color:#46515d;cursor:pointer}.work-filters button[aria-pressed="true"]{background:#071426;color:#fff}.work-filters button:hover{border-color:#b7a385}.work-filters button:focus-visible{outline:3px solid #997237;outline-offset:3px}#work-count{font-size:12px;color:#606b77;white-space:nowrap}
.portfolio-grid{width:min(1240px,100%);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:28px 20px;padding:0;perspective:none}.portfolio-card,.portfolio-card:nth-child(n){border-radius:9px;border:1px solid #dedfdc;background:#fff;box-shadow:0 6px 20px #07142608;transform:none;translate:none;animation:none;display:flex;flex-direction:column}.portfolio-card[hidden]{display:none}.portfolio-card:before{display:none}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #07142612;border-color:#c4b18e;animation:none}.portfolio-card.portrait .portfolio-visual,.portfolio-card.landscape .portfolio-visual{aspect-ratio:4/5;max-height:none;flex-shrink:0}.portfolio-visual img{object-fit:cover;filter:none}.portfolio-card.landscape .portfolio-visual img{object-fit:contain;background:#0b192a}.portfolio-visual:before{display:none}.portfolio-play{width:48px;height:48px;box-shadow:none;background:#071426b8;border-color:#ffffffb0;font-size:13px}.portfolio-duration{position:absolute;left:12px;bottom:12px;z-index:3;background:#071426cc;color:#fff;padding:4px 7px;border-radius:4px;font-size:11px;direction:ltr;font-variant-numeric:tabular-nums}.portfolio-copy{flex:1;padding:19px 17px 20px;background:#fff;min-height:170px}.portfolio-copy small{font-size:9px;color:#8a6936;letter-spacing:.055em}.portfolio-copy h3{color:#071426;font-size:19px;line-height:1.4;margin:8px 0}.portfolio-copy p{color:#616a76;font-size:13px;line-height:1.7;min-height:0}.portfolio-copy a{color:#85612c;font-size:13px;margin-top:12px}.portfolio-poster-title{background:linear-gradient(transparent,#06101bcc);font-size:32px;align-items:end;padding-bottom:45px}.portfolio-card-butcher .portfolio-visual img{opacity:1}
.logo-marquee{height:122px;background:#071426;border-top:1px solid #293447;border-bottom:1px solid #293447}.logo-set{gap:20px;padding:0 10px}.client-logo{width:148px;height:80px;opacity:1;filter:none}.client-logo:hover{filter:none}.logo-marquee:hover .logo-track{animation-play-state:paused}
#video-modal #video-title{display:block!important;color:#e3d4b4;padding:13px 58px 13px 18px;font-size:14px;height:auto;text-align:center;margin:0;line-height:1.5}#video-modal.portrait{width:min(440px,94vw);height:auto;max-height:94svh;margin:auto;border:1px solid #596374;border-radius:10px}#video-modal.portrait .video-wrap{width:100%;height:min(72svh,650px);max-height:none;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}#video-modal.landscape{width:min(1200px,96vw);height:auto;max-height:94svh;margin:auto;border:1px solid #596374;border-radius:10px}#video-modal.landscape .video-wrap{height:min(73svh,680px);width:100%;aspect-ratio:auto}.video-controls{height:56px;gap:8px}.video-controls input.video-volume{flex:0 1 75px}.close{top:10px;left:10px;width:42px;height:42px;background:#071426df}.hero a:focus-visible,.topbar a:focus-visible{outline:3px solid #d3b478;outline-offset:5px}
@media(max-width:1100px) and (min-width:781px){.hero{padding-right:5vw;min-height:700px}.hero-actions{gap:14px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar nav{gap:18px}.hero-showcase{left:3%;width:41%}}
@media(max-width:780px){.topbar{height:72px;padding:0 20px}.hero{min-height:0;display:block;padding:105px 24px 40px}.hero-film{position:absolute;height:100%;inset:0;bottom:0}.hero-copy{width:100%;max-width:600px;margin:0}.hero .brand-statement{font-size:clamp(39px,8vw,58px)!important;line-height:1.14!important;margin-bottom:18px!important}.hero .kicker{margin-bottom:16px}.hero h1{font-size:18px;max-width:540px}.hero-copy>p:not(.kicker):not(.brand-statement){font-size:15px;margin:12px 0 23px}.hero-actions{gap:14px}.primary{padding:13px 18px;font-size:14px}.hero-contact{font-size:13px}.hero-showcase{position:relative;top:auto;bottom:auto;left:auto;width:min(480px,100%);height:300px;margin:36px auto 0}.showcase-caption{bottom:-12px;font-size:10px}.side-note{display:none}.work{padding:50px 18px 58px}.work .section-title{margin-bottom:25px}.work .section-title h2{font-size:35px}.work .section-title span{font-size:14px}.work-toolbar{gap:12px;align-items:start;flex-direction:column;padding:14px 0;margin-bottom:23px}.work-filters{gap:3px}.work-filters button{font-size:12px;padding:8px 11px;min-height:42px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.portfolio-copy{padding:14px 12px 17px;min-height:0}.portfolio-copy h3{font-size:16px;line-height:1.4}.portfolio-copy p{font-size:12px;line-height:1.7}.portfolio-copy small{font-size:8px;letter-spacing:0}.portfolio-copy a{font-size:12px}.portfolio-play{width:42px;height:42px}.portfolio-duration{left:8px;bottom:8px;font-size:10px}.logo-marquee{height:100px}.client-logo{width:120px;height:68px}.logo-set{gap:12px;padding:0 6px}#video-modal.portrait,#video-modal.landscape{width:100vw;height:100svh;max-height:100svh;margin:0;border:0;border-radius:0}#video-modal.portrait .video-wrap,#video-modal.landscape .video-wrap{height:calc(100svh - 104px);max-height:none}#video-modal #video-title{height:48px;display:flex!important;align-items:center;justify-content:center;padding:5px 55px;font-size:13px}.video-controls{height:56px}.video-controls input.video-volume{display:none}}
@media(max-width:360px){.portfolio-grid{grid-template-columns:1fr}.hero .brand-statement{font-size:36px!important}.hero-showcase{height:250px}.portfolio-card.portrait .portfolio-visual,.portfolio-card.landscape .portfolio-visual{aspect-ratio:4/5}}
@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-visual img,.primary{transition:none}.logo-track{animation-play-state:paused}}

/* web-service.css */
.web-service{padding:90px max(6vw,24px);background:#f4f2ed;color:#071426}.web-service-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.web-eyebrow{font-size:11px;letter-spacing:.16em;color:#86632c;direction:ltr;text-align:right;margin:0 0 20px}.web-service h2{font-size:clamp(38px,4.5vw,64px);font-weight:600;line-height:1.15;letter-spacing:-.035em;margin:0 0 25px}.web-service-copy>p:not(.web-eyebrow){max-width:600px;font-size:18px;line-height:1.85;color:#57616d}.web-tags{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.web-tags span{padding:8px 12px;border:1px solid #d5cdbd;border-radius:999px;font-size:12px}.web-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px}.web-text-link{color:#785721;font-weight:600;text-decoration:none;font-size:15px}.web-text-link:hover{text-decoration:underline}.web-service-options article{background:#fff;border:1px solid #ddd6ca;padding:28px 30px;margin-bottom:14px;border-radius:8px}.web-option-number{display:block;color:#86632c;font-size:10px;direction:ltr;text-align:right;letter-spacing:.14em}.web-service-options h3{font-size:28px;margin:14px 0 10px}.web-service-options p{font-size:16px;line-height:1.8;color:#626b76;margin:0}.web-service-options .web-package-note{font-size:14px;margin:22px 0 0;color:#745622}.web-page-options{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.web-page-options .card{border-radius:8px;padding:36px}.web-page-options .card p.web-eyebrow{font-size:11px;margin-bottom:20px}.web-page-options .card h3{font-size:32px}.web-page-options .card p{color:#556170}.web-centered{text-align:center}.web-hero-cta{margin-top:30px}.web-light-link{color:#e2c780;text-decoration:none;font-weight:600}.web-faq{max-width:960px;margin:auto}.web-faq details{padding:22px 0;border-bottom:1px solid #ffffff30}.web-faq summary{font-size:21px;font-weight:500;cursor:pointer}.web-faq details p{color:#c2cbd7;margin:16px 0 0}.web-service a:focus-visible,.web-page-options a:focus-visible,.web-light-link:focus-visible,.web-faq summary:focus-visible{outline:3px solid #b58b43;outline-offset:5px}
@media(min-width:781px) and (max-width:1100px){.topbar nav{gap:14px}.topbar nav a{font-size:13px}.web-service-inner{gap:35px}}
@media(max-width:780px){.web-service{padding:62px 22px}.web-service-inner,.web-page-options{grid-template-columns:1fr;gap:30px}.web-service h2{font-size:42px}.web-service-copy>p:not(.web-eyebrow){font-size:16px}.web-service-options article{padding:24px}.web-page-options .card{padding:26px}.web-service .primary{font-size:14px}.web-actions{gap:18px}.web-faq summary{font-size:18px}}

/* website-gallery.css */
#website-motion-gallery section{margin-top:20px}#website-motion-gallery h3{margin:0 0 12px}#website-motion-gallery .motion-scene{position:relative;width:100%;overflow:hidden;animation:menioAppear 1.2s ease both}#website-motion-gallery .device-photo{display:block;width:100%;height:auto}#website-motion-gallery .screen-window{position:absolute;overflow:hidden;left:3.9%;top:4.2%;width:83.5%;height:81%;clip-path:polygon(0 0,100% 0,100% 41%,93% 41%,93% 100%,0 100%)}#website-motion-gallery .moving-page{position:absolute;inset:0;height:113%;animation:menioScroll 15s ease-in-out infinite}#website-motion-gallery .screen-photo{position:absolute;inset:0 0 auto;height:88.5%;background-image:url('/website-kitchens-demo.webp');background-size:119.76% 123.46%;background-position:23.65% 22.1%;background-repeat:no-repeat}#website-motion-gallery .page-extension{position:absolute;top:88.5%;bottom:0;left:0;right:0;background:#123c34;color:#f5efdf;padding:2% 5%;display:flex;flex-direction:column;justify-content:center;gap:8px;font-family:Arial,sans-serif}#website-motion-gallery .page-extension span{font-size:clamp(8px,1.5vw,12px)}#website-motion-gallery .page-extension strong{font-size:clamp(12px,2.5vw,22px);font-weight:500}#website-motion-gallery .extension-rule{height:1px;background:#bd9062;width:40%}#website-motion-gallery .property .screen-window{left:3.2%;top:4.7%;width:83.8%;height:76.5%;clip-path:polygon(0 0,100% 0,100% 35%,94% 35%,94% 100%,0 100%)}#website-motion-gallery .property .screen-photo{background-image:url('/landing-property-demo.webp');background-size:119.33% 130.72%;background-position:19.75% 20%}#website-motion-gallery .property .page-extension{background:#0a2636}#website-motion-gallery .paused .moving-page{animation-play-state:paused}@keyframes menioScroll{0%,20%{transform:translateY(0)}48%,68%{transform:translateY(-9%)}94%,100%{transform:translateY(0)}}@keyframes menioAppear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#website-motion-gallery .moving-page,#website-motion-gallery .motion-scene{animation:none}}

#website-motion-gallery{max-width:1240px;margin:36px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
#website-motion-gallery .motion-gallery-controls{grid-column:1/-1;display:flex;justify-content:flex-end}
#website-motion-gallery .motion-toggle{min-height:44px;border:1px solid #b8aa92;border-radius:6px;background:transparent;color:#071426;padding:10px 17px;font:500 14px Heebo,Arial,sans-serif;cursor:pointer}
#website-motion-gallery .motion-toggle:focus-visible{outline:3px solid #997237;outline-offset:3px}
#website-motion-gallery section{margin:0}
#website-motion-gallery .web-example-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#website-motion-gallery h3{font-size:20px;line-height:1.4;margin:0}
#website-motion-gallery .web-example-heading>span{font-size:11px;color:#6d6252;white-space:nowrap}
#website-motion-gallery .motion-scene{border-radius:8px;border:1px solid #ddd6ca}
.service-navigation{background:#f6f5f1;padding:28px max(5vw,20px) 0;color:#071426}
.service-navigation-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.service-navigation a{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:20px 22px;min-height:100px;background:#fff;border:1px solid #dfdcd5;border-radius:7px;color:#071426;text-decoration:none;transition:background .2s,border-color .2s}
.service-navigation a:hover{background:#eee9df;border-color:#b79b6a}
.service-navigation a:focus-visible{outline:3px solid #997237;outline-offset:3px}
.service-navigation strong{font-size:18px;font-weight:600}.service-navigation span{font-size:12px;color:#626c78;line-height:1.6}
.service-navigation+.work{padding-top:60px}
#websites{scroll-margin-top:24px}#branding{scroll-margin-top:24px}
.web-examples-intro{max-width:1240px;margin:58px auto 0;border-top:1px solid #d7d1c5;padding-top:35px}.web-examples-intro h3{font-size:28px;margin:0 0 10px}.web-examples-intro p{font-size:15px;line-height:1.8;color:#606a75;margin:0}
@media(max-width:780px){#website-motion-gallery{grid-template-columns:1fr;gap:28px}#website-motion-gallery h3{font-size:17px}#website-motion-gallery .web-example-heading{align-items:start;flex-direction:column;gap:4px}.service-navigation{padding:22px 18px 0}.service-navigation-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-navigation a{padding:16px 13px;min-height:94px}.service-navigation strong{font-size:16px}.service-navigation span{font-size:11px}.web-examples-intro{margin-top:38px}}
.service-navigation{display:block}.service-navigation-inner{width:100%}

/* layout-polish.css */
/* Shared palette and spacing for the approved home layout. */
:root{--menio-ivory:#f7f5f0;--menio-ink:#0a1c30;--menio-gold:#e2c488;--menio-line:#e3ded3}
body{background:var(--menio-ivory);color:var(--menio-ink)}
.topbar{background:var(--menio-ivory);border-color:var(--menio-line)}
.service-navigation{padding:24px max(5vw,20px) 0;background:var(--menio-ivory)}
.service-navigation-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1120px}
.service-navigation a{min-height:46px;padding:11px 16px;align-items:center;justify-content:center;border:1px solid var(--menio-ink);border-radius:9px;background:var(--menio-ink);color:var(--menio-gold);box-shadow:0 4px 12px #07142609}
.service-navigation a span{color:var(--menio-gold);font-size:14px;font-weight:500;line-height:1.4;text-align:center}
.service-navigation a:hover{background:#15304e;border-color:#15304e}
.work,.web-service,.branding,.studio,.contact{background:var(--menio-ivory);color:var(--menio-ink);padding:76px max(6vw,24px)}
.work,.web-service,.branding,.studio{border-bottom:1px solid var(--menio-line)}
.work:before,.work:after{display:none}
.work .section-title,.branding-heading{text-align:center;margin-bottom:32px}
.work .section-title h2,.web-service h2,.branding-heading h2,.studio h2,.contact h2{font-size:clamp(32px,4vw,52px);line-height:1.2;letter-spacing:-.035em;font-weight:600;color:var(--menio-ink)}
.work .section-title>p,.branding .kicker,.studio .kicker{color:#8a682f;margin-bottom:12px}
.branding-heading>p:not(.kicker),.brand-project-header p,.studio-copy,.studio-copy p{color:#596575}
.branding-projects{margin-top:40px}.brand-project{border-color:var(--menio-line);padding-top:30px}
.brand-project-header h3{color:var(--menio-ink);font-size:clamp(26px,3.4vw,40px)}
.brand-story{background:#eeebe3;border-radius:9px;box-shadow:none;padding:34px;gap:36px}
.brand-gallery{gap:14px}.brand-piece{border-radius:7px}.palette-card{box-shadow:0 8px 20px #0714260a}
.web-service-inner{display:block;text-align:center}.web-service-copy>p:not(.web-eyebrow){margin:14px auto 0;max-width:730px;font-size:17px}
.web-service-copy .web-eyebrow{text-align:center;margin-bottom:12px}.web-service h2{margin-bottom:14px}
.web-actions{justify-content:center;margin-top:22px}.web-service .web-service-options{display:none}
#website-motion-gallery{margin-top:30px}.web-service #website-motion-gallery .web-example-heading{justify-content:center;flex-wrap:wrap;text-align:center}
#website-motion-gallery h3{font-size:18px}.web-service #website-motion-gallery .motion-scene{border:0;background:transparent;border-radius:9px}
.studio{grid-template-columns:1fr 1.2fr;gap:60px;min-height:0}.studio-mark{display:none}.studio-copy strong{color:#87652e}.studio-copy p{font-size:17px}
.primary,.branding-project-link,.case-video{border-radius:7px;background:var(--menio-ink);color:var(--menio-gold);border:1px solid var(--menio-ink);padding:12px 22px;box-shadow:none;font-size:14px;font-weight:500;line-height:1.5}
.primary:hover,.branding-project-link:hover,.case-video:hover{background:#15304e;color:#f3dab0;border-color:#15304e}
.primary i,.case-video span{color:inherit}.hero .primary{background:#e2c488;color:#071426;border-color:#e2c488}.hero .primary:hover{background:#eed6a5}
.contact h2{margin-bottom:25px}.contact img{width:min(310px,65vw);height:90px;margin-bottom:24px}.contact .kicker{margin-bottom:18px}
.logo-marquee{height:108px;background:var(--menio-ivory);border-color:var(--menio-line)}
.logo-marquee-fade-start{background:linear-gradient(90deg,var(--menio-ivory),transparent)}.logo-marquee-fade-end{background:linear-gradient(270deg,var(--menio-ivory),transparent)}
.logo-set{gap:18px;padding:0 9px}.client-logo{width:132px;height:70px;filter:none;opacity:1}
footer{height:auto;min-height:74px;background:var(--menio-ink);color:#c4cdd7;padding-top:22px;padding-bottom:22px}
@media(max-width:780px){.service-navigation{padding:20px 18px 0}.service-navigation-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-navigation a{min-height:44px;padding:10px 8px}.service-navigation a span{font-size:12px}.work,.web-service,.branding,.studio,.contact{padding:52px 20px}.work .section-title h2,.web-service h2,.branding-heading h2,.studio h2,.contact h2{font-size:34px}.web-service-copy>p:not(.web-eyebrow){font-size:15px}.studio{grid-template-columns:1fr;gap:25px}.brand-story{padding:26px 20px}.brand-project-header h3{font-size:28px}#website-motion-gallery h3{font-size:16px}#website-motion-gallery .web-example-heading{align-items:center}.logo-marquee{height:88px}.client-logo{width:110px;height:60px}.logo-set{gap:12px}.primary,.branding-project-link,.case-video{font-size:13px;padding:11px 18px}footer{padding-bottom:74px}}

/* service-banners.css */
/* Approved navy introductions on the cream portfolio page. */
body .service-banner{width:100%;max-width:1240px;margin:0 auto 34px;padding:38px clamp(22px,5vw,64px);border:1px solid #233b55;border-radius:12px;background:#0a1c30;color:#f5f0e5;box-shadow:0 12px 32px rgba(7,20,38,.07);text-align:center}
body .work .service-banner h2,body .web-service .service-banner h2,body .branding .service-banner h2{color:#e2c488;font-size:clamp(30px,3.5vw,46px);line-height:1.25;margin:0 0 16px}
body .service-banner .kicker,body .service-banner .web-eyebrow,body .work .service-banner>p{color:#d9ba7d;margin:0 0 14px;font-size:11px;letter-spacing:.16em;text-align:center}
body .service-banner p:not(.kicker):not(.web-eyebrow),body .work .service-banner>span{display:block;max-width:850px;margin:12px auto 0;color:#e0e5ec;font-size:17px;line-height:1.85;letter-spacing:0}
body .service-banner p.service-banner-lead{font-size:20px;font-weight:500;color:#f5f0e5}
body .service-banner .web-actions{gap:18px;margin-top:24px;justify-content:center}
body .service-banner .primary,body .service-banner .branding-project-link{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid #c6a46d;color:#e9ce9c;border-radius:7px;padding:11px 20px;font-size:14px;margin-top:22px}
body .service-banner .web-actions .primary{margin-top:0}
body .service-banner .web-text-link,body .service-banner .banner-contact-link{color:#e9ce9c;font-size:14px;line-height:1.6;text-decoration:none}
body .service-banner .banner-contact-link{display:inline-block;margin:20px 20px 0}
body .service-banner a:hover{text-decoration:underline;color:#fff1d6}
body .service-banner a:focus-visible{outline:3px solid #e2c488;outline-offset:5px}
body .hero-copy>p:not(.kicker):not(.brand-statement){max-width:570px;line-height:1.8;font-size:16px}
body .hero h1{font-size:clamp(20px,2vw,28px);line-height:1.5;letter-spacing:0}
@media(max-width:780px){body .service-banner{padding:28px 20px;margin-bottom:28px;border-radius:10px}body .work .service-banner h2,body .web-service .service-banner h2,body .branding .service-banner h2{font-size:29px}body .service-banner p:not(.kicker):not(.web-eyebrow),body .work .service-banner>span{font-size:15px;line-height:1.8}body .service-banner p.service-banner-lead{font-size:17px}body .service-banner .banner-contact-link{margin-inline:0;display:block}body .hero h1{font-size:21px}body .hero-copy>p:not(.kicker):not(.brand-statement){font-size:15px}}

/* upgrade.css */
.graphics-services{width:min(880px,100%);margin:28px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.graphics-services article{min-height:52px;padding:9px 15px;display:flex;align-items:center;gap:10px;border:1px solid rgba(201,164,93,.45);border-radius:999px;background:rgba(11,32,57,.62)}.graphics-services span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#c9a45d;color:#071426;font-size:10px;letter-spacing:0}.graphics-services h3{margin:0;font-size:14px;white-space:nowrap}.graphics-services p{display:none}.testimonials{padding:95px max(5vw,22px);text-align:center;background:#f4f2ed;color:#071426}.testimonials h2{margin:0;font-size:clamp(38px,5vw,64px)}.testimonials-placeholder{width:min(780px,100%);margin:34px auto 0;padding:28px;border:1px dashed rgba(7,20,38,.25);color:#697184;background:#fff}.contact-form{width:min(720px,100%);margin:42px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:right}.contact-form label{display:grid;gap:7px;color:#29364a;font-size:14px;font-weight:600}.contact-form label:nth-child(3){grid-column:1/-1}.contact-form input,.contact-form select{width:100%;min-height:52px;padding:10px 13px;border:1px solid rgba(7,20,38,.24);border-radius:0;background:#fff;color:#071426;font:500 16px Heebo,Arial,sans-serif}.contact-form .primary{grid-column:1/-1;justify-content:center;border:0;cursor:pointer;font:700 16px Heebo,Arial,sans-serif}.form-note{grid-column:1/-1;margin:0;color:#6b7482;font-size:13px;text-align:center}.floating-contact{position:fixed;z-index:9980;left:18px;bottom:84px;display:grid;gap:9px;direction:ltr}.floating-contact a{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.3)}.floating-whatsapp{background:linear-gradient(135deg,#f2d89d,#b78d43);color:#071426;border:1px solid #f2d89d}.floating-whatsapp svg{width:28px;height:28px;fill:currentColor}.floating-contact b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.floating-contact span{font-size:22px}.event-service-hero .lead strong{color:#f2d89d;font-size:1.15em}.event-example img{display:block;width:100%;max-height:540px;object-fit:contain;background:#030712}.inner-page .floating-contact{bottom:18px}
@media(max-width:780px){.graphics-services{gap:8px}.graphics-services article{min-height:46px;padding:8px 12px}.graphics-services h3{font-size:13px}.contact-form{grid-template-columns:1fr}.contact-form label:nth-child(3){grid-column:auto}.contact-form .primary,.form-note{grid-column:auto}.floating-contact{left:12px;bottom:74px;display:flex}.floating-contact a{width:54px;height:54px;justify-content:center;padding:0}.floating-contact b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.inner-page .floating-contact{bottom:12px}}

/* site-v40.css */
/* MENIO v40 — final layout and mobile interaction refinements */
.hero .brand-statement{margin:0 0 14px!important;color:#d8b66f!important;font-size:clamp(15px,1.35vw,20px)!important;font-weight:500!important;line-height:1.45!important;letter-spacing:.01em!important}
.hero h1,body .hero h1{max-width:760px;margin:0;font-size:clamp(45px,5.4vw,76px);font-weight:800;line-height:1.05;letter-spacing:-.045em;color:#fff}
.portfolio-card-esther .portfolio-visual img{object-fit:cover!important;width:100%;height:100%}
.portfolio-card:nth-last-child(-n+2){grid-column:span 2}
.logo-marquee{background:#071426!important;border-color:rgba(201,164,93,.34)!important}
.client-logo{filter:sepia(1) saturate(.6) hue-rotate(350deg) brightness(1.45)!important;opacity:.92!important}
.studio h2{font-size:clamp(43px,5vw,66px)!important;color:#071426!important}
.studio-copy p{color:#354153!important;font-size:18px!important;line-height:1.85!important}
.floating-call{display:none!important}
.form-note.form-success{color:#1d6b45;font-weight:700}
.testimonials{padding:105px max(6vw,24px);background:#f4f2ed;color:#071426}
.testimonials-heading{max-width:760px;margin:0 auto 48px;text-align:center}
.testimonials-heading .kicker{color:#9a742f;letter-spacing:.18em}
.testimonials-heading h2{margin:12px 0 18px;font-size:clamp(43px,5vw,68px);line-height:1.04;letter-spacing:-.045em}
.testimonials-heading>p:last-child{margin:0;color:#596473;font-size:17px}
.testimonials-featured{width:min(1220px,100%);margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.testimonials blockquote{position:relative;margin:0;padding:30px 27px 26px;border:1px solid rgba(7,20,38,.12);background:#fff;box-shadow:0 12px 32px rgba(7,20,38,.06)}
.testimonials-featured blockquote:nth-child(1),.testimonials-featured blockquote:nth-child(2){grid-column:span 3}
.testimonials-featured blockquote:nth-child(n+3){grid-column:span 2}
.testimonials blockquote>span{position:absolute;top:10px;left:18px;color:#d8b66f;font:700 58px/1 Georgia,serif;opacity:.75}
.testimonials blockquote p{position:relative;margin:0 0 22px;color:#152337;font-size:18px;line-height:1.75;font-weight:500}
.testimonials blockquote footer{padding:0;background:transparent;color:#8a6936;font-size:12px;font-weight:700}
.testimonials-more{width:min(1220px,100%);margin:28px auto 0}
.testimonials-more summary{width:max-content;margin:auto;display:flex;align-items:center;gap:12px;padding:13px 22px;border:1px solid #b88b45;border-radius:999px;color:#071426;font-weight:700;cursor:pointer;list-style:none;transition:.25s}
.testimonials-more summary::-webkit-details-marker{display:none}.testimonials-more summary:hover{background:#071426;color:#fff}
.testimonials-more summary i{font-style:normal;color:#b88b45;font-size:21px;transition:transform .25s}.testimonials-more[open] summary i{transform:rotate(45deg)}
.testimonials-more .less-label{display:none}.testimonials-more[open] .more-label{display:none}.testimonials-more[open] .less-label{display:inline}
.testimonials-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;animation:testimonialsReveal .35s ease both}
.testimonials-grid blockquote{padding:24px 22px}.testimonials-grid blockquote p{font-size:15px;line-height:1.7}
@keyframes testimonialsReveal{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media(max-width:780px){
  body{padding-bottom:76px}
  .hero .brand-statement{font-size:16px!important;margin-bottom:11px!important}
  .hero h1,body .hero h1{font-size:clamp(34px,9.5vw,48px);line-height:1.08}
  .portfolio-card:nth-last-child(-n+2){grid-column:auto}
  .floating-contact{left:14px!important;right:14px;bottom:16px!important;height:56px;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(3,7,18,.94);box-shadow:0 14px 36px rgba(0,0,0,.34);backdrop-filter:blur(12px)}
  .floating-contact a{width:auto!important;height:44px!important;border-radius:11px!important;padding:0 16px!important;gap:8px;box-shadow:none!important}
  .floating-contact b{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;font-size:14px}
  .floating-call{display:flex!important;background:#fff;color:#071426;border:1px solid #d8b66f}
  .floating-call span{font-size:19px}
  .contact-form input,.contact-form select{min-height:58px;font-size:17px;padding:13px 15px}
  .contact-form .primary{min-height:56px}
  .accessibility-trigger{bottom:88px!important}
  .testimonials{padding:70px 18px}
  .testimonials-heading{margin-bottom:30px}
  .testimonials-heading h2{font-size:38px}
  .testimonials-heading>p:last-child{font-size:15px;line-height:1.7}
  .testimonials-featured{grid-template-columns:1fr;gap:12px}
  .testimonials-featured blockquote:nth-child(n){grid-column:auto}
  .testimonials blockquote{padding:25px 22px 22px}
  .testimonials blockquote p{font-size:16px;line-height:1.7}
  .testimonials-grid{grid-template-columns:1fr;gap:10px}
  .testimonials-more summary{width:100%;justify-content:center}
}

/* Compact, swipeable customer-reviews banner */
.testimonials{padding:76px max(5vw,18px) 82px;overflow:hidden}
.testimonials-heading{margin-bottom:30px}
.testimonials-heading h2{font-size:clamp(38px,4.3vw,58px)}
.reviews-carousel{width:min(880px,100%);margin:auto}
.reviews-viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border:1px solid rgba(218,180,105,.42);border-radius:22px;background:radial-gradient(circle at 85% 20%,rgba(211,169,88,.17),transparent 32%),linear-gradient(135deg,#071426,#102845);box-shadow:0 24px 58px rgba(7,20,38,.18);direction:ltr}
.reviews-viewport::-webkit-scrollbar{display:none}
.reviews-track{display:flex;direction:ltr}
.review-slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;direction:rtl;display:grid;place-items:center;min-height:280px;padding:24px}
.testimonials .review-slide blockquote{width:min(700px,100%);border:0;background:transparent;box-shadow:none;padding:28px 54px 24px;color:#fff}
.testimonials .review-slide blockquote>span{top:0;left:18px;color:#d8b66f;font-size:82px;opacity:.9}
.testimonials .review-slide blockquote p{margin:0 auto 25px;color:#fff;font-size:clamp(20px,2.3vw,29px);line-height:1.55;font-weight:500;text-wrap:balance}
.testimonials .review-slide footer{display:flex;align-items:center;justify-content:center;gap:11px;padding:0;color:#d8b66f}
.testimonials .review-slide footer strong{font-size:15px;color:#f0cf8d}
.testimonials .review-slide footer small{padding-right:11px;border-right:1px solid rgba(255,255,255,.25);color:#c7d0dc;font-size:12px}
.reviews-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:18px;direction:ltr}
.reviews-controls button{width:44px;height:44px;border:1px solid rgba(7,20,38,.2);border-radius:50%;background:#fff;color:#071426;font:600 19px Heebo,sans-serif;cursor:pointer;transition:.22s}
.reviews-controls button:hover,.reviews-controls button:focus-visible{background:#071426;color:#d8b66f;border-color:#071426;transform:translateY(-2px)}
.reviews-count{min-width:64px;color:#6b7280;font-size:13px;font-variant-numeric:tabular-nums}
.reviews-count b{color:#9a742f;font-size:16px}
@media(max-width:780px){
  .testimonials{padding:58px 14px 62px}
  .testimonials-heading{margin-bottom:22px}
  .testimonials-heading h2{font-size:34px}
  .reviews-viewport{border-radius:16px}
  .review-slide{min-height:255px;padding:14px}
  .testimonials .review-slide blockquote{padding:24px 20px 20px}
  .testimonials .review-slide blockquote>span{left:8px;font-size:62px}
  .testimonials .review-slide blockquote p{font-size:18px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.reviews-viewport{scroll-behavior:auto}}

/* Inner service and project pages */
@scope (body.inner-page) {
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#071426;font-family:Heebo,Arial,sans-serif;overflow-x:hidden}.topbar{position:relative;height:82px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:rgba(247,246,242,.97);border-bottom:1px solid rgba(7,20,38,.12);direction:ltr}.brand-logo{width:205px;height:62px;display:flex}.brand-logo img{width:100%;height:100%;object-fit:contain}nav{display:flex;align-items:center;gap:26px;direction:rtl}nav a{color:#071426;text-decoration:none;font-size:15px}.nav-cta{border:1px solid #b78d43;padding:9px 17px}.page-hero{padding:90px max(7vw,25px) 85px;background:radial-gradient(circle at 15% 0,#183c69,#071426 52%,#030712);color:#fff}.breadcrumbs{font-size:13px;color:#b8c2cf}.breadcrumbs a{color:#e2c780;text-decoration:none}.eyebrow{margin:34px 0 15px;color:var(--gold2);letter-spacing:.2em;font-size:12px}.page-hero h1{max-width:940px;margin:0;font-size:clamp(48px,6.5vw,84px);line-height:1.03;letter-spacing:-.055em}.page-hero .lead{max-width:760px;margin:28px 0 0;color:#c2cbd7;font-size:20px;line-height:1.8}.section{padding:85px max(7vw,25px)}.section-dark{background:#071426;color:#fff}.section h2{font-size:clamp(36px,4vw,58px);margin:0 0 25px;letter-spacing:-.04em}.section p,.section li{font-size:18px;line-height:1.85}.section-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px}.fact-list{list-style:none;padding:0;margin:0;counter-reset:item}.fact-list li{position:relative;padding:19px 54px 19px 0;border-bottom:1px solid rgba(7,20,38,.14)}.fact-list li:before{counter-increment:item;content:"0" counter(item);position:absolute;right:0;color:#a77b35;font-size:13px}.section-dark .fact-list li{border-color:rgba(255,255,255,.14)}.cards{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:30px;border:1px solid rgba(7,20,38,.14);background:#fff}.card h3{font-size:24px;margin:0 0 12px}.work-links{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-link{position:relative;min-height:340px;overflow:hidden;color:#fff;text-decoration:none;background:#071426}.work-link img{width:100%;height:100%;object-fit:cover}.work-link:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(2,7,15,.95))}.work-link span{position:absolute;z-index:1;right:22px;bottom:20px;font-size:23px;font-weight:700}.cta{padding:85px 25px;text-align:center;background:#f0ede5}.cta h2{font-size:clamp(38px,5vw,65px);margin:0 0 28px}.button{display:inline-flex;padding:15px 27px;background:linear-gradient(135deg,#edd394,#b78d43);color:#07101f;text-decoration:none;font-weight:800}.project-media{background:#030712;padding:55px max(5vw,20px)}.project-video{width:min(920px,100%);margin:auto}.project-video.portrait{width:min(460px,100%)}.project-video video{display:block;width:100%;max-height:78svh;background:#000;object-fit:contain}.player-controls{height:58px;display:flex;align-items:center;gap:10px;padding:7px 12px;background:#0a1728;color:#fff;direction:ltr}.player-controls button{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:18px}.player-controls input{flex:1;accent-color:#d6ae68}.player-controls span{font-size:12px;min-width:36px;text-align:center}.project-summary{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-summary article{padding:30px;border-top:2px solid #c9a45d;background:#fff}.project-summary h2{font-size:27px}.gallery{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery img{width:100%;height:100%;min-height:260px;object-fit:cover}.site-footer{padding:38px max(5vw,22px);background:#030712;color:#9aa5b5;display:flex;justify-content:space-between;gap:20px}.site-footer a{color:#e0c078;text-decoration:none}.back-home{color:#d5b06a;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:780px){.topbar{height:68px}.brand-logo{width:155px;height:48px}.topbar nav a:not(.nav-cta){display:none}.page-hero{padding-top:65px}.page-hero h1{font-size:45px}.page-hero .lead{font-size:18px}.section{padding:62px 22px}.section-grid,.cards,.work-links,.project-summary,.gallery{grid-template-columns:1fr;gap:16px}.work-link{min-height:420px}.site-footer{flex-direction:column}.project-media{padding-inline:10px}}
}