:root{
  --black:#0b0b0a;
  --stone:#1a1a1a;
  --taupe:#a89f93;
  --bone:#ebe1d8;
  --cream:#f0e9df;
  --acid:#c7ff4a;
  --blue:#17469c;
  --orange:#df8a52;
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"DM Sans",Arial,sans-serif;
  --pad:clamp(22px,4vw,68px);
  --max:1600px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;font-family:var(--sans);background:var(--black);color:#111;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
figure{margin:0}
.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.24em}
[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}
[data-reveal-image]{clip-path:inset(10% 0 0 0);opacity:.25;transition:clip-path 1.05s cubic-bezier(.2,.7,.15,1),opacity .9s ease}
[data-reveal].in{opacity:1;transform:none}
[data-reveal-image].in{clip-path:inset(0);opacity:1}
.floating-card{--mx:0px;--my:0px;transform:translate3d(var(--mx),var(--my),0);transition:transform .45s cubic-bezier(.2,.8,.2,1)}

/* Header */
.site-header{position:absolute;top:0;left:0;right:0;z-index:50;height:82px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#f1ece4}
.header-logo{width:174px;height:52px;overflow:hidden;display:flex;align-items:center;mix-blend-mode:screen;opacity:.94}
.header-logo img{width:100%;height:auto}
.site-nav{display:flex;gap:32px;font-size:8px;text-transform:uppercase;letter-spacing:.14em}
.site-nav a{position:relative}
.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}
.site-nav a:hover:after{transform:scaleX(1);transform-origin:left}
.header-line{justify-self:end;font-size:7px;text-transform:uppercase;letter-spacing:.19em;border-bottom:1px solid rgba(255,255,255,.52);padding-bottom:8px;color:rgba(255,255,255,.78)}
.nav-toggle{display:none;background:none;border:0;color:white;width:44px;height:44px}
.nav-toggle span{height:1px;background:currentColor;display:block;margin:7px}

/* Hero */
.hero{min-height:760px;height:100svh;max-height:960px;position:relative;overflow:hidden;background:#0b0b0a;color:#f1ece4;display:grid;grid-template-columns:minmax(430px,41%) 1fr}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 42%,rgba(120,98,75,.16),transparent 30%);z-index:0}
.hero-copy{position:relative;z-index:4;align-self:center;padding:128px 56px 72px var(--pad);max-width:680px}
.hero-copy .eyebrow{color:rgba(255,255,255,.57);margin-bottom:26px}
.hero-wordmark{width:min(100%,520px);mix-blend-mode:screen}
.ideas{font-size:8px;text-transform:uppercase;letter-spacing:.36em;margin:15px 0 24px;color:rgba(255,255,255,.68)}
.hero-rule{width:1px;height:27px;background:rgba(255,255,255,.48);margin:0 0 12px 2px}
.hero-copy p{font-family:var(--serif);font-size:20px;line-height:1.38;margin:0 0 29px;color:#e7ded3}
.hero-image{position:relative;z-index:2;overflow:hidden;min-width:0}
.hero-image:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#0b0b0a 0%,rgba(11,11,10,.73) 5%,rgba(11,11,10,.12) 25%,transparent 54%);pointer-events:none}
.hero-image:after{content:"";position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 120px rgba(0,0,0,.22);pointer-events:none}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.74) contrast(1.04) saturate(.73);transform:scale(1.03)}
.circle-link{display:inline-flex;align-items:center;gap:13px;font-size:8px;text-transform:uppercase;letter-spacing:.18em}
.circle-link b{width:35px;height:35px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:400;font-size:13px;transition:transform .25s,background .25s,color .25s}
.circle-link:hover b{transform:translateX(3px);background:currentColor;color:var(--black)}
.circle-link.dark{color:#111}
.circle-link.dark:hover b{color:#f4efe7}

/* Signature portfolio intro */
.portfolio-intro{background:#f3eee6;padding:110px var(--pad) 95px;display:grid;grid-template-columns:.44fr 1fr;gap:8vw;position:relative}
.portfolio-intro:before{content:"";position:absolute;top:0;left:var(--pad);right:var(--pad);height:1px;background:rgba(0,0,0,.14)}
.portfolio-index{font-size:8px;text-transform:uppercase;letter-spacing:.19em;color:#756f66;padding-top:8px}
.portfolio-intro h2{font-family:var(--serif);font-size:clamp(54px,7.4vw,112px);font-weight:400;line-height:.88;letter-spacing:-.045em;margin:0 0 22px}
.portfolio-intro p{font-family:var(--serif);font-size:20px;color:#716b63;margin:0;max-width:650px}

/* shared project takeover */
.takeover{position:relative;overflow:hidden;isolation:isolate}
.project-no{font-size:8px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:20px}
.project-no span{display:inline-block;width:34px;height:1px;background:currentColor;vertical-align:middle;margin:0 10px;opacity:.45}
.takeover h2{font-family:var(--serif);font-size:clamp(64px,8.2vw,132px);font-weight:500;line-height:.78;letter-spacing:-.05em;margin:0 0 18px}
.services-line{font-family:var(--serif);font-size:17px;margin:0 0 13px}
.project-summary{font-family:var(--serif);font-size:18px;line-height:1.38;max-width:390px;margin:0 0 26px}
.project-whisper{position:absolute;font-size:8px;text-transform:uppercase;letter-spacing:.22em}

/* LUNEVAIRE: calm, spacious, editorial */
.takeover-lune{min-height:100svh;background:#eee8df;display:grid;grid-template-columns:34% 66%;align-items:center;padding:90px var(--pad)}
.takeover-lune:before{content:"01";position:absolute;right:3vw;top:3vh;font-family:var(--serif);font-size:31vw;line-height:.7;color:rgba(0,0,0,.025);z-index:-1}
.takeover-copy{padding-right:3vw;z-index:4}
.lune-stage{height:min(78vh,760px);min-height:590px;position:relative;display:grid;place-items:center}
.lune-main{position:absolute;inset:2% 10% 0 3%;overflow:hidden;background:#ddd}
.lune-main img{width:100%;height:100%;object-fit:cover;object-position:center}
.lune-campaign{position:absolute;width:min(22vw,290px);height:52%;right:0;bottom:-2%;overflow:hidden;border:8px solid #eee8df;box-shadow:0 28px 55px rgba(35,28,20,.17)}
.lune-campaign img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.takeover-lune .project-whisper{right:1%;top:5%;writing-mode:vertical-rl;color:#746d64}

/* PALMA: overlapping, expressive */
.takeover-palma{min-height:105svh;background:#e7bd86;padding:90px var(--pad) 82px;display:grid;grid-template-columns:34% 66%;align-items:center}
.takeover-palma:before{content:"";position:absolute;width:35vw;height:35vw;border-radius:50%;background:#e9743f;right:-12vw;top:-15vw;opacity:.24;z-index:-1}
.palma-copy{z-index:4;padding-right:3vw}
.palma-copy h2{color:var(--blue);font-size:clamp(62px,7.7vw,122px)}
.palma-copy .project-no{color:#34302a}
.palma-copy .services-line{color:#2b2927}
.palma-collage{height:min(80vh,770px);min-height:610px;position:relative}
.palma-main{position:absolute;left:0;right:4%;top:7%;bottom:6%;overflow:hidden;box-shadow:0 25px 70px rgba(91,50,18,.15)}
.palma-main img{width:100%;height:100%;object-fit:cover;filter:saturate(.83) brightness(.99)}
.palma-campaign{position:absolute;width:min(20vw,280px);height:55%;left:-6%;bottom:-1%;overflow:hidden;border:8px solid #e7bd86;box-shadow:0 25px 50px rgba(73,39,18,.16)}
.palma-campaign img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.palma-web{position:absolute;width:min(23vw,340px);height:38%;right:-1%;top:-2%;overflow:hidden;border:8px solid #e7bd86;box-shadow:0 24px 50px rgba(73,39,18,.16)}
.palma-web img{width:100%;height:100%;object-fit:cover}
.palma-stamp{position:absolute;right:3%;bottom:2%;width:125px;height:125px;border-radius:50%;background:var(--blue);color:#f4e8d4;display:grid;place-items:center;text-align:center;font-family:var(--serif);font-size:17px;line-height:1.05;transform:rotate(-8deg);box-shadow:0 15px 35px rgba(22,51,120,.2)}

/* ALTRIS: immersive, technical, dark */
.takeover-altris{min-height:105svh;background:linear-gradient(105deg,#080909 0%,#111311 55%,#070707 100%);color:#f3f0e9;padding:90px var(--pad);display:grid;grid-template-columns:34% 66%;align-items:center}
.altris-copy{z-index:5;padding-right:3vw}
.altris-copy h2{font-family:var(--sans);font-weight:400;letter-spacing:.16em;font-size:clamp(48px,6.4vw,98px);line-height:.86}
.altris-copy .project-no,.altris-copy .services-line{color:rgba(255,255,255,.68)}
.altris-copy .project-summary{color:rgba(255,255,255,.72)}
.altris-stage{height:min(80vh,760px);min-height:610px;position:relative}
.signal-glow{position:absolute;left:12%;right:2%;top:33%;height:27%;background:radial-gradient(ellipse at center,rgba(199,255,74,.24),rgba(199,255,74,.07) 36%,transparent 72%);filter:blur(25px);opacity:.7}
.altris-board{position:absolute;left:2%;right:0;top:7%;bottom:6%;overflow:hidden;border:1px solid rgba(255,255,255,.09);box-shadow:0 35px 75px rgba(0,0,0,.42)}
.altris-board img{width:100%;height:100%;object-fit:cover;filter:brightness(.88) contrast(1.06)}
.altris-ui{position:absolute;width:min(19vw,270px);height:70%;left:-4%;bottom:-1%;overflow:hidden;border:6px solid #111311;border-radius:18px;box-shadow:0 35px 60px rgba(0,0,0,.48)}
.altris-ui img{width:100%;height:100%;object-fit:cover;object-position:center top}
.altris-signal{position:absolute;right:2%;bottom:0;font-family:var(--serif);font-size:clamp(28px,3vw,46px);line-height:.95;text-align:right;color:#f1eee8}
.altris-signal span{color:var(--acid);font-style:italic}

/* Studio / services */
.studio-section{background:#f1ede5;padding:120px var(--pad);display:grid;grid-template-columns:.42fr 1fr;gap:8vw}
.studio-label{font-size:9px;text-transform:uppercase;letter-spacing:.22em}
.studio-copy h2{font-family:var(--serif);font-size:clamp(52px,7vw,106px);font-weight:400;line-height:.89;letter-spacing:-.048em;margin:0 0 28px}
.studio-copy p{font-size:17px;line-height:1.72;color:#68635c;max-width:780px}
.services-section{background:#ebe5db;padding:0 var(--pad) 115px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.services-section article{border:1px solid rgba(0,0,0,.14);padding:28px;min-height:300px;display:flex;flex-direction:column;transition:transform .3s ease}
.services-section article:hover{transform:translateY(-4px)}
.services-section article:nth-child(2){background:#151515;color:#f4efe6;border-color:#151515}
.services-section article:nth-child(3){background:#d9d0c3}
.services-section span{font-size:9px;color:#777}
.services-section h3{font-family:var(--serif);font-size:46px;font-weight:400;margin:auto 0 13px}
.services-section p{font-size:13px;line-height:1.62;color:#706b64;margin:0}
.services-section article:nth-child(2) p{color:#bdb7ae}

.contact-section{background:#11110f;color:#f2ece3;padding:105px var(--pad);position:relative;overflow:hidden}
.contact-section:after{content:"K";position:absolute;right:-.03em;bottom:-.42em;font-family:var(--serif);font-size:42vw;line-height:1;color:rgba(255,255,255,.025)}
.contact-section>*{position:relative;z-index:2}
.contact-section h2{font-family:var(--serif);font-weight:400;font-size:clamp(60px,8.4vw,132px);line-height:.87;letter-spacing:-.055em;max-width:1250px;margin:22px 0 38px}
.contact-section a{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:5px}

/* Footer */
.site-footer{background:#0b0b0a;color:#f0ece4;padding:18px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.08)}
.footer-logo{width:126px;mix-blend-mode:screen;opacity:.82}
.footer-logo img{width:100%}
.site-footer nav{display:flex;gap:28px;font-size:7px;text-transform:uppercase;letter-spacing:.13em;opacity:.70}
.copyright{justify-self:end;font-size:6px;text-transform:uppercase;letter-spacing:.1em;color:rgba(240,236,228,.46)}

/* Case pages (kept functional until individual case-study pass) */
.case-page{min-height:100vh;background:#0b0b0a;color:#f1ece4}
.case-header{height:82px;position:relative}.case-header .site-header{position:absolute}
.case-hero{min-height:720px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch}
.case-hero>div{padding:90px var(--pad);display:flex;flex-direction:column;justify-content:center}
.case-hero .back{font-size:9px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:50px}
.case-hero h1{font-family:var(--serif);font-size:clamp(72px,10vw,150px);line-height:.82;letter-spacing:-.05em;font-weight:400;margin:24px 0}
.case-hero p{font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.case-hero img{width:100%;height:100%;object-fit:cover;min-height:720px}
.case-note{background:#eee8df;color:#111;padding:70px var(--pad);display:grid;grid-template-columns:.4fr 1fr;gap:7vw}
.case-note div{font-family:var(--serif);font-size:38px}
.case-note p{max-width:650px;color:#68625b;line-height:1.7}

/* Mobile gets its own composition */
@media(max-width:900px){
  .site-header{grid-template-columns:1fr auto;height:72px}
  .header-logo{width:154px}
  .header-line{display:none}
  .nav-toggle{display:block;justify-self:end}
  .site-nav{display:none;position:fixed;inset:0;z-index:-1;background:#0b0b0a;min-height:100svh;padding:108px 24px;flex-direction:column;align-items:flex-start;font-family:var(--serif);font-size:42px;gap:20px}
  .site-nav.is-open{display:flex}
  .hero{height:auto;min-height:100svh;max-height:none;grid-template-columns:1fr;grid-template-rows:auto 43vh}
  .hero-copy{padding:108px 22px 40px;align-self:end;max-width:570px}
  .hero-wordmark{width:min(90vw,500px)}
  .hero-copy p{font-size:18px}
  .hero-image{min-height:43vh}
  .hero-image:before{background:linear-gradient(180deg,#0b0b0a 0%,rgba(11,11,10,.55) 8%,transparent 44%)}
  .portfolio-intro{grid-template-columns:1fr;padding:78px 22px 70px;gap:22px}
  .portfolio-intro h2{font-size:clamp(48px,14vw,72px)}
  .takeover{display:block;min-height:auto;padding:75px 22px}
  .takeover h2{font-size:clamp(58px,16vw,84px)}
  .takeover-copy,.palma-copy,.altris-copy{padding:0 0 34px}
  .project-summary{font-size:17px;max-width:460px}
  .lune-stage,.palma-collage,.altris-stage{height:72vh;min-height:540px}
  .lune-main{inset:0 0 6% 0}
  .lune-campaign{width:38vw;max-width:190px;height:45%;right:-6px;bottom:-2%;border-width:5px}
  .takeover-lune .project-whisper{display:none}
  .palma-main{left:0;right:0;top:3%;bottom:8%}
  .palma-campaign{width:35vw;max-width:180px;height:45%;left:-7px;bottom:0;border-width:5px}
  .palma-web{width:43vw;max-width:220px;height:31%;right:-7px;top:-1%;border-width:5px}
  .palma-stamp{width:96px;height:96px;font-size:14px;right:4%;bottom:1%}
  .altris-board{left:0;right:0;top:4%;bottom:8%}
  .altris-ui{width:36vw;max-width:185px;height:58%;left:-6px;bottom:0;border-width:4px}
  .altris-signal{font-size:28px;right:2%;bottom:0}
  .studio-section{grid-template-columns:1fr;padding:90px 22px;gap:25px}
  .services-section{grid-template-columns:1fr;padding:0 22px 90px}
  .services-section article{min-height:230px}
  .contact-section{padding:85px 22px}
  .site-footer{grid-template-columns:1fr;gap:15px;padding:28px 22px}
  .site-footer nav{flex-wrap:wrap}
  .copyright{justify-self:start}
  .case-hero{grid-template-columns:1fr}
  .case-hero>div{padding:70px 22px}
  .case-hero img{min-height:470px}
  .case-note{grid-template-columns:1fr;padding:55px 22px}
}
@media(max-width:520px){
  .hero-wordmark{width:94vw}
  .ideas{letter-spacing:.25em;font-size:7px}
  .takeover h2{font-size:15vw}
  .palma-copy h2{font-size:13vw}
  .altris-copy h2{font-size:12vw}
  .lune-stage,.palma-collage,.altris-stage{height:64vh;min-height:480px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* Full case studies */
.case{background:#0b0b0a;color:#f1ece4}
.case .site-header{position:absolute}
.case-top{min-height:92svh;display:grid;grid-template-columns:.8fr 1.2fr;position:relative;overflow:hidden}
.case-top-copy{padding:145px var(--pad) 70px;display:flex;flex-direction:column;justify-content:center;z-index:3}
.case-top .back{font-size:8px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:65px;color:rgba(255,255,255,.62)}
.case-top h1{font-family:var(--serif);font-size:clamp(80px,10vw,160px);font-weight:400;line-height:.76;letter-spacing:-.055em;margin:24px 0 25px}
.case-top-copy>p{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.72)}
.case-top figure{min-height:92svh;overflow:hidden}
.case-top figure img{width:100%;height:100%;object-fit:cover}
.dark-top{background:#0b0b0a}
.dark-top figure:after,.altris-top figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0a 0%,transparent 35%);pointer-events:none}
.case-top figure{position:relative}
.case-intro{padding:110px var(--pad);display:grid;grid-template-columns:.42fr 1fr;gap:8vw;background:#eee8df;color:#111}
.case-intro>div:first-child{font-size:8px;text-transform:uppercase;letter-spacing:.17em;color:#736d65;padding-top:9px}
.case-intro h2{font-family:var(--serif);font-size:clamp(54px,7vw,108px);font-weight:400;line-height:.9;letter-spacing:-.045em;margin:0 0 25px}
.case-intro p{font-size:17px;line-height:1.72;color:#69635b;max-width:760px}
.case-full{padding:70px var(--pad)}
.case-full figure{max-width:1500px;margin:auto;overflow:hidden}
.case-full img{width:100%;height:auto}
.bone{background:#eee8df;color:#111}.black{background:#0b0b0a;color:#f1ece4}
.case-split{display:grid;grid-template-columns:.56fr 1.44fr;align-items:stretch;min-height:88svh}
.case-split.reverse{grid-template-columns:1.4fr .6fr}
.case-split figure{min-height:88svh;overflow:hidden}
.case-split figure img{width:100%;height:100%;object-fit:cover}
.case-caption{padding:80px var(--pad);display:flex;flex-direction:column;justify-content:center}
.case-caption span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:25px;color:#7a746c}
.black .case-caption span{color:rgba(255,255,255,.48)}
.case-caption h2{font-family:var(--serif);font-size:clamp(50px,6vw,92px);font-weight:400;line-height:.91;letter-spacing:-.045em;margin:0 0 24px}
.case-caption p{font-size:16px;line-height:1.7;max-width:430px;color:#706a63}.black .case-caption p{color:rgba(255,255,255,.62)}
.case-ending{padding:110px var(--pad);min-height:65svh;display:flex;flex-direction:column;justify-content:center}
.case-ending>span{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.47)}
.case-ending h2{font-family:var(--serif);font-size:clamp(60px,8.2vw,128px);font-weight:400;line-height:.87;letter-spacing:-.05em;margin:24px 0 42px}
.case-ending h2 em{color:var(--acid);font-weight:400}
.case-ending a{font-size:9px;text-transform:uppercase;letter-spacing:.14em;width:max-content;border-bottom:1px solid currentColor;padding-bottom:5px}

/* PALMA case */
.palma-top{background:#dba66c;color:#111}
.palma-top .site-header{color:#111}.palma-top .nav-toggle{color:#111}.palma-top .header-logo{mix-blend-mode:multiply;filter:invert(1)}
.palma-top .back,.palma-top .case-top-copy>p{color:rgba(0,0,0,.62)}
.palma-top h1{color:var(--blue)}
.palma-top figure img{filter:saturate(.86)}
.palma-intro{background:#f0c997}
.palma-gallery{background:#e0aa72;padding:70px var(--pad);display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.palma-gallery figure{overflow:hidden;min-height:720px}
.palma-gallery figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.88)}
.palma-web-section{background:#f1d4aa;color:#111}
.palma-web-section figure img{filter:saturate(.86)}
.palma-end{background:#17469c;color:#f5e7d1}
.palma-end>span{color:rgba(255,255,255,.62)}.palma-end h2 em{color:#ef9c5c}

/* ALTRIS case */
.altris-top{background:#070808}.altris-top h1{font-family:var(--sans);letter-spacing:.18em;font-size:clamp(68px,8vw,125px)}
.altris-top figure img{filter:brightness(.84) contrast(1.08)}
.altris-intro{background:#111312;color:#f3f0e9}.altris-intro>div:first-child{color:#8c9482}.altris-intro p{color:rgba(255,255,255,.60)}.altris-intro h2 em{color:var(--acid)}
.altris-gallery{padding:70px var(--pad);display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}
.altris-gallery figure{min-height:700px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.altris-gallery figure img{width:100%;height:100%;object-fit:cover;filter:brightness(.90)}
.altris-campaign{background:#0b0c0b}.altris-campaign figure{border:1px solid rgba(255,255,255,.08)}
.altris-end{background:radial-gradient(circle at 75% 55%,rgba(199,255,74,.08),transparent 25%),#080909}.altris-end h2 em{color:var(--acid)}

@media(max-width:900px){
  .case-top{grid-template-columns:1fr;min-height:auto}.case-top-copy{padding:120px 22px 55px}.case-top .back{margin-bottom:40px}.case-top h1{font-size:18vw}.case-top figure{min-height:58vh;height:58vh}
  .case-intro{grid-template-columns:1fr;padding:80px 22px;gap:22px}.case-full{padding:40px 22px}
  .case-split,.case-split.reverse{grid-template-columns:1fr}.case-split figure{min-height:60vh;height:60vh}.case-caption{padding:70px 22px}.case-split.reverse figure{order:2}.case-split.reverse .case-caption{order:1}
  .case-ending{padding:80px 22px;min-height:55vh}.palma-gallery,.altris-gallery{grid-template-columns:1fr;padding:40px 22px}.palma-gallery figure,.altris-gallery figure{min-height:55vh}
}



/* V10 structural reset — prevents homepage thumbnail CSS from affecting case study */
.lune-case-campaign{
  position:relative !important;
  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  transform:none !important;
}

/* =========================================================
   LUNEVAIRE CASE STUDY — V8
   ========================================================= */
.lune-case{
  --lune-ivory:#f2eee6;
  --lune-paper:#e9e3da;
  --lune-stone:#b7b1a8;
  --lune-charcoal:#141414;
  --lune-acid:#c9d200;
  background:var(--lune-ivory);
  color:#151515;
}
.lune-case .site-header{color:#f4efe7}
.lune-case .header-logo{mix-blend-mode:screen}

.lune-hero{
  min-height:100svh;
  display:grid;
  grid-template-columns:minmax(460px,.86fr) 1.14fr;
  background:#0a0a0a;
  color:#f3eee6;
  position:relative;
  overflow:hidden;
}
.lune-hero:after{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 44%);
}
.lune-hero-copy{
  position:relative;z-index:4;
  padding:132px clamp(32px,5vw,76px) 70px var(--pad);
  display:flex;flex-direction:column;justify-content:center;
}
.lune-back{
  width:max-content;
  font-size:8px;text-transform:uppercase;letter-spacing:.16em;
  color:rgba(255,255,255,.58);margin-bottom:auto;padding-top:12px;
}
.lune-label{
  font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#c9d200;
}
.lune-hero h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(76px,9vw,142px);line-height:.78;letter-spacing:-.055em;
  margin:22px 0 14px;
}
.lune-subtitle{
  font-family:var(--serif);font-style:italic;
  font-size:clamp(24px,2.3vw,36px);margin:0 0 22px;color:#ddd4c8;
}
.lune-deck{
  font-size:14px;line-height:1.7;color:rgba(255,255,255,.64);
  max-width:520px;margin:0 0 36px;
}
.lune-meta{
  display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;
  padding-top:24px;border-top:1px solid rgba(255,255,255,.18);
  font-size:10px;line-height:1.6;color:rgba(255,255,255,.72);
}
.lune-meta div:first-child{grid-column:1/-1}
.lune-meta span{
  display:block;font-size:7px;text-transform:uppercase;letter-spacing:.16em;
  color:rgba(255,255,255,.38);margin-bottom:3px;
}
.lune-hero-image{margin:0;min-height:100svh;position:relative;overflow:hidden}
.lune-hero-image:before{
  content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(90deg,#0a0a0a 0%,rgba(10,10,10,.38) 8%,transparent 30%);
}
.lune-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}

.lune-section-index{
  font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#777067;
}
.lune-overview{
  padding:120px var(--pad) 105px;
  display:grid;grid-template-columns:.38fr 1fr;gap:7vw;
  background:var(--lune-ivory);
}
.lune-overview-main h2{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(62px,8vw,120px);line-height:.86;letter-spacing:-.05em;
  margin:0 0 30px;
}
.lune-overview-main h2 em{font-weight:400;color:#9ca900}
.lune-overview-main>p{
  font-size:17px;line-height:1.75;color:#68625a;max-width:760px;margin:0;
}
.lune-overview-grid{
  grid-column:2;
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(0,0,0,.16);margin-top:34px;
}
.lune-overview-grid article{
  padding:28px 28px 10px 0;border-right:1px solid rgba(0,0,0,.13);
}
.lune-overview-grid article+article{padding-left:28px}
.lune-overview-grid article:last-child{border-right:0}
.lune-overview-grid span{
  display:block;font-size:8px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:14px;
}
.lune-overview-grid p{font-size:13px;line-height:1.65;color:#746e66;margin:0}
.lune-overview-grid strong{font-weight:500;color:#111}

.lune-identity{
  background:#101010;color:#f2ede5;
  display:grid;grid-template-columns:.38fr 1fr;gap:0;align-items:stretch;
}
.lune-identity-copy{
  padding:90px var(--pad);
  display:flex;flex-direction:column;justify-content:center;
}
.lune-identity-copy .lune-section-index{color:#a9b600}
.lune-identity-copy h2{
  font-family:var(--serif);font-size:clamp(52px,5.4vw,82px);
  font-weight:400;line-height:.92;letter-spacing:-.04em;margin:26px 0;
}
.lune-identity-copy p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.58);max-width:440px}
.lune-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}
.lune-pills span{
  border:1px solid rgba(255,255,255,.2);border-radius:999px;
  padding:7px 10px;font-size:7px;text-transform:uppercase;letter-spacing:.1em;
}
.lune-brand-board{margin:0;background:#f1eee8}
.lune-brand-board img{width:100%;height:100%;object-fit:cover}

.lune-statement{
  min-height:55svh;background:#f2eee6;
  display:flex;align-items:center;justify-content:center;position:relative;padding:80px var(--pad);
}
.lune-statement-mark{
  position:absolute;top:70px;left:50%;transform:translateX(-50%);
  color:#aeb900;font-size:26px;
}
.lune-statement p{
  font-family:var(--serif);font-size:clamp(58px,8.5vw,132px);
  line-height:.84;letter-spacing:-.055em;text-align:center;margin:0;
}
.lune-statement em{font-weight:400;color:#a6b200}

.lune-packaging{background:#e8e1d7;padding:115px var(--pad)}
.lune-packaging-head{
  display:grid;grid-template-columns:.38fr 1fr;gap:7vw;margin-bottom:58px;
}
.lune-packaging-head h2{
  font-family:var(--serif);font-size:clamp(56px,6.5vw,98px);
  line-height:.88;font-weight:400;letter-spacing:-.045em;margin:0 0 20px;
}
.lune-packaging-head p{font-size:16px;line-height:1.72;color:#68625b;max-width:720px;margin:0}
.lune-packaging-grid{
  display:grid;grid-template-columns:1.35fr .65fr;
  grid-template-rows:auto auto;gap:16px;
}
.lune-packaging-grid figure{margin:0;overflow:hidden}
.lune-packaging-grid img{width:100%;height:100%;object-fit:cover}
.pack-large{grid-row:1/3;min-height:920px}
.pack-note{
  min-height:330px;background:#121212;color:#f1ede5;padding:38px;
  display:flex;flex-direction:column;justify-content:flex-end;
}
.pack-note>span{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#b6c200}
.pack-note h3{
  font-family:var(--serif);font-size:50px;font-weight:400;line-height:.92;
  margin:12px 0;
}
.pack-note p{font-size:12px;line-height:1.6;color:rgba(255,255,255,.55);max-width:330px}
.pack-detail{min-height:575px}

.lune-case-campaign{
  background:#0d0d0d;color:#eee9e0;
  padding:110px var(--pad);
  display:grid;grid-template-columns:.52fr 1fr .64fr;gap:18px;align-items:start;
}
.lune-case-campaign-copy{padding:25px 30px 30px 0;position:sticky;top:40px}
.lune-case-campaign-copy .lune-section-index{color:#a9b600}
.lune-case-campaign-copy h2{
  font-family:var(--serif);font-size:clamp(52px,5.7vw,86px);
  line-height:.9;font-weight:400;letter-spacing:-.045em;margin:25px 0;
}
.lune-case-campaign-copy>p{font-size:14px;line-height:1.72;color:rgba(255,255,255,.58);max-width:430px}
.lune-case-campaign blockquote{
  font-family:var(--serif);font-style:italic;font-size:23px;line-height:1.3;
  margin:46px 0 0;color:#d8d0c5;
}
.lune-case-campaign figure{margin:0;overflow:hidden;background:#191919}
.lune-case-campaign figure img{width:100%;height:auto;display:block}
.campaign-poster{margin-top:115px!important}

.lune-digital{background:#f4f0e9;padding:115px var(--pad)}
.lune-digital-head{
  display:grid;grid-template-columns:.38fr 1fr;gap:7vw;margin-bottom:54px;
}
.lune-digital-head h2{
  font-family:var(--serif);font-size:clamp(58px,6.5vw,100px);line-height:.88;
  font-weight:400;letter-spacing:-.05em;margin:0 0 20px;
}
.lune-digital-head p{font-size:16px;line-height:1.72;color:#68625a;max-width:730px;margin:0}
.lune-site-full{margin:0;border:1px solid rgba(0,0,0,.12);overflow:hidden}
.lune-site-full img{width:100%;height:auto}
.lune-digital-pair{
  display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px;
}
.lune-digital-pair figure{margin:0;background:#111;overflow:hidden;min-height:560px}
.lune-digital-pair figure img{width:100%;height:100%;object-fit:cover}
.lune-digital-notes{
  background:#111;color:#f3eee6;padding:42px;display:flex;flex-direction:column;justify-content:center;
}
.lune-digital-notes>span{font-size:8px;text-transform:uppercase;letter-spacing:.17em;color:#b2bd00}
.lune-digital-notes ul{list-style:none;padding:0;margin:28px 0 0}
.lune-digital-notes li{
  padding:15px 0;border-top:1px solid rgba(255,255,255,.16);
  font-size:12px;line-height:1.5;color:rgba(255,255,255,.66);
}

.lune-system{
  background:#ddd5ca;padding:105px var(--pad);
  display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:end;
}
.lune-system-copy h2{
  font-family:var(--serif);font-weight:400;font-size:clamp(54px,6.7vw,102px);
  line-height:.88;letter-spacing:-.05em;margin:25px 0;
}
.lune-system-copy p{font-size:16px;line-height:1.7;color:#686159;max-width:720px}
.lune-system-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(0,0,0,.2)}
.lune-system-stats article{padding:25px 20px 0;border-right:1px solid rgba(0,0,0,.14)}
.lune-system-stats article:last-child{border-right:0}
.lune-system-stats strong{
  display:block;font-family:var(--serif);font-size:52px;font-weight:400;line-height:1
}
.lune-system-stats span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#6d675f;margin-top:8px}

.lune-ending{
  min-height:72svh;background:#0a0a0a;color:#f1ece4;padding:105px var(--pad) 60px;
  display:grid;grid-template-rows:1fr auto;
}
.lune-ending-copy{align-self:center}
.lune-ending-copy>span{font-size:8px;text-transform:uppercase;letter-spacing:.17em;color:rgba(255,255,255,.42)}
.lune-ending h2{
  font-family:var(--serif);font-size:clamp(62px,8.5vw,132px);font-weight:400;
  line-height:.84;letter-spacing:-.055em;margin:26px 0;
}
.lune-ending h2 em{font-weight:400;color:#bdc800}
.lune-next{
  display:grid;grid-template-columns:1fr auto 50px;gap:28px;align-items:center;
  border-top:1px solid rgba(255,255,255,.18);padding-top:25px;
}
.lune-next span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.45)}
.lune-next strong{font-family:var(--serif);font-size:34px;font-weight:400}
.lune-next b{
  width:44px;height:44px;border:1px solid rgba(255,255,255,.55);border-radius:50%;
  display:grid;place-items:center;font-weight:400
}

@media(max-width:980px){
  .lune-hero{grid-template-columns:1fr;min-height:auto}
  .lune-hero-copy{min-height:65svh;padding:112px 22px 55px}
  .lune-back{margin-bottom:70px}
  .lune-hero-image{min-height:58svh;height:58svh}
  .lune-hero-image:before{background:linear-gradient(180deg,#0a0a0a 0%,transparent 18%)}
  .lune-overview,.lune-packaging-head,.lune-digital-head{grid-template-columns:1fr;gap:26px;padding-left:22px;padding-right:22px}
  .lune-overview-grid{grid-column:auto;grid-template-columns:1fr}
  .lune-overview-grid article{border-right:0;border-bottom:1px solid rgba(0,0,0,.13);padding:24px 0}
  .lune-overview-grid article+article{padding-left:0}
  .lune-identity{grid-template-columns:1fr}
  .lune-identity-copy{padding:78px 22px}
  .lune-brand-board img{height:auto}
  .lune-packaging{padding-left:22px;padding-right:22px}
  .lune-packaging-grid{grid-template-columns:1fr}
  .pack-large{grid-row:auto;min-height:65vh}
  .pack-detail{min-height:55vh}
  .lune-case-campaign{grid-template-columns:1fr;padding:82px 22px}
  .lune-case-campaign-copy{position:static;padding:0 0 30px}
  .campaign-main,.campaign-poster{max-width:720px;margin-left:auto!important;margin-right:auto!important}
  .campaign-poster{margin-top:0!important}
  .lune-digital{padding-left:22px;padding-right:22px}
  .lune-digital-pair{grid-template-columns:1fr}
  .lune-digital-pair figure{min-height:auto}
  .lune-system{grid-template-columns:1fr;padding:82px 22px;gap:45px}
  .lune-ending{padding:82px 22px 45px}
}
@media(max-width:620px){
  .lune-hero h1{font-size:19vw}
  .lune-meta{grid-template-columns:1fr}
  .lune-meta div:first-child{grid-column:auto}
  .lune-statement{min-height:48svh;padding:70px 22px}
  .lune-statement-mark{top:45px}
  .lune-packaging{padding-top:82px;padding-bottom:82px}
  .pack-note{min-height:270px}
  .lune-digital{padding-top:82px;padding-bottom:82px}
  .lune-system-stats{grid-template-columns:1fr}
  .lune-system-stats article{border-right:0;border-bottom:1px solid rgba(0,0,0,.14);padding:20px 0}
  .lune-next{grid-template-columns:1fr 44px}
  .lune-next span{grid-column:1/-1}
  .lune-next strong{font-size:27px}
}


/* =========================================================
   V9 — LUNEVAIRE MOBILE HARDENING
   Fixes iPhone horizontal overflow and desktop-grid leakage.
   ========================================================= */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
.lune-case,
.lune-case main,
.lune-case section,
.lune-case figure,
.lune-case div{
  min-width:0;
}
.lune-case{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}
.lune-case img{
  max-width:100%;
}

@media(max-width:980px){
  .lune-case{
    overflow-x:hidden;
  }

  /* Hero becomes a strict vertical stack */
  .lune-hero{
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:100%;
    min-height:0;
    overflow:hidden;
  }
  .lune-hero-copy{
    width:100%;
    max-width:100%;
    min-height:0;
    padding:104px 20px 42px;
    display:block;
    overflow:hidden;
  }
  .lune-back{
    display:inline-block;
    margin:0 0 72px;
    padding-top:0;
  }
  .lune-label{
    display:block;
    max-width:100%;
    font-size:7px;
    line-height:1.5;
    letter-spacing:.14em;
  }
  .lune-hero h1{
    display:block;
    width:100%;
    max-width:100%;
    margin:20px 0 12px;
    font-size:clamp(50px,15.5vw,72px);
    line-height:.86;
    letter-spacing:-.055em;
    white-space:nowrap;
    overflow:visible;
  }
  .lune-subtitle{
    font-size:clamp(24px,7.5vw,32px);
    line-height:1.05;
    margin:0 0 22px;
  }
  .lune-deck{
    width:100%;
    max-width:100%;
    font-size:15px;
    line-height:1.6;
    margin-bottom:28px;
  }
  .lune-meta{
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:17px;
    padding-top:22px;
  }
  .lune-meta div,
  .lune-meta div:first-child{
    grid-column:auto;
    min-width:0;
    overflow-wrap:anywhere;
  }

  .lune-hero-image{
    width:100%;
    max-width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:4/5;
    overflow:hidden;
    margin:0;
  }
  .lune-hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
  .lune-hero-image:before{
    background:linear-gradient(180deg,#0a0a0a 0%,rgba(10,10,10,.20) 8%,transparent 24%);
  }

  /* Strategy */
  .lune-overview{
    width:100%;
    max-width:100%;
    display:block;
    padding:74px 20px 68px;
  }
  .lune-overview-main{
    margin-top:24px;
  }
  .lune-overview-main h2{
    font-size:clamp(50px,14vw,70px);
    line-height:.9;
  }
  .lune-overview-main>p{
    font-size:15px;
    line-height:1.65;
  }
  .lune-overview-grid{
    width:100%;
    display:block;
    margin-top:36px;
  }
  .lune-overview-grid article,
  .lune-overview-grid article+article{
    width:100%;
    padding:22px 0;
    border-right:0;
    border-bottom:1px solid rgba(0,0,0,.13);
  }

  /* Identity */
  .lune-identity{
    width:100%;
    display:flex;
    flex-direction:column;
  }
  .lune-identity-copy{
    width:100%;
    padding:72px 20px 48px;
  }
  .lune-identity-copy h2{
    font-size:clamp(48px,13vw,68px);
  }
  .lune-brand-board{
    width:100%;
    max-width:100%;
    margin:0;
  }
  .lune-brand-board img{
    width:100%;
    height:auto;
    object-fit:contain;
  }

  /* Statement */
  .lune-statement{
    width:100%;
    min-height:44svh;
    padding:72px 20px 58px;
  }
  .lune-statement p{
    width:100%;
    max-width:100%;
    font-size:clamp(44px,13vw,66px);
    line-height:.9;
  }

  /* Packaging */
  .lune-packaging{
    width:100%;
    padding:74px 20px;
  }
  .lune-packaging-head{
    display:block;
    width:100%;
    margin-bottom:38px;
  }
  .lune-packaging-head>div{
    margin-top:24px;
  }
  .lune-packaging-head h2{
    font-size:clamp(48px,13vw,68px);
  }
  .lune-packaging-head p{
    font-size:15px;
    line-height:1.65;
  }
  .lune-packaging-grid{
    display:flex;
    flex-direction:column;
    width:100%;
    gap:12px;
  }
  .pack-large,
  .pack-detail{
    width:100%;
    min-height:0;
    height:auto;
    aspect-ratio:4/5;
  }
  .pack-large img,
  .pack-detail img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .pack-note{
    width:100%;
    min-height:260px;
    padding:30px 24px;
  }

  /* Campaign — force one clean column */
  .lune-case-campaign{
    width:100%;
    max-width:100%;
    display:flex;
    flex-direction:column;
    gap:14px;
    padding:74px 20px;
    overflow:hidden;
  }
  .lune-case-campaign-copy{
    position:static;
    width:100%;
    max-width:100%;
    padding:0 0 24px;
  }
  .lune-case-campaign-copy h2{
    font-size:clamp(48px,13vw,68px);
    line-height:.9;
  }
  .lune-case-campaign-copy>p{
    max-width:100%;
    font-size:15px;
    line-height:1.65;
  }
  .lune-case-campaign blockquote{
    font-size:22px;
    margin-top:32px;
  }
  .campaign-main,
  .campaign-poster{
    position:static;
    width:100%;
    max-width:100%;
    margin:0!important;
    overflow:hidden;
  }
  .campaign-main img,
  .campaign-poster img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
  }

  /* Digital */
  .lune-digital{
    width:100%;
    padding:74px 20px;
    overflow:hidden;
  }
  .lune-digital-head{
    display:block;
    width:100%;
    margin-bottom:38px;
  }
  .lune-digital-head>div{
    margin-top:24px;
  }
  .lune-digital-head h2{
    font-size:clamp(48px,13vw,68px);
  }
  .lune-digital-head p{
    font-size:15px;
    line-height:1.65;
  }
  .lune-site-full{
    width:100%;
    max-width:100%;
  }
  .lune-site-full img{
    width:100%;
    height:auto;
  }
  .lune-digital-pair{
    display:flex;
    flex-direction:column;
    width:100%;
    gap:12px;
    margin-top:12px;
  }
  .lune-digital-pair figure{
    width:100%;
    min-height:0;
    margin:0;
  }
  .lune-digital-pair figure img{
    width:100%;
    height:auto;
    object-fit:contain;
  }
  .lune-digital-notes{
    width:100%;
    padding:32px 24px;
  }

  /* System */
  .lune-system{
    width:100%;
    display:block;
    padding:74px 20px;
  }
  .lune-system-copy h2{
    font-size:clamp(48px,13vw,68px);
  }
  .lune-system-copy p{
    font-size:15px;
    line-height:1.65;
  }
  .lune-system-stats{
    display:block;
    width:100%;
    margin-top:42px;
  }
  .lune-system-stats article{
    width:100%;
    padding:18px 0;
    border-right:0;
    border-bottom:1px solid rgba(0,0,0,.14);
  }

  /* Ending */
  .lune-ending{
    width:100%;
    min-height:58svh;
    padding:74px 20px 38px;
  }
  .lune-ending h2{
    width:100%;
    max-width:100%;
    font-size:clamp(48px,13vw,70px);
    line-height:.9;
  }
  .lune-next{
    width:100%;
    grid-template-columns:1fr 42px;
    gap:16px;
  }
  .lune-next span{
    grid-column:1/-1;
  }
  .lune-next strong{
    font-size:26px;
    min-width:0;
  }

  /* Header should remain inside viewport */
  .lune-case .site-header{
    width:100%;
    max-width:100%;
    padding-left:20px;
    padding-right:20px;
  }
}

@media(max-width:420px){
  .lune-hero h1{
    font-size:clamp(48px,15vw,63px);
  }
  .lune-subtitle{
    font-size:25px;
  }
}


/* =========================================================
   PALMA SOCIAL CASE STUDY — V11
   Unique ps-case-* namespace prevents homepage collisions.
   ========================================================= */
.ps-case{
  --ps-cream:#f6ead7;
  --ps-tomato:#df3b22;
  --ps-orange:#ef7c28;
  --ps-blue:#174aa3;
  --ps-espresso:#2b1812;
  --ps-paper:#fff5e8;
  background:var(--ps-cream);
  color:#21150f;
  overflow-x:hidden;
}
.ps-case .site-header{color:#fff9ef}
.ps-case .header-logo{mix-blend-mode:screen}

.ps-case-hero{
  min-height:100svh;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  position:relative;
  overflow:hidden;
  background:var(--ps-orange);
  color:#fff9ef;
}
.ps-case-hero:before{
  content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(circle at 20% 18%,rgba(255,235,185,.34),transparent 25%),
    linear-gradient(135deg,#d94b23 0%,#eb7b2e 52%,#df5b2a 100%);
}
.ps-case-sun{
  position:absolute;left:-8vw;bottom:-20vw;width:45vw;aspect-ratio:1;border-radius:50%;
  background:#f6c55d;opacity:.38;z-index:1;
}
.ps-case-hero-copy{
  position:relative;z-index:4;
  padding:126px clamp(30px,4.5vw,70px) 64px var(--pad);
  display:flex;flex-direction:column;justify-content:center;
}
.ps-case-back{
  width:max-content;font-size:8px;text-transform:uppercase;letter-spacing:.15em;
  color:rgba(255,255,255,.72);margin-bottom:auto;padding-top:10px;
}
.ps-case-label{
  font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#113f91;
}
.ps-case-hero h1{
  font-family:var(--serif);font-size:clamp(76px,8.4vw,136px);
  line-height:.70;letter-spacing:-.055em;font-weight:500;margin:24px 0 20px;color:#fff7e9;
}
.ps-case-tagline{
  font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;color:#16489d;
  margin:0 0 20px;
}
.ps-case-deck{
  max-width:520px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.78);margin:0 0 34px;
}
.ps-case-meta{
  display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;
  padding-top:22px;border-top:1px solid rgba(255,255,255,.3);font-size:10px;line-height:1.55;
}
.ps-case-meta div:first-child{grid-column:1/-1}
.ps-case-meta span{
  display:block;font-size:7px;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.55);margin-bottom:3px;
}
.ps-case-hero-image{margin:0;min-height:100svh;position:relative;overflow:hidden;z-index:2}
.ps-case-hero-image:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(227,93,37,.58) 0%,transparent 18%);
}
.ps-case-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.ps-case-seal{
  position:absolute;right:24px;bottom:26px;z-index:5;width:120px;height:120px;border-radius:50%;
  border:2px solid #fff4e1;display:grid;place-items:center;text-align:center;
  font-size:10px;line-height:1.45;letter-spacing:.16em;font-weight:600;transform:rotate(7deg);
}

.ps-case-index{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#174aa3}
.ps-case-overview{
  padding:110px var(--pad) 95px;background:#f7ead5;
  display:grid;grid-template-columns:.35fr 1fr;gap:7vw;
}
.ps-case-overview-copy h2{
  font-family:var(--serif);font-size:clamp(60px,7.5vw,116px);font-weight:500;
  line-height:.86;letter-spacing:-.05em;margin:0 0 28px;
}
.ps-case-overview-copy h2 em{color:var(--ps-tomato);font-weight:500}
.ps-case-overview-copy>p{font-size:17px;line-height:1.72;color:#6f5141;max-width:760px}
.ps-case-principles{
  grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border-top:1px solid rgba(43,24,18,.16)
}
.ps-case-principles article{padding:26px 22px 0;border-right:1px solid rgba(43,24,18,.12)}
.ps-case-principles article:first-child{padding-left:0}
.ps-case-principles article:last-child{border-right:0}
.ps-case-principles span{
  font-family:var(--serif);font-size:30px;color:#174aa3;
}
.ps-case-principles p{font-size:12px;line-height:1.55;color:#76594b}

.ps-case-identity{background:#174aa3;color:#fff5e8;padding:100px var(--pad)}
.ps-case-identity-head{display:grid;grid-template-columns:.35fr 1fr;gap:7vw;margin-bottom:50px}
.ps-case-identity-head .ps-case-index{color:#ffb26f}
.ps-case-identity-head h2{
  grid-column:2;font-family:var(--serif);font-size:clamp(58px,7vw,106px);
  font-weight:500;line-height:.87;letter-spacing:-.05em;margin:0;
}
.ps-case-identity-head p{
  grid-column:2;font-size:15px;line-height:1.7;color:rgba(255,255,255,.7);max-width:720px;margin:0;
}
.ps-case-brandboard{margin:0;background:#fff2df;overflow:hidden}
.ps-case-brandboard img{width:100%;height:auto}

.ps-case-manifesto{
  min-height:58svh;background:#f9efd9;color:#174aa3;display:flex;align-items:center;justify-content:center;
  padding:80px var(--pad);position:relative;overflow:hidden;
}
.ps-case-manifesto:before{
  content:"";position:absolute;width:22vw;aspect-ratio:1;border-radius:50%;background:#ef7c28;
  right:-7vw;top:-8vw;opacity:.22;
}
.ps-case-wave{
  position:absolute;left:5%;bottom:10%;font-family:var(--serif);font-size:70px;letter-spacing:-.1em;color:#df3b22;opacity:.55;
}
.ps-case-manifesto p{
  font-family:var(--serif);font-size:clamp(58px,8vw,124px);font-weight:500;
  line-height:.82;letter-spacing:-.055em;text-align:center;margin:0;position:relative;z-index:2;
}
.ps-case-manifesto em{font-weight:500;color:#df3b22}

.ps-case-applications{
  background:#e8b679;padding:105px var(--pad);position:relative;overflow:hidden;
}
.ps-case-app-copy{
  max-width:740px;margin-bottom:46px;
}
.ps-case-app-copy h2{
  font-family:var(--serif);font-size:clamp(56px,6.5vw,98px);font-weight:500;
  line-height:.88;letter-spacing:-.05em;margin:24px 0 20px;
}
.ps-case-app-copy p{font-size:15px;line-height:1.7;color:#654738;max-width:680px}
.ps-case-app-image{margin:0;overflow:hidden;border-radius:2px}
.ps-case-app-image img{width:100%;height:auto}
.ps-case-stamps{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.ps-case-stamps span{
  border:1px solid #174aa3;border-radius:999px;padding:9px 13px;
  font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#174aa3;
}

.ps-case-campaign{
  background:#fff2df;padding:105px var(--pad);
  display:grid;grid-template-columns:.58fr 1fr .72fr;gap:18px;align-items:start;
}
.ps-case-campaign-copy{padding-right:20px}
.ps-case-campaign-copy h2{
  font-family:var(--serif);font-size:clamp(58px,6.4vw,98px);font-weight:500;
  line-height:.84;letter-spacing:-.05em;margin:24px 0;
  color:#174aa3;
}
.ps-case-campaign-copy p{font-size:14px;line-height:1.72;color:#735548;max-width:420px}
.ps-case-campaign figure{margin:0;overflow:hidden}
.ps-case-campaign figure img{width:100%;height:auto}
.ps-case-campaign-photo{margin-top:110px!important}

.ps-case-digital{background:#174aa3;color:#fff8eb;padding:110px var(--pad)}
.ps-case-digital-head{
  display:grid;grid-template-columns:.35fr 1fr;gap:7vw;margin-bottom:50px;
}
.ps-case-digital-head .ps-case-index{color:#ffb26f}
.ps-case-digital-head h2{
  font-family:var(--serif);font-size:clamp(56px,6.4vw,98px);font-weight:500;
  line-height:.88;letter-spacing:-.05em;margin:0 0 20px;
}
.ps-case-digital-head h2 em{font-weight:500;color:#ffb26f}
.ps-case-digital-head p{font-size:15px;line-height:1.72;color:rgba(255,255,255,.72);max-width:750px}
.ps-case-site{margin:0;background:#f6ead7}
.ps-case-site img{width:100%;height:auto}
.ps-case-digital-grid{
  display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px;
}
.ps-case-digital-grid figure{margin:0;background:#f6ead7;overflow:hidden}
.ps-case-digital-grid figure img{width:100%;height:100%;object-fit:cover}
.ps-case-digital-notes{
  background:#f5ead7;color:#21150f;padding:38px;display:flex;flex-direction:column;justify-content:center;
}
.ps-case-digital-notes>span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#df3b22}
.ps-case-digital-notes ul{list-style:none;padding:0;margin:25px 0 0}
.ps-case-digital-notes li{
  padding:14px 0;border-top:1px solid rgba(43,24,18,.16);font-size:12px;line-height:1.5;color:#765547;
}

.ps-case-system{
  background:#ef7c28;color:#fff7eb;padding:100px var(--pad);
  display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;
}
.ps-case-system-copy .ps-case-index{color:#174aa3}
.ps-case-system-copy h2{
  font-family:var(--serif);font-size:clamp(58px,6.8vw,102px);font-weight:500;
  line-height:.86;letter-spacing:-.05em;margin:24px 0;
}
.ps-case-system-copy p{font-size:15px;line-height:1.7;max-width:660px;color:rgba(255,255,255,.78)}
.ps-case-system-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.4)}
.ps-case-system-cards article{padding:24px 18px 0;border-right:1px solid rgba(255,255,255,.25)}
.ps-case-system-cards article:last-child{border-right:0}
.ps-case-system-cards b{font-family:var(--serif);font-size:52px;font-weight:500;display:block}
.ps-case-system-cards span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;line-height:1.45}

.ps-case-ending{
  min-height:70svh;background:#2b1812;color:#fff3e5;padding:100px var(--pad) 58px;
  display:grid;grid-template-rows:1fr auto;position:relative;overflow:hidden;
}
.ps-case-ending:after{
  content:"";position:absolute;right:-10vw;top:-12vw;width:34vw;aspect-ratio:1;border-radius:50%;
  background:#174aa3;opacity:.22;
}
.ps-case-ending-copy{align-self:center;position:relative;z-index:2}
.ps-case-ending-copy>span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#f6a65e}
.ps-case-ending h2{
  font-family:var(--serif);font-size:clamp(64px,8.4vw,130px);font-weight:500;
  line-height:.82;letter-spacing:-.055em;margin:25px 0;
}
.ps-case-ending h2 em{font-weight:500;color:#f39a49}
.ps-case-next{
  display:grid;grid-template-columns:1fr auto 50px;gap:26px;align-items:center;
  border-top:1px solid rgba(255,255,255,.28);padding-top:24px;position:relative;z-index:2;
}
.ps-case-next span{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.55)}
.ps-case-next strong{font-family:var(--sans);letter-spacing:.16em;font-size:30px;font-weight:400}
.ps-case-next b{
  width:44px;height:44px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;font-weight:400;
}

/* PALMA mobile: strict normal flow, no overlapping or desktop leakage */
@media(max-width:980px){
  .ps-case, .ps-case *{min-width:0}
  .ps-case-hero{display:flex;flex-direction:column;min-height:0;width:100%}
  .ps-case-hero-copy{width:100%;padding:104px 20px 42px;display:block}
  .ps-case-back{display:inline-block;margin:0 0 70px;padding:0}
  .ps-case-label{display:block;font-size:7px;line-height:1.5}
  .ps-case-hero h1{
    font-size:clamp(62px,18vw,92px);line-height:.72;white-space:normal;margin:20px 0 18px;
  }
  .ps-case-tagline{font-size:9px}
  .ps-case-deck{font-size:15px;line-height:1.62}
  .ps-case-meta{display:grid;grid-template-columns:1fr;gap:16px}
  .ps-case-meta div:first-child{grid-column:auto}
  .ps-case-hero-image{width:100%;height:auto;min-height:0;aspect-ratio:4/5}
  .ps-case-hero-image img{width:100%;height:100%;object-fit:cover}
  .ps-case-seal{width:88px;height:88px;right:16px;bottom:16px;font-size:7px}

  .ps-case-overview{display:block;padding:72px 20px}
  .ps-case-overview-copy{margin-top:24px}
  .ps-case-overview-copy h2{font-size:clamp(50px,14vw,70px)}
  .ps-case-overview-copy>p{font-size:15px}
  .ps-case-principles{display:block;margin-top:36px}
  .ps-case-principles article,.ps-case-principles article:first-child{
    padding:20px 0;border-right:0;border-bottom:1px solid rgba(43,24,18,.13)
  }

  .ps-case-identity{padding:72px 20px}
  .ps-case-identity-head{display:block;margin-bottom:38px}
  .ps-case-identity-head h2,.ps-case-identity-head p{grid-column:auto}
  .ps-case-identity-head h2{font-size:clamp(50px,14vw,70px);margin:24px 0}
  .ps-case-brandboard{width:100%}
  .ps-case-brandboard img{width:100%;height:auto}

  .ps-case-manifesto{min-height:45svh;padding:70px 20px}
  .ps-case-manifesto p{font-size:clamp(48px,14vw,68px);line-height:.86}
  .ps-case-wave{font-size:42px;bottom:6%}

  .ps-case-applications{padding:72px 20px}
  .ps-case-app-copy h2{font-size:clamp(50px,14vw,70px)}
  .ps-case-app-copy p{font-size:15px}
  .ps-case-app-image{width:100%}

  .ps-case-campaign{
    display:flex;flex-direction:column;width:100%;gap:14px;padding:72px 20px;
  }
  .ps-case-campaign-copy{width:100%;padding:0 0 20px}
  .ps-case-campaign-copy h2{font-size:clamp(50px,14vw,70px)}
  .ps-case-campaign-copy p{font-size:15px}
  .ps-case-campaign-poster,.ps-case-campaign-photo{width:100%;margin:0!important}
  .ps-case-campaign figure img{width:100%;height:auto}

  .ps-case-digital{padding:72px 20px}
  .ps-case-digital-head{display:block;margin-bottom:38px}
  .ps-case-digital-head>div{margin-top:24px}
  .ps-case-digital-head h2{font-size:clamp(48px,13vw,68px)}
  .ps-case-digital-grid{display:flex;flex-direction:column;width:100%;gap:12px}
  .ps-case-digital-grid figure{width:100%}
  .ps-case-digital-grid figure img{width:100%;height:auto;object-fit:contain}
  .ps-case-digital-notes{width:100%;padding:30px 24px}

  .ps-case-system{display:block;padding:72px 20px}
  .ps-case-system-copy h2{font-size:clamp(50px,14vw,70px)}
  .ps-case-system-cards{display:block;margin-top:38px}
  .ps-case-system-cards article{padding:18px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}

  .ps-case-ending{min-height:58svh;padding:72px 20px 38px}
  .ps-case-ending h2{font-size:clamp(50px,14vw,72px);line-height:.86}
  .ps-case-next{grid-template-columns:1fr 44px;gap:15px}
  .ps-case-next span{grid-column:1/-1}
  .ps-case-next strong{font-size:25px}
}


/* =========================================================
   ALTRIS CASE STUDY — V12
   Fully namespaced to prevent homepage/case-study collisions.
   ========================================================= */
.altris-case{
  --ac-black:#080a0a;
  --ac-panel:#111414;
  --ac-panel2:#181b1b;
  --ac-line:#2a2e2e;
  --ac-white:#f3f4ef;
  --ac-muted:#8f9691;
  --ac-signal:#c7ff00;
  background:var(--ac-black);
  color:var(--ac-white);
  overflow-x:hidden;
}
.altris-case .site-header{color:#f3f4ef}
.altris-case-index{
  font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:var(--ac-signal);
}

/* Hero */
.altris-case-hero{
  min-height:100svh;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  background:
    radial-gradient(circle at 74% 42%,rgba(199,255,0,.075),transparent 26%),
    linear-gradient(135deg,#070909 0%,#111414 58%,#080a0a 100%);
}
.altris-case-grid{
  position:absolute;inset:0;pointer-events:none;opacity:.14;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:48px 48px;
}
.altris-case-signal{
  position:absolute;z-index:1;left:-8%;right:40%;top:63%;height:90px;
  background:linear-gradient(90deg,transparent,rgba(199,255,0,.16),rgba(199,255,0,.58),rgba(199,255,0,.1),transparent);
  filter:blur(18px);transform:rotate(-7deg);
}
.altris-case-hero-copy{
  position:relative;z-index:4;padding:126px 50px 62px var(--pad);
  display:flex;flex-direction:column;justify-content:center;
}
.altris-case-back{
  width:max-content;font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.5);
  margin-bottom:auto;padding-top:10px;
}
.altris-case-label{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:var(--ac-signal)}
.altris-case-hero h1{
  font-family:var(--sans);font-size:clamp(68px,8.2vw,126px);font-weight:400;letter-spacing:.20em;line-height:.8;
  margin:30px 0 17px;
}
.altris-case-tagline{
  font-family:var(--serif);font-size:clamp(28px,2.8vw,42px);line-height:1.05;margin:0 0 20px;color:#f4f4ed;
}
.altris-case-deck{font-size:14px;line-height:1.72;color:rgba(255,255,255,.6);max-width:520px;margin:0 0 34px}
.altris-case-meta{
  display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;padding-top:22px;
  border-top:1px solid rgba(255,255,255,.16);font-size:10px;line-height:1.55;color:rgba(255,255,255,.72);
}
.altris-case-meta div:first-child{grid-column:1/-1}
.altris-case-meta span{
  display:block;font-size:7px;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.35);margin-bottom:3px;
}
.altris-case-hero-ui{
  position:relative;z-index:2;margin:0;display:flex;align-items:center;justify-content:center;padding:112px var(--pad) 52px 0;
}
.altris-case-hero-ui img{
  width:min(100%,900px);height:auto;filter:drop-shadow(0 35px 45px rgba(0,0,0,.55));
}

/* Overview */
.altris-case-overview{
  background:#0c0f0f;padding:110px var(--pad) 95px;
  display:grid;grid-template-columns:.34fr 1fr;gap:7vw;
}
.altris-case-overview-copy h2{
  font-family:var(--serif);font-size:clamp(60px,7.2vw,110px);font-weight:400;line-height:.86;letter-spacing:-.05em;
  margin:0 0 28px;
}
.altris-case-overview-copy h2 em{font-weight:400;color:var(--ac-signal)}
.altris-case-overview-copy>p{font-size:17px;line-height:1.72;color:#8e9690;max-width:760px}
.altris-case-pillars{
  grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border-top:1px solid var(--ac-line);
}
.altris-case-pillars article{padding:27px 22px 0;border-right:1px solid var(--ac-line)}
.altris-case-pillars article:first-child{padding-left:0}
.altris-case-pillars article:last-child{border-right:0}
.altris-case-pillars b{display:block;font-size:8px;color:var(--ac-signal);font-weight:500;margin-bottom:18px}
.altris-case-pillars span{display:block;font-family:var(--serif);font-size:28px;margin-bottom:8px}
.altris-case-pillars p{font-size:12px;line-height:1.55;color:#7d8580}

/* Identity */
.altris-case-identity{
  background:#f1f2ed;color:#0a0b0b;display:grid;grid-template-columns:.38fr 1fr;align-items:stretch;
}
.altris-case-identity-copy{padding:92px var(--pad);display:flex;flex-direction:column;justify-content:center}
.altris-case-identity-copy h2{
  font-family:var(--serif);font-size:clamp(52px,5.6vw,88px);font-weight:400;line-height:.9;letter-spacing:-.045em;margin:27px 0;
}
.altris-case-identity-copy h2 em{font-weight:400;color:#829f00}
.altris-case-identity-copy p{font-size:14px;line-height:1.72;color:#656b67;max-width:440px}
.altris-case-identity-image{margin:0;background:#080a0a;display:flex;align-items:center;justify-content:center;padding:55px}
.altris-case-identity-image img{width:min(100%,620px);height:auto}

/* Statement */
.altris-case-statement{
  min-height:58svh;background:#080a0a;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:80px var(--pad);
}
.altris-case-statement p{
  position:relative;z-index:2;font-family:var(--serif);font-size:clamp(58px,8vw,124px);font-weight:400;
  line-height:.84;letter-spacing:-.055em;text-align:center;margin:0;
}
.altris-case-statement em{font-weight:400;color:var(--ac-signal)}
.altris-case-dots{
  position:absolute;width:115%;height:180px;left:-8%;top:55%;
  background-image:radial-gradient(circle,rgba(199,255,0,.8) 1.1px,transparent 1.5px);
  background-size:13px 13px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);
  transform:rotate(-5deg);opacity:.35;
}

/* Product */
.altris-case-product{background:#111414;padding:110px var(--pad)}
.altris-case-product-head{display:grid;grid-template-columns:.34fr 1fr;gap:7vw;margin-bottom:52px}
.altris-case-product-head h2{
  font-family:var(--serif);font-size:clamp(58px,6.7vw,102px);font-weight:400;line-height:.88;letter-spacing:-.05em;margin:0 0 20px;
}
.altris-case-product-head p{font-size:15px;line-height:1.72;color:#929993;max-width:730px}
.altris-case-product-ui{margin:0;background:#070909;border:1px solid #242828;overflow:hidden}
.altris-case-product-ui img{width:100%;height:auto}
.altris-case-product-principles{
  display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;border-top:1px solid #2a2e2e;
}
.altris-case-product-principles article{padding:24px 22px 0;border-right:1px solid #2a2e2e}
.altris-case-product-principles article:first-child{padding-left:0}
.altris-case-product-principles article:last-child{border-right:0}
.altris-case-product-principles span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--ac-signal);margin-bottom:10px}
.altris-case-product-principles p{font-size:12px;line-height:1.55;color:#7e8580}

/* Applications */
.altris-case-applications{
  background:#090b0b;padding:105px var(--pad);display:grid;grid-template-columns:.42fr 1fr;gap:5vw;align-items:center;
}
.altris-case-app-copy h2{
  font-family:var(--serif);font-size:clamp(54px,5.8vw,90px);font-weight:400;line-height:.88;letter-spacing:-.05em;margin:25px 0;
}
.altris-case-app-copy p{font-size:14px;line-height:1.72;color:#8d948f;max-width:430px}
.altris-case-app-image{margin:0;overflow:hidden;background:#0d1010}
.altris-case-app-image img{width:100%;height:auto}

/* Campaign */
.altris-case-campaign{
  background:#f2f3ef;color:#0c0d0d;padding:105px var(--pad);
  display:grid;grid-template-columns:.42fr 1fr;gap:5vw;align-items:center;
}
.altris-case-campaign-copy h2{
  font-family:var(--serif);font-size:clamp(56px,6.3vw,96px);font-weight:400;line-height:.86;letter-spacing:-.05em;margin:25px 0;
}
.altris-case-campaign-copy h2 em{font-weight:400;color:#8daa00}
.altris-case-campaign-copy p{font-size:14px;line-height:1.72;color:#656a66;max-width:440px}
.altris-case-campaign-image{margin:0;background:#090b0b}
.altris-case-campaign-image img{width:100%;height:auto}

/* Website */
.altris-case-web{background:#080a0a;padding:110px var(--pad)}
.altris-case-web-head{display:grid;grid-template-columns:.34fr 1fr;gap:7vw;margin-bottom:50px}
.altris-case-web-head h2{
  font-family:var(--serif);font-size:clamp(58px,6.7vw,102px);font-weight:400;line-height:.88;letter-spacing:-.05em;margin:0 0 20px;
}
.altris-case-web-head p{font-size:15px;line-height:1.72;color:#8d948f;max-width:730px}
.altris-case-web-image{margin:0;background:#111;border:1px solid #252929;overflow:hidden}
.altris-case-web-image img{width:100%;height:auto}
.altris-case-web-notes{
  display:grid;grid-template-columns:repeat(4,1fr);margin-top:15px;border-top:1px solid #292d2d;
}
.altris-case-web-notes article{padding:21px 18px 0;border-right:1px solid #292d2d}
.altris-case-web-notes article:last-child{border-right:0}
.altris-case-web-notes b{font-size:8px;color:var(--ac-signal);font-weight:500}
.altris-case-web-notes span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;margin-top:9px;color:#a0a7a2}

/* System */
.altris-case-system{background:#171a1a;padding:105px var(--pad)}
.altris-case-system-copy{display:grid;grid-template-columns:.34fr 1fr;gap:7vw;margin-bottom:48px}
.altris-case-system-copy h2{
  grid-column:2;font-family:var(--serif);font-size:clamp(58px,6.5vw,100px);font-weight:400;
  line-height:.88;letter-spacing:-.05em;margin:0 0 20px;
}
.altris-case-system-copy p{grid-column:2;font-size:15px;line-height:1.72;color:#929994;max-width:740px}
.altris-case-board{margin:0;background:#080a0a}
.altris-case-board img{width:100%;height:auto}

/* Ending */
.altris-case-ending{
  min-height:70svh;background:#050606;padding:100px var(--pad) 56px;display:grid;grid-template-rows:1fr auto;
}
.altris-case-ending-copy{align-self:center}
.altris-case-ending-copy>span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:var(--ac-signal)}
.altris-case-ending h2{
  font-family:var(--serif);font-size:clamp(64px,8.5vw,132px);font-weight:400;line-height:.83;letter-spacing:-.055em;margin:26px 0;
}
.altris-case-ending h2 em{font-weight:400;color:var(--ac-signal)}
.altris-case-next{
  display:grid;grid-template-columns:1fr auto 50px;gap:26px;align-items:center;border-top:1px solid #282c2c;padding-top:24px;
}
.altris-case-next span{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#777f79}
.altris-case-next strong{font-family:var(--serif);font-size:32px;font-weight:400}
.altris-case-next b{
  width:44px;height:44px;border:1px solid #646b66;border-radius:50%;display:grid;place-items:center;font-weight:400;
}

/* Mobile: strict normal flow from the start */
@media(max-width:980px){
  .altris-case,.altris-case *{min-width:0}
  .altris-case-hero{display:flex;flex-direction:column;min-height:0;width:100%}
  .altris-case-hero-copy{width:100%;padding:104px 20px 42px;display:block}
  .altris-case-back{display:inline-block;margin:0 0 72px;padding:0}
  .altris-case-label{display:block;font-size:7px;line-height:1.5}
  .altris-case-hero h1{font-size:clamp(54px,15vw,76px);letter-spacing:.14em;white-space:nowrap;margin:24px 0 16px}
  .altris-case-tagline{font-size:28px}
  .altris-case-deck{font-size:15px;line-height:1.62}
  .altris-case-meta{display:grid;grid-template-columns:1fr;gap:16px}
  .altris-case-meta div:first-child{grid-column:auto}
  .altris-case-hero-ui{width:100%;padding:26px 20px 50px}
  .altris-case-hero-ui img{width:100%;height:auto}

  .altris-case-overview{display:block;padding:72px 20px}
  .altris-case-overview-copy{margin-top:24px}
  .altris-case-overview-copy h2{font-size:clamp(50px,14vw,70px)}
  .altris-case-overview-copy>p{font-size:15px}
  .altris-case-pillars{display:block;margin-top:36px}
  .altris-case-pillars article,.altris-case-pillars article:first-child{padding:20px 0;border-right:0;border-bottom:1px solid #292d2d}

  .altris-case-identity{display:flex;flex-direction:column}
  .altris-case-identity-copy{padding:72px 20px 46px}
  .altris-case-identity-copy h2{font-size:clamp(48px,13vw,68px)}
  .altris-case-identity-image{width:100%;padding:40px 20px}

  .altris-case-statement{min-height:44svh;padding:70px 20px}
  .altris-case-statement p{font-size:clamp(46px,13vw,66px);line-height:.9}

  .altris-case-product{padding:72px 20px}
  .altris-case-product-head{display:block;margin-bottom:38px}
  .altris-case-product-head>div{margin-top:24px}
  .altris-case-product-head h2{font-size:clamp(48px,13vw,68px)}
  .altris-case-product-principles{display:block}
  .altris-case-product-principles article,.altris-case-product-principles article:first-child{padding:18px 0;border-right:0;border-bottom:1px solid #292d2d}

  .altris-case-applications,.altris-case-campaign{display:flex;flex-direction:column;padding:72px 20px;gap:36px}
  .altris-case-app-copy h2,.altris-case-campaign-copy h2{font-size:clamp(48px,13vw,68px)}
  .altris-case-app-image,.altris-case-campaign-image{width:100%}

  .altris-case-web{padding:72px 20px}
  .altris-case-web-head{display:block;margin-bottom:38px}
  .altris-case-web-head>div{margin-top:24px}
  .altris-case-web-head h2{font-size:clamp(48px,13vw,68px)}
  .altris-case-web-notes{display:block}
  .altris-case-web-notes article{padding:18px 0;border-right:0;border-bottom:1px solid #292d2d}

  .altris-case-system{padding:72px 20px}
  .altris-case-system-copy{display:block;margin-bottom:38px}
  .altris-case-system-copy h2,.altris-case-system-copy p{grid-column:auto}
  .altris-case-system-copy h2{font-size:clamp(48px,13vw,68px);margin-top:24px}

  .altris-case-ending{min-height:58svh;padding:72px 20px 38px}
  .altris-case-ending h2{font-size:clamp(50px,14vw,72px);line-height:.87}
  .altris-case-next{grid-template-columns:1fr 44px;gap:15px}
  .altris-case-next span{grid-column:1/-1}
  .altris-case-next strong{font-size:26px}
}


/* =========================================================
   V13 FINAL SITE POLISH
   ========================================================= */
.skip-link{position:fixed;left:14px;top:14px;z-index:9999;background:#f3eee6;color:#111;padding:10px 14px;font-size:12px;transform:translateY(-180%);transition:transform .2s}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:2px solid var(--acid);outline-offset:4px}
.nav-toggle:focus-visible{outline-offset:0}
.site-nav a,.circle-link,.contact-mail,.footer-logo,.header-logo{touch-action:manipulation}
@media(hover:hover){.site-nav a:hover,.site-footer a:hover{opacity:1}}

/* refined homepage contact */
.contact-section{padding-top:112px;padding-bottom:96px}
.contact-kicker{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:18px}
.contact-kicker>span:last-child{font-size:7px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.46)}
.contact-section h2{margin-top:42px;margin-bottom:48px}
.contact-bottom{display:grid;grid-template-columns:1fr auto;align-items:end;gap:60px;border-top:1px solid rgba(255,255,255,.18);padding-top:24px}
.contact-bottom p{font-family:var(--serif);font-size:18px;line-height:1.5;color:rgba(255,255,255,.62);max-width:560px;margin:0}
.contact-mail{display:inline-flex;align-items:center;gap:18px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.7);padding:0 0 8px}
.contact-mail b{font-size:17px;font-weight:400;transition:transform .2s}
.contact-mail:hover b{transform:translate(3px,-3px)}

/* tiny homepage polish */
.takeover-copy .circle-link,.palma-copy .circle-link,.altris-copy .circle-link{margin-top:3px}
.takeover figure img{will-change:transform}
.services-section article{will-change:transform}
.site-footer a{transition:opacity .2s}.site-footer a:hover{opacity:.95}

.not-found{min-height:100svh;background:radial-gradient(circle at 72% 30%,rgba(168,145,116,.18),transparent 28%),#0b0b0a;color:#f2ece3;display:flex;align-items:center;padding:110px var(--pad) 60px;position:relative;overflow:hidden}
.not-found:after{content:"404";position:absolute;right:-.03em;bottom:-.28em;font-family:var(--serif);font-size:41vw;line-height:1;color:rgba(255,255,255,.022)}
.not-found-copy{position:relative;z-index:2;max-width:1100px}
.not-found-copy>span{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:var(--acid)}
.not-found h1{font-family:var(--serif);font-weight:400;font-size:clamp(64px,9vw,144px);line-height:.82;letter-spacing:-.055em;margin:28px 0}
.not-found h1 em{font-weight:400;color:#b8ac9d}
.not-found p{font-family:var(--serif);font-size:22px;color:rgba(255,255,255,.56);margin:0 0 34px}

@media(max-width:900px){
  .contact-kicker{align-items:flex-start;flex-direction:column;gap:12px}
  .contact-bottom{grid-template-columns:1fr;gap:30px}
  .contact-bottom p{font-size:17px}
  .contact-mail{width:max-content;max-width:100%;font-size:11px}
  .not-found{padding:105px 22px 46px}
}
@media(max-width:520px){
  .contact-section h2{font-size:16vw}
  .not-found h1{font-size:18vw}
}

/* BAR1 / real-world hospitality project — V17 */
.takeover-bar1{min-height:101svh;padding:102px var(--pad);display:grid;grid-template-columns:34% 66%;align-items:center;background:radial-gradient(ellipse at 85% 31%,rgba(178,25,96,.13),transparent 45%),linear-gradient(115deg,#130c12 0%,#1c1020 59%,#0b0b10 100%);color:#f3e7e6}
.bar1-home-copy{z-index:3;padding-right:2vw}.bar1-live{display:flex;align-items:center;gap:9px;margin:18px 0 27px;font-size:9px;letter-spacing:.18em;color:#f1a8c6}.bar1-live-dot{display:inline-block;width:7px;height:7px;background:#d4ff78;border-radius:50%;box-shadow:0 0 0 3px rgba(212,255,120,.12),0 0 15px rgba(212,255,120,.5);margin-right:4px}
.takeover-bar1 h2{font-family:var(--sans);font-weight:500;letter-spacing:-.08em;font-size:clamp(90px,11.4vw,182px);margin-bottom:22px}.bar1-title-stop{color:#f15a99}.takeover-bar1 .services-line{color:#f0a9cd}.takeover-bar1 .project-summary{color:#dbc8d4}
.bar1-home-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.bar1-site-link{border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:6px;font-size:8px;letter-spacing:.14em}.bar1-home-media{min-width:0;position:relative;padding:40px 0 30px 2vw}.bar1-home-caption{font-size:8px;letter-spacing:.15em;color:#d7a9bd;margin-top:13px;text-align:right}
.bar1-browser{border-radius:15px 15px 8px 8px;overflow:hidden;background:#100b12;border:1px solid rgba(255,255,255,.19);box-shadow:0 32px 80px rgba(0,0,0,.55),0 0 60px rgba(214,35,123,.11)}
.bar1-browser-chrome{height:40px;background:#1f1921;color:#c9b9c6;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.1)}.bar1-browser-chrome>a{font-size:19px;color:#f2a9cb}.bar1-dots{display:flex;gap:6px}.bar1-dots i{width:7px;height:7px;border-radius:50%;background:#a27b8c}.bar1-dots i:first-child{background:#f17a88}.bar1-dots i:nth-child(2){background:#f4b86a}
.bar1-browser-screen{aspect-ratio:1.43;min-height:370px;position:relative;overflow:hidden;background:radial-gradient(circle at 73% 48%,#873768 0%,#291b31 40%,#130d16 85%);isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:22px clamp(18px,2.4vw,38px);color:#fff}
.bar1-browser-background,.bar1-browser-shade{position:absolute;inset:0;width:100%;height:100%}.bar1-browser-background{object-fit:cover;object-position:center;opacity:.55;filter:contrast(1.1) saturate(.86)}.bar1-browser-shade{background:linear-gradient(90deg,rgba(13,6,17,.84),rgba(13,6,17,.37) 69%),linear-gradient(0deg,rgba(13,6,17,.65),transparent 40%)}
.bar1-screen-top,.bar1-screen-message,.bar1-screen-bottom{position:relative;z-index:1}.bar1-screen-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.bar1-screen-top img{width:100px;height:54px;object-fit:contain}.bar1-screen-top span{font-size:8px;letter-spacing:.12em;color:#fff;white-space:nowrap}.bar1-screen-message{padding:20px 0;max-width:93%}.bar1-screen-message small{display:block;font-size:8px;letter-spacing:.16em;color:#efb3c9;margin-bottom:18px}.bar1-screen-message strong{display:block;font-size:clamp(27px,3.6vw,62px);line-height:1.03;letter-spacing:-.052em;font-weight:600}.bar1-screen-message em{font-style:normal;color:#f8a6c6}.bar1-screen-message p{font-size:clamp(9px,1vw,14px);line-height:1.5;margin:14px 0 20px;color:#f5dfe6}.bar1-screen-action{display:inline-block;padding:11px 16px;border:1px solid #f5b1cc;border-radius:999px;font-size:8px;letter-spacing:.12em}.bar1-screen-bottom{font-size:8px;letter-spacing:.14em;color:#efbad1}
.bar1-case{background:#110d13;color:#f2ecea;overflow:hidden}.bar1-case-hero{min-height:93svh;display:grid;grid-template-columns:46% 54%;position:relative;background:#140c14}.bar1-case-hero .site-header{grid-column:1/-1}.bar1-hero-noise{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 40%,rgba(156,35,100,.12),transparent 45%)}
.bar1-hero-copy{padding:153px 5vw 65px var(--pad);z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.bar1-back,.bar1-case-number,.bar1-case-index{font-size:9px;letter-spacing:.2em;text-transform:uppercase}.bar1-back{color:#dbb7c4;border-bottom:1px solid #98637e;padding-bottom:8px;margin-bottom:75px}.bar1-case-number{color:#f3a0c6}.bar1-hero-copy h1{font-size:clamp(112px,12vw,198px);letter-spacing:-.11em;line-height:.8;margin:24px 0 37px;font-weight:500;font-family:var(--sans)}.bar1-hero-copy h1 span{color:#ffb3cf}.bar1-hero-copy h1 b{color:#f05ca7;font-weight:400}.bar1-case-kicker{font-size:clamp(22px,2.8vw,44px);font-family:var(--serif);line-height:1.07;margin:0 0 20px}.bar1-case-kicker em{color:#e897b7}.bar1-case-intro{font-family:var(--serif);font-size:clamp(16px,1.4vw,22px);line-height:1.38;color:#cdbfc9;max-width:460px;margin:0 0 26px}.bar1-case-buttons{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.bar1-visit{display:inline-flex;align-items:center;gap:30px;justify-content:space-between;border-radius:100px;background:#edafd0;padding:14px 22px;font-size:9px;color:#21131d;letter-spacing:.13em;font-weight:700;transition:background .2s,transform .2s}.bar1-visit:hover{background:#fff;transform:translateY(-2px)}.bar1-visit span{font-size:20px;font-weight:400}.bar1-scroll{font-size:8px;letter-spacing:.16em;color:#d9b9c9}.bar1-case-meta{border-top:1px solid rgba(255,255,255,.19);width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-top:60px;padding-top:19px;color:#f4eff1;font-size:11px;line-height:1.6}.bar1-case-meta span{display:block;text-transform:uppercase;color:#b395a9;letter-spacing:.12em;font-size:8px;margin-bottom:7px}.bar1-hero-visual{min-height:750px;position:relative;overflow:hidden;background:radial-gradient(circle at 53% 55%,#893159 0%,#3b203b 29%,#110c18 82%);display:grid;place-items:center}.bar1-hero-halo{position:absolute;inset:15% 4%;border:1px solid rgba(255,140,191,.12);border-radius:50%;box-shadow:0 0 100px rgba(221,33,122,.15)}.bar1-hero-site-image{width:100%;height:100%;position:absolute;object-fit:cover;opacity:.44;filter:brightness(.66) contrast(1.11)}.bar1-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#140c14,transparent 25%),linear-gradient(0deg,#140c14,transparent 25%);pointer-events:none}.bar1-hero-mark{position:relative;z-index:2;width:min(78%,650px);filter:drop-shadow(0 24px 80px rgba(255,52,134,.35))}.bar1-hero-edge{position:absolute;bottom:35px;right:6%;z-index:3;letter-spacing:.22em;font-size:8px;color:#ead4e2}
.bar1-case-overview{background:#f1e8e3;color:#160f15;padding:115px var(--pad);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:20px}.bar1-case-overview>.bar1-case-index{padding-top:17px;color:#735d65}.bar1-case-overview>div:nth-child(2){padding-right:5vw}.bar1-case-overview h2,.bar1-web-intro h2,.bar1-feature-heading h2,.bar1-night-copy h2,.bar1-case-cta h2{font-family:var(--serif);font-size:clamp(60px,7.2vw,118px);line-height:.89;font-weight:400;letter-spacing:-.045em;margin:0 0 26px}.bar1-case-overview h2 em{color:#bd3f7c}.bar1-case-overview>div:nth-child(2)>p{font-family:var(--serif);font-size:22px;line-height:1.42;max-width:790px;color:#60515b}.bar1-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:65px}.bar1-principles article{border-top:1px solid #b7a7a6;padding:17px 8px 0 0}.bar1-principles article span{display:block;color:#a34c79;font-size:11px;margin-bottom:18px}.bar1-principles article strong{font-size:17px}.bar1-principles article p{font-family:var(--serif);color:#686069;line-height:1.3}
.bar1-case-web{padding:113px var(--pad) 92px;background:#171018}.bar1-web-intro,.bar1-feature-heading{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:20px;margin-bottom:60px}.bar1-case-index{color:#d991b1}.bar1-web-intro h2 em{color:#f39bc2}.bar1-web-intro p,.bar1-feature-heading p,.bar1-night-copy p{font-family:var(--serif);font-size:21px;line-height:1.44;max-width:690px;color:#bdb0b9}.bar1-case-browser{max-width:1250px;margin:0 auto}.bar1-case-browser .bar1-browser-screen{aspect-ratio:1.9;min-height:570px;padding:50px 6%}.bar1-case-browser .bar1-screen-top img{width:140px;height:75px}.bar1-case-browser .bar1-screen-message strong{font-size:clamp(48px,5.7vw,96px)}.bar1-case-browser .bar1-screen-message p{font-size:18px}.bar1-caption-row{max-width:1250px;margin:22px auto 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:9px;line-height:1.5;letter-spacing:.06em;color:#b59eae}.bar1-caption-row a{color:#f7b1cd;border-bottom:1px solid;padding-bottom:4px;white-space:nowrap}
.bar1-case-features{padding:116px var(--pad);background:#26131d}.bar1-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bar1-feature{display:flex;flex-direction:column;background:#170e15;min-width:0}.bar1-feature-image{height:clamp(240px,28vw,480px);background:radial-gradient(circle at 70% 35%,#9d376d,#3f1c36 60%,#1d0d19);overflow:hidden}.bar1-feature-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .7s}.bar1-feature:hover .bar1-feature-image img{transform:scale(1.05)}.bar1-feature-text{padding:29px 30px 34px;flex:1}.bar1-feature-text span{font-size:9px;letter-spacing:.16em;color:#e69fbf}.bar1-feature-text h3{font-family:var(--serif);font-size:clamp(33px,3.1vw,55px);font-weight:400;line-height:.96;margin:20px 0}.bar1-feature-text p{font-family:var(--serif);font-size:18px;color:#bfb0bc;line-height:1.35;min-height:50px}.bar1-feature-text a{display:inline-block;font-size:8px;letter-spacing:.14em;border-bottom:1px solid #f4c3d9;padding-bottom:5px;margin-top:12px}
.bar1-case-nights{padding:124px var(--pad);background:#f1e7e0;color:#171118;display:grid;grid-template-columns:minmax(0,37fr) minmax(0,63fr);gap:30px}.bar1-night-copy{padding-right:5vw}.bar1-night-copy .bar1-case-index{color:#9d4a71}.bar1-night-copy h2{font-size:clamp(52px,6vw,91px);margin-top:35px}.bar1-night-copy h2 em{color:#b04577}.bar1-night-copy p{color:#62545a}.bar1-night-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bar1-night-images figure{min-height:540px;overflow:hidden;background:linear-gradient(160deg,#4a1837,#c17b96)}.bar1-night-images figure:nth-child(2){margin-top:60px;margin-bottom:-60px}.bar1-night-images img{width:100%;height:100%;object-fit:cover}
.bar1-case-cta{background:radial-gradient(ellipse at 65% 48%,rgba(219,35,111,.16),transparent 52%),#100c12;padding:150px var(--pad);text-align:center}.bar1-case-cta h2{margin:35px auto 26px}.bar1-case-cta h2 em{color:#ef93bc}.bar1-case-cta p{font-family:var(--serif);font-size:21px;color:#c0aab9;margin:0 auto 30px;max-width:610px}.bar1-case-next{background:#eadfd7;color:#181317}.bar1-case-next>a{padding:60px var(--pad);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.bar1-case-next span{font-size:9px;text-transform:uppercase;letter-spacing:.19em;grid-column:1/-1}.bar1-case-next strong{font-family:var(--serif);font-size:clamp(60px,9vw,140px);line-height:1;font-weight:400;letter-spacing:-.05em}.bar1-case-next b{font-size:55px;font-weight:400}
@media(max-width:1000px){.takeover-bar1{grid-template-columns:1fr;padding:100px var(--pad) 75px}.bar1-home-copy{padding:0 0 35px}.bar1-home-media{padding:0}.bar1-case-hero{grid-template-columns:1fr}.bar1-hero-copy{padding:150px var(--pad) 70px}.bar1-hero-visual{min-height:590px}.bar1-case-overview,.bar1-web-intro,.bar1-feature-heading,.bar1-case-nights{grid-template-columns:1fr}.bar1-case-overview{padding:85px var(--pad)}.bar1-case-overview>.bar1-case-index{padding:0}.bar1-case-nights{gap:35px}.bar1-night-images figure{min-height:420px}}
@media(max-width:700px){.takeover-bar1{padding:85px 22px 65px}.takeover-bar1 h2{font-size:clamp(92px,24vw,160px)}.bar1-browser-screen{min-height:310px;aspect-ratio:.95;padding:20px}.bar1-screen-top img{width:76px}.bar1-screen-top span{font-size:6px;white-space:normal;text-align:right}.bar1-screen-message strong{font-size:clamp(33px,8vw,55px)}.bar1-screen-message small{font-size:7px}.bar1-screen-bottom{font-size:6px}.bar1-case-hero{min-height:0}.bar1-hero-copy{padding:120px 22px 65px}.bar1-back{margin-bottom:50px}.bar1-hero-copy h1{font-size:clamp(120px,27vw,230px)}.bar1-case-meta{grid-template-columns:1fr 1fr;margin-top:40px}.bar1-hero-visual{min-height:400px}.bar1-case-overview,.bar1-case-web,.bar1-case-features,.bar1-case-nights,.bar1-case-cta{padding:80px 22px}.bar1-case-overview h2,.bar1-web-intro h2,.bar1-feature-heading h2,.bar1-night-copy h2,.bar1-case-cta h2{font-size:clamp(54px,12.4vw,78px)}.bar1-case-overview>div:nth-child(2)>p,.bar1-web-intro p,.bar1-feature-heading p,.bar1-night-copy p{font-size:18px}.bar1-principles{grid-template-columns:1fr;gap:16px;margin-top:40px}.bar1-feature-grid{grid-template-columns:1fr}.bar1-feature-image{height:300px}.bar1-feature-text p{min-height:0}.bar1-case-browser .bar1-browser-screen{aspect-ratio:.88;min-height:500px;padding:24px}.bar1-case-browser .bar1-screen-message strong{font-size:clamp(40px,9vw,70px)}.bar1-case-browser .bar1-screen-message p{font-size:13px}.bar1-case-browser .bar1-screen-top img{width:84px;height:50px}.bar1-caption-row{display:block}.bar1-caption-row a{display:inline-block;margin-top:12px}.bar1-night-images figure{min-height:310px}.bar1-night-images figure:nth-child(2){margin:35px 0 -35px}.bar1-case-next>a{padding:45px 22px}.bar1-case-next strong{font-size:clamp(48px,12vw,90px)}}
@media(prefers-reduced-motion:reduce){.bar1-feature-image img,.bar1-visit{transition:none}}


/* V17.1: Official BAR1 brandmark with surfboards (square original from bar1bar.com) */
.bar1-screen-top img{width:86px;height:86px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 3px 12px rgba(0,0,0,.55))}
.bar1-case-browser .bar1-screen-top img{width:116px;height:116px}
.bar1-hero-mark{width:min(74%,530px);max-height:72vh;object-fit:contain;filter:drop-shadow(0 18px 42px rgba(0,0,0,.36))}
@media(max-width:700px){.bar1-screen-top img{width:70px;height:70px}.bar1-case-browser .bar1-screen-top img{width:74px;height:74px}.bar1-hero-mark{width:min(70%,340px);max-height:360px}}

/* V17.2: locally packaged authentic BAR1 site-footer neon logo. */
.bar1-screen-top img{width:clamp(118px,13vw,180px);height:86px;object-fit:contain;object-position:left center;max-width:45%}
.bar1-case-browser .bar1-screen-top img{width:200px;height:92px;max-width:45%}
.bar1-hero-mark{width:min(82%,630px);max-height:70vh;object-fit:contain}
@media(max-width:700px){.bar1-screen-top img,.bar1-case-browser .bar1-screen-top img{width:124px;height:67px;max-width:55%}.bar1-hero-mark{width:min(80%,450px)}}

/* V17.4: editorial case-study art direction; protect headlines and full compositions */
@media(min-width:1001px){
 .lune-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}
 .lune-hero-copy{min-width:0;padding-right:clamp(18px,2vw,38px)}
 .lune-hero h1{font-size:clamp(64px,6.05vw,103px);letter-spacing:-.057em;max-width:100%;white-space:nowrap}
 .lune-hero-image{min-width:0}
 .lune-hero-image img{object-position:center}
}
@media(min-width:701px) and (max-width:1000px){.lune-hero h1{font-size:clamp(66px,10vw,100px)}}
@media(max-width:700px){.lune-hero-copy{overflow:visible}.lune-hero h1{font-size:clamp(44px,13.2vw,70px);line-height:1.02;letter-spacing:-.065em;white-space:nowrap}}
/* Digital presentation: keep the complete editorial website composition in view. */
.bar1-case-browser .bar1-browser-screen{aspect-ratio:1.75;min-height:0}
.bar1-case-browser .bar1-screen-message strong{font-size:clamp(38px,4.8vw,75px);line-height:1.02}
.bar1-browser-background{object-position:center 40%}
.bar1-feature-image{height:auto;aspect-ratio:4/4.65;display:grid;place-items:center;padding:clamp(10px,1.3vw,23px)}
.bar1-feature-image img{max-width:100%;max-height:100%;height:100%;width:100%;object-fit:contain;filter:none}
.bar1-feature:hover .bar1-feature-image img{transform:scale(1.015)}
.bar1-night-images figure{min-height:0;aspect-ratio:4/5}
.bar1-night-images img{object-fit:contain;background:#22111e}
@media(max-width:700px){.bar1-case-browser .bar1-browser-screen{aspect-ratio:4/5;min-height:0}.bar1-case-browser .bar1-screen-message strong{font-size:clamp(28px,8vw,49px)}.bar1-feature-image{aspect-ratio:1/1}.bar1-night-images figure{min-height:0}}


/* === KRAVEHAUS V17.5 / BOLD EDITORIAL PASS === */
:root{--v175-pink:#f154a8;--v175-ink:#0c0a0d;--v175-cream:#f6efe7}
html{scroll-behavior:smooth}
::selection{background:#f154a8;color:#120913}
.hero{min-height:100svh;background:#100b10;isolation:isolate}
.hero:after{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 68% 55%,transparent 15%,rgba(8,5,9,.36) 74%);z-index:1}
.hero-image{filter:saturate(.55) contrast(1.25);opacity:.53}
.hero-copy{z-index:5;max-width:min(100%,1050px);padding-top:clamp(140px,15vh,210px);padding-bottom:80px}
.hero-copy .eyebrow{letter-spacing:.25em;color:#f1a2ce;font-size:11px;text-transform:uppercase}
.hero-wordmark{max-width:290px;width:37%;height:auto;filter:drop-shadow(0 0 14px rgba(249,40,155,.16))}
.hero-copy .ideas{font-size:clamp(12px,1.1vw,15px);letter-spacing:.15em;text-transform:uppercase;color:var(--v175-cream);margin-top:15px}
.v175-manifesto{padding:clamp(30px,5vw,65px) 0 clamp(24px,3vw,36px)}
.v175-manifesto>span{display:block;font-size:11px;letter-spacing:.28em;color:#f4a2d0;margin-bottom:18px}
.v175-manifesto strong{display:block;color:var(--v175-cream);font-family:var(--sans,Arial,sans-serif);font-size:clamp(72px,9vw,165px);line-height:.82;letter-spacing:-.095em;font-weight:800;text-transform:uppercase}
.v175-manifesto strong i{font-style:normal;color:var(--v175-pink)}
.v175-manifesto-rule{display:flex;gap:25px;justify-content:space-between;margin-top:36px;padding-top:17px;border-top:1px solid rgba(255,255,255,.38);max-width:760px;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#dfced8}
.hero-copy>p{max-width:490px;font-size:clamp(17px,1.65vw,22px);line-height:1.4}
.hero-copy .hero-rule{display:none}
.portfolio-intro{background:#f4ebe5;color:#181018;padding-top:clamp(90px,12vw,175px);padding-bottom:clamp(75px,9vw,130px)}
.portfolio-intro h2{font-size:clamp(50px,7.3vw,124px);letter-spacing:-.075em;line-height:.93}
.portfolio-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#bb387b}
.portfolio-intro p{max-width:510px;font-size:18px;line-height:1.5}
.takeover{position:relative}
.takeover h2{letter-spacing:-.07em}
.takeover-bar1{background:linear-gradient(145deg,#190b1b,#080809 70%)}
.bar1-home-media{filter:drop-shadow(0 27px 45px rgba(0,0,0,.32))}
.bar1-browser,.bar1-case-browser .bar1-browser{border:1px solid rgba(255,255,255,.17);border-radius:12px;overflow:hidden}
.bar1-browser-screen{min-height:380px}
.bar1-browser-screen .bar1-screen-message strong{font-size:clamp(18px,2.2vw,38px);line-height:1.04;letter-spacing:-.045em}
.bar1-screen-message{max-width:80%}
.bar1-home-caption{letter-spacing:.16em}
/* Case-study imagery: complete photography / intentional editorial detail */
.bar1-case .bar1-feature-image img,.bar1-case .bar1-night-images img{object-position:center center}
.bar1-case-browser .bar1-browser-screen{min-height:clamp(420px,50vw,700px)}
.bar1-case .bar1-hero-visual{overflow:hidden}
.bar1-case .bar1-case-overview,.lune-case .lune-overview{padding-top:clamp(100px,12vw,180px);padding-bottom:clamp(100px,12vw,180px)}
/* Lunevaire heading stays within left column at every viewport */
.lune-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lune-hero-copy{min-width:0;overflow:hidden;padding-right:clamp(24px,4vw,68px)}
.lune-hero h1{display:block;font-size:clamp(40px,5.2vw,83px);max-width:100%;min-width:0;white-space:normal;overflow-wrap:normal;letter-spacing:-.085em;line-height:1.01;font-weight:700}
.lune-hero-image{min-width:0;isolation:isolate}
.lune-hero-image img{object-fit:cover;object-position:center}
.lune-hero-image:after{content:'FRAGRANCE / CONCEPT 02';position:absolute;bottom:30px;right:30px;font:600 11px Arial,sans-serif;letter-spacing:.24em;color:#faf8f0}
.lune-site-full img{object-fit:contain!important;height:auto!important}
@media(max-width:900px){
 .hero-copy{padding:135px 24px 70px;max-width:100%}
 .hero-wordmark{width:220px;max-width:75%}
 .v175-manifesto strong{font-size:clamp(60px,13.4vw,105px)}
 .v175-manifesto-rule{flex-wrap:wrap;gap:15px}
 .hero-image{opacity:.3}
 .lune-hero{display:grid;grid-template-columns:minmax(0,1fr)!important}
 .lune-hero-copy{min-height:auto;padding:128px 24px 70px;overflow:visible}
 .lune-hero h1{font-size:clamp(42px,10vw,94px);overflow-wrap:normal;white-space:normal;letter-spacing:-.08em}
 .lune-hero-image{height:70svh;min-height:480px}
 .bar1-browser-screen{min-height:310px}
}
@media(max-width:560px){
 .hero{min-height:100svh}
 .hero-copy{padding:115px 22px 52px}
 .v175-manifesto{padding:52px 0 28px}
 .v175-manifesto strong{font-size:clamp(51px,13vw,76px)}
 .v175-manifesto-rule span:last-child{display:none}
 .portfolio-intro h2{font-size:clamp(45px,11.7vw,75px)}
 .bar1-browser-screen{min-height:245px}
 .bar1-screen-message{max-width:95%;padding-inline:9px}
 .bar1-screen-message strong{font-size:clamp(17px,5.4vw,28px)!important}
 .lune-hero h1{font-size:clamp(36px,9.8vw,55px);letter-spacing:-.075em}
 .lune-hero-image{min-height:360px;height:56svh}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* KRAVEHAUS V17.6 — art directed editorial correction */
.hero{display:grid!important;grid-template-columns:minmax(0,57%) minmax(0,43%)!important;min-height:740px;position:relative;overflow:hidden;background:#120c11}
.hero .site-header{position:absolute;top:0;left:0;right:0;z-index:20}
.hero-copy{grid-column:1!important;position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:175px clamp(24px,4.2vw,82px) 88px!important;z-index:10!important;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
.hero-image{grid-column:2!important;position:relative!important;inset:auto!important;min-height:740px!important;height:100%!important;width:100%!important;opacity:1!important;filter:none!important;overflow:hidden}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.78) contrast(1.1)}
.hero:after{background:linear-gradient(90deg,transparent 52%,rgba(18,12,17,.08) 62%,rgba(18,12,17,.1));z-index:2}
.hero-wordmark{width:clamp(220px,26vw,405px)!important;max-width:90%!important;margin-top:20px!important;margin-bottom:6px!important}
.v175-manifesto{width:100%;padding:38px 0 25px!important;margin:0!important}
.v175-manifesto>span{font-size:10px!important;letter-spacing:.22em!important;line-height:1.7;display:block!important;margin-bottom:23px!important}
.v175-manifesto strong{display:flex!important;flex-direction:column;gap:2px;font-size:clamp(53px,5.65vw,102px)!important;line-height:.98!important;letter-spacing:-.075em!important;font-weight:700!important;max-width:100%;overflow:visible}
.v176-line{display:block!important;white-space:nowrap!important}.v176-line-alt{color:#f5eee8}.v176-line-alt i{font-family:Georgia,serif;font-weight:400;font-style:italic!important;letter-spacing:-.095em}
.v175-manifesto-rule{margin-top:33px!important;max-width:600px!important;display:flex!important;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;font-size:9px!important;letter-spacing:.11em!important}
.v175-manifesto-rule a{color:#f4a8cf;border-bottom:1px solid currentColor;text-decoration:none;padding-bottom:5px}
.hero-copy .ideas{font-size:10px!important;margin-top:5px!important;letter-spacing:.18em!important;line-height:1.5}
.hero-copy>p{max-width:460px!important;font-size:clamp(17px,1.55vw,21px)!important;line-height:1.45!important;margin-top:22px!important;margin-bottom:32px!important}
.hero-copy .circle-link{margin-top:0!important}
/* Distinctive projects, but never allow typography to collide with imagery */
.takeover-lune{grid-template-columns:minmax(0,41%) minmax(0,59%)!important;overflow:hidden}
.takeover-lune .takeover-copy{width:100%;min-width:0;position:relative;z-index:4;padding-right:25px!important}
.takeover-lune .takeover-copy h2{font-size:clamp(47px,5.15vw,86px)!important;line-height:1!important;letter-spacing:-.09em!important;white-space:nowrap!important;max-width:100%;position:relative;z-index:1}
.takeover-lune .lune-stage{min-width:0;z-index:2;overflow:hidden}
.lune-hero h1{font-size:clamp(38px,4.5vw,72px)!important;letter-spacing:-.07em!important;line-height:1.04!important;overflow-wrap:anywhere!important;white-space:normal!important}
/* BAR1 case study: preserve complete visuals, never chop text inside mockups */
.bar1-case .bar1-feature-image img,.bar1-case .bar1-night-images img{object-fit:contain!important;object-position:center!important}
.bar1-case .bar1-feature-image,.bar1-case .bar1-night-images figure{background:#1e101d}
.bar1-home-media .bar1-browser-screen{aspect-ratio:1.65!important;min-height:0!important}
@media(max-width:1100px){.hero{grid-template-columns:55% 45%!important}.hero-copy{padding:145px 28px 70px!important}.v175-manifesto strong{font-size:clamp(40px,5.5vw,66px)!important}.takeover-lune .takeover-copy h2{font-size:clamp(44px,4.9vw,65px)!important}}
@media(max-width:750px){.hero{display:flex!important;flex-direction:column;min-height:unset!important}.hero-copy{order:1;padding:135px 24px 64px!important;min-height:630px}.hero-image{order:2;min-height:380px!important;height:56svh!important}.v175-manifesto strong{font-size:clamp(45px,9.1vw,80px)!important}.v176-line{white-space:normal!important}.takeover-lune{display:block!important}.takeover-lune .takeover-copy{padding:80px 24px 30px!important}.takeover-lune .takeover-copy h2{font-size:clamp(43px,10.3vw,73px)!important}.takeover-lune .lune-stage{height:65svh;min-height:400px}.lune-hero h1{font-size:clamp(45px,9.2vw,74px)!important}.bar1-home-media .bar1-browser-screen{aspect-ratio:1.15!important}}
@media(max-width:430px){.hero-copy{padding:122px 20px 52px!important;min-height:600px}.v175-manifesto strong{font-size:clamp(38px,9.5vw,49px)!important}.hero-wordmark{width:240px!important}.v175-manifesto-rule{gap:14px!important}.takeover-lune .takeover-copy h2{font-size:clamp(38px,10vw,48px)!important}}

/* V17.7: purpose-built hero composition; fully supersedes the legacy text stack */
.hero{background:#0c090d!important;display:grid!important;grid-template-columns:minmax(0,64%) minmax(0,36%)!important;min-height:790px!important;isolation:isolate}
.hero .site-header{z-index:35!important}
.hero .kh77-copy{grid-column:1!important;min-height:790px!important;padding:clamp(145px,15vh,185px) clamp(26px,5vw,90px) 58px!important;justify-content:center!important;gap:0!important;background:linear-gradient(115deg,#100c11 0%,#130b14 85%,#231020 100%);color:#f6eff1;position:relative!important}
.kh77-kicker{display:block!important;font-family:Arial,sans-serif!important;font-size:10px!important;letter-spacing:.19em!important;color:#f3abc9!important;font-weight:700!important;margin:0 0 35px!important;line-height:1.8!important}
.kh77-kicker span{color:#777}
.kh77-headline{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%;font-family:Arial,Helvetica,sans-serif!important;font-weight:750!important;letter-spacing:-.075em!important;font-size:clamp(50px,6.4vw,116px)!important;line-height:.98!important;color:#f6f0f0!important;gap:0!important}
.kh77-headline>span{display:block!important;width:auto!important;max-width:100%!important;white-space:nowrap!important;line-height:1.04!important}
.kh77-headline .kh77-outline{font-family:Georgia,serif!important;font-weight:400!important;font-style:italic!important;letter-spacing:-.075em!important;color:#f1dce8!important;font-size:.93em!important}
.kh77-headline .kh77-highlight{font-size:.7em!important;letter-spacing:-.065em!important;margin-top:16px!important;white-space:normal!important}
.kh77-highlight em{font-style:normal!important;color:#ff67af!important}
.kh77-bottom{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:26px!important;width:100%;max-width:780px;margin-top:43px!important;padding-top:24px!important;border-top:1px solid rgba(255,255,255,.2)!important}
.kh77-bottom p{font-family:Georgia,serif!important;font-size:clamp(16px,1.4vw,21px)!important;line-height:1.48!important;margin:0!important;max-width:385px!important;color:#ddd0d7!important}
.kh77-cta{font-family:Arial,sans-serif!important;display:inline-flex!important;align-items:center!important;gap:19px!important;white-space:nowrap!important;font-size:10px!important;letter-spacing:.12em!important;font-weight:700!important;color:#fff!important;text-decoration:none!important}
.kh77-cta b{display:grid!important;place-items:center!important;width:45px;height:45px;border-radius:50%;border:1px solid #f390c0;color:#f390c0;font-size:20px;font-weight:400!important}
.kh77-index{font-size:9px!important;font-family:Arial,sans-serif!important;letter-spacing:.15em!important;color:#8e7787!important;margin-top:58px!important;width:100%;display:flex;justify-content:space-between!important;gap:15px}
.hero .hero-image{grid-column:2!important;min-height:790px!important;opacity:1!important}
.hero .hero-image img{filter:brightness(.9) contrast(1.04)!important;object-position:center!important}
/* Lunevaire: stable two-column composition, no intentional collision */
.takeover-lune{grid-template-columns:minmax(0,41%) minmax(0,59%)!important}
.takeover-lune .takeover-copy{padding-left:clamp(28px,3.4vw,60px)!important;padding-right:18px!important;z-index:5!important}
.takeover-lune .takeover-copy h2{font-size:clamp(42px,4.25vw,72px)!important;letter-spacing:-.095em!important;transform:none!important;width:auto!important;max-width:100%!important;white-space:nowrap!important}
.takeover-lune .lune-stage{z-index:2!important}
@media(max-width:1100px){.hero{grid-template-columns:61% 39%!important}.kh77-headline{font-size:clamp(43px,6.7vw,72px)!important}.kh77-bottom{flex-wrap:wrap!important}.takeover-lune .takeover-copy h2{font-size:clamp(37px,4.15vw,52px)!important}}
@media(max-width:750px){.hero{display:flex!important;flex-direction:column!important;min-height:0!important}.hero .kh77-copy{order:1!important;min-height:650px!important;padding:140px 25px 55px!important}.hero .hero-image{order:2!important;height:48svh!important;min-height:300px!important}.kh77-headline{font-size:clamp(43px,10.6vw,78px)!important}.kh77-bottom{margin-top:30px!important}.kh77-index{margin-top:40px!important}.takeover-lune .takeover-copy h2{font-size:clamp(39px,9vw,65px)!important;white-space:normal!important}}
@media(max-width:420px){.hero .kh77-copy{padding:125px 20px 45px!important;min-height:600px!important}.kh77-headline{font-size:clamp(39px,10.25vw,49px)!important}.kh77-kicker{font-size:9px!important}.kh77-cta{font-size:9px!important}.kh77-index span{display:none!important}}


/* V17.8 — approved visual corrections; homepage and project takeovers */
.hero .kh77-copy{padding-top:130px!important;padding-bottom:64px!important}
.kh78-hero-wordmark{display:block;width:min(100%,425px);height:auto;object-fit:contain;margin:0 0 24px;filter:drop-shadow(0 1px 5px rgba(255,255,255,.09))}
.kh77-kicker{margin-bottom:22px!important}
.kh77-headline{font-size:clamp(40px,5.25vw,83px)!important}
.kh77-bottom{margin-top:26px!important}
.kh77-index{margin-top:26px!important}
/* Keep the entire LUNEVAIRE title inside the left editorial column. */
.takeover-lune{grid-template-columns:minmax(0,43%) minmax(0,57%)!important}
.takeover-lune .takeover-copy{min-width:0!important;box-sizing:border-box!important;padding-right:26px!important;overflow:visible!important}
.takeover-lune .takeover-copy h2{font-size:clamp(34px,3.65vw,58px)!important;line-height:1.06!important;letter-spacing:-.075em!important;white-space:nowrap!important;max-width:100%!important;transform:none!important}
.takeover-lune .lune-stage{min-width:0!important;overflow:hidden!important}
/* ALTRIS statement becomes deliberate copy, not a caption over visual work. */
.takeover-altris .altris-signal{display:none!important}
.takeover-altris .altris-copy{min-width:0;z-index:4;position:relative}
.kh78-altris-quote{font-family:Georgia,serif;font-size:clamp(25px,2.4vw,39px);line-height:1.02;letter-spacing:-.035em;color:#f1eee8;margin:27px 0 24px;max-width:100%}
.kh78-altris-quote span{display:block;color:#d5eb32;font-style:italic;margin-top:6px}
@media(max-width:1100px){.takeover-lune .takeover-copy h2{font-size:clamp(31px,3.6vw,43px)!important}}
@media(max-width:750px){.hero .kh77-copy{padding:122px 24px 54px!important;min-height:0!important}.kh78-hero-wordmark{width:min(88vw,390px);margin-bottom:20px}.kh77-headline{font-size:clamp(40px,9.9vw,69px)!important}.takeover-lune{display:flex!important;flex-direction:column!important}.takeover-lune .takeover-copy{width:100%!important;padding-right:22px!important}.takeover-lune .takeover-copy h2{font-size:clamp(40px,9.3vw,70px)!important;white-space:normal!important;overflow-wrap:normal!important}.kh78-altris-quote{font-size:clamp(29px,7vw,42px)}}
@media(max-width:430px){.hero .kh77-copy{padding:118px 20px 45px!important}.kh78-hero-wordmark{width:min(84vw,330px)}.kh77-headline{font-size:clamp(37px,10.2vw,46px)!important}.takeover-lune .takeover-copy h2{font-size:clamp(34px,9.2vw,45px)!important}}


/* V17.9 / Kylie Ford independent publishing project */
.takeover-kylie{display:grid;grid-template-columns:44% 56%;min-height:710px;background:#eae5de;color:#211b1a;overflow:hidden;position:relative}
.kylie-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:85px clamp(27px,5vw,90px);min-width:0;position:relative;z-index:1}
.takeover-kylie .project-no{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#5d514c;display:flex;gap:13px;align-items:center}
.takeover-kylie .project-no span{height:1px;width:37px;background:#8f817a}
.kylie-mini{display:block;margin:38px 0 13px;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.23em;color:#af5a46}
.takeover-kylie h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.085em;font-size:clamp(76px,9vw,148px);line-height:.78;margin:0 0 30px;max-width:100%}
.takeover-kylie h2 em{color:#a95043;font-weight:400}
.kylie-category{font:500 14px/1.6 Georgia,serif;margin:0 0 22px;color:#6b4339}
.kylie-description{font:400 clamp(17px,1.6vw,22px)/1.5 Georgia,serif;max-width:430px;margin:0 0 34px;color:#3d3430}
.kylie-link{display:inline-flex;gap:16px;align-items:center;text-decoration:none;color:#211b1a;font:700 11px/1.3 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.kylie-link:hover .kylie-link-icon{background:#211b1a;color:#faf3e8;transform:rotate(45deg)}
.kylie-link-icon{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:47px;height:47px;font-size:20px;transition:.2s}
.kylie-link small{display:block;font-size:8px;font-weight:500;letter-spacing:.16em;color:#73645d;margin-top:6px}
.kylie-art{background:#c3d3c4;min-height:690px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:29px;overflow:hidden;isolation:isolate}
.kylie-art:before{content:'';position:absolute;border:1px solid rgba(39,67,55,.19);width:95%;aspect-ratio:1;left:5%;top:4%;border-radius:50%;pointer-events:none}
.kylie-art-top,.kylie-art-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;gap:15px;color:#305047;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.16em}
.kylie-book-stack{position:relative;display:flex;justify-content:center;align-items:center;min-height:530px;perspective:1000px;gap:0;transform:rotate(-7deg)}
.kylie-book{width:32%;height:380px;box-shadow:14px 19px 0 rgba(31,45,38,.13),18px 24px 24px rgba(31,45,38,.18);padding:24px 17px;display:flex;flex-direction:column;justify-content:space-between;position:relative;min-width:0;transition:transform .3s}
.kylie-book:hover{transform:translateY(-12px) rotate(0)!important}
.kylie-book-a{background:#ed897e;color:#30271f;transform:rotate(-10deg) translateX(14px) translateY(22px)}
.kylie-book-b{background:#f5e8cf;color:#a34d47;transform:rotate(6deg) translateY(-22px);z-index:2}
.kylie-book-c{background:#34564b;color:#f4e8cc;transform:rotate(13deg) translateX(-11px) translateY(20px)}
.kylie-book span,.kylie-book small{font:700 9px/1.35 Arial,sans-serif;letter-spacing:.12em}
.kylie-book b{font:400 clamp(25px,3.2vw,53px)/.96 Georgia,serif;letter-spacing:-.06em;overflow-wrap:normal}
.kylie-book-b b{font-size:clamp(72px,8vw,136px);line-height:1}
@media(max-width:980px){.takeover-kylie{grid-template-columns:1fr}.kylie-info{padding:85px 7vw 65px}.takeover-kylie h2{font-size:clamp(80px,17vw,136px)}.kylie-art{min-height:590px}.kylie-book-stack{min-height:470px}.kylie-book{height:340px}}
@media(max-width:540px){.kylie-info{padding:64px 23px}.takeover-kylie h2{font-size:clamp(76px,18vw,108px)}.kylie-art{min-height:400px;padding:18px}.kylie-art-top,.kylie-art-bottom{font-size:7px}.kylie-book-stack{min-height:335px}.kylie-book{height:255px;padding:13px 9px;box-shadow:7px 9px 0 rgba(31,45,38,.13),10px 16px 15px rgba(31,45,38,.13)}.kylie-book b{font-size:clamp(17px,6vw,30px)}.kylie-book-b b{font-size:clamp(44px,12vw,69px)}.kylie-book span,.kylie-book small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.kylie-book{transition:none}}

/* V17.10 actual Kylie Ford portfolio assets */
.kylie-real-art{background:#e8d9d1;min-height:710px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,2.6vw,42px);overflow:hidden;min-width:0}
.kylie-real-eyebrow,.kylie-real-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.14em;color:#724d45}
.kylie-real-books{display:flex;align-items:center;justify-content:center;min-height:510px;gap:0;padding:30px 8px;isolation:isolate}
.kylie-real-book{flex:0 0 32%;margin:0;position:relative;box-shadow:0 19px 36px #341e1c35;transition:transform .3s ease}
.kylie-real-book img{display:block;width:100%;height:auto;aspect-ratio: .73;object-fit:cover;border-radius:2px}
.kylie-real-book.kb-a{transform:rotate(-9deg) translate(23px,24px);z-index:1}.kylie-real-book.kb-b{transform:rotate(4deg) translateY(-30px);z-index:3}.kylie-real-book.kb-c{transform:rotate(10deg) translate(-20px,28px);z-index:2}
.kylie-real-book:hover{z-index:5;transform:translateY(-36px) rotate(0deg)}
.kylie-real-footer a{color:#724d45;text-decoration:none;border-bottom:1px solid currentColor;white-space:nowrap}
@media(max-width:980px){.kylie-real-art{min-height:540px}.kylie-real-books{min-height:430px}}
@media(max-width:540px){.kylie-real-art{min-height:340px;padding:18px}.kylie-real-books{min-height:295px;padding:24px 0}.kylie-real-eyebrow,.kylie-real-footer{font-size:8px}.kylie-real-book{flex-basis:34%}}


/* V17.11 — path-safe preview and restored large approved KRAVEHAUS wordmark */
.hero .kh77-copy{
  box-sizing:border-box!important;
  padding-top:124px!important;
  padding-bottom:54px!important;
}
.hero .kh78-hero-wordmark{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:min(100%,520px)!important;
  max-height:115px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0 0 22px!important;
  filter:drop-shadow(0 2px 7px rgba(255,255,255,.12))!important;
}
.hero .kh77-kicker{margin-bottom:18px!important}
.hero .kh77-headline{font-size:clamp(42px,5vw,75px)!important}
.hero .kh77-bottom{margin-top:24px!important}
.hero .kh77-index{margin-top:26px!important}
/* At large heights the complete wordmark and campaign copy stay visible. */
.hero{min-height:900px!important;max-height:none!important;height:auto!important}
.hero .kh77-copy,.hero .hero-image{min-height:900px!important}
@media(min-width:1450px){.hero .kh77-headline{font-size:clamp(65px,5.2vw,88px)!important}}
@media(max-width:1100px){
 .hero .kh78-hero-wordmark{width:min(100%,450px)!important}
 .hero .kh77-headline{font-size:clamp(42px,5.6vw,62px)!important}
 .hero .kh77-copy,.hero .hero-image{min-height:820px!important}
 .hero{min-height:820px!important}
}
@media(max-width:750px){
 .hero{min-height:0!important}
 .hero .kh77-copy{min-height:0!important;padding:110px 24px 46px!important}
 .hero .hero-image{min-height:330px!important}
 .hero .kh78-hero-wordmark{width:min(100%,420px)!important;max-height:none!important;margin-bottom:25px!important}
 .hero .kh77-headline{font-size:clamp(39px,9.5vw,68px)!important}
 .hero .kh77-bottom{align-items:flex-start!important}
}
@media(max-width:430px){
 .hero .kh77-copy{padding:106px 20px 42px!important}
 .hero .kh78-hero-wordmark{width:min(100%,345px)!important}
 .hero .kh77-headline{font-size:clamp(36px,9.65vw,46px)!important}
}

/* V17.12 hardening: preview version marker & restored approved logo image */
.preview-version-marker{display:inline-block!important;align-self:flex-start!important;font:600 9px/1.2 Arial,sans-serif!important;letter-spacing:.18em!important;color:#de9dbc!important;padding:6px 9px!important;margin:0 0 14px!important;border:1px solid rgba(222,157,188,.38)!important;background:rgba(29,17,26,.7)!important;position:relative!important;z-index:10!important}
.hero .kh78-hero-wordmark{display:block!important;visibility:visible!important;opacity:1!important;width:min(100%,570px)!important;max-width:570px!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 2px 6px rgba(240,207,221,.2))!important}
@media(max-width:750px){.hero .kh78-hero-wordmark{width:min(100%,420px)!important}}
@media(max-width:430px){.hero .kh78-hero-wordmark{width:min(100%,345px)!important}}

/* V17.13: full Mommy Mimosas cover, no screenshot whitespace or accidental crop */
.kylie-real-book.kb-a img{aspect-ratio:auto;object-fit:contain}


/* ===== KRAVEHAUS V18.0 / CREATIVE DIRECTOR'S EDITION ===== */
:root{--v18-pink:#ec78b4;--v18-ink:#100d11;--v18-ivory:#f4eee7}
html{scroll-behavior:smooth}
body{overflow-x:clip}
.v18-hero{position:relative;background:#100d11;color:#f5f0eb;overflow:hidden;isolation:isolate}
.v18-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 20%,rgba(111,33,81,.22),transparent 43%),linear-gradient(160deg,#110c12,#08080a);z-index:-1;pointer-events:none}
.v18-hero .site-header{position:relative;z-index:50;width:100%;height:90px;grid-template-columns:1fr auto 1fr;border-bottom:1px solid rgba(255,255,255,.085);padding-inline:clamp(24px,4.5vw,76px)}
.v18-hero .site-nav a{font-weight:600;font-size:10px;letter-spacing:.12em}
.v18-hero .header-line{text-align:right}.v18-hero .header-line a{font:600 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#f2bdd8;text-decoration:none;border-bottom:1px solid rgba(242,189,216,.5);padding-bottom:6px}
.v18-hero-main{max-width:1800px;margin:0 auto;display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);min-height:min(850px,calc(100svh - 90px));position:relative}
.v18-editorial{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(45px,5vw,92px) clamp(26px,4.5vw,76px) clamp(34px,4.3vw,72px);position:relative;z-index:2}
.v18-hero-brow,.v18-divider,.v18-hero-bottom,.v18-art-label,.v18-art figcaption{font:600 10px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.19em;text-transform:uppercase}
.v18-hero-brow{color:#e8b6d2;display:flex;gap:13px;align-items:center;flex-wrap:wrap}.v18-asterisk{color:#f079bb;font-size:19px}.v18-brow-index{color:#9b8b97}
.v18-masthead{width:clamp(270px,32vw,500px);max-width:100%;height:auto;display:block;object-fit:contain;margin:28px 0 26px;filter:drop-shadow(0 4px 16px rgba(255,255,255,.05))}
.v18-divider{max-width:560px;border-top:1px solid #5a4553;padding-top:13px;display:flex;gap:17px;justify-content:space-between;color:#afa0ab;font-size:8px;letter-spacing:.13em}
.v18-headline{font-family:var(--sans,Arial,sans-serif);font-size:clamp(56px,5.5vw,106px);line-height:.92;letter-spacing:-.071em;max-width:800px;margin:34px 0 26px;font-weight:600}
.v18-headline>span{display:block;white-space:nowrap}.v18-headline em{display:block;font-family:var(--serif,Georgia,serif);font-weight:400;letter-spacing:-.057em;color:var(--v18-pink);font-size:1.25em;line-height:.92}
.v18-period{color:var(--v18-pink)}.v18-lede{max-width:490px;color:#c7bbc4;font-size:clamp(15px,1.2vw,19px);line-height:1.55;margin:0}
.v18-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:34px 0 30px}
.v18-primary,.v18-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;text-decoration:none;font:600 10px/1.2 var(--sans,Arial,sans-serif);letter-spacing:.13em;padding:17px 19px;min-height:52px;transition:transform .22s,background .22s,color .22s}
.v18-primary{background:var(--v18-pink);color:#100a10}.v18-secondary{border:1px solid #7c6270;color:#f0d5e4}.v18-primary:hover,.v18-secondary:hover{transform:translateY(-3px)}
.v18-primary span,.v18-secondary span{font-size:21px;font-weight:400;line-height:.6}
.v18-hero-bottom{display:flex;justify-content:space-between;gap:25px;max-width:610px;margin-top:25px;padding-top:15px;border-top:1px solid rgba(255,255,255,.15);color:#94828f;font-size:8px;letter-spacing:.12em}
.v18-art{position:relative;min-height:650px;padding:34px clamp(20px,3vw,48px) 70px 20px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);grid-template-rows:minmax(330px,1.2fr) minmax(230px,.8fr);gap:16px;align-content:stretch;background:linear-gradient(130deg,#24141f,#0b0c0d 80%)}
.v18-art figure{position:relative;overflow:hidden;margin:0;min-width:0;background:#20151d;border:1px solid rgba(255,255,255,.09)}
.v18-art figure img{height:100%;width:100%;display:block;object-fit:cover;object-position:center;transition:transform .7s}
.v18-art figure:hover img{transform:scale(1.035)}
.v18-art figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 15px 14px;font-size:8px;letter-spacing:.13em;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.v18-art-bar{grid-column:1/3;grid-row:1}.v18-art-bar img{object-position:center 50%}.v18-art-lune{grid-column:1;grid-row:2}
.v18-art-kylie{grid-column:2;grid-row:2;display:flex;justify-content:center;align-items:center;background:#e9ced6!important;padding:15px 18px 30px}
.v18-art-kylie img{object-fit:contain!important;filter:drop-shadow(0 12px 12px rgba(0,0,0,.26))}
.v18-art-label{position:absolute;bottom:21px;left:20px;right:clamp(20px,3vw,48px);display:flex;justify-content:space-between;align-items:center;color:#a996a4;font-size:8px}
.v18-art-label strong{color:var(--v18-pink);letter-spacing:.1em;font-size:15px}
.portfolio-intro{background:#eee6df!important;grid-template-columns:33% 1fr!important;gap:7vw!important;align-items:start!important;padding-block:clamp(82px,9vw,160px)!important}
.portfolio-intro h2{font-size:clamp(64px,7.3vw,135px)!important;line-height:.84!important;letter-spacing:-.052em!important}
.portfolio-intro h2 em{color:#ae487b}.portfolio-intro p{max-width:610px;color:#554850;font-size:20px;line-height:1.45}
.portfolio-index{font-size:10px!important;letter-spacing:.13em!important}.portfolio-index span{font-size:9px;color:#6d5b62;line-height:3}
.takeover-lune{grid-template-columns:minmax(0,42%) minmax(0,58%)!important;padding:90px clamp(28px,4.3vw,70px)!important;gap:0!important;overflow:hidden}
.takeover-lune .takeover-copy{min-width:0;width:100%;padding-right:26px!important}
.takeover-lune .takeover-copy h2{font-size:clamp(43px,4.25vw,74px)!important;letter-spacing:-.065em!important;line-height:1!important;white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%!important}
.takeover-lune .lune-stage{min-width:0}.takeover-lune figure.lune-main{left:5%;right:3%}
.takeover-altris .kh78-altris-quote{position:static!important;transform:none!important;max-width:97%;font-size:clamp(23px,2.35vw,36px)!important}
.takeover-altris .altris-copy{min-width:0!important;padding-right:25px!important}
.takeover-altris .altris-copy h2{font-size:clamp(51px,6.2vw,92px)!important;max-width:100%;overflow-wrap:anywhere}
.studio-section{background:#140f15!important;display:grid;grid-template-columns:30% 1fr;gap:5vw;padding:clamp(86px,8vw,150px) var(--pad)!important}
.studio-section .studio-copy h2{font-size:clamp(55px,7vw,124px)!important;line-height:.88}.studio-section .studio-copy h2 em{color:#ec78b4;font-weight:400}
.v18-section-kicker{font:600 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.16em;color:#ec78b4;display:block;margin-bottom:30px}
.studio-section .studio-copy p{max-width:690px;font-size:20px;line-height:1.55;color:#d1c3cc}
.v18-text-link{font:600 10px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.12em;color:#f2b4d3;text-decoration:none;display:inline-block;margin-top:27px;border-bottom:1px solid #9e567c;padding-bottom:8px}
.services-section article h3{font-size:clamp(35px,4.4vw,62px)!important;line-height:1;letter-spacing:-.04em}
.contact-section{background:#ea81b5!important;color:#180d18!important;padding-block:clamp(80px,8vw,150px)!important}
.contact-section h2{font-size:clamp(55px,9vw,145px)!important;line-height:.83!important;letter-spacing:-.06em}
.contact-section h2 em{font-weight:400;font-family:var(--serif,Georgia,serif)}
.contact-section .contact-kicker,.contact-section .contact-mail{color:#150b15!important}
/* Honest project metadata / editorial credibility, each case study */
.v18-case-facts{padding:38px var(--pad) 44px;display:grid;grid-template-columns:1.1fr 1.4fr;align-items:end;gap:clamp(30px,6vw,100px);background:#e9e1d9;color:#21161e;border-bottom:1px solid #c5b8b9}
.v18-case-facts-head>span,.v18-case-facts-head>strong,.v18-case-facts-grid span{font:600 9px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.13em;text-transform:uppercase;display:block}
.v18-case-facts-head>span{color:#886476}.v18-case-facts-head>strong{color:#3b2630;margin-top:8px}.v18-case-facts-head p{font:400 clamp(21px,2.15vw,33px)/1.1 var(--serif,Georgia,serif);margin:15px 0 0;max-width:440px}
.v18-case-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.v18-case-facts-grid>div{border-top:1px solid #ab9b9f;padding-top:12px;min-width:0}
.v18-case-facts-grid span{color:#8c737c;font-size:8px}.v18-case-facts-grid strong{display:block;font:600 10px/1.45 var(--sans,Arial,sans-serif);letter-spacing:.06em;margin-top:8px;overflow-wrap:anywhere}
/* Prevent wide content from colliding with adjacent case hero media */
.lune-hero{grid-template-columns:minmax(0,47%) minmax(0,53%)!important}
.lune-hero-copy{min-width:0;overflow:hidden;padding-right:25px!important}
.lune-hero h1{font-size:clamp(43px,5.1vw,86px)!important;letter-spacing:-.055em!important;overflow-wrap:anywhere;white-space:normal;max-width:100%}
.altris-case-hero{grid-template-columns:minmax(0,44%) minmax(0,56%)!important}
.altris-case-hero-copy{min-width:0;padding-right:20px!important}
.altris-case-hero h1{font-size:clamp(51px,6.6vw,110px)!important;letter-spacing:.08em!important;overflow-wrap:anywhere;max-width:100%}
@media(max-width:1180px){
.v18-hero-main{grid-template-columns:54% 46%}.v18-headline{font-size:clamp(46px,5.2vw,78px)}.v18-art{min-height:580px;grid-template-rows:minmax(290px,1.2fr) minmax(195px,.8fr)}
.takeover-lune .takeover-copy h2{font-size:clamp(38px,4.2vw,63px)!important}
}
@media(max-width:900px){
.v18-hero .site-header{grid-template-columns:1fr auto;height:76px}.v18-hero .header-line{display:none}
.v18-hero .site-nav{display:none}.v18-hero .site-nav.is-open{display:flex;z-index:60}
.v18-hero .nav-toggle{display:block;justify-self:end}
.v18-hero-main{grid-template-columns:1fr;min-height:0}
.v18-editorial{padding:65px clamp(24px,5vw,52px) 54px}
.v18-headline{font-size:clamp(51px,10vw,91px);margin:33px 0 23px;letter-spacing:-.065em}
.v18-masthead{width:min(75vw,440px)}.v18-divider{max-width:550px}
.v18-art{min-height:510px;grid-template-rows:290px 220px;gap:13px;padding:18px 24px 55px}
.v18-art-label{left:24px;right:24px;bottom:18px}
.portfolio-intro{grid-template-columns:1fr!important;gap:20px!important}
.takeover-lune{display:flex!important;flex-direction:column!important;padding:68px 25px!important}
.takeover-lune .takeover-copy{padding:0 0 30px!important}
.takeover-lune .takeover-copy h2{font-size:clamp(52px,10vw,85px)!important;overflow-wrap:normal!important}
.takeover-lune .lune-stage{width:100%!important;min-height:390px!important;height:61vw!important}
.studio-section{grid-template-columns:1fr;gap:26px}
.v18-case-facts{grid-template-columns:1fr;gap:25px}
.lune-hero{grid-template-columns:1fr!important}
.lune-hero-copy{overflow:visible;min-height:0!important;padding:128px 25px 65px!important}
.lune-hero h1{font-size:clamp(50px,10vw,93px)!important}
.altris-case-hero{grid-template-columns:1fr!important}
.altris-case-hero-copy{padding:130px 25px 45px!important}
.altris-case-hero h1{font-size:clamp(58px,10vw,100px)!important}
}
@media(max-width:520px){
.v18-hero .site-header{padding-inline:20px;height:70px}.v18-hero .header-logo{width:143px}
.v18-editorial{padding:48px 20px 40px}.v18-brow-index{display:none}
.v18-hero-brow{font-size:8px;letter-spacing:.09em}.v18-masthead{width:min(88vw,410px);margin:25px 0 23px}
.v18-divider{gap:9px;flex-wrap:wrap;font-size:7px}
.v18-headline{font-size:clamp(37px,10.2vw,57px);letter-spacing:-.075em;line-height:1.01;margin:34px 0 21px}
.v18-headline em{font-size:1.25em;line-height:.93}.v18-lede{font-size:16px}
.v18-hero-actions{flex-direction:column;align-items:stretch}.v18-primary,.v18-secondary{width:100%}
.v18-hero-bottom{flex-direction:column;gap:9px}
.v18-art{grid-template-rows:230px 165px;min-height:445px;padding:16px 16px 47px;gap:10px}
.v18-art figcaption{font-size:7px;letter-spacing:.08em;padding:25px 9px 10px}
.v18-art-kylie{padding:8px 10px 30px}.v18-art-label{left:16px;right:16px;bottom:13px}
.portfolio-intro{padding:72px 20px!important}.portfolio-intro h2{font-size:clamp(48px,12vw,72px)!important}.portfolio-intro p{font-size:17px}
.takeover-lune .takeover-copy h2{font-size:clamp(39px,10.2vw,58px)!important;letter-spacing:-.065em!important}
.v18-case-facts{padding:31px 21px 38px}.v18-case-facts-grid{grid-template-columns:1fr;gap:14px}.v18-case-facts-head p{font-size:27px}
.studio-section{padding-inline:22px!important}.studio-section .studio-copy h2{font-size:clamp(50px,11vw,69px)!important}.studio-section .studio-copy p{font-size:17px}
.contact-section{padding-inline:22px!important}.contact-section h2{font-size:clamp(47px,10.5vw,73px)!important}
.lune-hero h1{font-size:clamp(47px,10.5vw,70px)!important}
}
@media(prefers-reduced-motion:reduce){.v18-art figure img,.v18-primary,.v18-secondary{transition:none!important}}

/* V18.0 final visual QA refinements */
.takeover-altris .altris-board{background:#080b0b!important;display:grid;place-items:center}
.takeover-altris .altris-board img{object-fit:contain!important;object-position:center!important;filter:brightness(.91) contrast(1.02)!important}
.takeover-altris .altris-ui{display:none!important}
@media(max-width:520px){
.v18-editorial{padding-top:23px;padding-bottom:20px}
.v18-masthead{margin-top:12px;margin-bottom:14px}
.v18-headline{margin-top:22px;margin-bottom:15px}
.v18-hero-actions{margin-top:18px;margin-bottom:7px;gap:8px}
.v18-primary,.v18-secondary{min-height:46px;padding-block:12px}
.v18-hero-bottom{margin-top:9px;padding-top:10px}
.v18-hero-bottom span:first-child{display:none}
.v18-art{grid-template-rows:230px 175px}
}

/* V18.2 / BAR1 architectural crop, no faces or promotional copy */
.v18-art-bar{background:#160b19!important;isolation:isolate}
.v18-art-bar img{object-fit:cover!important;object-position:center 38%!important;filter:saturate(1.04) contrast(1.03)!important}
.v18-art-bar figcaption{letter-spacing:.15em;padding:30px 15px 17px!important}
@media(max-width:520px){.v18-art-bar img{object-position:center 28%!important}}


/* ===== KRAVEHAUS V18.3 / CLIENT READY ===== */
.kh-studio-second{margin-top:15px!important;color:#e1cbd8!important}
.kh-kicker{display:block;font:600 10px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:#ec78b4}
.kh-process{background:#f1e9e1;color:#20121d;padding:clamp(80px,8vw,145px) clamp(25px,5vw,90px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:clamp(55px,7vw,125px)}
.kh-process .kh-kicker{color:#ae3e79}
.kh-process-intro h2,.kh-pricing-heading h2{margin:24px 0 27px;font-family:var(--sans,Arial,sans-serif);font-size:clamp(46px,5.2vw,85px);line-height:.98;letter-spacing:-.067em;font-weight:600}
.kh-process-intro h2 em,.kh-pricing-heading h2 em{font-family:var(--serif,Georgia,serif);font-weight:400;letter-spacing:-.055em;color:#b04c80}
.kh-process-intro p{max-width:410px;font-size:19px;line-height:1.55;color:#65545e}
.kh-process-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}
.kh-process-steps article{border-top:1px solid #b7a8af;padding-top:17px}
.kh-process-steps article>span{font:600 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.17em;color:#985a74}
.kh-process-steps h3{font:500 clamp(26px,2.2vw,37px)/1.05 var(--serif,Georgia,serif);letter-spacing:-.035em;margin:20px 0 13px}
.kh-process-steps p{font-size:15px;line-height:1.65;color:#65545e;max-width:280px}
.kh-pricing{background:#151017;color:#f6eff2;padding:clamp(85px,8vw,140px) clamp(25px,4.5vw,85px)}
.kh-pricing-heading{display:grid;grid-template-columns:1.15fr .8fr;align-items:end;gap:55px;max-width:1600px;margin:0 auto 50px}
.kh-pricing-heading h2{margin-bottom:0}.kh-pricing-heading h2 em{color:#f08fbe}
.kh-pricing-heading>p{max-width:430px;color:#cdbec7;font-size:18px;line-height:1.55;padding-bottom:4px}
.kh-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1600px;margin:0 auto}
.kh-price-card{min-width:0;display:flex;flex-direction:column;padding:clamp(24px,2.6vw,42px);background:#211821;border:1px solid #3e2a3b}
.kh-price-card.kh-price-featured{background:#342031;border-color:#ec78b4}
.kh-price-card.kh-price-custom{background:#242027}
.kh-price-top{display:flex;justify-content:space-between;gap:9px;align-items:start;min-height:40px;font:600 8px/1.55 var(--sans,Arial,sans-serif);letter-spacing:.12em;color:#e4a5c7;text-transform:uppercase}
.kh-price-top span:last-child{color:#bca5b2;text-align:right}
.kh-price-card h3{font:500 clamp(28px,2.6vw,43px)/1.02 var(--serif,Georgia,serif);letter-spacing:-.035em;color:#fff1f8;margin:28px 0 17px;min-height:85px}
.kh-price-value{font:600 clamp(30px,3vw,48px)/1 var(--sans,Arial,sans-serif);letter-spacing:-.06em;color:#f29bc4;white-space:nowrap;margin:0 0 20px}
.kh-price-value small{display:block;font:600 10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.12em;color:#beaab5;text-transform:uppercase;margin-top:8px}
.kh-price-value.kh-price-quote{font-size:clamp(28px,2.7vw,44px)}
.kh-price-intro{min-height:90px;color:#e2d1db;font-size:15px;line-height:1.55}
.kh-price-card ul{padding:20px 0 0 20px;margin:7px 0 34px;border-top:1px solid #564153;list-style-type:disc;flex:1}
.kh-price-card li{font-size:13px;line-height:1.52;padding:0 0 10px 1px;color:#cdbec8}
.kh-price-card li::marker{color:#f08fbe}
.kh-price-card>a{display:flex;align-items:center;justify-content:space-between;gap:15px;text-decoration:none;color:#150b13;background:#f19ac5;padding:17px 14px;font:700 9px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.12em;min-height:56px}
.kh-price-card:not(.kh-price-featured)>a{background:transparent;border:1px solid #a17b92;color:#f5dce8}
.kh-price-card>a:hover{background:#fff0f7;color:#1d0a14}
.kh-price-card>a span{font-size:20px}
.kh-pricing-disclaimer{max-width:1600px;margin:28px auto 0;font:400 12px/1.7 var(--sans,Arial,sans-serif);color:#bdaab5}
.kh-contact{padding-bottom:clamp(80px,8vw,150px)!important}
.kh-contact h2{max-width:1240px}
.kh-contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(35px,6vw,110px);max-width:1520px;margin:55px auto 0;align-items:start}
.kh-contact-intro{max-width:510px}
.kh-contact-intro>p:first-child{font-size:clamp(20px,2vw,30px);line-height:1.35;letter-spacing:-.02em;max-width:500px;margin:0 0 36px}
.kh-contact-note{display:block;font:700 10px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}
.kh-contact .contact-mail{font-size:clamp(16px,2vw,26px)!important;overflow-wrap:anywhere;display:inline-flex;align-items:center;gap:12px;border-bottom:2px solid currentColor;padding-bottom:8px;text-decoration:none;color:#1b1017}
.kh-contact-footnote{font-size:14px!important;line-height:1.6!important;margin:40px 0 0;max-width:370px}
.kh-contact-form{background:#ffe6ef;border:1px solid rgba(26,12,25,.24);padding:clamp(24px,3.3vw,54px);box-shadow:0 25px 65px rgba(75,23,57,.12)}
.kh-contact-form,.kh-contact-form *{box-sizing:border-box}
.kh-contact-form label{display:block;font:700 10px/1.6 var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:.12em;margin:0 0 23px;color:#361d30}
.kh-contact-form label span{color:#955373}
.kh-contact-form input,.kh-contact-form select,.kh-contact-form textarea{display:block;width:100%;min-width:0;border:0;border-bottom:1px solid #b68caa;border-radius:0;background:transparent;padding:13px 2px;font:500 15px/1.45 var(--sans,Arial,sans-serif);color:#241523;letter-spacing:normal;text-transform:none;outline-offset:4px;margin-top:8px;appearance:auto}
.kh-contact-form textarea{resize:vertical;min-height:100px}
.kh-contact-form input::placeholder,.kh-contact-form textarea::placeholder{color:#785b6e;opacity:1}
.kh-contact-form input:focus,.kh-contact-form select:focus,.kh-contact-form textarea:focus{outline:2px solid #8b286c;border-bottom-color:#8b286c}
.kh-form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.kh-contact-submit{background:#24121e;color:#fff0f7;border:1px solid #24121e;width:100%;padding:21px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center;font:700 11px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.12em;cursor:pointer}
.kh-contact-submit:hover{background:#541a3d}.kh-contact-submit>span{font-size:23px}
.kh-email-instructions,.kh-form-status{font:500 12px/1.65 var(--sans,Arial,sans-serif);letter-spacing:normal;text-transform:none;color:#4e3445;margin:14px 0 0}
.kh-form-status{font-weight:700}
@media(max-width:1250px){.kh-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-price-card h3{min-height:0}.kh-price-intro{min-height:0}.kh-price-card{padding:32px}.kh-price-top{min-height:30px}}
@media(max-width:900px){.kh-process{grid-template-columns:1fr;gap:45px}.kh-pricing-heading{grid-template-columns:1fr;gap:15px}.kh-contact-layout{grid-template-columns:1fr;gap:32px}.kh-contact-intro{max-width:680px}.kh-contact-intro>p:first-child{max-width:660px}}
@media(max-width:580px){.kh-process,.kh-pricing{padding:74px 20px}.kh-process-intro h2,.kh-pricing-heading h2{font-size:clamp(44px,12vw,68px)}.kh-process-steps{grid-template-columns:1fr;gap:24px}.kh-pricing-grid{grid-template-columns:1fr}.kh-price-card{padding:27px}.kh-price-card h3{font-size:35px}.kh-price-value{font-size:40px}.kh-contact-layout{margin-top:35px}.kh-form-two{grid-template-columns:1fr;gap:0}.kh-contact-form{padding:25px 20px}.kh-contact .contact-mail{font-size:18px!important}.kh-contact-intro>p:first-child{font-size:21px}.kh-contact h2{font-size:clamp(41px,10vw,62px)!important}}
@media(prefers-reduced-motion:reduce){.kh-price-card>a{transition:none}}


/* ================================================
  V18.4 / THE FOUNDER + CLIENT-CONVERSION PASS
   ================================================ */
.kh-trust{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.5vw,40px);padding:24px 5vw;background:#eee6df;border-top:1px solid #d9cacb;border-bottom:1px solid #d9cacb;color:#3d2935;flex-wrap:wrap;font:600 9px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.14em}
.kh-trust span:first-child,.kh-trust span:last-child{color:#986b80}.kh-trust-dot{color:#ac467e;font-size:17px}
.kh-founder{display:grid;grid-template-columns:minmax(235px,33%) minmax(0,1fr);background:#e9e1d9;color:#20151c;padding:clamp(75px,8vw,150px) clamp(24px,6vw,100px);gap:clamp(32px,7vw,140px)}
.kh-founder-aside{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.kh-founder-number,.kh-founder-eyebrow,.kh-founder-footer,.kh-founder-credential>span{font:700 10px/1.45 var(--sans,Arial,sans-serif);letter-spacing:.17em}
.kh-founder-number{color:#816a76}.kh-founder-monogram{font:400 clamp(130px,19vw,350px)/.86 var(--serif,Georgia,serif);letter-spacing:-.1em;color:#b77796;margin:clamp(36px,5vw,90px) 0 clamp(35px,6vw,90px)}
.kh-founder-monogram span{display:inline-block;font-size:.16em;vertical-align:top;position:relative;top:.25em;left:-.15em;letter-spacing:0;color:#a74e77}
.kh-founder-credential{width:100%;max-width:320px;border-top:1px solid #bfa8ae;padding-top:19px;display:flex;flex-direction:column;gap:6px}.kh-founder-credential span{color:#8c6576}.kh-founder-credential strong{font:400 clamp(29px,3.2vw,47px)/1 var(--serif,Georgia,serif)}.kh-founder-credential small{font:600 10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.1em;color:#725762;text-transform:uppercase}
.kh-founder-main{min-width:0}.kh-founder-eyebrow{color:#a4507c;margin:0 0 23px}.kh-founder h2{font:400 clamp(55px,7.2vw,126px)/.88 var(--serif,Georgia,serif);letter-spacing:-.065em;margin:0 0 42px}.kh-founder h2 em{font-weight:400;color:#a44f7d}.kh-founder-main>p:not(.kh-founder-eyebrow){max-width:720px;font:400 clamp(17px,1.3vw,21px)/1.65 var(--sans,Arial,sans-serif);color:#3d3036;margin:0 0 24px}.kh-founder-main .kh-founder-lead{font-size:clamp(20px,1.65vw,26px)!important;line-height:1.55!important;color:#291e25!important}.kh-founder-main strong{font-weight:600;color:#1c1019}
.kh-founder-footer{margin-top:46px;padding-top:21px;border-top:1px solid #c4aeb9;display:flex;align-items:center;gap:25px;justify-content:space-between;color:#a0527b}.kh-founder-footer a{color:#26111f;text-decoration:none;border-bottom:1px solid #a0527b;padding-bottom:8px;white-space:nowrap}.kh-founder-footer a span{font-size:18px}
.kh-price-time{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid rgba(80,51,68,.18);margin:22px 0 15px}.kh-price-time span{font:600 8px var(--sans,Arial,sans-serif);letter-spacing:.15em}.kh-price-time strong{font:600 12px var(--sans,Arial,sans-serif);white-space:nowrap}
.kh-faq{background:#151017;color:#f2e8ee;padding:clamp(75px,8vw,150px) clamp(24px,6vw,100px)}
.kh-faq-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:8vw;align-items:end;margin-bottom:44px}.kh-faq .kh-kicker{color:#ed84bd}.kh-faq h2{font:400 clamp(65px,8vw,145px)/.86 var(--serif,Georgia,serif);letter-spacing:-.06em;margin:27px 0 0}.kh-faq h2 em{color:#ed84bd;font-weight:400}.kh-faq-header>p{max-width:470px;color:#c0aebd;font:400 clamp(17px,1.4vw,21px)/1.55 var(--sans,Arial,sans-serif)}
.kh-faq-list{border-top:1px solid #58404f}.kh-faq-list details{border-bottom:1px solid #58404f}.kh-faq-list summary{display:grid;grid-template-columns:48px 1fr 32px;align-items:center;gap:18px;list-style:none;cursor:pointer;padding:25px 0;font:500 clamp(18px,1.6vw,25px)/1.35 var(--sans,Arial,sans-serif)}.kh-faq-list summary::-webkit-details-marker{display:none}.kh-faq-list summary>span{font:600 10px var(--sans,Arial,sans-serif);color:#d17aab}.kh-faq-list summary b{justify-self:end;color:#ed84bd;font:400 32px/1 var(--serif,Georgia,serif);transition:transform .2s}.kh-faq-list details[open] summary b{transform:rotate(45deg)}.kh-faq-answer{max-width:850px;padding:0 44px 32px 66px;font:400 clamp(15px,1.2vw,18px)/1.65 var(--sans,Arial,sans-serif);color:#c3b3be}.kh-faq-cta{display:inline-flex;gap:40px;align-items:center;margin-top:39px;text-decoration:none;font:600 11px var(--sans,Arial,sans-serif);letter-spacing:.12em;color:#f0a2cb;padding-bottom:9px;border-bottom:1px solid #ec84bd}.kh-faq-cta span{font-size:18px}
.kh-honey{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden;opacity:0}.kh-contact-form .kh-email-instructions{max-width:620px;line-height:1.6}
@media(max-width:900px){.kh-founder{grid-template-columns:1fr;gap:40px}.kh-founder-monogram{display:none}.kh-founder-credential{max-width:none}.kh-founder-aside{gap:15px}.kh-founder h2{font-size:clamp(53px,10vw,95px)}.kh-faq-header{grid-template-columns:1fr;gap:15px}}
@media(max-width:520px){.kh-founder,.kh-faq{padding:76px 22px}.kh-founder h2{font-size:clamp(52px,12vw,77px);margin-bottom:30px}.kh-founder-main>p:not(.kh-founder-eyebrow){font-size:16px;line-height:1.65}.kh-founder-main .kh-founder-lead{font-size:19px!important}.kh-founder-footer{flex-direction:column;align-items:flex-start;gap:18px}.kh-faq h2{font-size:clamp(56px,13vw,84px)}.kh-faq-list summary{grid-template-columns:28px 1fr 25px;gap:11px;font-size:17px;padding:23px 0}.kh-faq-answer{padding:0 8px 28px 39px;font-size:15px}.kh-price-time{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.kh-faq-list summary b{transition:none}}

/* V18.4 QA: keep the keyboard skip link visually hidden until keyboard focus. */
.skip-link:not(:focus-visible){clip-path:inset(100%)!important;clip:rect(0,0,0,0)!important;height:1px!important;width:1px!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important;margin:-1px!important;border:0!important;transform:none!important}
.skip-link:focus-visible{clip-path:none!important;clip:auto!important;height:auto!important;width:auto!important;padding:10px 14px!important;margin:0!important;transform:none!important}

/* KRAVEHAUS V18.5 — launch quality improvements */
.kh-privacy-footer{color:inherit!important;text-decoration:underline;text-underline-offset:5px;display:inline-block}
.kh-form-privacy{margin:4px 0 16px;color:#4e3846;font:400 12px/1.6 Arial,sans-serif}
.kh-form-privacy a{color:#5e1941!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.kh-privacy-bar{padding:20px 6%;background:#100d11;color:#f5dded;text-align:center}
.kh-privacy-bar a{color:inherit;text-underline-offset:5px}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #fa81c6!important;outline-offset:4px!important}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}.v18-art figure img{transition:none!important}}


/* ============================================
   KRAVEHAUS V18.6 — CONTACT PALETTE REFINEMENT
   No pink in contact section or inquiry form.
   ============================================ */
.contact-section.kh-contact{
  background:linear-gradient(140deg,#191c1d 0%,#111415 58%,#24282a 100%) !important;
  color:#f3eee5 !important;
}
.kh-contact:after{color:rgba(243,238,229,.045) !important}
.kh-contact .contact-kicker{
  border-bottom:1px solid rgba(243,238,229,.25);
  color:#ddd4c7;
}
.kh-contact .contact-kicker>span:last-child{color:#beb6aa !important}
.kh-contact .contact-kicker .eyebrow{color:#d6c7b5 !important}
.kh-contact h2,.kh-contact h2 em{color:#f3eee5 !important}
.kh-contact h2 em{color:#c8ad88 !important}
.kh-contact .kh-contact-intro{color:#e8e0d3 !important}
.kh-contact .kh-contact-intro>p:first-child{color:#e8e0d3 !important}
.kh-contact .kh-contact-note{color:#baad98 !important}
.kh-contact .contact-mail{color:#f3eee5 !important;border-color:#c8ad88 !important}
.kh-contact .contact-mail:hover{color:#e4c49a !important}
.kh-contact .kh-contact-footnote{color:#bdb7ae !important}
.kh-contact .kh-contact-form{
  background:#f5f1e9 !important;
  color:#252827;
  border:1px solid #c8beb0;
  box-shadow:0 28px 75px rgba(0,0,0,.25);
}
.kh-contact .kh-contact-form label{color:#29302d !important}
.kh-contact .kh-contact-form label span{color:#876d4d !important}
.kh-contact .kh-contact-form input,
.kh-contact .kh-contact-form select,
.kh-contact .kh-contact-form textarea{
  color:#252827 !important;
  background:transparent !important;
  border-bottom:1px solid #a5a094 !important;
}
.kh-contact .kh-contact-form input::placeholder,
.kh-contact .kh-contact-form textarea::placeholder{color:#6e716e !important}
.kh-contact .kh-contact-form input:focus,
.kh-contact .kh-contact-form select:focus,
.kh-contact .kh-contact-form textarea:focus{
  outline:2px solid #977d5a !important;
  border-bottom-color:#977d5a !important;
}
.kh-contact .kh-form-privacy,
.kh-contact .kh-email-instructions,
.kh-contact .kh-form-status{color:#565b57 !important}
.kh-contact .kh-form-privacy a{color:#383f3b !important;text-decoration-color:#8f806b !important}
.kh-contact .kh-contact-submit{
  background:#232827 !important;
  color:#f7f1e8 !important;
  border:1px solid #232827 !important;
}
.kh-contact .kh-contact-submit:hover{background:#3d4642 !important;border-color:#3d4642 !important}
.kh-contact :is(a,button,input,textarea,select):focus-visible{
  outline:3px solid #c4ab88 !important;
  outline-offset:4px !important;
}


/* ============================================
   KRAVEHAUS V18.7 — STUDIO PALETTE SHIFT
   Charcoal / Ivory / Champagne brand direction.
   Project-specific identities remain intact.
   ============================================ */
:root{
  --kh-charcoal:#121515;
  --kh-charcoal-2:#1b1f1f;
  --kh-ivory:#f4efe7;
  --kh-ivory-2:#ebe4da;
  --kh-taupe:#b8aea2;
  --kh-champagne:#c8ad88;
  --kh-champagne-deep:#ab8f69;
  --kh-ink:#231c19;
}
::selection{background:var(--kh-champagne)!important;color:#171311!important}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--kh-champagne)!important}
.hero-copy .eyebrow,
.v175-manifesto>span,
.hero-copy .ideas,
.v175-manifesto-rule,
.v175-manifesto-rule a{color:var(--kh-taupe)!important}
.hero-wordmark{filter:drop-shadow(0 0 14px rgba(200,173,136,.22))!important}
.v175-manifesto strong i,
.v176-line-alt i,
.portfolio-intro h2 em{color:var(--kh-champagne)!important}
.kh-studio-second,
.kh-kicker,
.kh-process .kh-kicker,
.kh-faq .kh-kicker,
.kh-founder-eyebrow,
.kh-form-privacy a,
.kh-privacy-bar a,
.kh-faq-cta,
.kh-faq-list summary b,
.kh-faq h2 em,
.kh-founder h2 em,
.kh-process-intro h2 em,
.kh-pricing-heading h2 em{color:var(--kh-champagne)!important}
.kh-trust{background:#ece4da!important;border-top:1px solid #d2c4b3!important;border-bottom:1px solid #d2c4b3!important;color:#403731!important}
.kh-trust span:first-child,.kh-trust span:last-child,.kh-trust-dot{color:var(--kh-champagne-deep)!important}
.kh-process{background:var(--kh-ivory)!important;color:var(--kh-ink)!important}
.kh-process-intro p,.kh-process-steps p{color:#60554c!important}
.kh-process-steps article{border-top-color:#cdbfb1!important}
.kh-process-steps article>span{color:var(--kh-champagne-deep)!important}
.kh-pricing{background:linear-gradient(180deg,#151717 0%, #101111 100%)!important;color:var(--kh-ivory)!important}
.kh-pricing-heading>p,.kh-pricing-disclaimer{color:#c8beb2!important}
.kh-pricing-grid .kh-price-card{background:#1b1f1f!important;border-color:#3b332c!important}
.kh-pricing-grid .kh-price-card.kh-price-featured{background:#231f1a!important;border-color:var(--kh-champagne)!important;box-shadow:0 0 0 1px rgba(200,173,136,.18) inset}
.kh-pricing-grid .kh-price-card.kh-price-custom{background:#202323!important}
.kh-price-top{color:#dbc6a6!important}
.kh-price-top span:last-child{color:#aaa39a!important}
.kh-price-card h3{color:var(--kh-ivory)!important}
.kh-price-value{color:#ead8bd!important}
.kh-price-value small,.kh-price-card li,.kh-price-intro{color:#cfc5ba!important}
.kh-price-card ul,.kh-price-time{border-top-color:#51463c!important}
.kh-price-card li::marker{color:var(--kh-champagne)!important}
.kh-price-card>a{background:var(--kh-champagne)!important;color:#171412!important;border-color:var(--kh-champagne)!important}
.kh-price-card:not(.kh-price-featured)>a{background:transparent!important;border:1px solid #8d7a63!important;color:#efe5d8!important}
.kh-price-card>a:hover{background:#e4d2b6!important;color:#161311!important}
.kh-founder{background:#e7dfd4!important;color:#211a17!important}
.kh-founder-number,.kh-founder-credential span,.kh-founder-credential small,.kh-founder-footer,.kh-founder-footer a{color:#775f48!important}
.kh-founder-monogram{color:#c8ad88!important}
.kh-founder-monogram span{color:#ab8f69!important}
.kh-founder-credential{border-top-color:#cbbcad!important}
.kh-founder h2,.kh-founder-main strong{color:#171311!important}
.kh-founder-main>p:not(.kh-founder-eyebrow){color:#403731!important}
.kh-founder-main .kh-founder-lead{color:#28211d!important}
.kh-founder-footer{border-top-color:#cbbcad!important}
.kh-founder-footer a{border-bottom-color:#ab8f69!important}
.kh-faq{background:#151717!important;color:var(--kh-ivory)!important}
.kh-faq-header>p,.kh-faq-answer{color:#c6bdb2!important}
.kh-faq-list,.kh-faq-list details,.kh-faq-list summary{border-color:#4a423b!important}
.kh-faq-list summary>span{color:#cfb38c!important}
.kh-faq-cta{border-bottom-color:var(--kh-champagne)!important}
.kh-privacy-bar{background:#121515!important;color:#eadfce!important}
.kh-privacy-footer{color:inherit!important}
.site-footer{background:#0f1111!important;color:var(--kh-ivory)!important;border-top:1px solid rgba(255,255,255,.08)!important}
.site-footer a{color:inherit!important}


/* ==================================================
   KRAVEHAUS V18.8 — Final Studio Art Direction
   Champagne, ivory and charcoal belong to KRAVEHAUS.
   Distinct BAR1 / Kylie Ford / concept visual systems retained.
   ================================================== */
:root{
 --kh-charcoal:#131616;
 --kh-charcoal-rich:#191c1c;
 --kh-ivory:#f3eee5;
 --kh-ivory-muted:#d9d0c3;
 --kh-champagne:#c8ad88;
 --kh-champagne-light:#e3ceb0;
 --kh-champagne-ink:#856841;
}
/* Main hero: the first impression is KRAVEHAUS, not pink. */
.v18-hero{background:#111414!important;color:var(--kh-ivory)!important}
.v18-atmosphere{background:radial-gradient(ellipse at 68% 16%,rgba(178,147,105,.095),transparent 49%),linear-gradient(160deg,#171a1a,#101111 80%)!important}
.v18-hero .site-header{border-bottom-color:rgba(239,227,210,.14)!important}
.v18-hero .site-nav a{color:#eee8de!important}
.v18-hero .header-line a{color:var(--kh-champagne-light)!important;border-color:rgba(200,173,136,.55)!important}
.v18-hero-brow{color:#d1bc9e!important}
.v18-brow-index{color:#a79d91!important}
.v18-asterisk{color:var(--kh-champagne)!important}
.v18-masthead{filter:drop-shadow(0 4px 17px rgba(218,193,158,.12))!important}
.v18-divider{border-top-color:#65594b!important;color:#c9b9a4!important}
.v18-headline{color:#f7f2e9!important}
.v18-headline em,.v18-period{color:var(--kh-champagne)!important}
.v18-lede{color:#d2c9bf!important}
.v18-primary{background:var(--kh-champagne)!important;color:#171714!important;border:1px solid var(--kh-champagne)!important}
.v18-secondary{background:transparent!important;border:1px solid #a99a85!important;color:#f3eee5!important}
.v18-primary:hover{background:var(--kh-champagne-light)!important;color:#171714!important}
.v18-secondary:hover{background:#292c2b!important;border-color:var(--kh-champagne)!important;color:#fff6e8!important}
.v18-hero-bottom{border-top-color:rgba(225,209,188,.21)!important;color:#a89a88!important}
.v18-art{background:linear-gradient(130deg,#242521,#131616 88%)!important}
.v18-art-kylie{background:#eee3d4!important}
.v18-art-label{color:#b8a998!important}
.v18-art-label strong{color:var(--kh-champagne)!important}
/* Studio's own dividers, links, and actions */
.portfolio-intro{background:#eee8df!important;color:#231d19!important}
.portfolio-intro h2 em{color:var(--kh-champagne-ink)!important}
.portfolio-intro p,.portfolio-index span{color:#655a4c!important}
.studio-section{background:#141818!important;color:var(--kh-ivory)!important}
.studio-section .studio-copy h2{color:var(--kh-ivory)!important}
.studio-section .studio-copy h2 em{color:var(--kh-champagne)!important}
.studio-section .studio-copy p{color:#d2c5b7!important}
.v18-section-kicker{color:var(--kh-champagne)!important}
.v18-text-link{color:var(--kh-champagne-light)!important;border-bottom-color:#977b58!important}
.v18-text-link:hover{color:#f4e5cc!important}
.kh-process-intro h2 em{color:var(--kh-champagne-ink)!important}
.kh-process .kh-kicker{color:var(--kh-champagne-ink)!important}
.kh-founder-eyebrow{color:var(--kh-champagne-ink)!important}
.kh-founder h2 em{color:var(--kh-champagne-ink)!important}
.kh-founder-footer a{border-bottom-color:var(--kh-champagne-ink)!important}
.kh-faq h2 em,.kh-faq .kh-kicker{color:var(--kh-champagne)!important}
.kh-faq-list summary b,.kh-faq-list summary>span{color:#dfc49c!important}
.kh-faq-cta{color:#e2c8a4!important;border-bottom-color:var(--kh-champagne)!important}
.kh-pricing-heading h2 em{color:var(--kh-champagne)!important}
.kh-pricing .kh-kicker{color:var(--kh-champagne)!important}
.kh-price-card>a,.kh-contact-submit,.v18-primary,.v18-secondary,.v18-text-link,.kh-faq-cta{transition:background-color .2s,border-color .2s,color .2s,transform .2s}
/* Keep navigation focused and consistent, including contact/footer */
.kh-contact .kh-contact-submit{background:#242a27!important;color:#f7f1e6!important}
.kh-contact .kh-contact-submit:hover{background:#3d443f!important;color:#fff!important}
.site-footer{border-top-color:rgba(230,214,192,.22)!important}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--kh-champagne)!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){
 .kh-price-card>a,.kh-contact-submit,.v18-primary,.v18-secondary,.v18-text-link,.kh-faq-cta{transition:none!important}
}


/* =========================================================
   V18.9 FINAL POLISH — BAR1 CASE STUDY + MOBILE QA
   ========================================================= */
.bar1-project-services{
  margin:-8px 0 26px;
  font-size:9px;
  line-height:1.6;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#efacd0;
}
.bar1-home-visual{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:20px;
  aspect-ratio:16/10;
  background:#1d101b;
  box-shadow:0 28px 70px rgba(0,0,0,.36);
}
.bar1-home-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(14,7,13,.72));
  pointer-events:none;
}
.bar1-home-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.bar1-home-visual figcaption{
  position:absolute;
  z-index:2;
  left:22px;
  right:22px;
  bottom:18px;
  font-size:8px;
  line-height:1.4;
  letter-spacing:.15em;
  color:#f8e9f1;
}
.bar1-case .bar1-feature{
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
}
.bar1-case .bar1-feature-image{
  aspect-ratio:16/10;
  height:auto;
  padding:0;
  background:#1e101d;
}
.bar1-case .bar1-feature-image img{
  width:100%;height:100%;max-width:none;max-height:none;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.95) contrast(1.02);
}
.bar1-case .bar1-feature:hover .bar1-feature-image img{transform:scale(1.025)}
.bar1-case .bar1-night-images figure{
  aspect-ratio:16/10;
  min-height:0;
  border-radius:20px;
  overflow:hidden;
  background:#1e101d;
}
.bar1-case .bar1-night-images img{
  width:100%;height:100%;object-fit:cover!important;object-position:center!important;
  background:transparent;
}
.bar1-case-cta-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:10px}
.bar1-case-live-link{font-size:9px;letter-spacing:.14em;border-bottom:1px solid #eeb1cd;padding-bottom:5px;color:#f5d6e4}

@media(max-width:700px){
  .bar1-hero-copy{padding:116px 22px 58px}
  .bar1-hero-copy h1{font-size:clamp(96px,25vw,150px);margin-bottom:28px}
  .bar1-case-kicker{font-size:clamp(25px,8vw,36px)}
  .bar1-case-intro{font-size:17px;line-height:1.5}
  .bar1-project-services{font-size:8px;letter-spacing:.11em;margin-bottom:24px}
  .bar1-case-overview,.bar1-case-web,.bar1-case-features,.bar1-case-nights,.bar1-case-cta{padding:68px 20px}
  .bar1-case-overview h2,.bar1-web-intro h2,.bar1-feature-heading h2,.bar1-night-copy h2,.bar1-case-cta h2{font-size:clamp(44px,11.3vw,60px);line-height:.95}
  .bar1-case-overview>div:nth-child(2)>p,.bar1-web-intro p,.bar1-feature-heading p,.bar1-night-copy p,.bar1-case-cta p{font-size:17px;line-height:1.52}
  .bar1-feature-grid{gap:20px}
  .bar1-feature{display:flex;flex-direction:column}
  .bar1-feature-text{order:1;padding:28px 24px 30px}
  .bar1-feature-image{order:2;aspect-ratio:16/10!important}
  .bar1-feature-text h3{font-size:clamp(34px,9.5vw,46px)}
  .bar1-night-images{grid-template-columns:1fr;gap:18px}
  .bar1-night-images figure,.bar1-night-images figure:nth-child(2){margin:0;aspect-ratio:16/10}
  .bar1-case-meta{grid-template-columns:1fr;gap:18px}
  .bar1-case-buttons,.bar1-case-cta-actions{gap:18px}
  .bar1-visit{width:auto;max-width:100%}
  .bar1-home-visual{aspect-ratio:4/3;border-radius:18px}
  .bar1-home-visual figcaption{left:16px;right:16px;bottom:14px}
}

/* ===== KRAVEHAUS V19.0 / EDITORIAL HERO REFINEMENT =====
   A quieter, more confident first impression: one dominant project image,
   stronger typography, more negative space, and less portfolio-thumbnail noise. */
.v18-hero{background:#101313!important}
.v18-hero .site-header{height:88px!important;padding-inline:clamp(26px,4.6vw,82px)!important}
.v18-hero .site-nav{gap:clamp(18px,2vw,31px)!important}
.v18-hero .site-nav a{font-size:11px!important;letter-spacing:.105em!important;font-weight:500!important}
.v18-hero .header-line a{font-size:11px!important;letter-spacing:.105em!important}
.v18-hero-main{grid-template-columns:minmax(0,57%) minmax(0,43%)!important;min-height:min(820px,calc(100svh - 88px))!important;max-width:1840px!important}
.v18-editorial{padding:clamp(58px,6vw,108px) clamp(34px,5.2vw,94px) clamp(48px,5.5vw,86px)!important;justify-content:center!important}
.v18-hero-brow{font-size:10px!important;letter-spacing:.16em!important;color:#d6c1a3!important}
.v18-brow-index{color:#8f887d!important}
.v18-masthead{width:clamp(270px,30vw,465px)!important;margin:31px 0 29px!important}
.v18-divider{max-width:600px!important;justify-content:flex-start!important;gap:clamp(28px,4vw,68px)!important;font-size:8px!important;letter-spacing:.17em!important;color:#b7aa98!important}
.v18-headline{font-size:clamp(62px,5.75vw,106px)!important;line-height:.9!important;letter-spacing:-.072em!important;max-width:720px!important;margin:42px 0 30px!important;font-weight:600!important}
.v18-headline em{color:var(--kh-champagne)!important;font-size:1.22em!important}
.v18-lede{max-width:525px!important;font-size:clamp(17px,1.25vw,20px)!important;line-height:1.58!important;color:#d8d0c6!important}
.v18-hero-actions{margin:38px 0 34px!important;gap:14px!important}
.v18-primary,.v18-secondary{font-size:10px!important;letter-spacing:.12em!important;min-height:54px!important;padding:18px 21px!important}
.v18-primary{background:#eee4d6!important;border-color:#eee4d6!important;color:#151817!important}
.v18-primary:hover{background:#fff8ee!important}
.v18-secondary{border-color:#776f65!important;color:#f0e7db!important}
.v18-hero-bottom{max-width:650px!important;margin-top:29px!important;padding-top:16px!important;font-size:8px!important;color:#968d82!important}
.v18-art{min-height:650px!important;padding:36px clamp(30px,3vw,52px) 48px 16px!important;display:block!important;background:#101313!important}
.v18-art .v19-feature{position:relative!important;width:100%!important;height:100%!important;min-height:650px!important;margin:0!important;overflow:hidden!important;background:#171717!important;border:1px solid rgba(238,228,214,.16)!important}
.v18-art .v19-feature img{width:100%!important;height:100%!important;min-height:650px!important;display:block!important;object-fit:cover!important;object-position:center 43%!important;filter:brightness(.9) contrast(1.04) saturate(.95)!important;transition:transform .7s ease!important}
.v18-art .v19-feature:hover img{transform:scale(1.018)!important}
.v18-art .v19-feature:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.04) 54%,rgba(0,0,0,.72) 100%)}
.v18-art .v19-feature figcaption{z-index:2!important;bottom:38px!important;left:28px!important;right:28px!important;background:none!important;padding:0!important;font-size:9px!important;letter-spacing:.14em!important;color:#fff7eb!important}
.v19-feature-meta{position:absolute;z-index:3;left:28px;right:28px;bottom:15px;display:flex;justify-content:space-between;gap:20px;align-items:center;font:600 8px/1.25 var(--sans,Arial,sans-serif);letter-spacing:.13em;text-transform:uppercase;color:#c9b9a4}
.v19-feature-meta a{color:#f1dfc6;text-decoration:none;border-bottom:1px solid rgba(241,223,198,.5);padding-bottom:3px}
.v19-feature-meta a:hover{color:#fff}

@media(max-width:1180px){
  .v18-hero-main{grid-template-columns:55% 45%!important}
  .v18-headline{font-size:clamp(54px,5.4vw,80px)!important}
  .v18-art,.v18-art .v19-feature,.v18-art .v19-feature img{min-height:580px!important}
}
@media(max-width:900px){
  .v18-hero .site-header{height:76px!important}
  .v18-hero-main{grid-template-columns:1fr!important}
  .v18-editorial{padding:70px clamp(25px,6vw,58px) 62px!important}
  .v18-headline{font-size:clamp(58px,10.5vw,92px)!important;max-width:760px!important}
  .v18-lede{font-size:18px!important;max-width:590px!important}
  .v18-art{padding:0 24px 50px!important;min-height:0!important}
  .v18-art .v19-feature,.v18-art .v19-feature img{min-height:500px!important;height:62vw!important;max-height:680px!important}
}
@media(max-width:520px){
  .v18-editorial{padding:44px 20px 44px!important}
  .v18-hero-brow{font-size:8px!important;letter-spacing:.1em!important}
  .v18-brow-index{display:none!important}
  .v18-masthead{width:min(84vw,390px)!important;margin:23px 0 21px!important}
  .v18-divider{gap:14px!important;flex-wrap:wrap!important;font-size:7px!important}
  .v18-headline{font-size:clamp(43px,11.6vw,59px)!important;line-height:.98!important;margin:31px 0 22px!important}
  .v18-lede{font-size:17px!important;line-height:1.55!important}
  .v18-hero-actions{margin:27px 0 18px!important;flex-direction:column!important;align-items:stretch!important}
  .v18-primary,.v18-secondary{width:100%!important;min-height:49px!important;padding:14px 16px!important}
  .v18-hero-bottom{margin-top:17px!important;flex-direction:row!important;font-size:7px!important;gap:12px!important}
  .v18-hero-bottom span:first-child{display:block!important}
  .v18-art{padding:0 16px 35px!important}
  .v18-art .v19-feature,.v18-art .v19-feature img{min-height:390px!important;height:112vw!important;max-height:520px!important}
  .v18-art .v19-feature img{object-position:center 44%!important}
  .v18-art .v19-feature figcaption{left:16px!important;right:16px!important;bottom:48px!important;font-size:7px!important;line-height:1.45!important}
  .v19-feature-meta{left:16px;right:16px;bottom:16px;font-size:7px;align-items:flex-end}
  .v19-feature-meta span{max-width:52%}
}

/* V19.1 — sharper editorial BAR1 hero asset */
.v18-art .v19-feature img{
  object-position:center 48%!important;
  filter:brightness(.94) contrast(1.06) saturate(.98)!important;
  image-rendering:auto;
}
@media(max-width:700px){
  .v18-art .v19-feature img{object-position:center 50%!important;}
}


/* V19.2 — sharpened framed editorial BAR1 hero */
.v18-art{
  padding:34px clamp(28px,3vw,52px) 30px 18px!important;
  background:linear-gradient(145deg,#0f1212 0%,#101313 62%,#0d0f10 100%)!important;
}
.v18-art .v19-feature--framed{
  position:relative!important;
  width:100%!important;
  min-height:650px!important;
  height:100%!important;
  margin:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#171a1a 0%,#121414 100%)!important;
  border:1px solid rgba(236,228,214,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), 0 18px 60px rgba(0,0,0,.32)!important;
}
.v19-frame-glow{
  position:absolute; inset:16px 16px 72px;
  border:1px solid rgba(220,193,155,.14);
  box-shadow:0 0 0 1px rgba(255,255,255,.02), 0 0 28px rgba(214,177,122,.06);
  pointer-events:none; z-index:1;
}
.v19-frame-outer{
  position:absolute; inset:26px 26px 92px;
  padding:14px;
  background:#121212;
  border:1px solid rgba(220,193,155,.30);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 16px 48px rgba(0,0,0,.28);
  z-index:2;
}
.v19-frame-inner{
  width:100%; height:100%; overflow:hidden; background:#090909;
  border:1px solid rgba(236,228,214,.12);
}
.v18-art .v19-feature--framed img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  transform:none!important;
}
.v18-art .v19-feature--framed:hover .v19-frame-outer{
  border-color:rgba(232,209,176,.44);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 22px 56px rgba(0,0,0,.34), 0 0 0 1px rgba(232,209,176,.08);
}
.v18-art .v19-feature--framed:hover .v19-frame-glow{
  box-shadow:0 0 0 1px rgba(255,255,255,.02), 0 0 34px rgba(214,177,122,.10);
}
.v18-art .v19-feature--framed:after{
  content:""; position:absolute; inset:auto 0 0 0; height:150px; pointer-events:none; z-index:2;
  background:linear-gradient(180deg,rgba(10,10,10,0) 0%, rgba(10,10,10,.12) 22%, rgba(10,10,10,.84) 100%);
}
.v18-art .v19-feature--framed figcaption{
  z-index:3!important; bottom:44px!important; left:28px!important; right:28px!important;
  background:none!important; padding:0!important; font-size:9px!important; letter-spacing:.14em!important; color:#fff7eb!important;
}
.v19-feature-meta{
  position:absolute; z-index:4; left:28px; right:28px; bottom:18px; display:flex; justify-content:space-between; gap:20px; align-items:center;
  font:600 8px/1.25 var(--sans,Arial,sans-serif); letter-spacing:.13em; text-transform:uppercase; color:#c9b9a4;
}
.v19-feature-meta a{color:#f1dfc6; text-decoration:none; border-bottom:1px solid rgba(241,223,198,.5); padding-bottom:3px}
.v19-feature-meta a:hover{color:#fff}

@media(max-width:1180px){
  .v18-art .v19-feature--framed{min-height:580px!important}
  .v19-frame-outer{inset:24px 24px 88px}
}
@media(max-width:900px){
  .v18-art{padding:0 24px 46px!important; min-height:0!important}
  .v18-art .v19-feature--framed{min-height:520px!important; height:62vw!important; max-height:680px!important}
  .v19-frame-glow{inset:14px 14px 68px}
  .v19-frame-outer{inset:22px 22px 84px; padding:12px}
}
@media(max-width:520px){
  .v18-art{padding:0 16px 34px!important}
  .v18-art .v19-feature--framed{min-height:400px!important; height:112vw!important; max-height:520px!important}
  .v19-frame-glow{inset:10px 10px 58px}
  .v19-frame-outer{inset:16px 16px 72px; padding:10px}
  .v18-art .v19-feature--framed figcaption{left:16px!important; right:16px!important; bottom:44px!important; font-size:7px!important; line-height:1.45!important}
  .v19-feature-meta{left:16px; right:16px; bottom:14px; font-size:7px; align-items:flex-end}
  .v19-feature-meta span{max-width:52%}
}

/* ===== KRAVEHAUS V19.3 / EDITORIAL SYSTEM PASS =====
   Less portfolio-feed, more independent studio: clearer hierarchy,
   larger images, tighter type system, and a more confident closing sequence. */

/* Small type should feel intentional, not microscopic. */
.project-no,.portfolio-index,.studio-label,.kh-kicker,.kh-founder-number,.kh-founder-eyebrow,
.kh-price-top,.kh-price-time span,.kh-faq-list summary span,.contact-kicker,.kh-cred-index,
.kh-more-work-head>span,.kh-more-meta,.bar1-live,.bar1-site-link,.kylie-mini,.kylie-real-eyebrow,
.kylie-real-footer,.v18-text-link{font-size:10px!important;line-height:1.45!important;letter-spacing:.13em!important}
.site-footer nav,.copyright{font-size:9px!important;line-height:1.4!important}

.portfolio-intro{padding-top:138px!important;padding-bottom:118px!important;grid-template-columns:.34fr 1fr!important;gap:10vw!important}
.portfolio-intro h2{max-width:880px!important;font-size:clamp(62px,7.8vw,124px)!important}
.portfolio-intro p{font-size:clamp(19px,1.45vw,23px)!important;line-height:1.52!important;max-width:690px!important}
.kh-trust{min-height:74px!important;padding-inline:var(--pad)!important;gap:clamp(18px,3vw,52px)!important}
.kh-trust span,.kh-trust strong{font-size:9px!important;letter-spacing:.12em!important;white-space:nowrap}

/* Give the first three projects more editorial space. */
.takeover-bar1,.takeover-kylie,.takeover-lune{min-height:100svh}
.takeover-bar1,.takeover-kylie{padding-top:clamp(105px,8vw,150px)!important;padding-bottom:clamp(95px,7vw,135px)!important}
.takeover-lune{padding-top:clamp(120px,8vw,155px)!important;padding-bottom:clamp(110px,8vw,150px)!important}

/* 04—05 become a quieter editorial pair instead of two more full-screen takeovers. */
.kh-more-work{background:#e9e2d8;color:#111;padding:clamp(110px,9vw,165px) var(--pad) clamp(115px,9vw,170px);border-top:1px solid rgba(0,0,0,.12)}
.kh-more-work-head{display:grid;grid-template-columns:.34fr 1fr;gap:10vw;align-items:start;margin-bottom:clamp(62px,6vw,100px)}
.kh-more-work-head>span{color:#756d64;padding-top:12px}
.kh-more-work-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(58px,7vw,110px);line-height:.88;letter-spacing:-.052em;margin:0;max-width:900px}
.kh-more-work-head h2 em{font-weight:400;color:#8d765d}
.kh-more-work-head p{grid-column:2;font-family:var(--serif);font-size:20px;line-height:1.5;color:#6e665d;margin:-55px 0 0;max-width:470px}
.kh-more-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,3.2vw,56px);align-items:start}
.kh-more-card{min-width:0}
.kh-more-image{display:block;position:relative;overflow:hidden;background:#151515;border:1px solid rgba(0,0,0,.12)}
.kh-more-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.10);pointer-events:none}
.kh-more-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s ease}
.kh-more-card:hover .kh-more-image img{transform:scale(1.015)}
.kh-more-palma .kh-more-image img{object-position:center 48%;filter:saturate(.91) contrast(1.01)}
.kh-more-altris .kh-more-image img{object-position:center;filter:brightness(.94) contrast(1.04)}
.kh-more-meta{display:flex;justify-content:space-between;gap:24px;padding-top:16px;color:#746b62;text-transform:uppercase;border-top:1px solid rgba(0,0,0,.13);margin-top:18px}
.kh-more-meta a{color:#111;border-bottom:1px solid rgba(0,0,0,.38);padding-bottom:3px}
.kh-more-card h3{font-family:var(--serif);font-size:clamp(48px,5vw,82px);font-weight:400;line-height:.88;letter-spacing:-.045em;margin:28px 0 16px}
.kh-more-altris h3{font-family:var(--sans);letter-spacing:.14em;font-size:clamp(40px,4vw,68px);line-height:1;font-weight:500}
.kh-more-card p{font-family:var(--serif);font-size:19px;line-height:1.5;color:#6a625a;max-width:560px;margin:0}

/* Studio/founder: more negative space and less visible copy at once. */
.studio-section{padding-top:clamp(120px,10vw,180px)!important;padding-bottom:clamp(120px,10vw,180px)!important}
.studio-copy p{font-size:clamp(18px,1.45vw,21px)!important;line-height:1.62!important;max-width:760px!important}
.kh-founder{padding-top:clamp(120px,10vw,180px)!important;padding-bottom:clamp(120px,10vw,180px)!important}
.kh-founder-main>p{font-size:clamp(17px,1.35vw,20px)!important;line-height:1.68!important;max-width:760px!important}

/* Credibility moment before the ask. */
.kh-credibility{background:#d7c7b3;color:#111;display:grid;grid-template-columns:.34fr 1fr;gap:10vw;padding:clamp(95px,8vw,140px) var(--pad);border-top:1px solid rgba(0,0,0,.13);border-bottom:1px solid rgba(0,0,0,.13)}
.kh-cred-index{color:#6f6356;padding-top:8px}
.kh-cred-lede{font-family:var(--serif);font-size:clamp(38px,4.6vw,72px);line-height:.98;letter-spacing:-.035em;max-width:980px;margin:0 0 52px}
.kh-cap-list{display:flex;flex-wrap:wrap;border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25)}
.kh-cap-list span{font-size:12px;text-transform:uppercase;letter-spacing:.10em;padding:18px 24px 18px 0;margin-right:24px}
.kh-cred-footer{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:9px;letter-spacing:.13em;color:#75695c}

/* Contact should close the site like the final page of an editorial, not a generic form section. */
.kh-contact{padding-top:clamp(120px,10vw,180px)!important;padding-bottom:clamp(110px,9vw,165px)!important}
.kh-contact .contact-kicker{max-width:1180px!important}
.kh-contact h2{font-size:clamp(62px,8.7vw,136px)!important;line-height:.84!important;max-width:1320px!important;margin-top:32px!important;margin-bottom:64px!important}
.kh-contact h2 em{color:#d6b991;font-weight:400}
.kh-contact-intro>p:first-child{font-family:var(--serif);font-size:clamp(21px,1.8vw,28px)!important;line-height:1.45!important;max-width:560px!important;color:#ded6cd!important}
.kh-contact-footnote{font-size:11px!important;letter-spacing:.04em!important;color:#91877e!important}

@media(max-width:900px){
  .portfolio-intro,.kh-more-work-head,.kh-credibility{grid-template-columns:1fr!important;gap:24px!important}
  .portfolio-intro{padding:92px 22px 82px!important}
  .portfolio-intro p{font-size:19px!important}
  .kh-trust{overflow:auto;justify-content:flex-start!important;padding:0 22px!important;gap:26px!important}
  .kh-more-work{padding:92px 22px 100px}
  .kh-more-work-head{margin-bottom:52px}
  .kh-more-work-head p{grid-column:auto;margin:0;font-size:18px}
  .kh-more-work-grid{grid-template-columns:1fr;gap:74px}
  .kh-more-card h3{margin-top:22px}
  .kh-credibility{padding:82px 22px}
  .kh-cred-lede{font-size:clamp(38px,9vw,60px);margin-bottom:38px}
  .kh-cred-footer{flex-direction:column;gap:8px}
  .kh-contact{padding:94px 22px 104px!important}
  .kh-contact h2{font-size:clamp(50px,11vw,78px)!important;line-height:.9!important;margin-bottom:44px!important}
}
@media(max-width:520px){
  .project-no,.portfolio-index,.studio-label,.kh-kicker,.kh-founder-number,.kh-founder-eyebrow,
  .kh-price-top,.kh-price-time span,.contact-kicker,.kh-cred-index,.kh-more-work-head>span,.kh-more-meta{font-size:9px!important}
  .kh-more-work-grid{gap:60px}
  .kh-more-meta{align-items:flex-end;font-size:8px!important}
  .kh-more-meta span{max-width:58%}
  .kh-more-card h3{font-size:clamp(44px,13vw,64px)}
  .kh-more-altris h3{font-size:clamp(37px,11vw,54px)}
  .kh-more-card p{font-size:18px}
  .kh-cap-list span{width:100%;margin:0;padding:15px 0;border-bottom:1px solid rgba(0,0,0,.12)}
  .kh-cap-list span:last-child{border-bottom:0}
  .kh-contact h2{font-size:clamp(46px,12vw,64px)!important}
}

/* V19.3 mobile CTA restraint — stacked, but never oversized. */
@media(max-width:520px){
  .v18-hero-actions{align-items:flex-start!important}
  .v18-primary,.v18-secondary{width:auto!important;max-width:100%!important;min-width:0!important}
}

/* ===== KRAVEHAUS V19.5 / MOBILE PROJECT ORDER =====
   On phones, remove only the duplicate framed BAR1 hero artwork.
   Keep the cream portfolio manifesto + proof strip, then flow into Project 01. */
@media(max-width:700px){
  .v18-art{display:none!important;}
  .v18-hero-main{display:block!important;min-height:0!important;}
  .v18-editorial{padding-bottom:38px!important;}
  .v18-hero-bottom{margin-bottom:0!important;}

  .portfolio-intro{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:30px!important;
    padding:84px 24px 70px!important;
  }
  .portfolio-index{
    font-size:11px!important;
    line-height:1.9!important;
    letter-spacing:.13em!important;
  }
  .portfolio-intro h2{
    max-width:100%!important;
    font-size:clamp(54px,14vw,72px)!important;
    line-height:.88!important;
  }
  .portfolio-intro p{
    max-width:100%!important;
    font-size:18px!important;
    line-height:1.55!important;
  }

  .kh-trust{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:15px 22px!important;
    overflow:visible!important;
    min-height:0!important;
    padding:22px 24px 24px!important;
  }
  .kh-trust span,.kh-trust strong{
    white-space:normal!important;
    font-size:9px!important;
  }
  .kh-trust-dot{display:none!important;}
  .kh-trust span:last-child{
    flex-basis:100%!important;
    margin-top:2px!important;
  }

  .takeover-bar1{
    border-top:0!important;
    padding-top:76px!important;
  }
}