/* La Piccola Baltic — OFFICIAL BLACK 2027 final refinement */
:root{--ob-black:#020202;--ob-black2:#070707;--ob-card:#0b0b0b;--ob-line:rgba(239,215,165,.13);--ob-gold:#d8bd84;--ob-gold2:#f0daa7;--ob-text:#f2eee7;--ob-muted:#a59d92;--ob-red:#721f1d}
html{background:var(--ob-black)}
body.official-black-2027{background:radial-gradient(circle at 18% 8%,rgba(114,31,29,.08),transparent 23rem),radial-gradient(circle at 85% 2%,rgba(216,189,132,.07),transparent 27rem),#020202!important;color:var(--ob-text)!important}
body.official-black-2027 main{overflow:clip}
.official-ribbon{position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid var(--ob-line);background:#030303;min-height:38px;display:flex;align-items:center}
.official-ribbon-track{display:flex;width:max-content;gap:34px;align-items:center;padding:10px 0;animation:officialTicker 42s linear infinite;color:#b6ada0;font-size:.69rem;text-transform:uppercase;letter-spacing:.16em;font-weight:750}
.official-ribbon-track span{white-space:nowrap}.official-ribbon-track b{color:var(--ob-gold2);font-weight:800}.official-ribbon-track i{width:4px;height:4px;border-radius:50%;background:var(--ob-red);display:block}
@keyframes officialTicker{to{transform:translateX(-50%)}}
.official-story,.official-context,.official-source-panel{position:relative;padding:clamp(64px,7vw,112px) 0;border-top:1px solid rgba(255,255,255,.045);background:linear-gradient(180deg,#040404,#080808 56%,#030303)}
.official-story::before,.official-context::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 9%,rgba(255,255,255,.018) 9.05%,transparent 9.1% 90%,rgba(255,255,255,.015) 90.05%,transparent 90.1%)}
.official-story-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(38px,7vw,110px);align-items:start}
.official-overline{display:flex;align-items:center;gap:12px;color:var(--ob-gold);font-size:.68rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}.official-overline::before{content:"";width:46px;height:1px;background:linear-gradient(90deg,var(--ob-red),var(--ob-gold))}
.official-story h2,.official-context h2,.official-source-panel h2{font-size:clamp(2.5rem,5vw,5.4rem);line-height:.93;letter-spacing:-.045em;margin:0 0 24px;color:#f4efe7;max-width:13ch}.official-story p,.official-context p,.official-source-panel p{color:var(--ob-muted);line-height:1.8;max-width:72ch}.official-story p strong,.official-context p strong{color:#e7ddce}
.official-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ob-line);border:1px solid var(--ob-line);border-radius:24px;overflow:hidden}.official-step{position:relative;padding:28px;background:linear-gradient(145deg,#0a0a0a,#050505);min-height:190px}.official-step::after{content:"";position:absolute;width:70px;height:1px;right:20px;top:20px;background:linear-gradient(90deg,transparent,var(--ob-gold));opacity:.45}.official-step small{color:var(--ob-gold);font-weight:900;letter-spacing:.18em}.official-step h3{margin:42px 0 10px;color:#f0e8dc;font-size:1.28rem}.official-step p{font-size:.92rem;line-height:1.65;margin:0;color:#91897f}.official-step .official-no{position:absolute;right:18px;bottom:10px;font-family:Georgia,serif;font-size:4.7rem;line-height:1;color:rgba(239,215,165,.035)}
.official-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--ob-line);border:1px solid var(--ob-line);border-radius:24px;overflow:hidden;margin-top:40px}.official-fact{padding:24px;background:#070707}.official-fact small{display:block;color:#746c63;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;font-weight:850}.official-fact strong{display:block;color:var(--ob-gold2);font-size:clamp(1.15rem,2vw,1.55rem);margin:8px 0}.official-fact span{display:block;color:#91897f;line-height:1.55;font-size:.83rem}
.official-note{margin-top:26px;padding:18px 20px;border-left:1px solid var(--ob-gold);background:linear-gradient(90deg,rgba(216,189,132,.055),transparent);color:#a69d91;font-size:.9rem;line-height:1.65}.official-note a{color:var(--ob-gold2);text-decoration:none}.official-note a:hover{text-decoration:underline}
.official-context-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(34px,7vw,100px)}.official-context-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.official-context-card{position:relative;padding:24px 20px 22px;border:1px solid var(--ob-line);border-radius:18px;background:linear-gradient(155deg,#0c0c0c,#050505);min-height:210px;overflow:hidden}.official-context-card::before{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(216,189,132,.07);border-radius:50%;right:-55px;top:-55px}.official-context-card b{display:block;color:var(--ob-gold);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}.official-context-card strong{display:block;margin:28px 0 11px;color:#ece4d8;font-size:1.07rem}.official-context-card p{font-size:.85rem;line-height:1.6;margin:0;color:#8e867c}
.official-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.official-time{border-top:1px solid var(--ob-gold);padding-top:14px}.official-time b{display:block;color:var(--ob-gold2);font-size:1.5rem}.official-time span{color:#91897f;font-size:.84rem;line-height:1.55}
.official-mobile-rail{display:none}
/* keep the whole site truly black */
body.official-black-2027 :where(.section.cream,.cream,.light-section,.bg-light){background:#070707!important;color:var(--ob-text)!important}
body.official-black-2027 :where(.section.cream,.cream) p{color:var(--ob-muted)!important}
body.official-black-2027 :where(.market-simple-hero,.page-hero){background:radial-gradient(circle at 80% 10%,rgba(216,189,132,.07),transparent 28rem),linear-gradient(180deg,#030303,#080808)!important}
/* more premium density on large screens */
@media(min-width:761px){body.official-black-2027 .section{padding-top:clamp(72px,6.4vw,104px)!important;padding-bottom:clamp(72px,6.4vw,104px)!important}.official-story-grid>div:first-child{position:sticky;top:118px}}
/* mobile rebuilt for dense editorial rhythm */
@media(max-width:760px){
 body.official-black-2027{background:#020202!important}
 body.official-black-2027 .container{width:calc(100% - 24px)!important}
 body.official-black-2027 .section{padding:52px 0!important}
 body.official-black-2027 .market-simple-hero{padding:42px 0 48px!important;min-height:auto!important}
 body.official-black-2027 .market-home-hero{padding-top:34px!important;padding-bottom:36px!important}
 body.official-black-2027 h1{font-size:clamp(2.55rem,12.8vw,4.1rem)!important;line-height:.92!important;letter-spacing:-.052em!important}
 body.official-black-2027 h2{font-size:clamp(2.05rem,9.8vw,3.35rem)!important;line-height:.96!important}
 body.official-black-2027 .hero-lead,body.official-black-2027 .lead{font-size:1rem!important;line-height:1.65!important}
 .official-ribbon{min-height:34px}.official-ribbon-track{font-size:.61rem;gap:25px;padding:9px 0;animation-duration:34s}
 .official-story,.official-context,.official-source-panel{padding:54px 0}
 .official-story-grid,.official-context-grid{grid-template-columns:1fr;gap:34px}
 .official-story-grid>div:first-child{position:static}
 .official-story h2,.official-context h2,.official-source-panel h2{font-size:clamp(2.35rem,11vw,3.5rem);max-width:11ch}
 .official-process{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(265px,82vw);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;background:transparent;border:0;border-radius:0;gap:10px;padding:0 2px 10px;scrollbar-width:none}.official-process::-webkit-scrollbar{display:none}.official-step{scroll-snap-align:start;border:1px solid var(--ob-line);border-radius:20px;min-height:220px}
 .official-facts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(235px,78vw);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;background:transparent;border:0;border-radius:0;gap:10px;padding-bottom:8px;scrollbar-width:none}.official-facts::-webkit-scrollbar{display:none}.official-fact{scroll-snap-align:start;border:1px solid var(--ob-line);border-radius:18px;min-height:146px}
 .official-context-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(255px,81vw);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;scrollbar-width:none}.official-context-cards::-webkit-scrollbar{display:none}.official-context-card{scroll-snap-align:start;min-height:210px}
 .official-timeline{grid-template-columns:1fr;gap:18px}.official-time{display:grid;grid-template-columns:72px 1fr;align-items:start;gap:10px}.official-time b{font-size:1.25rem}.official-time span{padding-top:2px}
 body.official-black-2027 .market-pillar-grid,body.official-black-2027 .quality-points{gap:10px!important}
 body.official-black-2027 .market-pillar-grid article,body.official-black-2027 .quality-point{padding:22px!important;border-radius:18px!important}
 body.official-black-2027 .market-home-object,body.official-black-2027 .hero-visual,body.official-black-2027 .product-stage{min-height:310px!important;border-radius:22px!important}
 body.official-black-2027 .market-home-object img,body.official-black-2027 .product-stage img{max-height:300px!important}
 body.official-black-2027 .footer{padding-top:58px!important}
}
@media(max-width:420px){body.official-black-2027 .container{width:calc(100% - 20px)!important}.official-step{grid-auto-columns:minmax(250px,86vw)}.official-context-card{grid-auto-columns:minmax(245px,84vw)}}
@media(prefers-reduced-motion:reduce){.official-ribbon-track{animation:none!important;transform:none!important}.official-reveal{opacity:1!important;transform:none!important}}

/* editorial depth blocks */
.official-deep-dive{padding:clamp(60px,6.5vw,96px) 0;border-top:1px solid rgba(255,255,255,.045);background:#050505}.official-deep-grid{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:clamp(32px,7vw,92px)}.official-deep-dive h2{font-size:clamp(2.15rem,4.2vw,4.5rem);line-height:.96;letter-spacing:-.04em;max-width:12ch;margin:0}.official-deep-copy{columns:2;column-gap:42px}.official-deep-copy p{break-inside:avoid;color:#a49c91;line-height:1.78;margin:0 0 18px}.official-deep-copy strong{color:#e8dece}.official-source-list{display:grid;gap:10px;margin-top:30px}.official-source-list a{display:grid;grid-template-columns:108px 1fr;gap:16px;padding:18px 0;border-top:1px solid rgba(239,215,165,.12);color:#9e968b;text-decoration:none}.official-source-list a b{color:#d8bd84;font-size:.69rem;letter-spacing:.14em;text-transform:uppercase}.official-source-list a span{color:#d9d0c4}.official-source-list a:hover span{color:#fff}.official-legal-note{padding:26px;border:1px solid rgba(239,215,165,.1);border-radius:18px;background:#070707;color:#978f84;line-height:1.7}
@media(max-width:760px){.official-deep-dive{padding:50px 0}.official-deep-grid{grid-template-columns:1fr;gap:26px}.official-deep-copy{columns:1}.official-source-list a{grid-template-columns:86px 1fr;gap:10px}}
/* locale recommendation — informative, never forced redirect */
.official-locale-tip{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(20px);z-index:1300;display:flex;align-items:center;gap:12px;max-width:min(560px,calc(100% - 24px));padding:11px 12px 11px 15px;border:1px solid rgba(239,215,165,.16);border-radius:999px;background:rgba(4,4,4,.94);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.46);opacity:0;pointer-events:none;transition:.35s ease}.official-locale-tip.is-visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.official-locale-tip span{min-width:0;color:#b8afa3;font-size:.78rem;line-height:1.35}.official-locale-tip a{flex:0 0 auto;padding:9px 13px;border-radius:999px;background:#dfc58c;color:#090806!important;text-decoration:none!important;font-size:.72rem;font-weight:900;letter-spacing:.04em}.official-locale-tip button{width:36px;height:36px;border:0;border-radius:50%;background:#101010;color:#d8d0c4;font-size:1.15rem;cursor:pointer}.official-locale-tip button:hover{background:#171717}@media(max-width:760px){.official-locale-tip{bottom:76px;border-radius:18px;align-items:flex-start}.official-locale-tip a{margin-top:1px}.official-locale-tip button{width:32px;height:32px}}