/* Concept is a self-contained editorial experience, not the article/card shell. */
.lo-concept-page{--cx-accent:var(--ds-color-accent,#dcfa3c);--cx-ink:var(--ds-color-canvas,#080c0b);--cx-paper:var(--ds-color-text,#f7f8f5);--cx-muted:var(--ds-color-text-soft,#c3c8c3);--cx-line:var(--ds-color-border-strong,#3b423f);background:var(--cx-ink);color:var(--cx-paper);padding-bottom:0;overflow-x:clip}
.lo-concept-page #main{width:100%;max-width:none;margin:0;padding:0;overflow:clip}
.lo-concept-page h1,.lo-concept-page h2,.lo-concept-page h3{font-family:var(--body);font-weight:900;letter-spacing:-.065em;text-wrap:balance}
.lo-concept-page p{margin:0}
.lo-concept-page button,.lo-concept-page a{-webkit-tap-highlight-color:transparent}
.lo-concept-page button{cursor:pointer}
.lo-concept-page :is([data-motion-toggle],[data-detail-toggle])[hidden]{display:none!important}
.lo-concept-page :focus-visible{outline:3px solid var(--cx-accent);outline-offset:5px}
.lo-concept-page .mf-header{background:var(--cx-ink);border-bottom:1px solid var(--cx-line)}
.lo-concept-page .mf-menu{overflow-y:auto}
.lo-concept-page>.mf-bottom-nav{position:relative;display:flex;justify-content:space-around;height:auto;min-height:60px;padding-bottom:env(safe-area-inset-bottom);background:var(--cx-ink)}
.lo-concept-page>.mf-bottom-nav a{flex:1;min-height:60px}
.cx-progress{position:fixed;z-index:110;top:62px;left:0;right:0;height:2px;pointer-events:none}
.cx-progress span{display:block;width:100%;height:100%;background:var(--cx-accent);transform:scaleX(var(--reading,0));transform-origin:left}
.cx-label,.cx-section-meta,.cx-hero__top,.cx-hero__bottom{font-size:11px;font-weight:700;letter-spacing:.1em}
.cx-section-meta{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--cx-line);padding-top:18px;margin-bottom:80px}
.cx-hero{position:relative;isolation:isolate;min-height:calc(100svh - 62px);padding:24px clamp(20px,5vw,80px) 20px;overflow:clip;--hero-shift:0px;--tilt-x:0deg;--tilt-y:0deg}
.cx-hero__top{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;min-height:44px;gap:12px}
.cx-motion-toggle{border:0;border-bottom:1px solid var(--cx-line);background:transparent;color:var(--cx-muted);min-height:44px;padding:8px 0;font-size:11px;letter-spacing:0}
.cx-motion-toggle:disabled{cursor:default}
.cx-hero__ghost{position:absolute;z-index:-1;left:-1vw;top:2vw;white-space:nowrap;font:900 clamp(140px,28vw,420px)/1 var(--display);letter-spacing:-.035em;color:transparent;-webkit-text-stroke:1px var(--cx-line);transform:translateX(calc(var(--hero-shift)*-1));opacity:.55;pointer-events:none}
.cx-hero__grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(24px,5vw,88px);max-width:1400px;min-height:670px;margin:auto;padding:48px 0 52px}
.cx-hero__copy{position:relative;z-index:3}
.cx-eyebrow{font-size:13px;font-weight:700;color:var(--cx-accent);margin-bottom:28px!important}
.lo-concept-page .cx-hero h1{font-size:clamp(48px,6.2vw,100px);line-height:1.18;margin:0 0 32px;letter-spacing:-.075em}
.cx-hero h1>span{display:block;white-space:nowrap}
.cx-period{color:var(--cx-accent)}
.cx-hero__lead{font-size:15px;line-height:2;color:var(--cx-muted)}
.cx-scroll{display:flex;align-items:center;justify-content:space-between;gap:28px;width:max-content;min-height:48px;margin-top:40px;text-decoration:none;font-size:12px;border-bottom:1px solid var(--cx-line)}
.cx-scroll>span:last-child{font-size:24px;color:var(--cx-accent);transition:transform .2s}
.cx-scroll:hover>span:last-child{transform:translateY(4px)}
.cx-look{position:relative;min-width:0;max-width:450px;width:100%;justify-self:end;perspective:1100px}
.cx-look__eight{position:absolute;z-index:-1;top:-110px;left:-90px;font:900 clamp(430px,57vw,870px)/.9 var(--display);letter-spacing:-.06em;color:var(--cx-accent);transform:rotate(-12deg) translateY(var(--hero-shift));pointer-events:none}
.cx-look__frame{transform:rotate(-4deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-origin:center;transition:transform .25s ease-out;background:var(--cx-ink);box-shadow:0 24px 80px rgba(0,0,0,.35)}
.cx-look .lo-feature-photo{margin:0;width:100%;max-width:none;padding:0}
.cx-look .lo-photo{position:relative;line-height:0}
.cx-look .lo-photo>img{display:block;width:100%;height:auto;object-fit:contain;background:var(--cx-ink);filter:none!important}
.cx-look .lo-photo svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:var(--cx-accent);stroke-width:.45}
.cx-look .lo-marker{position:absolute;z-index:3;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:38px;height:38px;display:grid;place-items:center;line-height:1;background:var(--cx-accent);color:var(--cx-ink);border:2px solid var(--cx-ink);border-radius:50%;font:900 14px/1 var(--body);text-decoration:none;transition:opacity .35s,transform .35s}
.cx-look .lo-marker::after{content:"";position:absolute;inset:-5px}
.cx-look .lo-marker:hover{transform:translate(-50%,-50%) scale(1.12)}
.cx-look .lo-marker:focus-visible{outline-color:var(--cx-paper)}
.cx-look figcaption{font-size:10px;line-height:1.6;padding:10px 12px;color:var(--cx-muted);background:var(--cx-ink)}
.cx-look figcaption a{text-underline-offset:3px}
.cx-look__control{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;font-size:11px}
.cx-look__control button{display:inline-flex;align-items:center;gap:16px;min-height:48px;padding:10px 16px;border:1px solid var(--cx-accent);border-radius:0;background:var(--cx-accent);color:var(--cx-ink);font-size:12px;font-weight:800}
.cx-look__control button>span:last-child{font-size:20px;line-height:1;transition:transform .35s}
.cx-look.is-detailed .cx-look__control button>span:last-child{transform:rotate(45deg)}
.cx-interactive .cx-look:not(.is-detailed) .lo-photo:not(:focus-within) .lo-marker{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.5)}
.cx-interactive .cx-look:not(.is-detailed) .lo-photo:not(:focus-within) svg{opacity:0}
.cx-look .lo-photo svg{transition:opacity .35s}
.cx-hero__bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--cx-line);padding-top:18px;color:var(--cx-muted)}
.cx-perspective{padding:88px clamp(20px,7vw,112px) 120px;max-width:1600px;margin:auto}
.lo-concept-page .cx-perspective h2{font-size:clamp(60px,10vw,156px);line-height:1.2;margin:0}
.cx-perspective h2 em{font-style:normal;color:var(--cx-accent)}
.cx-perspective__lower{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin:64px 0 0}
.cx-perspective__lower>p{font-size:clamp(24px,3vw,42px);font-weight:800;line-height:1.6;letter-spacing:-.04em}
.cx-perspective__lower>div{font-size:15px;line-height:2.1;color:var(--cx-muted)}
.cx-perspective__lower>div p+p{margin-top:20px}
.cx-text-link{display:inline-flex;gap:24px;align-items:center;min-height:48px;margin-top:24px;color:var(--cx-paper);text-underline-offset:7px;font-size:13px}
.cx-text-link span{color:var(--cx-accent)}
.cx-eight{position:relative;isolation:isolate;overflow:clip;background:var(--cx-accent);color:var(--cx-ink);padding:48px clamp(20px,7vw,112px) 80px;--spread:0px}
.cx-eight .cx-section-meta{border-color:currentColor;margin-bottom:20px}
.cx-eight__layout{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:8vw;max-width:1376px;margin:auto}
.cx-eight__numeral{position:relative;font:900 clamp(400px,55vw,840px)/.9 var(--display);letter-spacing:-.08em;transform:rotate(-10deg) translateX(calc(var(--spread)*-1));user-select:none}
.cx-eight__numeral>span{position:absolute;left:12px;top:0;color:transparent;-webkit-text-stroke:1px var(--cx-ink);transform:translateX(var(--spread));z-index:-1}
.cx-eight__copy{position:relative;z-index:2;padding:48px 0}
.lo-concept-page .cx-eight h2{font-size:clamp(38px,5.3vw,82px);line-height:1.25;margin:28px 0;white-space:nowrap}
.cx-eight__copy>p:not(.cx-label){font-size:15px;line-height:2}
.cx-name-note{border-top:1px solid currentColor;margin-top:40px;padding-top:24px;font-size:13px;line-height:2}
.cx-name-note b{font-family:var(--display);font-size:20px;letter-spacing:.03em}
.cx-eight__rails{position:absolute;z-index:-1;inset:20% -15% 12%;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-10deg);opacity:.1;pointer-events:none}
.cx-eight__rails i{display:block;height:1px;background:var(--cx-ink);transform:translateX(var(--spread))}
.cx-eight :focus-visible{outline-color:var(--cx-ink)}
.cx-finale{padding:88px clamp(20px,7vw,112px) 0;overflow:clip}
.cx-finale>.cx-label{color:var(--cx-accent);margin-bottom:28px}
.lo-concept-page .cx-finale h2{font-size:clamp(60px,9vw,140px);line-height:1.2;margin:0}
.cx-finale h2>span{display:block;font-family:var(--display);font-size:1.4em;line-height:1;letter-spacing:-.03em;margin-top:10px}
.cx-finale h2 .cx-period{font-family:var(--body);font-size:.7em}
.cx-finale__copy{margin-top:32px!important;line-height:2;font-size:15px;color:var(--cx-muted)}
.cx-destinations{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:64px 0 72px}
.cx-destinations a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:138px;border-block:1px solid var(--cx-line);text-decoration:none;padding:24px 0;transition:color .2s,border-color .2s}
.cx-destinations small{display:block;font-size:12px;color:var(--cx-muted);margin-bottom:12px}
.cx-destinations strong{font-size:clamp(24px,3vw,40px);letter-spacing:-.035em}
.cx-destinations b{display:grid;place-items:center;flex:none;width:64px;height:64px;border:1px solid var(--cx-accent);border-radius:50%;font-size:30px;color:var(--cx-accent);transition:background .2s,color .2s,transform .2s}
.cx-destinations a:hover{color:var(--cx-accent);border-color:var(--cx-accent)}
.cx-destinations a:hover b{color:var(--cx-ink);background:var(--cx-accent);transform:rotate(8deg)}
.cx-endmark{margin:0 -.055em;white-space:nowrap;font:900 clamp(90px,21.5vw,370px)/.78 var(--display);letter-spacing:-.035em;color:transparent;-webkit-text-stroke:1px var(--cx-line);pointer-events:none;transform:translateX(calc(var(--end-shift,0px)*-1))}
.cx-endmark span{color:var(--cx-accent);-webkit-text-stroke:0}
.cx-footer{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;padding:32px clamp(20px,7vw,112px);font-size:11px;border-top:1px solid var(--cx-line)}
.cx-footer>a:first-child{font-weight:900;font-size:13px;text-decoration:none}
/* Visible HTML is the default. Motion never gates reading or navigation. */
.cx-motion .cx-reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}
.cx-motion .cx-reveal:not(.is-visible){opacity:0;transform:translateY(32px)}
.cx-motion .cx-hero__copy{animation:cx-enter .8s cubic-bezier(.22,1,.36,1) both}
.cx-motion .cx-look__frame{animation:cx-photo 1.1s cubic-bezier(.22,1,.36,1) both}
@keyframes cx-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes cx-photo{from{opacity:0;clip-path:inset(100% 0 0 0)}to{opacity:1;clip-path:inset(0)}}
@media(min-width:1600px){.cx-hero__grid{min-height:780px}.cx-look{max-width:490px}}
@media(max-width:1000px){.cx-hero__grid{min-height:600px;gap:36px}.lo-concept-page .cx-hero h1{font-size:5.6vw}.cx-look__control{align-items:flex-start;flex-direction:column}.cx-look__eight{left:-50px;top:-60px}.cx-section-meta{margin-bottom:60px}.cx-perspective__lower{gap:40px}}
@media(max-width:699px){
 .cx-hero{padding-top:14px}.cx-hero__grid{grid-template-columns:1fr;gap:48px;padding:44px 0 36px;min-height:0}.cx-hero__ghost{font-size:42vw;top:70px;left:-3vw}
 .lo-concept-page .cx-hero h1{font-size:clamp(44px,10.7vw,74px);line-height:1.2;margin-bottom:22px}.cx-eyebrow{font-size:11px;margin-bottom:22px!important}.cx-hero__lead{font-size:13px;line-height:1.9}.cx-scroll{margin-top:22px;min-height:44px}
 .cx-look{width:76%;max-width:360px;margin-right:12px}.cx-look__eight{font-size:115vw;top:-60px;left:-60px}.cx-look__frame{transform:rotate(-4deg)}.cx-look__control{align-items:center;flex-direction:row;gap:8px;font-size:10px;margin-top:22px}.cx-look__control>span{max-width:6em}.cx-look__control button{padding:10px 12px;font-size:11px;gap:12px}.cx-look figcaption{font-size:10px;padding:8px}
 .cx-look .lo-marker{width:30px;height:30px;font-size:12px}.cx-look .lo-marker::after{inset:-8px}.cx-hero__bottom{font-size:10px}
 .cx-perspective{padding-top:64px;padding-bottom:72px}.cx-section-meta{font-size:10px;margin-bottom:48px;letter-spacing:.04em}.lo-concept-page .cx-perspective h2{font-size:clamp(44px,12vw,80px);line-height:1.3}
 .cx-perspective__lower{grid-template-columns:1fr;gap:32px;margin-top:40px}.cx-perspective__lower>p{font-size:26px}.cx-perspective__lower>div{font-size:14px}
 .cx-eight{padding-top:32px;padding-bottom:56px}.cx-eight__layout{grid-template-columns:1fr;gap:0}.cx-eight__numeral{font-size:105vw;line-height:.9;height:88vw;max-height:580px;justify-self:start;transform:rotate(-10deg) translateX(calc(var(--spread)*-1));padding-left:12vw}.cx-eight__copy{padding:12px 0 0}.lo-concept-page .cx-eight h2{font-size:clamp(36px,9.5vw,66px);margin-top:20px}.cx-eight__copy>p:not(.cx-label){font-size:14px}.cx-name-note{margin-top:28px;padding-top:18px}
 .cx-finale{padding-top:64px}.lo-concept-page .cx-finale h2{font-size:clamp(48px,12vw,80px)}.cx-finale h2>span{font-size:1.1em;white-space:nowrap}.cx-finale__copy{font-size:13px}
 .cx-destinations{grid-template-columns:1fr;gap:0;margin:40px 0 64px}.cx-destinations a{min-height:118px}.cx-destinations a+a{border-top:0}.cx-destinations b{width:52px;height:52px;font-size:25px}.cx-destinations strong{font-size:27px}.cx-destinations small{font-size:11px}
 .cx-endmark{font-size:22.5vw;line-height:.8}.cx-footer{padding-block:24px;justify-content:flex-start}.cx-footer>a:first-child{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lo-concept-page *,.lo-concept-page *::before,.lo-concept-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cx-reveal{opacity:1!important;transform:none!important}.cx-look__frame{transform:rotate(-4deg)!important}}
.lo-concept-page.cx-paused *,.lo-concept-page.cx-paused *::before,.lo-concept-page.cx-paused *::after{animation:none!important;transition:none!important}

html:has(.lo-concept-page.cx-paused){scroll-behavior:auto}
