/* Case Vacan. Portfolio navigation and Home keep their approved visual language. */
.v-cover-copy{position:absolute;left:5%;top:19%;width:44%;color:#fff}
.vacan-case .v-cover-copy p{font-size:clamp(18px,2.1vw,36px);font-weight:700;line-height:1.18;letter-spacing:-.02em;margin:0 0 26px}
.v-cover-copy p:last-child{color:#f86602}

.vacan-case{--v-orange:#f86602;--v-black:#060606;--v-paper:#eeebe9;background:var(--v-paper);color:var(--v-black)}

.vacan-case img{display:block;max-width:100%;height:auto}
.vacan-case figure{margin:0}
.vacan-case figcaption{font:11px/1.5 'Courier New',monospace;letter-spacing:.03em;padding:14px 0}
.vacan-case h2{font-size:clamp(40px,5.2vw,82px);font-weight:500;letter-spacing:-.05em;line-height:1.02;margin:0 0 30px}
.vacan-case h3{font-size:clamp(23px,2.5vw,38px);font-weight:500;letter-spacing:-.035em;margin:0 0 18px}
.vacan-case p{font-size:17px;line-height:1.65;margin:0 0 24px}
.v-intro{padding:38px 4.8% 48px}
.v-intro .back-link{margin-bottom:48px}
.v-intro-top{display:flex;justify-content:space-between}
.v-intro h1{font-size:clamp(100px,18vw,270px);line-height:.95;letter-spacing:-.065em;margin:30px 0 40px;font-weight:700}
.v-intro h1>span{color:var(--v-orange)}
.v-intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:32px}
.v-intro-bottom p{font-size:clamp(28px,3.6vw,55px);letter-spacing:-.04em;line-height:1;margin:0}
.v-intro-bottom ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.v-intro-bottom li{border:1px solid #c8c1b9;border-radius:24px;padding:10px 15px;font-size:12px}
.v-cover{position:relative;background:#060606}
.v-cover img{width:100%;aspect-ratio:16/8;object-fit:cover}
.v-section{padding:90px 4.8%}
.v-context{display:grid;grid-template-columns:1fr 2fr;gap:8%;border-bottom:1px solid #d1cbc5}
.v-context>div{max-width:750px}
.v-context h2{margin-bottom:38px}
.v-section-head{display:grid;grid-template-columns:1fr 2fr;gap:8%;margin-bottom:48px}
.v-section-head>div>p{max-width:690px;margin-bottom:0}
.v-strategy{background:var(--v-black);color:var(--v-paper)}
.v-strategy>.eyebrow{color:var(--v-orange)}
.v-strategy>h2{margin-top:38px;font-size:clamp(50px,7.4vw,118px)}
.v-strategy h2 span{color:var(--v-orange)}
.v-strategy-intro{max-width:640px}
.v-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}
.v-benefits>div{border-top:1px solid #494641;padding-top:22px}
.v-benefits>div>span{font:11px 'Courier New',monospace;color:var(--v-orange);text-transform:uppercase}
.v-benefits h3{margin-top:22px}
.v-benefits p{font-size:15px;color:#bcb6af;max-width:330px}
.v-identity{display:grid;grid-template-columns:1.4fr 1fr;gap:2px;background:#c7c0b9;border:1px solid #c7c0b9}
.v-identity figure{position:relative;padding:45px;display:flex;align-items:center;justify-content:center;min-height:260px;background:#fff}
.v-identity figcaption{position:absolute;bottom:14px;left:26px}
.v-identity .v-wordmark{grid-row:span 2;background:#060606;color:#eeebe9;min-height:550px}
.v-wordmark img{width:100%}
.v-symbol img,.v-app-icon img{width:155px;height:155px;object-fit:contain}
.v-color-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:65px}
.v-color-intro p{max-width:550px}
.v-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:15px 0 65px}
.v-colors>div{display:flex;flex-direction:column;gap:10px}
.v-swatch{height:140px;background:var(--swatch);border:1px solid #d1cbc5}
.v-colors strong{font-size:13px;font-weight:500}
.v-colors>div>span:last-child{font:11px 'Courier New',monospace}
.v-type{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #c8c1b9;padding-top:42px}
.v-type p{font-size:15px;max-width:450px}
.v-crop{position:relative;overflow:hidden;isolation:isolate}
.vacan-case .v-crop img{position:absolute;max-width:none;height:auto}
.v-system{background:#e2ded8}
.v-graphics{padding-bottom:60px}
.v-photo-head{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:20px 0 25px}
.v-photo-head p{max-width:550px}
.v-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.v-photos img{width:100%;aspect-ratio:3/4;object-fit:cover}
.v-ui-concept{margin-bottom:0!important}
.v-ui-concept>img{width:100%}
.vacan-case .v-note{font:11px/1.6 'Courier New',monospace;color:#69625c;margin:18px 0 0}
.v-applications{background:var(--v-black);color:var(--v-paper)}
.v-applications .eyebrow{color:var(--v-orange)}
.v-applications img{width:100%}
.v-application-main img{aspect-ratio:16/9;object-fit:cover}
.v-applications-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0}
.v-applications .v-note{color:#b6afa7}
.v-closing{padding:80px 4.8%;border-bottom:1px solid #d1cbc5}
.v-closing>.eyebrow{color:#995100}
.v-closing>p{font-size:clamp(50px,9vw,142px);line-height:.98;letter-spacing:-.06em;margin:35px 0 0}
.v-closing>p>span{color:var(--v-orange)}
.v-credits{padding:55px 4.8%;display:grid;grid-template-columns:1fr 2fr;gap:8%}
.v-credits p{font-size:14px;margin:0 0 12px}
.v-credits strong{display:inline-block;margin-right:20px;font-weight:500}
.vacan-preview-art{position:relative;overflow:hidden;aspect-ratio:1.15;background:#060606}
.vacan-preview-atmosphere{display:block;width:100%;height:100%;object-fit:cover;object-position:67% center}
.vacan-preview-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.32) 46%,transparent 75%)}
.vacan-preview-identity{position:absolute;z-index:1;top:10%;left:7%;right:7%}
.vacan-preview-identity>img{width:100%;height:auto;display:block}
.vacan-preview-identity>span{display:block;margin-top:18px;color:#eeebe9;font:11px/1.5 "Courier New",monospace;letter-spacing:.2em}
.vacan-preview-label{z-index:1;position:absolute;left:20px;bottom:20px;font:9px 'Courier New',monospace;background:#060606;color:#eeebe9;padding:9px 12px}

@media(max-width:900px){.v-intro-bottom{align-items:start;flex-direction:column}
.v-section{padding:65px 5%}
.v-context,.v-section-head{grid-template-columns:1fr;gap:24px}
.v-identity .v-wordmark{min-height:420px}
.v-identity figure{padding:30px;min-height:210px}
.v-benefits{gap:22px}
}

@media(max-width:600px){.v-intro{padding:28px 5% 35px}
.v-intro .back-link{margin-bottom:35px}
.v-intro h1{font-size:28vw;margin:26px 0 30px}
.v-intro-bottom{gap:22px}
.v-intro-bottom li{font-size:10px;padding:8px 11px}
.v-cover img{aspect-ratio:1.2;object-position:65% center}
.v-cover-copy{top:12%;width:54%}
.vacan-case .v-cover-copy p{font-size:clamp(16px,4.5vw,22px);margin-bottom:18px}
.v-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 75%)}
.v-cover-copy{z-index:1}
.v-section{padding:50px 5%}
.vacan-case h2{font-size:42px;line-height:1.06}
.vacan-case p{font-size:15px}
.v-strategy>h2{font-size:52px}
.v-benefits{grid-template-columns:1fr;gap:22px;margin-top:40px}
.v-benefits p{max-width:none;margin-bottom:0}
.v-benefits h3{margin:16px 0 12px}
.v-section-head{margin-bottom:30px}
.v-identity{grid-template-columns:1fr 1fr}
.v-identity .v-wordmark{grid-column:1/-1;grid-row:auto;min-height:220px;padding:30px}
.v-identity figure{min-height:190px;padding:25px 20px 45px}
.v-symbol img,.v-app-icon img{width:110px;height:110px}
.v-identity figcaption{font-size:9px;left:14px;bottom:6px}
.v-color-intro,.v-photo-head,.v-type{grid-template-columns:1fr;gap:15px}
.v-color-intro{margin-top:40px}
.v-colors{grid-template-columns:1fr 1fr;gap:22px 15px;margin:5px 0 40px}
.v-swatch{height:100px}
.v-type{gap:30px;padding-top:30px}
.v-graphics{padding-bottom:30px}
.v-photos{grid-template-columns:1fr;gap:22px}
.v-photos img{aspect-ratio:4/5;max-height:500px;object-fit:cover}
.v-photos figcaption{padding:10px 0 0}
.v-ui-concept{margin-bottom:0!important}
.v-applications-grid{grid-template-columns:1fr;gap:22px;margin:22px 0}
.v-closing{padding:50px 5%}
.v-closing>p{font-size:14vw}
.v-credits{grid-template-columns:1fr;gap:22px;padding:40px 5%}
.v-credits p{font-size:13px}
.vacan-preview-art{aspect-ratio:1.15}
}