/* Case Nord: Milanese restraint. Editorial hero with index, list rows, graphite and one deep red. */
:root{--gr:#1E1F22;--gr2:#3A3C41;--red:#A3271F;--mute:#6B6E75;--bg:#F6F5F2;--card:#FFFFFF;--line:#D9D7D1}
body.csn-site{margin:0;background:var(--bg);color:var(--gr);font:400 17px/1.7 "PT Serif",Georgia,serif}
.csn-site h1,.csn-site h2,.csn-site h3{font-family:"Tenor Sans",sans-serif;font-weight:400;line-height:1.1;margin:0 0 .5em;letter-spacing:.01em}
.csn-site h1{font-size:clamp(2.4rem,5.4vw,4.4rem)}.csn-site h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}.csn-site h3{font-size:1.15rem}
:where(.csn-site) a{color:var(--gr)}
.csn-w{max-width:1220px;margin:0 auto;padding:0 24px}
.csn-hd{background:var(--bg);border-bottom:1px solid var(--gr)}
.csn-hd-split .csn-w{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;gap:20px}
.csn-nav{display:flex;gap:22px;flex-wrap:wrap}.csn-nav a{text-decoration:none;font:400 .95rem "Tenor Sans",sans-serif}
.csn-nav a[aria-current]{color:var(--red)}
.csn-logo{display:flex;align-items:center;gap:10px;text-decoration:none;justify-self:center}
.csn-logo svg{width:36px;height:36px}.csn-logo span{font:1.35rem "Tenor Sans",sans-serif;letter-spacing:.06em}
.csn-lg{justify-self:end;display:flex;gap:12px}.csn-lg a{text-decoration:none;font:.85rem "Tenor Sans",sans-serif;color:var(--mute)}
.csn-lg a[aria-current]{color:var(--gr);border-bottom:1px solid var(--red)}
.csn-hero-editorial{padding:60px 0 70px}
.csn-hero-editorial .csn-w{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:start}
.csn-ht p{font-size:1.15rem;color:var(--mute);max-width:30em}
.csn-hp .csn-himg{width:100%;aspect-ratio:3/4;object-fit:cover;display:flex}
.csn-hp ol{list-style:none;counter-reset:i;padding:0;margin:20px 0 0;border-top:1px solid var(--gr)}
.csn-hp li{counter-increment:i;border-bottom:1px solid var(--line)}
.csn-hp li a{display:flex;justify-content:space-between;padding:9px 0;text-decoration:none;font:1rem "Tenor Sans",sans-serif}
.csn-hp li a::after{content:counter(i,lower-roman);color:var(--red)}
.csn-ask{border-top:1px solid var(--gr);padding-top:18px}
.csn-ask input{border-radius:0;border:0;border-bottom:1px solid var(--gr);background:transparent;padding:8px 0}
.csn-btn{display:inline-flex;justify-content:center;align-items:center;padding:11px 20px;border:1px solid var(--gr);color:var(--gr);background:transparent;font:.92rem "Tenor Sans",sans-serif;letter-spacing:.04em;text-decoration:none;cursor:pointer}
.csn-btn-main{background:var(--gr);color:#fff}.csn-btn-main:hover{background:var(--red);border-color:var(--red)}
.csn-sec{padding:76px 0}.csn-alt{background:var(--card)}
.csn-lead{color:var(--mute);font-style:italic}
.csn-dest-rows{border-top:1px solid var(--gr)}
.csn-d{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--gr)}
.csn-dimg{width:220px;aspect-ratio:3/2;object-fit:cover;display:flex}
.csn-dt{display:grid;grid-template-columns:1fr auto;gap:4px 20px}
.csn-dt b{font:400 1.6rem "Tenor Sans",sans-serif}.csn-dt span{grid-column:1;color:var(--mute)}.csn-dt i{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;color:var(--red);font:.9rem "Tenor Sans",sans-serif}
.csn-d:hover b{color:var(--red)}
.csn-grid-v{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}
.csn-card-v{display:flex;flex-direction:column}
.csn-card-v .csn-ph{aspect-ratio:4/5}
.csn-cb{padding-top:14px;display:flex;flex-direction:column;gap:6px;flex:1}
.csn-ty{margin:0;font:.8rem "Tenor Sans",sans-serif;color:var(--red);letter-spacing:.04em}.csn-cb h3{margin:0}
.csn-cb select{font:inherit;padding:6px 0;border:0;border-bottom:1px solid var(--gr);background:transparent}
.csn-rt,.csn-sp{margin:0}.csn-ft{margin:0;color:var(--mute);font-size:.9rem}
.csn-cf{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:auto;padding-top:10px}.csn-ref{font-size:.78rem;color:var(--mute)}
.csn-how,.csn-faq{padding:76px 0}
.csn-how ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:s}
.csn-how li{counter-increment:s;border-top:1px solid var(--gr);padding-top:14px}
.csn-how li::before{content:counter(s,upper-roman);font:1.4rem "Tenor Sans",sans-serif;color:var(--red)}
.csn-faq details{border-top:1px solid var(--line);padding:14px 0}.csn-faq summary{cursor:pointer;font:1.05rem "Tenor Sans",sans-serif}
.csn-co{border:1px solid var(--gr);padding:26px;background:var(--card)}.csn-co dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}.csn-co dd{margin:0}
.csn-cta{background:var(--gr);color:#fff;padding:56px 0}.csn-cta .csn-w{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.csn-cta h2{margin:0}.csn-cta p{margin:0;color:#BDBFC4}.csn-cta .csn-btn{border-color:#fff;color:#fff}.csn-cta .csn-btn-main{background:var(--red);border-color:var(--red)}
.csn-ft-light{padding:44px 0 24px;font-size:.92rem;color:var(--mute)}
.csn-ft .csn-w{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}.csn-ft svg{width:34px;height:34px}
.csn-ft b{display:block;font:1.2rem "Tenor Sans",sans-serif;color:var(--gr)}.csn-ft ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.csn-ft-x{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;margin:0;font-size:.84rem}
.csn-ph-hd{padding:56px 0 30px;border-bottom:1px solid var(--line)}.csn-cr{font:.86rem "Tenor Sans",sans-serif;color:var(--mute)}
.csn-band{margin-top:30px}.csn-bimg{width:100%;aspect-ratio:21/9;object-fit:cover;display:flex}
.csn-req{border-left:3px solid var(--red);padding:6px 0 6px 22px}
.csn-dist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.csn-dist div{border-top:1px solid var(--gr);padding-top:10px}
.csn-also a{font-family:"Tenor Sans",sans-serif}
.csn-note{color:var(--mute);font-size:.9rem}
@media (max-width:900px){.csn-hero-editorial .csn-w,.csn-ft .csn-w{grid-template-columns:1fr}.csn-grid-v,.csn-how ol{grid-template-columns:1fr 1fr}.csn-hd-split .csn-w{grid-template-columns:1fr;justify-items:center;padding:10px 0}.csn-lg{justify-self:center}}
@media (max-width:600px){.csn-grid-v,.csn-how ol{grid-template-columns:1fr}.csn-d{grid-template-columns:1fr}.csn-dimg{width:100%}}

/* structural rules */
.csn-mk{background:#FFE45C;color:#1a1a1a;padding:0 .25em;outline:1px dashed #b39a00;border-radius:2px;font-style:normal}
.csn-demo{background:#FFE45C;color:#1a1a1a;text-align:center;font:600 14px/1.3 system-ui,sans-serif;padding:6px 10px}
.csn-slot{display:flex;align-items:flex-end;justify-content:flex-start;padding:12px;background:repeating-linear-gradient(135deg,rgba(0,0,0,.05) 0 12px,rgba(0,0,0,.09) 12px 24px)}
[data-csn-obj][hidden]{display:none!important}
.csn-lb{position:fixed;inset:0;z-index:80;background:rgba(8,10,14,.94);display:none;align-items:center;justify-content:center}
.csn-lb.csn-on{display:flex}
.csn-lb img{max-width:92vw;max-height:84vh;object-fit:contain}
.csn-lb button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:1.8rem;width:48px;height:48px;border-radius:50%;cursor:pointer}
.csn-lb-x{top:14px;right:14px}.csn-lb-p{left:14px;top:calc(50% - 24px)}.csn-lb-f{right:14px;top:calc(50% - 24px)}
.csn-lb-n{position:absolute;bottom:16px;color:#ddd;font:14px system-ui,sans-serif}
.csn-ph{position:relative;overflow:hidden}
.csn-ph img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}
.csn-pv,.csn-nx{position:absolute;top:calc(50% - 18px);width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:1.2rem;cursor:pointer;opacity:.85}
.csn-pv{left:8px}.csn-nx{right:8px}
.csn-n{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;padding:2px 8px;border-radius:10px}
.csn-ask{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;margin-top:22px}
.csn-ask label{display:flex;flex-direction:column;gap:4px;font-size:.82rem}
.csn-ask input{font:inherit;padding:10px;border:1px solid rgba(0,0,0,.2);border-radius:inherit;background:#fff;color:#111;min-width:0}
.csn-ask .csn-btn{grid-column:span 2}
.csn-two{display:grid;grid-template-columns:1.3fr .9fr;gap:44px;align-items:start}
.csn-btns{display:flex;flex-wrap:wrap;gap:10px}
.csn-also{display:flex;flex-wrap:wrap;gap:8px 18px}
.csn-of{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}
.csn-of-g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.csn-of-g img{width:100%;aspect-ratio:4/3;object-fit:cover;cursor:zoom-in}
.csn-of-g img:first-child{grid-column:span 3;aspect-ratio:16/10}
.csn-of-b dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px}
.csn-of-b dd{margin:0;font-weight:600}
.csn-of-t{display:flex;flex-direction:column;margin:16px 0}
.csn-of-t b{font-size:2rem}
.csn-ok{display:inline-block;padding:4px 12px;background:#D6F0E2;color:#185C3C;font-weight:600}
:focus-visible{outline:3px solid currentColor;outline-offset:2px}
@media (max-width:900px){.csn-two,.csn-of{grid-template-columns:minmax(0,1fr)}.csn-ask{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{.csn-hd,.csn-ft,.csn-cta,.csn-demo,#csn-pay button{display:none!important}}
.csn-ht,.csn-w,.csn-cb,.csn-txt{min-width:0}
.csn-site h1,.csn-site h2{overflow-wrap:break-word;hyphens:auto}
@media (max-width:900px){.csn-hero-full,.csn-hero-split .csn-w,.csn-hero-editorial .csn-w{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:600px){.csn-site h1{font-size:2.1rem!important}}
.csn-ask input{width:100%;box-sizing:border-box}
.csn-nav a{white-space:nowrap}
@media (max-width:600px){.csn-logo span{font-size:1.15rem!important;white-space:nowrap}}
.csn-ask select{font:inherit;padding:10px;border:1px solid rgba(0,0,0,.2);border-radius:inherit;background:#fff;color:#111;width:100%;box-sizing:border-box;min-width:0}
.csn-ask .csn-btn{grid-column:span 1}
.csn-bud{grid-column:span 2}
.csn-ages{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.csn-ages[hidden],.csn-ages-err[hidden]{display:none}
.csn-ages-err{grid-column:1/-1;margin:0;color:#B3261E;font-size:.88rem;font-weight:600}
.csn-ask .csn-bad{outline:2px solid #B3261E;outline-offset:1px}
@media (max-width:900px){.csn-bud{grid-column:1/-1}}