:root{--ink:#302019;--cream:#faf4eb;--sage:#e4c8ad;--lime:#e3ac7d;--line:#dbcbbd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1300px,calc(100% - 96px));margin:auto}.skip{position:absolute;top:-100px;left:12px;background:white;z-index:30;padding:12px}.skip:focus{top:12px}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;padding:25px 48px;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff35}.wordmark{display:flex;gap:12px;align-items:center;font-family:Manrope,sans-serif;letter-spacing:.13em;font-weight:800;font-size:14px;line-height:1.1}.wordmark small{display:block;font-size:9px;font-weight:600;letter-spacing:.31em;margin-top:5px}.mark{font-size:42px;line-height:.9;letter-spacing:-.14em;font-weight:800}.mark span{color:var(--lime)}nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:700}nav a:hover,.text-link:hover{color:var(--lime)}.nav-cta{padding:13px 20px;border:1px solid #ffffff8a;border-radius:30px}.nav-cta span{padding-left:22px}.menu{display:none}.hero{min-height:760px;height:95svh;max-height:1100px;background:#241a16;position:relative;color:white;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background: url('/assets/images/photo-06.webp') center 40%/cover no-repeat;filter:brightness(.68) saturate(.75);transform:scale(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,12,.85),rgba(12,15,11,.36) 70%),linear-gradient(0deg,#0c110f8c,transparent 30%)}.hero-content{position:relative;padding:110px 0 70px 7.5%;width: min(1100px,95%)}.eyebrow,.section-tag{font-weight:700;font-size:11px;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:12px;color:#e4e9de}.dot{width:7px;height:7px;background:var(--lime);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,blockquote{font-family:Manrope,Arial,sans-serif;letter-spacing:-.065em}h1{font-size:clamp(68px,8.8vw,148px);line-height:.99;margin:30px 0 32px;font-weight:600}em{font-style:normal;color:var(--lime)}.hero-content>p{max-width:460px;font-size:17px;line-height:1.75;color:#efe3d7}.hero-actions{display:flex;gap:36px;align-items:center;margin-top:36px}.btn{display:inline-flex;gap:40px;align-items:center;justify-content:space-between;border-radius:40px;padding:19px 24px;font-size:12px;font-weight:800}.btn.light{background:var(--lime);color:#302019}.btn.dark{background:var(--ink);color:white}.text-link{font-size:12px;font-weight:700}.hero-bottom{position:absolute;bottom:33px;left:7.5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;font-weight:700}.intro{padding:140px 0;display:grid;grid-template-columns:1fr 2.1fr;gap:50px}.section-tag{color:#66766b;padding-top:8px}.intro h2,.section-top h2,.services h2,.about h2,.pricing h2,.contact h2{font-size:clamp(40px,5.1vw,79px);line-height:1.08;font-weight:600;margin-bottom:26px}.intro em,.work em,.services em,.about em,.pricing em,.contact em{color:#a66545}.intro p{max-width:620px;color:#756051;font-size:19px;line-height:1.75}.work{background:#30211c;color:white;padding:112px 0 120px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:50px}.section-top .section-tag{color:#d2af95;margin-bottom:24px}.section-top p{max-width:310px;line-height:1.7;color:#d4b7a2;font-size:14px}.section-top p strong{font-weight:400;color:#dce4d7}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.work-tile{height:380px;position:relative;overflow:hidden;background:#58392d}.work-tile.large{grid-column:span 2;height:550px}.work-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:brightness(.75)}.work-tile:hover img{transform:scale(1.045)}.tile-label{position:absolute;bottom:26px;left:34px;color:#fff}.tile-label span{font-size:10px;letter-spacing:.17em;font-weight:700}.tile-label h3{font-size:27px;letter-spacing:-.03em;margin:10px 0}.services{padding:140px 0}.services-heading{display:flex;justify-content:space-between;gap:80px;align-items:end}.services-heading p{max-width:300px;line-height:1.7;color:#866e5f}.service-list{margin-top:60px;border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:90px 1fr 40px;gap:40px;padding:38px 0;border-bottom:1px solid var(--line);align-items:start}.service-num{font-size:12px;color:#839081}.service-list h3{font-family:Manrope;font-size:clamp(26px,3.1vw,46px);font-weight:600;letter-spacing:-.05em;margin-bottom:12px}.service-list p{max-width:460px;line-height:1.7;color:#7b6254}.service-arrow{font-size:24px}.statement{padding:120px 0;background:var(--sage)}.statement blockquote{max-width:1050px;font-size:clamp(36px,6vw,85px);line-height:1.14;font-weight:600;margin:30px 0}.statement em{color:#9c6348}.statement p{font-size:10px;letter-spacing:.18em;font-weight:800}.about{display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:50px;padding:140px 0}.about p{line-height:1.75;color:#776052;font-size:16px}.inline-link{display:inline-block;border-bottom:1px solid #6d4031;padding-bottom:10px;margin-top:18px;font-size:12px;font-weight:800}.about-card{background:#ecd8c5;padding:30px;align-self:start}.about-card>span{font-size:10px;letter-spacing:.14em;font-weight:800}.about-card>div{border-top:1px solid #c9d1c4;padding:23px 0;display:flex;flex-direction:column;gap:8px}.about-card>div:first-of-type{margin-top:38px}.about-card strong{font-family:Manrope;font-size:25px;letter-spacing:-.05em}.about-card small{color:#68786c}.pricing{background:#efe0d0;padding:110px 0 120px}.pricing .section-top{margin-top:24px}.pricing .section-top p{color:#826958}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-grid article{background:#fff8f0;padding:32px;min-height:290px;display:flex;flex-direction:column}.price-grid .featured{background:#e3ac7d}.price-grid article>span{letter-spacing:.12em;font-size:10px;font-weight:800}.price-grid h3{font-family:Manrope;font-size:32px;letter-spacing:-.06em;margin:42px 0 8px}.price-grid .amount{font-size:20px;font-weight:800;margin-bottom:20px}.price-grid p:last-child{font-size:13px;line-height:1.7;margin-bottom:0;color:#546056}.price-note{font-size:11px;color:#826958;margin:18px 0 0}.contact{padding:150px 0}.contact-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:80px}.contact h2{font-size:clamp(48px,6vw,95px);margin-bottom:26px}.contact p{color:#776052;max-width:420px;line-height:1.7}.contact-side{padding:20px 0}.contact-side strong{color:var(--ink)}.contact-notice{margin:25px 0;padding:15px;border-left:3px solid #b67b58;background:#f2e2d3;font-size:13px;line-height:1.6}.disabled-link{opacity:.6;cursor:not-allowed}footer{background:#241914;color:#f3f4ed;padding:40px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p,.footer-inner>span,.footer-inner>a{font-size:11px;color:#dfc6b4;margin:0}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.site-header{padding:20px 24px}.menu{display:block;background:none;color:white;border:1px solid #ffffff7d;border-radius:20px;padding:10px 14px;font-size:12px}.menu span{margin-left:12px}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:25px;background:#291c17;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.hero{min-height:710px}.hero-content{padding-left:24px}.hero-bottom{left:24px;right:24px}.intro,.about{grid-template-columns:1fr;gap:28px;padding:85px 0}.services{padding:90px 0}.services-heading{display:block}.section-top{align-items:start}.price-grid{grid-template-columns:1fr}.price-grid article{min-height:230px}.contact{padding:95px 0}.contact-layout{gap:20px}.footer-inner{flex-wrap:wrap}}@media(max-width:600px){h1{font-size:clamp(60px,14vw,90px)}.hero{min-height:680px}.hero-image{background-position:60% center}.hero-content>p{font-size:15px}.hero-actions{gap:16px;align-items:flex-start;flex-direction:column}.hero-bottom{font-size:9px}.hero-bottom span{max-width:175px;line-height:1.7}.intro h2,.section-top h2,.services h2,.about h2,.pricing h2,.contact h2{font-size:clamp(39px,9vw,58px)}.section-top,.services-heading{display:block}.work{padding:80px 0}.work-grid{grid-template-columns:1fr}.work-tile.large{grid-column:auto;height:370px}.work-tile{height:320px}.service-list article{grid-template-columns:40px 1fr 20px;gap:13px}.service-list h3{font-size:28px}.statement{padding:80px 0}.statement blockquote{font-size:40px}.contact-layout{grid-template-columns:1fr}.footer-inner{display:grid;grid-template-columns:1fr 1fr}.footer-inner .wordmark{grid-column:span 2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-tile img{transition:none}}

/* Showcase — complete original catalog */
.showcase{padding:115px 0 125px;background:#f5ede3}.showcase-heading{display:flex;gap:50px;justify-content:space-between;align-items:end;margin:20px 0 45px}.showcase-heading h2{font-size:clamp(48px,6vw,88px);line-height:1.05;font-weight:600;margin:0}.showcase-heading em{color:#a66545}.showcase-heading p{max-width:330px;color:#856958;line-height:1.75}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filter-btn{background:transparent;border:1px solid #b3bdb2;border-radius:30px;padding:11px 17px;cursor:pointer;color:#493027;font-size:12px;font-weight:700}.filter-btn:hover,.filter-btn.active{background:#30211c;color:white;border-color:#30211c}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.showcase-card{min-height:210px;background:#e4c9b2;padding:23px;display:flex;flex-direction:column;justify-content:space-between;transition:background .2s}.showcase-card:nth-child(3n+2){background:#e9d6c5}.showcase-card:nth-child(3n){background:#e5cdb9}.showcase-card:hover{background:#dbac8d}.showcase-card[hidden]{display:none}.project-index{font-size:11px;color:#6f8270;font-weight:800}.project-info{display:flex;flex-direction:column;gap:10px;margin-top:auto}.project-category{text-transform:uppercase;font-size:9px;letter-spacing:.12em;font-weight:800;color:#946c54}.project-info strong{font:600 clamp(19px,2vw,28px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.04em}.project-arrow{align-self:end;margin-top:15px;font-size:20px}.showcase-disclaimer{color:#806858;font-size:12px;line-height:1.6;margin-top:22px}@media(max-width:900px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-heading{display:block}}@media(max-width:600px){.showcase{padding:80px 0}.showcase-grid{grid-template-columns:1fr}.showcase-card{min-height:160px}.showcase-heading h2{font-size:50px}}

/* Vimeo project playback */
button.showcase-card{border:0;text-align:left;color:inherit;font:inherit;width:100%;cursor:pointer}
button.showcase-card:focus-visible,.dialog-close:focus-visible{outline:3px solid #b27052;outline-offset:3px}
.video-dialog{border:0;padding:0;max-width:min(1050px,94vw);width:100%;background:#2b1d18;color:#f3f4ed;box-shadow:0 30px 100px #0009}
.video-dialog::backdrop{background:rgba(7,12,9,.86)}
.dialog-bar,.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px}
.dialog-bar h3{margin:0;font-size:clamp(17px,2.5vw,26px);font-family:Manrope,Arial,sans-serif}
.dialog-close{border:1px solid #b8947e;border-radius:50%;background:transparent;color:white;cursor:pointer;width:40px;height:40px}
.video-frame{aspect-ratio:16/9;background:#080b09}
.video-frame iframe{width:100%;height:100%;border:0;display:block}
.dialog-footer{font-size:13px;color:#e0cbbb}.dialog-footer a{text-decoration:underline}
@media(max-width:600px){.dialog-bar,.dialog-footer{padding:12px}.dialog-footer{font-size:11px}}

/* V4: Vimeo previews in portfolio cards (unlisted video hashes preserved) */
.showcase-card {position:relative; isolation:isolate; overflow:hidden; background:#36241e!important; color:#fff!important; min-height:250px; justify-content:flex-end; gap:12px}
.project-thumbnail {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform .45s ease; background:#57382f}
.showcase-card::before {content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg, rgba(5,15,10,.28),rgba(5,15,10,.08) 32%,rgba(5,15,10,.84) 100%)}
.showcase-card:hover .project-thumbnail, .showcase-card:focus-visible .project-thumbnail {transform:scale(1.045)}
.showcase-card .project-index {position:absolute;top:18px;left:20px;color:#fff;opacity:.88;text-shadow:0 1px 6px #0009}
.showcase-card .project-category {color:#f0c3a0;text-shadow:0 1px 7px #0009}
.showcase-card .project-info {margin-top:auto;position:relative;z-index:1}
.showcase-card .project-info strong {color:#fff;text-shadow:0 2px 9px #0009}
.showcase-card .project-arrow {position:absolute;right:19px;top:14px;margin:0;border:1px solid #ffffffa8;border-radius:50%;padding:11px 12px;font-size:12px;line-height:1;color:#fff;background:#101e1880}
@media(max-width:600px){.showcase-card{min-height:230px}}
@media(prefers-reduced-motion:reduce){.showcase-card .project-thumbnail{transition:none}}

/* Hide missing sources while waiting for Vimeo oEmbed. */
.project-thumbnail:not([src]) { opacity:0; }
.showcase-card { background:linear-gradient(145deg,#493027,#2b1d18)!important; }

/* V6 warm editorial palette: coffee, terracotta, parchment. */
:root { --ink:#302019; --cream:#faf4eb; --sage:#e4c8ad; --lime:#e3ac7d; --line:#dbcbbd; }
.hero-shade { background:linear-gradient(90deg,rgba(32,18,13,.86),rgba(39,23,17,.35) 72%),linear-gradient(0deg,rgba(35,20,15,.64),transparent 34%); }
.hero-image { filter:brightness(.72) saturate(.88) sepia(.12); }
.btn.light, .price-grid .featured { background:#e3ac7d; color:#302019; }
.work { background:#30211c; }
.work-tile { background:#53382d; }
.statement { background:#e4c8ad; }
.showcase { background:#f5ede3; }
.showcase-heading em, .intro em, .work em, .services em, .about em, .pricing em, .contact em { color:#a66545; }
.section-tag { color:#84614c; }
.filter-btn { border-color:#c9aa95; color:#493027; }
.filter-btn.active,.filter-btn:hover { background:#493027; border-color:#493027; color:#fff8f0; }
.showcase-card { background:linear-gradient(145deg,#493027,#2b1d18)!important; }
.showcase-card::before { background:linear-gradient(180deg,rgba(30,17,12,.26),rgba(30,17,12,.03) 29%,rgba(24,12,9,.9) 100%); }
.showcase-card .project-category { color:#f3cbac; }
.showcase-card .project-arrow { background:rgba(42,24,18,.75); }
.video-dialog,.dialog-bar { background:#2b1d18; }
.video-dialog::backdrop { background:rgba(23,13,9,.88); }
.video-frame { background:#100a08; }
.dialog-bar { border-bottom:1px solid rgba(255,234,211,.1); }
.dialog-close { border-color:#a17d68; }
.about-card { background:#ecd8c5; }
.pricing { background:#efe0d0; }
.price-grid article { background:#fff8f0; }
.contact-notice { background:#f2e2d3; border-color:#ae6e50; }
footer { background:#241914; }
@media (max-width:900px) { nav { background:#291c17; } }

/* Language switcher */
.language-switch {display:inline-flex;align-items:center;gap:0;border:1px solid rgba(255,244,230,.35);border-radius:100px;padding:3px;margin-left:8px;flex-shrink:0;}
.language-switch a {display:inline-flex;align-items:center;justify-content:center;border-radius:40px;min-width:31px;padding:7px 5px;color:#f7e9d8;font-size:11px;letter-spacing:.08em;text-decoration:none;line-height:1;}
.language-switch a[aria-current="page"] {background:#e3ac7d;color:#302019;font-weight:800;}
.language-switch a:hover {color:#fff;background:rgba(255,255,255,.16);}
.language-switch a[aria-current="page"]:hover {color:#302019;background:#e3ac7d;}
@media(max-width:900px){.language-switch {margin:16px 0;align-self:flex-start}.language-switch a{padding:10px 8px;min-width:40px}}

/* V9: long editorial headline and transparent travel conditions */
.hero-content{width:min(1120px,95%)}
.hero h1{font-size:clamp(49px,6.65vw,112px);line-height:1.04;max-width:1020px;letter-spacing:-.06em}
.hero-content>p{max-width:690px;font-size:clamp(15px,1.4vw,19px)}
.hero-bottom span{max-width:65%;line-height:1.5}
.travel-note{margin:16px 0 0;padding:19px 22px;border-left:3px solid #a66545;background:#fff8f0;color:#654637;font-size:14px;line-height:1.65;max-width:920px}
@media(max-width:600px){.hero h1{font-size:clamp(42px,10.4vw,65px)}.hero-content{padding-top:105px}.hero-bottom span{max-width:72%}}

/* V10 — Team portraits, consistently monochrome */
.team-section{background:#ede2d5;padding:105px 0;color:#302019}
.team-section h2{font-size:clamp(2.2rem,5vw,4.5rem);font-weight:600;letter-spacing:-.055em;line-height:1.05;margin:22px 0 12px}
.team-lead{max-width:720px;opacity:.8;line-height:1.65;margin-bottom:42px}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
.team-person{min-width:0}.team-person img{display:block;aspect-ratio:4/5;object-fit:cover;width:100%;filter:grayscale(100%);background:#c5b8aa}
.team-caption{padding:14px 0}.team-caption h3{font-size:1.05rem;margin:0 0 5px;font-weight:650}.team-caption p{margin:0;font-size:.86rem;line-height:1.45;color:#70584a}
@media(max-width:850px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-section{padding:70px 0}}
@media(max-width:480px){.team-grid{gap:16px 12px}.team-caption h3{font-size:.95rem}.team-caption p{font-size:.78rem}}

/* V11 — interactive editorial palette preview */
:root{--t-ink:#302019;--t-dark:#30211c;--t-darker:#241914;--t-paper:#faf4eb;--t-subtle:#f5ede3;--t-panel:#ede2d5;--t-quote:#e4c8ad;--t-pricing:#efe0d0;--t-card:#fff8f0;--t-accent:#a66545;--t-button:#e3ac7d;--t-muted:#756051;--t-texton:#f5eee7;--t-border:#dbcbbd;--t-overlay:rgba(32,18,13,.84)}
:root[data-palette='chocolate']{--t-ink:#251c1b;--t-dark:#342522;--t-darker:#211919;--t-paper:#f5ebdd;--t-subtle:#efe1d0;--t-panel:#e7d6c0;--t-quote:#d9bfa3;--t-pricing:#e9dbcb;--t-card:#fbf4e9;--t-accent:#8e613f;--t-button:#d4b18a;--t-muted:#6f584b;--t-texton:#f5ebdd;--t-border:#d9c6b0;--t-overlay:rgba(34,23,20,.85)}
:root[data-palette='blue']{--t-ink:#192432;--t-dark:#1c2b3a;--t-darker:#101b28;--t-paper:#f4f0e8;--t-subtle:#e9edf0;--t-panel:#dce3e7;--t-quote:#bdcad3;--t-pricing:#e2e9ed;--t-card:#f9f8f3;--t-accent:#44637b;--t-button:#b6a58d;--t-muted:#536675;--t-texton:#f4f0e8;--t-border:#cbd5db;--t-overlay:rgba(15,29,45,.87)}
:root[data-palette='burgundy']{--t-ink:#351f29;--t-dark:#422933;--t-darker:#291820;--t-paper:#f6eee7;--t-subtle:#f0e5e1;--t-panel:#e9d9d8;--t-quote:#dec3c1;--t-pricing:#eee0dd;--t-card:#fff7f1;--t-accent:#895260;--t-button:#c6a49a;--t-muted:#765c67;--t-texton:#f6eee7;--t-border:#dcc8cb;--t-overlay:rgba(44,23,33,.87)}
body{background:var(--t-paper);color:var(--t-ink)}
.hero{background:var(--t-darker)}.hero-shade{background:linear-gradient(90deg,var(--t-overlay),transparent 93%),linear-gradient(0deg,var(--t-overlay),transparent 34%)}
.hero .eyebrow{color:var(--t-texton)}.mark span,.hero em{color:var(--t-button)}.btn.light{background:var(--t-button);color:var(--t-ink)}.btn.dark{background:var(--t-ink);color:var(--t-paper)}
.intro p,.about p,.contact p,.services-heading p,.service-list p,.pricing .section-top p,.showcase-heading p{color:var(--t-muted)}
.intro em,.work em,.services em,.about em,.pricing em,.contact em,.showcase-heading em{color:var(--t-accent)}
.section-tag,.service-num,.about-card small,.team-caption p{color:var(--t-accent)}
.work,.filter-btn.active,.filter-btn:hover{background:var(--t-dark);color:var(--t-texton)}.work-tile,.showcase-card{background:var(--t-dark)!important}
.work .section-top p{color:var(--t-quote)}.work .section-top .section-tag{color:var(--t-button)}
.services .service-list,.service-list article{border-color:var(--t-border)}
.statement{background:var(--t-quote)}.statement em{color:var(--t-accent)}
.about-card{background:var(--t-panel)}.about-card>div{border-color:var(--t-border)}
.pricing{background:var(--t-pricing)}.price-grid article,.travel-note{background:var(--t-card);color:var(--t-ink)}.price-grid .featured{background:var(--t-button);color:var(--t-ink)}.price-grid p:last-child,.price-note{color:var(--t-muted)}.travel-note{border-color:var(--t-accent)}
.showcase{background:var(--t-subtle)}.filter-btn{border-color:var(--t-border);color:var(--t-ink)}.filter-btn.active,.filter-btn:hover{border-color:var(--t-dark);color:var(--t-texton)}
.team-section{background:var(--t-panel);color:var(--t-ink)}.team-caption p{color:var(--t-muted)}
footer,.video-dialog,.dialog-bar{background:var(--t-darker)}.video-dialog::backdrop{background:rgba(0,0,0,.88)}
.contact-side strong{color:var(--t-ink)}.contact-notice{background:var(--t-subtle);border-color:var(--t-accent)}
.language-switch a[aria-current='page'],.language-switch a[aria-current='page']:hover{background:var(--t-button);color:var(--t-ink)}
@media(max-width:900px){nav{background:var(--t-darker)}}

/* V12 — midnight blue, ivory, warm blush-sand. Unified editorial presentation. */
:root {
 --ink:#192432; --cream:#f4f0e8; --sage:#e5d6cd; --lime:#e2c7b5; --line:#cbd5db;
 --t-ink:#192432; --t-dark:#1c2b3a; --t-darker:#101b28;
 --t-paper:#f4f0e8; --t-subtle:#e9edf0; --t-panel:#e0e5e7;
 --t-quote:#e8d8cf; --t-pricing:#eceff0; --t-card:#f9f8f3;
 --t-accent:#996c65; --t-button:#e2c7b5; --t-muted:#536675;
 --t-texton:#f4f0e8; --t-border:#cbd5db; --t-overlay:rgba(15,29,45,.88);
}
/* Retain a consistent navy / ivory look across the entire site. */
.hero-image { filter:brightness(.73) saturate(.74); }
.hero-shade {background:linear-gradient(90deg,rgba(13,26,43,.88),rgba(16,30,47,.30) 80%),linear-gradient(0deg,rgba(13,26,43,.67),transparent 36%)}
.mark span,.dot{color:var(--t-button);background-color:var(--t-button)}
.mark span {background:transparent}
.btn.light{background:var(--t-button);color:var(--t-ink)}
.language-switch a[aria-current='page'],.language-switch a[aria-current='page']:hover {background:var(--t-button);color:var(--t-ink)}
.showcase-heading em,.intro em,.work em,.services em,.about em,.pricing em,.contact em {color:var(--t-accent)}
.work,.video-dialog,.dialog-bar {background:var(--t-dark)}
/* Cards have the same underlying paper. Ensemble gets a subtle highlighted border, not a solid accent fill. */
.price-grid{gap:16px;align-items:stretch}
.price-grid article,.price-grid .featured {position:relative;background:#f9f8f3;color:#192432;border:1px solid #d2d9dc;box-shadow:none}
.price-grid .featured {border:2px solid #b58f88;padding:31px;background:#fbf8f5}
.price-grid .featured::before {content:'';position:absolute;top:0;left:0;right:0;height:5px;background:#d9b8a0}
.price-grid article>span {color:#63717c}
.price-grid article h3,.price-grid article .amount{color:#192432}
.price-grid article .amount{border-bottom:1px solid #d9dfe2;padding-bottom:17px}
.price-grid article p:last-child{color:#536675}
/* Apply one restrained photographic treatment to every thumbnail. */
.showcase-card{background:#1c2b3a!important;}
.project-thumbnail{filter:grayscale(34%) saturate(.62) brightness(.82) contrast(1.03);transition:transform .45s ease,filter .35s ease}
.showcase-card::before {background:linear-gradient(180deg,rgba(13,27,44,.35) 0%,rgba(18,34,51,.29) 38%,rgba(8,21,36,.91) 100%)}
.showcase-card .project-category{color:#ead0c1}
.showcase-card .project-arrow{background:rgba(14,28,46,.76)}
.showcase-card:hover .project-thumbnail,.showcase-card:focus-visible .project-thumbnail{filter:grayscale(14%) saturate(.85) brightness(.9) contrast(1.03);transform:scale(1.04)}
.team-person img{filter:grayscale(100%)}
.travel-note{background:#f9f8f3;border-left-color:#b58f88}
@media(prefers-reduced-motion:reduce){.project-thumbnail{transition:none}}


/* V13 — back to warm coffee palette, keeping unified pricing and thumbnail treatment. */
:root {
 --ink:#302019; --cream:#faf4eb; --sage:#e7d5c4; --lime:#d7b195; --line:#dbcbbd;
 --t-ink:#302019; --t-dark:#30211c; --t-darker:#241914;
 --t-paper:#faf4eb; --t-subtle:#f5ede3; --t-panel:#ede2d5;
 --t-quote:#e4c8ad; --t-pricing:#efe0d0; --t-card:#fff8f0;
 --t-accent:#a66545; --t-button:#d7b195; --t-muted:#776052;
 --t-texton:#f5eee7; --t-border:#dbcbbd; --t-overlay:rgba(32,18,13,.84);
}
.hero-image { filter:brightness(.71) saturate(.78) sepia(.07); }
.hero-shade {background:linear-gradient(90deg,rgba(28,18,13,.87),rgba(31,20,15,.32) 78%),linear-gradient(0deg,rgba(24,14,10,.68),transparent 36%)}
.mark span,.dot{color:var(--t-button);background-color:var(--t-button)}
.mark span {background:transparent}
.btn.light{background:var(--t-button);color:var(--t-ink)}
.language-switch a[aria-current='page'],.language-switch a[aria-current='page']:hover {background:var(--t-button);color:var(--t-ink)}
.showcase-heading em,.intro em,.work em,.services em,.about em,.pricing em,.contact em {color:var(--t-accent)}
.work,.video-dialog,.dialog-bar {background:var(--t-dark)}
/* Use calm editorial pricing cards instead of strong blocks of color. */
.price-grid{gap:16px;align-items:stretch}
.price-grid article,.price-grid .featured {position:relative;background:#fff8f0;color:#302019;border:1px solid #dfcfc0;box-shadow:none}
.price-grid .featured {border:2px solid #bb8b6e;padding:31px;background:#fffaf5}
.price-grid .featured::before {content:'';position:absolute;top:0;left:0;right:0;height:5px;background:#d8b198}
.price-grid article>span {color:#8b6a58}
.price-grid article h3,.price-grid article .amount{color:#302019}
.price-grid article .amount{border-bottom:1px solid #e5d6c7;padding-bottom:17px}
.price-grid article p:last-child{color:#776052}
/* Unify showcase thumbnails with a warm, restrained treatment. */
.showcase-card{background:#30211c!important;}
.project-thumbnail{filter:grayscale(30%) saturate(.62) brightness(.8) contrast(1.03) sepia(.08);transition:transform .45s ease,filter .35s ease}
.showcase-card::before {background:linear-gradient(180deg,rgba(31,20,15,.28) 0%,rgba(35,22,16,.22) 38%,rgba(19,11,8,.9) 100%)}
.showcase-card .project-category{color:#f3cbac}
.showcase-card .project-arrow{background:rgba(42,24,18,.78)}
.showcase-card:hover .project-thumbnail,.showcase-card:focus-visible .project-thumbnail{filter:none;transform:scale(1.04)}
.travel-note{background:#fff8f0;border-left-color:#bb8b6e}
.team-person img{filter:grayscale(100%)}
@media(prefers-reduced-motion:reduce){.project-thumbnail{transition:none}}

/* V17 — system font stack avoids remote font requests; background showreel is a locally hosted, silent optimized MP4. */
body{font-family:Arial,Helvetica,sans-serif}
h1,h2,blockquote,.wordmark,.service-list h3,.about-card strong,.price-grid h3{font-family:Arial,Helvetica,sans-serif}
.hero-image{background-image:url('/assets/images/showreel-poster.jpg')!important;filter:none;transform:none}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.8) saturate(.85)}
@media(max-width:767px), (prefers-reduced-motion:reduce){.hero-video{display:none}}


/* V18 — self-hosted typefaces and motion system */
@font-face{font-family:'Manrope';src:url('/assets/fonts/manrope-variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans-variable.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
body{font-family:'DM Sans',Arial,sans-serif}
h1,h2,blockquote,.wordmark,.service-list h3,.about-card strong,.price-grid h3,.team-section h2,.showcase-heading h2{font-family:'Manrope',Arial,sans-serif}
.hero-image{background-image:url('/assets/images/showreel-poster.jpg')!important}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:1;filter:brightness(.9) saturate(.94);z-index:0}
.hero-shade{pointer-events:none}
/* Reveal only once as elements enter viewport; do not animate whole large grids. */
.js-motion .scroll-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .72s ease,transform .72s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.js-motion .scroll-reveal.is-visible{opacity:1;transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.js-motion .scroll-reveal{opacity:1;transform:none;transition:none}.hero-video{display:none}}
@media(max-width:767px){.hero-video{display:none}}


/* V20 — simplify/hide thumbnail play badge on touch devices */
@media (hover: none), (pointer: coarse), (max-width: 820px) {
  .showcase-card .project-arrow {
    width: 42px;
    height: 42px;
    top: 14px;
    right: 14px;
    border-width: 1.5px;
    background: rgba(48,32,25,.72);
    backdrop-filter: blur(4px);
    box-shadow: none;
    font-size: 0;
  }
  .showcase-card .project-arrow::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid rgba(250,244,235,.95);
    margin-left: 3px;
  }
}
@media (max-width: 560px) {
  .showcase-card .project-arrow {
    opacity: .82;
    width: 36px;
    height: 36px;
  }
  .showcase-card .project-arrow::before {
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-left-width: 9px;
  }
}


/* V21 — true mobile motion hero, dedicated portrait video/poster */
@media(max-width:767px){
 .hero-image{background-image:url('/assets/images/showreel-poster-mobile.jpg')!important;background-size:cover;background-position:center 32%;}
 .hero-video{display:block!important;object-fit:cover;object-position:center center;filter:brightness(.85) saturate(.92)}
 .hero-shade{background:linear-gradient(180deg,rgba(23,14,10,.62),rgba(22,13,9,.4) 42%,rgba(22,13,9,.7) 100%)}
 .hero{min-height:720px;min-height:100svh}
}
.hero-play-fallback[hidden]{display:none!important}
.hero-play-fallback{position:absolute;z-index:4;bottom:88px;right:22px;border:1px solid #fff9;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:rgba(40,28,21,.55);color:#fff;cursor:pointer}
@media(prefers-reduced-motion:reduce){.hero-video{display:none!important}.hero-play-fallback{display:none!important}}


/* V24 — showcase redesign: clean polaroid-style cards, original thumbnail colors */
.showcase{
  background:#f4ecdf;
}
.showcase-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px 28px;
  align-items:start;
}
button.showcase-card,
.showcase-card{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:auto;
  padding:12px 12px 18px;
  background:#fffdf9 !important;
  color:#2f221c !important;
  border:1px solid rgba(69,45,34,.08);
  border-radius:3px;
  box-shadow:0 18px 35px rgba(61,36,22,.12), 0 2px 8px rgba(61,36,22,.06);
  overflow:visible;
  gap:0;
  transition:transform .28s ease, box-shadow .28s ease;
}
.showcase-card::before,
.showcase-card::after,
.showcase-card .project-arrow{
  display:none !important;
  content:none !important;
}
.showcase-card:nth-child(odd){transform:rotate(-1.15deg)}
.showcase-card:nth-child(3n+2){transform:rotate(.8deg)}
.showcase-card:nth-child(3n){transform:rotate(-.45deg)}
.showcase-card:hover,
.showcase-card:focus-visible{
  transform:translateY(-8px) rotate(0deg);
  box-shadow:0 24px 40px rgba(61,36,22,.18), 0 6px 14px rgba(61,36,22,.08);
}
.project-thumbnail{
  position:relative;
  inset:auto;
  z-index:auto;
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:4 / 3;
  object-fit:cover;
  background:#ece4d9;
  filter:none !important;
  transform:none;
  transition:transform .45s ease;
  margin:0;
}
.showcase-card:hover .project-thumbnail,
.showcase-card:focus-visible .project-thumbnail{
  transform:scale(1.04);
}
.project-index,
.project-index-overlay{
  display:none !important;
}
.project-info{
  margin:0;
  padding:18px 10px 2px;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:110px;
}
.project-category{
  order:1;
  display:block;
  color:#8f6c58 !important;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:10px;
  font-weight:700;
  line-height:1.35;
  text-shadow:none !important;
}
.project-info strong{
  order:2;
  color:#2f221c !important;
  text-shadow:none !important;
  font:600 clamp(22px,2vw,35px)/1.08 Manrope, Arial, sans-serif;
  letter-spacing:-.045em;
}
.showcase-disclaimer{
  margin-top:26px;
}
@media (max-width: 1050px){
  .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;}
}
@media (max-width: 700px){
  .showcase-grid{grid-template-columns:1fr;gap:22px;}
  .showcase-card,
  button.showcase-card{padding:10px 10px 16px;transform:none !important;}
  .showcase-card:hover,
  .showcase-card:focus-visible{transform:translateY(-3px) !important;}
  .project-info{min-height:unset;padding:16px 10px 4px;}
  .project-info strong{font-size:clamp(22px,7vw,34px);}
}