/* Ingresso per Anna: mantiene le due copertine e il confronto della proposta. */
html{scroll-padding-top:110px}
body[data-page=presentation]{--paper:#f7f4ef;--ink:#302023;--muted:#71605f;--line:#3020232b;--focus:#8b354b}
.presentation-header{position:sticky;top:0;z-index:30;background:#f7f4eff5;border-bottom:1px solid var(--line)}
.presentation-header>.wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px}
.presentation-brand{display:flex;align-items:center;min-height:48px}
.presentation-header nav{display:flex;gap:32px}
.presentation-header nav a{display:flex;align-items:center;min-height:44px;font-size:11px;text-decoration:none}
.presentation-header nav a:hover{text-decoration:underline;text-underline-offset:6px}
.prepared-for{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.overview-intro{grid-template-columns:1.4fr 1fr;padding-block:56px 45px;gap:8%}
.overview-intro h1{font-size:clamp(48px,5.3vw,78px);line-height:1.09;letter-spacing:-.055em;margin-top:22px}
.overview-intro .eyebrow{font-size:10px}
.intro-copy{padding-bottom:2px}.intro-copy p{max-width:390px;font-size:13px;line-height:1.85}.intro-copy p+p{margin-top:15px}
.intro-copy .text-link{margin-top:13px}
.section-index{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:26px;font-size:10px;letter-spacing:.07em}
.section-index>span:first-child{text-transform:uppercase;font-weight:700;flex-shrink:0}.section-index>span:last-child{color:var(--muted);text-align:right}
.routes{gap:32px;margin-bottom:0}.route{min-width:0}
.direction-link{display:block;text-decoration:none}.direction-link:focus-visible{outline-offset:7px}
.route-cover{height:clamp(420px,39vw,560px)}
.route-cover>.campaign-image{height:100%}
.studio-cover>span{font-size:clamp(52px,5vw,72px)}
.chromatic-cover>span{font-size:clamp(40px,4.1vw,59px)}
.route-meta{grid-template-columns:1fr;padding-top:24px}.route-meta h2{font-size:36px}.route-meta p{max-width:465px;font-size:13px;line-height:1.8}
.route-meta .eyebrow{font-size:9px}.direction-cta{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-top:20px;border-bottom:1px solid var(--ink);font-size:12px;font-weight:650}
.direction-cta svg{width:25px;height:25px;transition:transform .2s}.direction-link:hover .direction-cta svg{transform:translateX(4px)}
.direction-palette{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:10px;color:var(--muted)}
.direction-palette>img{margin-left:auto;opacity:.8}.swatches{display:flex;gap:5px}.swatches i{width:15px;height:15px;border-radius:50%;background:var(--swatch);border:1px solid #30202333}
.proposal-caption{font-size:10px;line-height:1.7;color:var(--muted);margin:22px 0 0}.proposal-caption a{text-underline-offset:3px}
.comparison{margin-top:66px}.comparison-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:end;margin:32px 0}
.comparison-heading h2,.social-copy h2,.conversation h2{font:400 clamp(38px,4vw,58px)/1.12 'Bodoni Moda',Georgia,serif;letter-spacing:-.045em}
.comparison-heading h2 em,.social-copy h2 em,.conversation h2 em{color:#682a3a;font-weight:400}
.comparison-heading>p{font-size:13px;max-width:390px;line-height:1.85}
.choice-table{table-layout:fixed;font-size:13px;line-height:1.8;margin-bottom:16px}
.comparison-label{width:20%}.choice-table th,.choice-table td{padding:20px 24px}.choice-table tbody th{font-size:11px;font-weight:650}
.choice-table thead th{font-size:15px;vertical-align:middle}.choice-table thead th:first-child{font-size:11px}.choice-table thead th:nth-child(2){background:#eaded9;color:#4f2030}.choice-table thead th:nth-child(3){background:#241d27;color:#fff0f4}
.choice-table tbody td:nth-child(2){background:#eaded933}.choice-table tbody td:nth-child(3){background:#c6b2e211}
.table-number{font-size:10px;margin-right:14px;opacity:.8}.comparison-note{font-size:11px;color:var(--muted);line-height:1.8}
.social-preview{margin:64px 0;background:#ede2dc;padding:24px 36px 20px;position:relative;border-radius:0 52px 0 0}
.social-preview .section-index{border-top:0;padding-top:0;margin-bottom:34px}
.social-layout{display:grid;grid-template-columns:1fr 1.55fr;align-items:center;gap:6%}
.social-copy .eyebrow{font-size:9px;margin-bottom:18px}.social-copy p:not(.eyebrow){font-size:12px;line-height:1.9;margin:20px 0 10px;max-width:350px}
.social-boards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.social-board-link{display:block;text-decoration:none;min-width:0}.social-board-link .social-board{transition:box-shadow .2s}.social-board-link:hover .social-board{box-shadow:0 6px 20px #30202315}.profile-open{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:10px;padding:8px 3px 0}.profile-open svg{width:17px;height:17px}
.social-board{border:1px solid #30202324;padding:9px;background:#f7f4ef}.social-board figcaption{font-size:10px;font-weight:600;padding:6px 3px 14px}.social-board figcaption>span{font-size:9px;opacity:.65;margin-right:8px}
.mini-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.mini-feed>*{width:100%;min-width:0;aspect-ratio:3/4;height:auto;object-fit:cover}
.mini-feed .mini-quote{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:8px 5px;font:400 clamp(12px,1.18vw,18px)/1.2 'Bodoni Moda',Georgia,serif;color:#682a3a;background:#ede2dc;overflow-wrap:anywhere}
.chromatic-board{background:#241d27;color:#fff0f4;border-color:#241d27;transform:translateY(18px)}
.chromatic-board .mini-quote{background:#e9bad2;color:#241d27;font-family:Manrope,Arial,sans-serif;font-size:clamp(10px,.9vw,13px);font-weight:650}.chromatic-board .mini-quote em{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;font-size:1.3em}
.social-footnote{font-size:10px;color:var(--muted);margin-top:36px}
.conversation{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;padding:12px 0 48px}.conversation .eyebrow{font-size:10px;margin-bottom:24px}.conversation h2{font-size:clamp(34px,3.7vw,52px)}
.conversation-copy{padding-top:37px}.conversation-copy>p{font-size:13px;line-height:1.85}.conversation-copy ul{list-style:none;padding:0;margin:20px 0 4px;counter-reset:questions}.conversation-copy li{display:flex;gap:15px;font-size:12px;padding:12px 0;border-top:1px solid var(--line);counter-increment:questions}.conversation-copy li::before{content:'0' counter(questions);color:#682a3a;font-size:10px;padding-top:2px;flex-shrink:0}
.image-notes{border-block:1px solid var(--line);margin-bottom:32px;scroll-margin-top:18px}.image-notes summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding-block:16px;font-size:12px;cursor:pointer;list-style:none}.image-notes summary::-webkit-details-marker{display:none}.image-notes summary>span{font-size:25px;font-weight:300}.image-notes[open] summary>span{transform:rotate(45deg)}
.image-notes>div{max-width:850px;padding:0 0 28px}.image-notes p{font-size:12px;line-height:1.9;margin-bottom:14px}
.presentation-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:10px 36px}.presentation-footer p{font-size:11px;line-height:1.8}.presentation-footer p span{color:var(--muted)}.presentation-footer .text-link{font-size:11px}
@media(max-width:1100px){.prepared-for{display:none}.social-layout{grid-template-columns:1fr;gap:30px}.social-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;align-items:start}.social-copy>.eyebrow{grid-column:1/-1}.social-copy>h2{grid-row:2/4}.social-copy>p:not(.eyebrow){margin-top:0}.social-copy>.text-link{justify-self:start}.social-boards{max-width:680px;width:100%;margin:0 auto}.mini-feed .mini-quote{font-size:20px}.chromatic-board .mini-quote{font-size:15px}.social-footnote{margin-top:40px}.choice-table th,.choice-table td{padding:18px 16px}.route-meta .eyebrow{min-height:32px}}
@media(min-width:651px) and (max-width:850px){.studio-cover>span{font-size:50px;left:20px}.chromatic-cover>span{font-size:38px}.routes{gap:24px}.route-cover>.route-logo{left:20px;top:22px;width:135px}.chromatic-cover>.route-logo{width:145px}.route-meta h2{font-size:31px}.overview-intro{grid-template-columns:1fr 1fr;gap:6%}.overview-intro h1{font-size:50px}}
@media(max-width:650px){html{scroll-padding-top:132px}.presentation-header>.wrap{min-height:94px;gap:4px 24px;flex-wrap:wrap;padding-block:12px 0}.presentation-header .bottega-logo{width:105px}.presentation-header .presentation-brand{min-height:30px}.prepared-for{display:block;font-size:8px;margin-left:auto;order:1}.presentation-header nav{order:2;width:100%;justify-content:space-between;gap:15px}.presentation-header nav a{min-height:42px;font-size:11px}.overview-intro{display:block;padding-block:34px 30px}.overview-intro h1{font-size:clamp(44px,11.8vw,64px);margin-top:20px}.overview-intro .eyebrow{font-size:9px}.overview-intro .intro-copy{margin-top:24px}.overview-intro .intro-copy p{margin-top:0;font-size:13px}.intro-copy p+p{margin-top:12px!important}.intro-copy .text-link{margin-top:8px}.section-index{gap:18px;align-items:baseline;font-size:9px;margin-bottom:20px}.section-index>span:last-child{max-width:155px;font-size:9px;letter-spacing:0}.routes{gap:38px}.route-cover{height:470px}.studio-cover>span{font-size:64px}.chromatic-cover>span{font-size:50px}.route-meta{padding-top:21px}.route-meta .eyebrow{min-height:0;font-size:9px}.route-meta h2{font-size:34px}.route-meta p{font-size:13px}.direction-cta{margin-top:16px}.proposal-caption{margin-top:25px;max-width:440px}.comparison{margin-top:42px}.comparison-heading{display:block;margin:24px 0}.comparison-heading>p{margin-top:18px;font-size:12px}.comparison-heading h2{font-size:42px}.choice-table{font-size:12px;line-height:1.7}.comparison-label{width:23%}.choice-table th,.choice-table td{padding:14px 9px;overflow-wrap:break-word}.choice-table thead th{font-size:12px}.choice-table thead th:first-child,.choice-table tbody th{font-size:10px}.table-number{display:block;margin:0 0 4px;font-size:9px}.comparison-note{font-size:10px}.social-preview{margin:42px -4px;padding:22px 18px 20px;border-radius:0 35px 0 0}.social-preview .section-index{margin-bottom:30px}.social-copy{display:block}.social-copy>h2{font-size:43px}.social-copy>p:not(.eyebrow){margin-top:18px;font-size:13px}.social-copy>.eyebrow{font-size:9px}.social-boards{gap:12px}.social-board{padding:6px}.social-board figcaption{font-size:9px;padding:5px 0 10px}.social-board figcaption>span{display:block;font-size:8px;margin-bottom:2px}.mini-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.mini-feed .mini-quote{font-size:16px;padding:6px}.chromatic-board .mini-quote{font-size:12px}.social-footnote{font-size:9px}.conversation{display:block;padding-bottom:32px}.conversation h2{font-size:37px}.conversation-copy{padding-top:23px}.conversation-copy>p{font-size:12px}.conversation-copy li{font-size:11px}.conversation .eyebrow{margin-bottom:18px}.image-notes summary{font-size:11px}.presentation-footer{display:grid;grid-template-columns:110px 1fr;gap:20px 14px;padding-bottom:28px}.presentation-footer .bottega-logo{width:100px}.presentation-footer p{font-size:10px}.presentation-footer>.text-link{grid-column:1/-1;justify-self:start}.image-notes p{font-size:11px}}
@media(max-width:360px){.route-cover{height:420px}.studio-cover>span{font-size:54px}.chromatic-cover>span{font-size:44px}.comparison-heading h2{font-size:37px}.choice-table th,.choice-table td{padding:13px 7px}.choice-table{font-size:11px}.mini-feed .mini-quote{font-size:13px}.chromatic-board .mini-quote{font-size:10px}.conversation h2{font-size:32px}.section-index{gap:12px;font-size:8px}.section-index>span:last-child{max-width:130px;font-size:8px}}
@media(max-width:650px){.social-boards{grid-template-columns:1fr;gap:24px;max-width:420px}.mini-feed{grid-template-columns:repeat(3,minmax(0,1fr))}.chromatic-board{transform:none}.social-board{padding:10px}.social-board figcaption{display:flex;gap:8px;font-size:11px;padding:8px 0 16px}.social-board figcaption>span{font-size:9px;margin:0}.mini-feed .mini-quote{font-size:16px;padding:6px}.chromatic-board .mini-quote{font-size:12px}.social-footnote{margin-top:24px}}
@media(max-width:360px){.mini-feed .mini-quote{font-size:14px}.chromatic-board .mini-quote{font-size:11px}}
