@import url('overview.css');
.social-invitation{margin-block:65px;padding:50px;border-block:1px solid var(--line);background:#ede0dd}
.social-invitation h2{font:400 clamp(36px,5vw,64px)/1.1 'Bodoni Moda',serif;margin:18px 0}
.social-invitation>p:not(.eyebrow){max-width:520px;font-size:14px;line-height:1.7}
.social-invitation .text-link{margin-top:22px}
@media(max-width:700px){.social-invitation{padding:30px 24px;margin-block:45px}}
.route-cover>.route-logo{position:absolute;inset:23px auto auto 24px;width:150px;height:auto;object-fit:contain;object-position:center;transform:none;border:0;z-index:3;box-shadow:none;max-height:none}
.chromatic-cover>.route-logo{width:158px;background:#19161bea;padding:9px 12px}
.route-cover.chromatic-cover>span{margin-top:92px}
body{--paper:#f7f4ef;--ink:#302023;--muted:#71605f;--line:#3020232b;--focus:#9d2d50}
.overview-header{padding-block:28px}
.overview-intro{padding-block:62px 50px}
.overview-intro h1{font-family:'Bodoni Moda',serif;font-weight:400;font-size:clamp(48px,5.5vw,80px);line-height:1.09;letter-spacing:-.06em}
.overview-intro h1 em{color:#682a3a}
.route-cover{height:580px}
.studio-cover{padding:30px;background:#e2d0c9}
.studio-cover img{width:70%;height:100%;right:0;bottom:0;border-radius:0;box-shadow:none;object-position:50% 45%}
.studio-cover>span{font-family:'Bodoni Moda',serif;font-size:clamp(54px,5.2vw,78px);font-weight:400;line-height:1.05;letter-spacing:-.06em;color:#302023;max-width:100%;margin:5px 0}
.studio-cover em{color:#682a3a}
.chromatic-cover{padding:30px;background:#19161b}
.chromatic-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#19161b 0%,#19161b99 38%,#19161b00 76%);z-index:1;pointer-events:none}
.chromatic-cover img{width:72%;height:100%;right:0;bottom:0;transform:none;border:0;object-position:50% 40%}
.chromatic-cover>span{font:500 clamp(42px,4.2vw,65px)/1.02 Manrope,sans-serif;letter-spacing:-.075em;color:#fff4f0;max-width:100%;margin-top:12px}
.chromatic-cover>span em{font:italic 400 1.3em/1.1 'Bodoni Moda',serif;letter-spacing:-.06em;color:#eec2d0}
.cover-note{background:#f7f4efeb;color:#302023;left:26px;bottom:24px;letter-spacing:.14em;font-size:9px;padding:10px 13px}
.route-meta h2{font-family:'Bodoni Moda',serif;letter-spacing:-.04em;font-size:34px;line-height:1.1;font-weight:400}
.route-meta{padding-top:26px}.route-meta .eyebrow{letter-spacing:.12em;line-height:1.8}
.reading{border-color:var(--line)}.reading .eyebrow{color:#682a3a}
.choice-table thead th,.next-note{background:#eaded9}
.next-note h2{font-family:'Bodoni Moda',serif;letter-spacing:-.04em;line-height:1.2;font-size:32px;font-weight:400}
.assets-page h1{font-family:'Bodoni Moda',serif;font-weight:400;letter-spacing:-.05em;line-height:1.1}
.assets-grid h2{font-family:'Bodoni Moda',serif;font-size:24px;font-weight:400;letter-spacing:-.04em;line-height:1.1}
@media(max-width:1100px){.route-cover{height:470px}.studio-cover,.chromatic-cover{padding:22px}.studio-cover>span{font-size:59px}.chromatic-cover>span{font-size:47px}.cover-note{left:20px;bottom:20px}}
@media(max-width:650px){.overview-intro{padding:40px 0 35px}.overview-intro h1{font-size:50px}.route-cover{height:460px}.studio-cover>span{font-size:65px}.chromatic-cover>span{font-size:53px}.route-meta h2{font-size:32px}.cover-note{font-size:8px}.next-note h2{font-size:29px}.assets-page h1{font-size:48px}.assets-grid h2{font-size:22px}}
@media(max-width:360px){.studio-cover>span{font-size:55px}.chromatic-cover>span{font-size:44px}.route-cover{height:410px}.overview-intro h1{font-size:44px}}
.studio-cover img{width:100%;height:100%;object-position:50% 20%}
.studio-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#21131ed9,transparent 75%);z-index:1}
.studio-cover>span{position:absolute;left:28px;bottom:90px;color:#fff8f3;z-index:2;font-size:70px;text-shadow:0 2px 20px #2b172b55}
.studio-cover em{color:#f3dbe0}
.campaign-gallery{margin:55px 0}.campaign-gallery h2,.portfolio-heading{font:400 44px/1.2 'Bodoni Moda',serif;letter-spacing:-.05em;margin:18px 0}.campaign-gallery>p{max-width:740px;font-size:13px;line-height:1.8}
.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:30px}.campaign-grid img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.campaign-grid article:last-child img{aspect-ratio:4/5;object-position:62% 50%}.campaign-grid h3{font:400 28px/1.2 'Bodoni Moda',serif;margin:18px 0 10px}.campaign-grid p{font-size:12px;line-height:1.8}
@media(max-width:650px){.studio-cover>span{left:24px;bottom:83px;font-size:63px}.campaign-grid{grid-template-columns:1fr;gap:35px}.campaign-grid img{max-height:540px;object-position:50% 30%}.campaign-grid article:last-child img{aspect-ratio:3/2;object-position:center}.campaign-gallery h2,.portfolio-heading{font-size:38px}}
@media(max-width:360px){.studio-cover>span{font-size:54px}}