@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');

:root{--sp-ivory:#f6f0e7;--sp-paper:#fffaf2;--sp-indigo:#241d5a;--sp-ink:#17132f;--sp-coral:#ef5b49;--sp-mint:#a8dfd5;--sp-sand:#dcc9ad;--sp-line:#d8cbbb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.layout-field-editorial{background:var(--sp-ivory);color:var(--sp-ink);font-family:"DM Sans","Segoe UI",sans-serif}
.layout-field-editorial h1,.layout-field-editorial h2,.layout-field-editorial h3{font-family:"Fraunces",Georgia,serif;letter-spacing:-.035em;line-height:1.04}
.layout-field-editorial a{text-decoration:none}
.layout-field-editorial .signal-bar{min-height:36px;padding:.55rem clamp(1rem,4vw,4.5rem);background:var(--sp-coral);color:#fff;border:0;font-weight:700;letter-spacing:.04em}
.layout-field-editorial .signal-bar a{color:#fff;border-bottom:1px solid rgba(255,255,255,.55)}
.layout-field-editorial .site-header{height:94px;background:rgba(255,250,242,.94);border:0;border-bottom:1px solid var(--sp-line);box-shadow:0 10px 40px rgba(36,29,90,.06)}
.layout-field-editorial .brand{gap:.8rem}
.layout-field-editorial .brand__mark{width:50px;height:50px;border-radius:50% 50% 10% 50%;background:var(--sp-indigo);border:0;position:relative;transform:rotate(-8deg);overflow:hidden}
.layout-field-editorial .brand__mark:before{content:"";position:absolute;width:23px;height:23px;border:2px solid var(--sp-mint);border-radius:50%;left:12px;top:12px}
.layout-field-editorial .brand__mark:after{content:"";position:absolute;width:2px;height:38px;background:var(--sp-coral);left:24px;top:6px;transform:rotate(38deg)}
.layout-field-editorial .brand__mark i,.layout-field-editorial .brand__mark b{display:none}
.layout-field-editorial .brand strong{font-family:"Fraunces",Georgia,serif;font-size:1.45rem;letter-spacing:-.035em;color:var(--sp-indigo)}
.layout-field-editorial .brand small{font-size:.58rem;letter-spacing:.04em;color:#756b62;max-width:210px;line-height:1.3}
.layout-field-editorial .main-nav{gap:clamp(.7rem,1.3vw,1.35rem)}
.layout-field-editorial .main-nav a,.layout-field-editorial .nav-service summary{font-size:.68rem;letter-spacing:.035em;font-weight:800;text-transform:none}
.layout-field-editorial .main-nav a:after{background:var(--sp-coral);bottom:-.45rem}
.layout-field-editorial .header-actions .list-link{border-radius:999px;background:var(--sp-indigo);color:#fff;padding:.72rem 1rem;border:0}
.layout-field-editorial .header-actions .list-link span{background:var(--sp-coral);color:#fff}
.layout-field-editorial .search-open{border-radius:50%;border-color:var(--sp-line)}
.layout-field-editorial .site-footer{background:var(--sp-indigo);color:#fffaf2;padding:5rem clamp(1rem,5vw,6rem);border-top:12px solid var(--sp-coral);grid-template-columns:2fr 1fr 1fr 1fr}
.layout-field-editorial .site-footer h2{font-size:clamp(2.1rem,4vw,4.2rem);max-width:13ch}
.layout-field-editorial .site-footer .button{border-radius:999px;background:var(--sp-mint);color:var(--sp-indigo);border:0}
.layout-field-editorial .site-footer>div:not(.footer-brand)>strong{color:var(--sp-mint)}
.layout-field-editorial .breadcrumbs{background:var(--sp-paper);border-color:var(--sp-line)}
.sp-kicker,.sp-edition{display:block;font-size:.69rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.sp-kicker{color:var(--sp-coral)}
.sp-edition{color:var(--sp-indigo);border-bottom:1px solid var(--sp-line);padding-bottom:.8rem;margin-bottom:clamp(1.5rem,3vw,3rem)}
.sp-button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:54px;padding:.85rem 1.25rem;border-radius:999px;font-size:.78rem;font-weight:800;transition:transform .2s,box-shadow .2s}
.sp-button:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(23,19,47,.18)}
.sp-button span{font-size:1.1rem}
.sp-button--coral{background:var(--sp-coral);color:#fff}
.sp-button--mint{background:var(--sp-mint);color:var(--sp-indigo)}
.sp-text-link{display:inline-flex;gap:.8rem;align-items:center;font-size:.76rem;font-weight:800;color:var(--sp-indigo);border-bottom:1px solid var(--sp-indigo);padding-bottom:.25rem}
.sp-text-link span{font-size:1.1rem}
.sp-text-link--light{color:#fff;border-color:rgba(255,255,255,.4)}
.sp-hero{min-height:760px;padding:clamp(1.5rem,4vw,4.5rem) clamp(1rem,4vw,4.5rem) 3rem;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:clamp(2rem,4vw,5rem);align-items:center;overflow:hidden;background:radial-gradient(circle at 22% 75%,rgba(168,223,213,.45),transparent 30%),var(--sp-paper)}
.sp-hero-copy{padding-left:clamp(0rem,3vw,3.5rem)}
.sp-hero-copy h1{font-size:clamp(3.3rem,6vw,6.6rem);max-width:10.5ch;margin:1rem 0 1.35rem;color:var(--sp-indigo)}
.sp-hero-copy>p{font-size:1.03rem;line-height:1.75;color:#645d58;max-width:65ch}
.sp-hero-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin:2rem 0}
.sp-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--sp-line);padding-top:1.3rem}
.sp-proof-row div{padding-right:1rem;border-right:1px solid var(--sp-line)}
.sp-proof-row div:last-child{border:0}
.sp-proof-row strong,.sp-proof-row span{display:block}
.sp-proof-row strong{font-family:"Fraunces",Georgia,serif;font-size:1.2rem;color:var(--sp-indigo)}
.sp-proof-row span{font-size:.66rem;color:#776f67;margin-top:.3rem;line-height:1.35}
.sp-hero-visual{position:relative;min-height:660px;margin:0;isolation:isolate}
.sp-hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:48% 48% 20px 20px;box-shadow:0 35px 90px rgba(36,29,90,.2)}
.sp-hero-visual:before{content:"";position:absolute;inset:-18px 20px 24px -18px;border:1px solid var(--sp-coral);border-radius:48% 48% 20px 20px;z-index:-1}
.sp-hero-visual figcaption{position:absolute;z-index:3;left:-42px;bottom:38px;width:min(330px,75%);background:var(--sp-indigo);color:#fff;padding:1.3rem 1.4rem;border-radius:22px;box-shadow:0 22px 50px rgba(18,14,50,.3)}
.sp-hero-visual figcaption span,.sp-hero-visual figcaption small{display:block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sp-mint)}
.sp-hero-visual figcaption strong{display:block;font-family:"Fraunces",Georgia,serif;font-size:1.25rem;line-height:1.12;margin:.55rem 0}
.sp-sun{position:absolute;right:-36px;top:60px;width:92px;height:92px;border-radius:50%;background:var(--sp-coral);z-index:-1}
.sp-keyword-ribbon{display:flex;align-items:center;gap:0;overflow-x:auto;background:var(--sp-indigo);color:#fff;white-space:nowrap;padding:0 clamp(1rem,4vw,4.5rem)}
.sp-keyword-ribbon>*{padding:1.05rem 1.2rem;border-right:1px solid rgba(255,255,255,.16);font-size:.69rem}
.sp-keyword-ribbon b{color:var(--sp-mint);letter-spacing:.12em}
.sp-keyword-ribbon a{color:#fff}
.sp-keyword-ribbon a span{color:var(--sp-coral);margin-left:.3rem}
.sp-intro,.sp-section-head{display:grid;grid-template-columns:130px minmax(0,1.4fr) minmax(240px,.6fr);gap:clamp(1.5rem,3vw,3rem);align-items:end;padding:clamp(4rem,7vw,7rem) clamp(1rem,5vw,6rem) 2.5rem}
.sp-intro h2,.sp-section-head h2{font-size:clamp(2.2rem,4vw,4.4rem);margin:.7rem 0 0;color:var(--sp-indigo)}
.sp-intro>p,.sp-section-head p{color:#716961;line-height:1.72;margin:0}
.sp-index{font-family:"Fraunces",Georgia,serif;color:var(--sp-coral);font-size:3.5rem;line-height:.65}
.sp-index span{font-family:"DM Sans","Segoe UI",sans-serif;font-size:.58rem;letter-spacing:.12em;color:#756d66}
.sp-story-grid{padding:0 clamp(1rem,5vw,6rem) clamp(4rem,7vw,7rem);display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}
.sp-story{grid-column:span 6;display:flex;flex-direction:column;background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:120px 120px 28px 28px;overflow:hidden;color:var(--sp-ink);min-height:540px;transition:transform .25s,box-shadow .25s}
.sp-story:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(36,29,90,.14)}
.sp-story--imaging,.sp-story--deep{grid-column:span 6;border-radius:28px}
.sp-story--long-range,.sp-story--waterproof,.sp-story--pinpointer{grid-column:span 4}
.sp-story-image{height:280px;position:relative;overflow:hidden;background-size:cover;background-position:center}
.sp-story--imaging .sp-story-image,.sp-story--deep .sp-story-image{height:350px}
.sp-story-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.sp-story:hover img{transform:scale(1.035)}
.sp-story-image span{position:absolute;right:18px;top:18px;width:48px;height:48px;border-radius:50%;background:var(--sp-coral);color:#fff;display:grid;place-items:center;font-weight:800}
.sp-story-copy{padding:1.5rem 1.6rem 1.7rem;display:flex;flex-direction:column;flex:1}
.sp-story-copy small{font-size:.61rem;text-transform:uppercase;letter-spacing:.09em;color:var(--sp-coral);font-weight:800}
.sp-story-copy h3{font-size:1.75rem;color:var(--sp-indigo);margin:.7rem 0}
.sp-story-copy p{font-size:.84rem;color:#6d655e;line-height:1.65;margin:0 0 1.2rem}
.sp-story-copy b{margin-top:auto;font-size:.72rem;color:var(--sp-indigo);display:flex;justify-content:space-between;border-top:1px solid var(--sp-line);padding-top:1rem}

.sp-market{padding-bottom:clamp(4rem,7vw,7rem);background:var(--sp-paper);border-top:1px solid var(--sp-line)}
.sp-section-head{padding-bottom:2.5rem}
.sp-section-head>.sp-text-link{justify-self:end;align-self:end}
.sp-product-shelf{padding:0 clamp(1rem,5vw,6rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem}
.sp-product-card{position:relative;background:var(--sp-ivory);border:1px solid var(--sp-line);border-radius:24px;overflow:hidden;min-width:0;transition:transform .22s,box-shadow .22s}
.sp-product-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(36,29,90,.13)}
.sp-product-number{position:absolute;left:14px;top:14px;z-index:2;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--sp-indigo);color:#fff;font-size:.7rem;font-weight:800}
.sp-product-image{display:block;height:280px;background:#fff;position:relative;overflow:hidden}
.sp-product-image img{width:100%;height:100%;object-fit:contain;padding:1.1rem;transition:transform .35s}
.sp-product-card:hover .sp-product-image img{transform:scale(1.04)}
.sp-product-image>span{position:absolute;right:12px;bottom:12px;background:var(--sp-mint);color:var(--sp-indigo);font-size:.58rem;font-weight:800;border-radius:999px;padding:.45rem .7rem}
.sp-product-copy{padding:1.25rem}
.sp-product-copy>small{color:var(--sp-coral);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.sp-product-copy h3{font-size:1.25rem;margin:.55rem 0;min-height:2.5em}
.sp-product-copy h3 a{color:var(--sp-indigo)}
.sp-price{display:flex;align-items:baseline;gap:.5rem;font-family:"Fraunces",Georgia,serif;font-size:1.5rem;color:var(--sp-indigo);border-top:1px solid var(--sp-line);padding-top:.85rem}
.sp-price span{font-family:"DM Sans","Segoe UI",sans-serif;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:#766d66}
.sp-product-actions{display:grid;grid-template-columns:1fr;gap:.55rem;margin-top:.9rem}
.sp-whatsapp,.sp-product-actions .compare-toggle{width:100%;min-height:42px;border-radius:999px;border:0;display:flex;align-items:center;justify-content:center;padding:.65rem;font-size:.67rem;font-weight:800;cursor:pointer}
.sp-whatsapp{background:var(--sp-coral);color:#fff}
.sp-product-actions .compare-toggle{background:transparent;border:1px solid var(--sp-indigo);color:var(--sp-indigo)}
.sp-planner{background:var(--sp-indigo);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,7rem);padding:clamp(4rem,7vw,7rem) clamp(1rem,6vw,7rem);position:relative;overflow:hidden}
.sp-planner:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(168,223,213,.25);border-radius:50%;left:-180px;bottom:-240px;box-shadow:0 0 0 70px rgba(168,223,213,.04),0 0 0 140px rgba(168,223,213,.025)}
.sp-index-light{display:block;color:var(--sp-mint);font-size:.62rem;letter-spacing:.14em;font-weight:800;margin-bottom:2.5rem}
.sp-planner h2{font-size:clamp(2.5rem,4vw,4.8rem);margin:.7rem 0 1rem;color:#fff}
.sp-planner-lead>p{max-width:58ch;color:rgba(255,255,255,.68);line-height:1.7}
.sp-planner-lead .sp-button{margin-top:1.2rem}
.sp-planner ol{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;counter-reset:steps}
.sp-planner li{display:grid;grid-template-columns:74px 1fr;gap:1.2rem;align-items:center;padding:1.3rem;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.16);border-radius:24px}
.sp-planner li>span{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--sp-coral);font-family:"Fraunces",Georgia,serif;font-size:1.35rem}
.sp-planner li h3{font-size:1.45rem;color:#fff;margin:0 0 .35rem}
.sp-planner li p{color:rgba(255,255,255,.68);font-size:.8rem;line-height:1.55;margin:0}
.sp-brands,.sp-journal{padding-bottom:clamp(4rem,7vw,7rem)}
.sp-brand-cloud{margin:0 clamp(1rem,5vw,6rem);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--sp-line);border-left:1px solid var(--sp-line)}
.sp-brand-cloud a{display:grid;grid-template-columns:38px 1fr auto;gap:.8rem;align-items:center;min-height:92px;padding:1rem 1.2rem;background:var(--sp-paper);border-right:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line);color:var(--sp-indigo);transition:background .2s,color .2s}
.sp-brand-cloud a:hover{background:var(--sp-coral);color:#fff}
.sp-brand-cloud span{font-size:.6rem;color:var(--sp-coral)}
.sp-brand-cloud a:hover span{color:var(--sp-mint)}
.sp-brand-cloud strong{font-family:"Fraunces",Georgia,serif;font-size:1.1rem}
.sp-journal{background:var(--sp-sand)}
.sp-journal-grid,.sp-brief-grid{padding:0 clamp(1rem,5vw,6rem);display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.sp-brief{display:flex;flex-direction:column;min-height:280px;padding:1.55rem;background:var(--sp-paper);border:1px solid rgba(36,29,90,.14);border-radius:24px;color:var(--sp-ink)}
.sp-brief>span{font-size:.58rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sp-coral);font-weight:800}
.sp-brief h3{font-size:1.55rem;color:var(--sp-indigo);margin:.75rem 0}
.sp-brief p{font-size:.8rem;line-height:1.65;color:#6a625b}
.sp-brief b{margin-top:auto;padding-top:1rem;border-top:1px solid var(--sp-line);font-size:.7rem;color:var(--sp-indigo)}
.sp-final-cta{margin:clamp(1rem,3vw,3rem);padding:clamp(3rem,6vw,6rem);background:var(--sp-indigo);color:#fff;border-radius:160px 24px 24px 24px;display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;align-items:end}
.sp-final-cta>div>span{font-size:.62rem;color:var(--sp-mint);letter-spacing:.14em;font-weight:800}
.sp-final-cta h2{font-size:clamp(2.5rem,4.5vw,5rem);max-width:14ch;margin:.8rem 0;color:#fff}
.sp-final-cta p{max-width:65ch;color:rgba(255,255,255,.7);line-height:1.7}
.sp-final-cta aside{display:flex;flex-direction:column;align-items:flex-end;gap:1.2rem}

/* Long-form commercial pages */
.sp-section-code{font-size:.6rem;letter-spacing:.12em;font-weight:800;color:var(--sp-coral);text-transform:uppercase}
.sp-guide-hero,.sp-shop-intel,.sp-category-analysis,.sp-brand-sheet,.sp-product-dossier,.sp-article,.sp-service{max-width:1500px;margin-inline:auto}
.sp-guide-hero,.sp-article-hero,.sp-service-hero{padding:clamp(3.5rem,7vw,7rem) clamp(1rem,5vw,5rem);display:grid;grid-template-columns:1.4fr .6fr;gap:3rem;background:var(--sp-indigo);color:#fff;border-radius:0 0 100px 0}
.sp-guide-hero h1,.sp-article-hero h1,.sp-service-hero h1{color:#fff;font-size:clamp(3rem,6vw,6rem);margin:.8rem 0}
.sp-guide-hero p,.sp-article-hero p,.sp-service-hero p{color:rgba(255,255,255,.68);line-height:1.75}
.sp-guide-hero aside,.sp-article-hero aside,.sp-service-hero aside{align-self:end;padding:1.5rem;border-radius:24px;background:var(--sp-mint);color:var(--sp-indigo)}
.sp-guide-hero aside strong,.sp-guide-hero aside span{display:block}
.sp-guide-hero aside strong{font-family:"Fraunces",Georgia,serif;font-size:3.2rem}
.sp-topic-rail,.sp-system-strip{display:flex;gap:.6rem;overflow:auto;padding:1rem clamp(1rem,5vw,5rem);background:var(--sp-paper);border-bottom:1px solid var(--sp-line)}
.sp-topic-rail a{white-space:nowrap;padding:.65rem .9rem;border:1px solid var(--sp-line);border-radius:999px;color:var(--sp-indigo);font-size:.69rem;font-weight:800}
.sp-guide-cluster{padding:clamp(3.5rem,6vw,6rem) clamp(1rem,5vw,5rem)}
.sp-guide-cluster:nth-of-type(even){background:var(--sp-paper)}
.sp-guide-cluster>header{display:grid;grid-template-columns:70px 1fr auto;gap:1.5rem;align-items:end;margin-bottom:2rem}
.sp-guide-cluster>header>span{font-family:"Fraunces",Georgia,serif;font-size:3rem;color:var(--sp-coral)}
.sp-guide-cluster h2{font-size:clamp(2rem,3.5vw,3.6rem);color:var(--sp-indigo);margin:.45rem 0}
.sp-guide-cluster .sp-brief-grid{padding:0}
.sp-shop-intel{padding:clamp(3rem,6vw,6rem) clamp(1rem,5vw,5rem);display:grid;grid-template-columns:90px 1fr auto;gap:2rem;align-items:end;background:var(--sp-mint);border-radius:0 0 80px 0}
.sp-shop-intel h2{font-size:clamp(2.3rem,4.5vw,4.5rem);color:var(--sp-indigo);margin:.5rem 0}
.sp-system-strip{padding-block:1.2rem}
.sp-system-strip a{display:flex;flex-direction:column;min-width:250px;padding:1rem;border-radius:18px;background:var(--sp-paper);color:var(--sp-indigo)}
.sp-system-strip small{color:var(--sp-coral);font-size:.6rem}.sp-system-strip strong{font-family:"Fraunces",Georgia,serif;font-size:1.15rem;margin:.25rem 0}.sp-system-strip span{font-size:.68rem;color:#6c655f}

.sp-category-analysis,.sp-brand-sheet,.sp-product-dossier,.sp-service-details{padding:clamp(3.5rem,6vw,6rem) clamp(1rem,5vw,5rem)}
.sp-category-analysis>header,.sp-dossier-head,.sp-service-details>header{display:grid;grid-template-columns:100px 1fr;gap:2rem;align-items:start;margin-bottom:2.5rem}
.sp-category-analysis h2,.sp-dossier-head h2,.sp-service-details>header h2,.sp-brand-sheet h2{font-size:clamp(2.2rem,4vw,4.4rem);color:var(--sp-indigo);margin:.5rem 0}
.sp-analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.sp-analysis-grid article{padding:1.6rem;background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:26px}
.sp-analysis-grid article:nth-child(2),.sp-analysis-grid article:nth-child(3){background:var(--sp-mint)}
.sp-analysis-grid span{font-size:.58rem;color:var(--sp-coral);font-weight:800;letter-spacing:.11em}
.sp-analysis-grid h3{font-size:1.65rem;color:var(--sp-indigo)}
.sp-analysis-grid p,.sp-brand-copy p{font-size:.86rem;line-height:1.75;color:#655e58}
.sp-model-links{display:flex;align-items:center;gap:.65rem;overflow:auto;margin-top:1.5rem;padding:1rem;background:var(--sp-indigo);border-radius:20px;color:#fff}
.sp-model-links>*{white-space:nowrap}.sp-model-links a{color:#fff;padding:.65rem .85rem;background:rgba(255,255,255,.09);border-radius:999px;font-size:.68rem}
.sp-related{margin-top:clamp(3rem,6vw,6rem);padding-top:2rem;border-top:1px solid var(--sp-line)}
.sp-related>div:first-child h2{font-size:clamp(2rem,3vw,3.4rem);color:var(--sp-indigo)}
.sp-related .sp-brief-grid{padding:0}
.sp-brand-sheet>header{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;border-bottom:1px solid var(--sp-line)}
.sp-brand-sheet>header>span{grid-column:1/-1}
.sp-brand-sheet>header>b{margin-bottom:1rem;padding:.6rem .9rem;background:var(--sp-coral);color:#fff;border-radius:999px}
.sp-brand-copy{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}
.sp-keyword-line{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:1rem;background:var(--sp-mint);border-radius:18px;margin-bottom:2rem;font-size:.7rem;color:var(--sp-indigo)}
.sp-keyword-line a,.sp-keyword-line span{padding:.55rem .8rem;background:rgba(255,255,255,.6);border-radius:999px;color:var(--sp-indigo)}
.sp-dossier-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(2rem,4vw,4rem);align-items:start}
.sp-dossier-body>section,.sp-report-body>section{padding:2rem 0;border-top:1px solid var(--sp-line)}
.sp-dossier-body>section:first-child,.sp-report-body>section:first-child{border-top:0}
.sp-dossier-body h3,.sp-report-body h2{font-size:clamp(1.85rem,3vw,3.2rem);color:var(--sp-indigo);margin:.6rem 0 1rem}
.sp-dossier-body p,.sp-report-body p{font-size:.94rem;line-height:1.86;color:#5f5954}
.sp-sticky-spec{position:sticky;top:130px;background:var(--sp-indigo);color:#fff;padding:1.5rem;border-radius:80px 24px 24px 24px;box-shadow:0 28px 70px rgba(36,29,90,.2)}
.sp-sticky-spec>span{display:block;color:var(--sp-mint);font-size:.61rem;text-transform:uppercase;letter-spacing:.1em}.sp-sticky-spec>strong{display:block;font-family:"Fraunces",Georgia,serif;font-size:1.7rem;margin:.6rem 0}.sp-sticky-spec>b{display:block;font-size:1.4rem;color:#fff;margin-bottom:1rem}
.sp-sticky-spec dl{margin:1rem 0}.sp-sticky-spec dl div{padding:.8rem 0;border-top:1px solid rgba(255,255,255,.14)}.sp-sticky-spec dt{font-size:.58rem;color:var(--sp-mint);text-transform:uppercase}.sp-sticky-spec dd{font-size:.72rem;margin:.25rem 0 0;line-height:1.5;color:rgba(255,255,255,.72)}
.sp-sticky-spec .button{width:100%;border:0;background:var(--sp-coral);color:#fff;border-radius:999px}.sp-sticky-spec>a{display:block;color:#fff;font-size:.68rem;margin-top:1rem;text-align:center}
.sp-article{padding-bottom:5rem}
.sp-article-hero{border-radius:0 0 120px 0;grid-template-columns:90px minmax(0,1fr) 330px}
.sp-article-hero .sp-section-code{color:var(--sp-mint)}
.sp-article-meta{display:flex;gap:.5rem;flex-wrap:wrap}.sp-article-meta span{padding:.5rem .7rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.6rem}
.sp-article-hero aside small,.sp-article-hero aside strong{display:block}.sp-article-hero aside strong{font-family:"Fraunces",Georgia,serif;font-size:1.55rem;margin:.5rem 0}.sp-article-hero aside p{color:var(--sp-indigo);font-size:.72rem}.sp-article-hero aside .button{background:var(--sp-indigo);color:#fff;border-radius:999px;border:0}
.sp-report-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(2rem,4vw,4rem);padding:clamp(3rem,6vw,6rem) clamp(1rem,5vw,5rem)}
.sp-report-nav{position:sticky;top:125px;align-self:start;display:flex;flex-direction:column;background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:22px;padding:1rem}
.sp-report-nav strong{font-family:"Fraunces",Georgia,serif;color:var(--sp-indigo);padding:.6rem}
.sp-report-nav a{font-size:.65rem;color:#6a625c;padding:.6rem;border-top:1px solid var(--sp-line)}
.sp-report-products{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0}
.sp-report-products a{background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:18px;overflow:hidden;color:var(--sp-indigo)}.sp-report-products img{width:100%;height:180px;object-fit:contain;background:#fff}.sp-report-products span{display:block;padding:.8rem}.sp-report-products small,.sp-report-products strong,.sp-report-products b{display:block}.sp-report-products small{color:var(--sp-coral);font-size:.58rem}.sp-report-products strong{font-size:.72rem;margin:.3rem 0}.sp-report-products b{font-family:"Fraunces",Georgia,serif}
.sp-report-faq details,.sp-service-faq details{background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:16px;padding:1rem;margin:.7rem 0}.sp-report-faq summary,.sp-service-faq summary{cursor:pointer;font-weight:800;color:var(--sp-indigo)}
.sp-service{padding:0 0 5rem}
.sp-service-hero{grid-template-columns:90px minmax(0,1fr) 300px}
.sp-service-hero aside small,.sp-service-hero aside strong{display:block}.sp-service-hero aside strong{font-family:"Fraunces",Georgia,serif;font-size:1.45rem;margin:.55rem 0}.sp-service-hero aside a{font-size:.69rem;color:var(--sp-indigo);font-weight:800}
.sp-service-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:-25px clamp(1rem,5vw,5rem) 2rem;position:relative;z-index:2;background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:22px;box-shadow:0 22px 50px rgba(36,29,90,.1)}
.sp-service-stats div{padding:1.3rem;border-right:1px solid var(--sp-line)}.sp-service-stats div:last-child{border:0}.sp-service-stats strong,.sp-service-stats span{display:block}.sp-service-stats strong{font-family:"Fraunces",Georgia,serif;color:var(--sp-indigo);font-size:1.7rem}.sp-service-stats span{font-size:.65rem;color:#716860}
.sp-service-nav{display:flex;overflow:auto;gap:.5rem;padding:0 clamp(1rem,5vw,5rem) 2rem}.sp-service-nav a{white-space:nowrap;padding:.65rem .8rem;border:1px solid var(--sp-line);border-radius:999px;color:var(--sp-indigo);font-size:.67rem}.sp-service-nav a.is-active{background:var(--sp-coral);border-color:var(--sp-coral);color:#fff}.sp-service-nav span{margin-right:.35rem}
.sp-service-contact{margin:1rem clamp(1rem,5vw,5rem) 3rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--sp-mint);padding:2rem;border-radius:30px}.sp-service-contact h2{font-size:clamp(2rem,3.5vw,3.6rem);color:var(--sp-indigo)}.sp-service-contact>div>div{display:flex;flex-direction:column;gap:.5rem}.sp-service-contact>div>div a{font-size:.72rem;color:var(--sp-indigo);font-weight:800}
.sp-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sp-service-grid>section{background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:24px;padding:1.5rem}.sp-service-grid>section:first-child{grid-column:1/-1;background:var(--sp-mint)}.sp-service-grid h2{font-size:clamp(1.7rem,2.5vw,2.7rem);color:var(--sp-indigo)}.sp-service-grid p,.sp-service-grid li{font-size:.86rem;line-height:1.75;color:#625b55}
.sp-service-faq{padding:0 clamp(1rem,5vw,5rem);display:grid;grid-template-columns:.6fr 1.4fr;gap:2rem}.sp-service-faq h2{font-size:clamp(2rem,3vw,3.3rem);color:var(--sp-indigo)}
.sp-service-cta{margin:4rem clamp(1rem,5vw,5rem) 0;padding:2rem;background:var(--sp-indigo);color:#fff;border-radius:24px;display:grid;grid-template-columns:90px 1fr auto;gap:1.5rem;align-items:center}.sp-service-cta h2{color:#fff;font-size:2rem;margin:.4rem 0}.sp-service-cta p{color:rgba(255,255,255,.68)}.sp-service-cta .button{background:var(--sp-coral);color:#fff;border:0;border-radius:999px}
.layout-field-editorial .catalog-hero,.layout-field-editorial .product-hero,.layout-field-editorial .finder-hero,.layout-field-editorial .brand-hero{background:var(--sp-indigo);color:#fff}
.layout-field-editorial .product-card,.layout-field-editorial .category-card,.layout-field-editorial .brand-card{border-radius:22px;border-color:var(--sp-line);overflow:hidden}
.layout-field-editorial .product-card__visual{background:#fff}
.layout-field-editorial .button{border-radius:999px}

@media (max-width:1100px){
  .sp-hero{grid-template-columns:1fr 1fr}.sp-hero-copy h1{font-size:4.3rem}.sp-hero-visual{min-height:570px}
  .sp-product-shelf{grid-template-columns:repeat(2,1fr)}
  .sp-story{grid-column:span 6}.sp-story--pinpointer{grid-column:4/span 6}
  .sp-brand-cloud{grid-template-columns:repeat(2,1fr)}
  .sp-article-hero,.sp-service-hero{grid-template-columns:70px 1fr}.sp-article-hero aside,.sp-service-hero aside{grid-column:2}
}
@media (max-width:820px){
  .layout-field-editorial .site-header{height:78px}.layout-field-editorial .main-nav{background:var(--sp-paper);border-color:var(--sp-line);border-radius:18px;box-shadow:0 18px 50px rgba(36,29,90,.16)}
  .sp-hero{min-height:auto;grid-template-columns:1fr;padding-top:2rem}.sp-hero-copy{padding:0}.sp-hero-copy h1{font-size:clamp(3rem,11vw,5rem)}.sp-hero-visual{min-height:580px}.sp-hero-visual figcaption{left:18px}
  .sp-intro,.sp-section-head{grid-template-columns:80px 1fr}.sp-intro>p,.sp-section-head>p,.sp-section-head>.sp-text-link{grid-column:2;justify-self:start}
  .sp-story{grid-column:span 12!important;border-radius:90px 90px 24px 24px}.sp-story--imaging,.sp-story--deep{border-radius:24px}
  .sp-planner{grid-template-columns:1fr}.sp-guide-hero,.sp-article-hero,.sp-service-hero{grid-template-columns:1fr;border-radius:0 0 60px 0}.sp-article-hero aside,.sp-service-hero aside{grid-column:auto}
  .sp-guide-cluster>header{grid-template-columns:60px 1fr}.sp-guide-cluster>header>a{grid-column:2}
  .sp-shop-intel{grid-template-columns:1fr}.sp-analysis-grid,.sp-brand-copy,.sp-dossier-layout,.sp-service-contact,.sp-service-grid,.sp-service-faq{grid-template-columns:1fr}
  .sp-sticky-spec{position:static}.sp-report-shell{grid-template-columns:1fr}.sp-report-nav{position:static;display:grid;grid-template-columns:repeat(2,1fr)}
  .sp-service-grid>section:first-child{grid-column:auto}.sp-service-cta{grid-template-columns:1fr}.sp-service-stats{grid-template-columns:1fr;margin-top:-15px}.sp-service-stats div{border-right:0;border-bottom:1px solid var(--sp-line)}
}
@media (max-width:560px){
  .layout-field-editorial .signal-bar{font-size:.58rem}.layout-field-editorial .brand__mark{width:40px;height:40px}.layout-field-editorial .brand strong{font-size:1.1rem}
  .sp-hero{padding-inline:1rem}.sp-hero-visual{min-height:470px}.sp-hero-visual:before,.sp-sun{display:none}.sp-hero-visual>img{border-radius:44% 44% 18px 18px}
  .sp-proof-row{grid-template-columns:1fr}.sp-proof-row div{border-right:0;border-bottom:1px solid var(--sp-line);padding:.7rem 0}
  .sp-intro,.sp-section-head{display:block}.sp-index{margin-bottom:1.5rem}.sp-intro h2,.sp-section-head h2{font-size:2.5rem}
  .sp-product-shelf,.sp-brand-cloud,.sp-journal-grid,.sp-brief-grid{grid-template-columns:1fr}.sp-product-image{height:320px}
  .sp-planner li{grid-template-columns:54px 1fr}.sp-planner li>span{width:48px;height:48px}
  .sp-final-cta{grid-template-columns:1fr;border-radius:80px 18px 18px 18px;margin:.7rem;padding:3.5rem 1.2rem}.sp-final-cta aside{align-items:flex-start}
  .sp-category-analysis>header,.sp-dossier-head,.sp-service-details>header{grid-template-columns:1fr}.sp-model-links{align-items:flex-start;flex-direction:column}.sp-report-products{grid-template-columns:1fr}
  .sp-report-nav{grid-template-columns:1fr}.sp-service-cta{margin-inline:1rem}
  .layout-field-editorial .site-footer{grid-template-columns:1fr;padding:3.5rem 1.2rem}.layout-field-editorial .site-footer>*{grid-column:1!important}
}