:root { --korel-ink:#172c36; --korel-paper:#eef0eb; --korel-red:#bd3e34; }
.korel-entry-pending, .korel-entry-pending body { overflow:hidden; }
.korel-entry { position:fixed; z-index:9999; inset:0; display:grid; place-items:center; overflow:hidden; color:#fffaf0; background:#071722; isolation:isolate; clip-path:inset(0); transition:clip-path .95s cubic-bezier(.76,0,.24,1),visibility 0s .95s; }
.korel-entry::before { content:""; position:absolute; z-index:-2; inset:-20%; background:radial-gradient(circle at 70% 44%,rgba(213,103,67,.56),transparent 19%),radial-gradient(ellipse at 50% 57%,rgba(224,158,101,.22),transparent 39%),linear-gradient(180deg,#071722 0%,#142b38 50%,#07131d 100%); transform:scale(1.06); animation:korel-entry-breathe 4s ease-in-out infinite alternate; }
.korel-entry::after { content:""; position:absolute; z-index:-1; left:-10%; right:-10%; top:57%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,224,190,.7),transparent); box-shadow:0 1px 42px 15px rgba(213,116,75,.18); transform:scaleX(0); }
.korel-entry.is-running::after { animation:korel-entry-horizon 1.15s .25s cubic-bezier(.22,1,.36,1) forwards; }
.korel-entry__atmosphere { position:absolute; inset:57% 0 0; opacity:.42; background:repeating-radial-gradient(ellipse at 50% -8%,transparent 0 18px,rgba(179,210,219,.12) 19px,transparent 21px); transform:perspective(500px) rotateX(62deg) scale(1.5); transform-origin:top; }
.korel-entry__brand { display:flex; align-items:center; gap:22px; margin-top:-2vh; }
.korel-entry__mark { width:82px; height:82px; overflow:visible; fill:none; stroke:#fffaf0; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 10px 28px rgba(0,0,0,.3)); }
.korel-entry__mark circle { stroke:rgba(255,250,240,.32); stroke-dasharray:246; stroke-dashoffset:246; transform:rotate(-90deg); transform-origin:center; }
.korel-entry__mark path { stroke-dasharray:135; stroke-dashoffset:135; }
.korel-entry.is-running .korel-entry__mark circle { animation:korel-entry-draw 1.25s .12s cubic-bezier(.22,1,.36,1) forwards; }
.korel-entry.is-running .korel-entry__mark path { animation:korel-entry-draw .9s .5s cubic-bezier(.22,1,.36,1) forwards,korel-entry-pulse 1.8s 1.45s ease-in-out infinite; }
.korel-entry__wordmark { min-width:225px; }
.korel-entry__wordmark strong { display:flex; font:700 clamp(38px,4vw,58px)/.82 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:.09em; }
.korel-entry__wordmark strong span { opacity:0; transform:translateY(18px); }
.korel-entry.is-running .korel-entry__wordmark strong span { animation:korel-entry-letter .65s cubic-bezier(.22,1,.36,1) forwards; }
.korel-entry.is-running .korel-entry__wordmark strong span:nth-child(1) { animation-delay:.42s; }
.korel-entry.is-running .korel-entry__wordmark strong span:nth-child(2) { animation-delay:.49s; }
.korel-entry.is-running .korel-entry__wordmark strong span:nth-child(3) { animation-delay:.56s; }
.korel-entry.is-running .korel-entry__wordmark strong span:nth-child(4) { animation-delay:.63s; }
.korel-entry.is-running .korel-entry__wordmark strong span:nth-child(5) { animation-delay:.70s; }
.korel-entry__wordmark small { display:block; margin-top:12px; opacity:0; font:600 9px/1 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:.72em; transform:translateY(8px); }
.korel-entry.is-running .korel-entry__wordmark small { animation:korel-entry-letter .7s .8s cubic-bezier(.22,1,.36,1) forwards; }
.korel-entry__route { position:absolute; left:50%; bottom:13vh; width:min(340px,70vw); transform:translateX(-50%); }
.korel-entry__route i { display:block; height:1px; background:linear-gradient(90deg,#fffaf0,#dd815d); transform:scaleX(0); transform-origin:left; }
.korel-entry.is-running .korel-entry__route i { animation:korel-entry-route 1.35s .35s cubic-bezier(.22,1,.36,1) forwards; }
.korel-entry__route span { display:block; margin-top:12px; opacity:0; text-align:center; font:600 8px/1.4 ui-monospace,monospace; letter-spacing:.22em; color:#e7c7af; }
.korel-entry.is-running .korel-entry__route span { animation:korel-entry-fade .55s 1.05s forwards; }
.korel-entry__status { position:absolute; bottom:5vh; margin:0; opacity:.45; font:500 8px/1.4 ui-monospace,monospace; letter-spacing:.16em; text-transform:uppercase; }
.korel-entry__status::after { content:""; display:inline-block; width:1.2em; animation:korel-entry-dots 1.1s steps(4,end) infinite; }
.korel-entry.is-scene-ready .korel-entry__status { color:#f0b28d; }
.korel-entry.is-leaving { clip-path:inset(0 0 100% 0); visibility:hidden; }
.korel-entry-pending .sea-scene__fallback { visibility:hidden; }
.korel-entry-pending .site-header { opacity:0; }
.korel-entry-finished .site-header { animation:korel-entry-content .8s .5s both; }
.korel-entry-finished .voyage-opening > * { animation:korel-entry-content .9s both; }
.korel-entry-finished .voyage-opening > :nth-child(1) { animation-delay:.48s; }
.korel-entry-finished .voyage-opening > :nth-child(2) { animation-delay:.58s; }
.korel-entry-finished .voyage-opening > :nth-child(3) { animation-delay:.68s; }
@keyframes korel-entry-draw { to { stroke-dashoffset:0; } }
@keyframes korel-entry-letter { to { opacity:1; transform:translateY(0); } }
@keyframes korel-entry-route { to { transform:scaleX(1); } }
@keyframes korel-entry-horizon { to { transform:scaleX(1); } }
@keyframes korel-entry-fade { to { opacity:.78; } }
@keyframes korel-entry-content { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes korel-entry-breathe { to { transform:scale(1); filter:saturate(1.12); } }
@keyframes korel-entry-pulse { 0%,100% { filter:drop-shadow(0 0 0 rgba(255,188,143,0)); } 50% { filter:drop-shadow(0 0 8px rgba(255,188,143,.8)); } }
@keyframes korel-entry-dots { 0% { content:""; } 25% { content:"."; } 50% { content:".."; } 75%,100% { content:"..."; } }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; }
.korel-landing { color:var(--korel-paper); background:var(--korel-ink); font-family:'Plus Jakarta Sans',Arial,sans-serif; }
.korel-landing *, .site-header * { box-sizing:border-box; }
.korel-landing a, .site-header a { color:inherit; text-decoration:none; }
.korel-landing a:focus-visible, .site-header a:focus-visible, .voyage-motion:focus-visible { outline:2px solid #ce6155; outline-offset:6px; }
.korel-skip-link { position:fixed; z-index:110; top:1rem; left:1rem; padding:1rem; color:var(--korel-ink); background:white; transform:translateY(-200%); }
.korel-skip-link:focus { transform:none; }
.site-header { position:fixed; inset:0 0 auto; z-index:80; display:flex; align-items:center; justify-content:space-between; padding:26px 3.5vw; color:#fff; transition:color .4s,background .4s; }
.site-header.is-on-dark { background:rgba(10,26,36,.96); }
.site-header.is-on-light { color:var(--korel-ink); background:rgba(238,240,235,.96); }
.brand { display:flex; gap:10px; align-items:center; font-size:24px; font-weight:800; letter-spacing:.08em; line-height:1; }
.brand__mark { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:2; }
.brand small { display:block; margin-top:5px; font-size:8px; letter-spacing:.42em; }
.site-header__contact { font-size:11px; border-bottom:1px solid #ffffff55; padding:9px 0; }
.site-header__contact span { margin-left:18px; }
.site-header__actions { display:flex; align-items:center; gap:28px; }
.korel-menu-button { display:flex; align-items:center; gap:12px; padding:8px 0; border:0; color:inherit; background:none; font:600 10px/1 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:.12em; cursor:pointer; }
.korel-menu-button i { position:relative; display:block; width:30px; height:30px; border:1px solid currentColor; border-radius:50%; transition:background .35s,color .35s,transform .45s cubic-bezier(.22,1,.36,1); }
.korel-menu-button i b { position:absolute; left:8px; width:12px; height:1px; background:currentColor; transition:transform .35s; }
.korel-menu-button i b:first-child { top:11px; }
.korel-menu-button i b:last-child { top:17px; }
.korel-menu-button:hover i,.korel-menu-button[aria-expanded="true"] i { color:#102631; background:#e4bb99; transform:rotate(8deg); }
.korel-menu-button[aria-expanded="true"] i b:first-child { top:14px; transform:rotate(45deg); }
.korel-menu-button[aria-expanded="true"] i b:last-child { top:14px; transform:rotate(-45deg); }
.korel-menu[hidden] { display:none; }
.korel-menu { position:fixed; z-index:125; inset:0; }
.korel-menu__scrim { position:absolute; inset:0; width:100%; border:0; background:rgba(3,12,18,.58); opacity:0; backdrop-filter:blur(4px); transition:opacity .55s; cursor:pointer; }
.korel-menu__panel { position:absolute; inset:0 0 0 auto; display:flex; flex-direction:column; width:min(620px,46vw); min-width:520px; padding:27px 38px 25px; overflow:auto; color:#142a34; background:linear-gradient(145deg,#edf0e9 0%,#dfe6df 65%,#d9cabb 150%); box-shadow:-30px 0 90px rgba(1,11,17,.35); transform:translateX(101%); transition:transform .75s cubic-bezier(.76,0,.24,1); }
.korel-menu.is-open .korel-menu__scrim { opacity:1; }
.korel-menu.is-open .korel-menu__panel { transform:none; }
.korel-menu__top { display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid #142a3430; }
.korel-menu__top p { margin:0; font-size:9px; font-weight:700; letter-spacing:.13em; }
.korel-menu__top p span { color:#a85f36; }
.korel-menu__close { display:flex; align-items:center; gap:13px; padding:0; border:0; color:inherit; background:none; font:600 9px/1 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:.1em; cursor:pointer; }
.korel-menu__close i { display:grid; place-items:center; width:30px; height:30px; border:1px solid #142a3450; border-radius:50%; font:normal 22px/1 Arial,sans-serif; transition:transform .45s,background .3s,color .3s; }
.korel-menu__close:hover i { color:#fff; background:#142a34; transform:rotate(90deg); }
.korel-menu__intro { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:28px 0 22px; }
.korel-menu__intro>span { padding-bottom:9px; color:#586d73; font-size:8px; font-weight:700; letter-spacing:.13em; }
.korel-menu__intro h2 { margin:0; font-size:clamp(46px,5vw,72px); font-weight:400; letter-spacing:-.055em; line-height:.83; }
.korel-menu__intro h2 em { color:#9b6546; font:inherit; }
.korel-menu__main { border-top:1px solid #142a3430; }
.korel-menu__main a { position:relative; display:grid; grid-template-columns:42px 1fr 30px; align-items:center; min-height:56px; overflow:hidden; border-bottom:1px solid #142a3430; color:#142a34; }
.korel-menu__main a::before { content:""; position:absolute; inset:0; z-index:-1; background:#17313b; transform:scaleY(0); transform-origin:bottom; transition:transform .45s cubic-bezier(.22,1,.36,1); }
.korel-menu__main a:hover,.korel-menu__main a:focus-visible { color:#f2f2eb; }
.korel-menu__main a:hover::before,.korel-menu__main a:focus-visible::before { transform:scaleY(1); }
.korel-menu__main a>span { color:#9b6546; font-size:9px; font-weight:700; }
.korel-menu__main strong { font-size:clamp(18px,1.65vw,25px); font-weight:450; letter-spacing:-.025em; }
.korel-menu__main i { font-style:normal; font-size:18px; transition:transform .4s; }
.korel-menu__main a:hover i { transform:translate(5px,-5px); }
.korel-menu__products { display:grid; grid-template-columns:100px 1fr; gap:24px; padding:25px 0; }
.korel-menu__products>p { margin:2px 0 0; color:#687b80; font-size:8px; font-weight:700; letter-spacing:.13em; }
.korel-menu__products>div { display:grid; grid-template-columns:1fr 1fr; gap:8px 24px; }
.korel-menu__products a { display:flex; justify-content:space-between; gap:10px; padding:4px 0 8px; border-bottom:1px solid #142a3428; color:#263e46; font-size:10px; font-weight:600; line-height:1.4; transition:padding .3s,color .3s; }
.korel-menu__products a span { color:#a85f36; }
.korel-menu__products a:hover { padding-left:5px; color:#a85f36; }
.korel-menu__foot { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:auto; padding-top:20px; border-top:1px solid #142a3430; color:#596e74; font-size:9px; font-weight:600; line-height:1.7; }
.korel-menu__foot p { margin:0; }
.korel-menu__foot>div { display:flex; flex-direction:column; align-items:flex-end; }
.korel-menu__foot a { color:#142a34; border-bottom:1px solid #142a3430; }
.korel-menu-open { overflow:hidden; }
.korel-menu-open .korel-route { opacity:0!important; visibility:hidden!important; }
.korel-menu button:focus-visible,.korel-menu a:focus-visible,.korel-menu-button:focus-visible { outline:2px solid #a85f36; outline-offset:4px; }
@media (max-width:800px) {
  .site-header__contact { display:none; }
  .site-header__actions { margin-left:auto; }
  .korel-menu__panel { width:min(100%,520px); min-width:0; padding:20px 22px; }
  .korel-menu__intro { padding:30px 0 24px; }
  .korel-menu__intro>span { display:none; }
  .korel-menu__intro h2 { font-size:56px; }
  .korel-menu__main a { min-height:52px; }
  .korel-menu__main strong { font-size:20px; }
  .korel-menu__products { grid-template-columns:1fr; gap:15px; }
  .korel-menu__products>div { grid-template-columns:1fr; gap:4px; }
  .korel-menu__foot { grid-template-columns:1fr; }
  .korel-menu__foot>div { align-items:flex-start; }
}
@media (max-height:760px) and (min-width:801px) {
  .korel-menu__panel { padding-block:20px; }
  .korel-menu__intro { padding:18px 0; }
  .korel-menu__intro h2 { font-size:48px; }
  .korel-menu__main a { min-height:45px; }
  .korel-menu__products { padding:18px 0; }
}
@media (prefers-reduced-motion:reduce) {
  .korel-menu__scrim,.korel-menu__panel,.korel-menu__main a::before,.korel-menu-button i,.korel-menu__close i { transition:none; }
}
.eyebrow { font:10px/1.6 ui-monospace,monospace; letter-spacing:.17em; margin:0 0 20px; }
.sea-journey { position:relative; }
.sea-journey__stage { position:relative; min-height:100svh; overflow:hidden; background:#607e90; }
.sea-scene { position:absolute; inset:0; height:100svh; pointer-events:none; }
.sea-scene canvas { display:block; width:100%; height:100%; }
.sea-scene__fallback { width:100%; height:100%; object-fit:cover; filter:brightness(.6); }
.sea-scene.is-ready .sea-scene__fallback { display:none; }
.sea-scene__vignette { position:absolute; z-index:1; inset:0; pointer-events:none; background:radial-gradient(ellipse 62% 32% at 70% 28%,rgba(255,162,95,.40),rgba(217,99,74,.16) 34%,transparent 72%),linear-gradient(180deg,rgba(3,14,28,.58) 0%,rgba(13,29,42,.13) 30%,rgba(6,21,31,.25) 55%,rgba(8,23,34,.75) 80%,rgba(8,23,34,1) 100%); box-shadow:inset 0 0 13vw rgba(1,10,18,.42); }
.voyage-opening { position:relative; z-index:2; text-align:center; padding:150px 20px 100px; min-height:100svh; }
.voyage-opening h1 { margin:0; color:rgba(239,248,250,.16); font-family:'Plus Jakarta Sans',Arial,sans-serif; font-size:clamp(66px,8.5vw,146px); font-weight:400; letter-spacing:-.075em; word-spacing:.1em; line-height:.88; -webkit-text-fill-color:rgba(239,248,250,.16); -webkit-text-stroke:1.25px rgba(255,255,255,.82); paint-order:stroke fill; text-shadow:0 1px 0 rgba(255,255,255,.45),0 3px 2px rgba(5,19,27,.28),0 15px 38px rgba(1,10,17,.52); filter:drop-shadow(0 0 12px rgba(210,231,237,.1)); }
.voyage-opening h1 em { color:inherit; font:inherit; letter-spacing:inherit; -webkit-text-fill-color:inherit; }
.voyage-opening .eyebrow { color:#e3e8eb; font:700 12px/1.7 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:.13em; text-shadow:0 2px 5px #07131f,0 4px 18px rgba(0,0,0,.8); }
.voyage-opening__intro { margin:30px 0 0; color:#e3e8eb; font-size:clamp(15px,1.2vw,19px); font-weight:700; line-height:1.8; text-shadow:none; }
.voyage-chapter, .voyage-ending, .voyage-footer, .voyage-progress { display:none; }
.voyage-products { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:40px; background:#e9eeeb; color:var(--korel-ink); }
.voyage-product { position:relative; overflow:hidden; color:#e7f0f1; background:linear-gradient(145deg,rgba(28,59,70,.78),rgba(5,22,31,.78)); border:1px solid rgba(221,239,240,.34); border-radius:10px; box-shadow:0 22px 70px rgba(0,9,16,.44),inset 0 1px rgba(255,255,255,.2); backdrop-filter:blur(18px) saturate(135%); -webkit-backdrop-filter:blur(18px) saturate(135%); }
.voyage-product::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background:linear-gradient(125deg,rgba(255,255,255,.13),transparent 34%,transparent 70%,rgba(224,164,125,.11)); }
.voyage-product__top, .voyage-product__image, .voyage-product__body { position:relative; z-index:1; }
.voyage-product__top { display:flex; justify-content:space-between; padding:14px 20px; color:#d7e4e6; font:700 9px/1.4 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:.12em; border-bottom:1px solid rgba(222,239,240,.18); }
.voyage-product__top span:last-child { color:#e3b18f; font-size:16px; line-height:.7; }
.voyage-product__image { display:flex; justify-content:center; min-height:190px; padding:14px 25px; background:linear-gradient(145deg,rgba(232,240,237,.86),rgba(183,207,211,.43)); border-bottom:1px solid rgba(227,241,241,.24); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.voyage-product__image img { height:180px; width:100%; object-fit:contain; mix-blend-mode:multiply; filter:contrast(1.04) saturate(.95) drop-shadow(0 12px 12px rgba(5,18,25,.18)); }
.voyage-product__body { padding:22px; }
.voyage-product__tag { color:#e3b18f; font:700 9px/1.4 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:.14em; margin:0 0 12px; }
.voyage-product h2 { font:500 clamp(22px,2vw,32px)/1.13 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:-.055em; word-spacing:.06em; margin:0 0 14px; }
.voyage-product__body > p:not(.voyage-product__tag) { font-size:12px; font-weight:500; line-height:1.75; color:#d1dfe1; margin:0 0 20px; }
.voyage-product__body > a { display:flex; justify-content:space-between; padding-top:14px; color:#eff6f5; border-top:1px solid rgba(222,239,240,.2); font-size:10px; font-weight:700; }
.sea-button { display:inline-flex; align-items:center; gap:32px; background:#f3f3ec; color:var(--korel-ink)!important; padding:99px 9px 9px 20px; font:10px/1.4 ui-monospace,monospace; letter-spacing:.07em; text-transform:uppercase; border-radius:4px; }
.sea-journey.is-enhanced { height:1400svh; }
.is-enhanced .sea-journey__stage { position:sticky; top:0; height:100svh; }
.is-enhanced .voyage-opening { position:absolute; inset:0; min-height:0; padding-top:clamp(115px,15vh,175px); opacity:var(--opening-opacity,1); transform:translateY(var(--opening-y,0px)); pointer-events:var(--opening-events,auto); }
.is-enhanced .voyage-products { position:absolute; z-index:3; inset:0; display:block; padding:0; background:none; pointer-events:none; }
.is-enhanced .voyage-product { position:absolute; top:50%; width:clamp(255px,25vw,360px); opacity:0; visibility:hidden; transform:translate3d(var(--card-x,0px),calc(-50% + var(--card-y,0px)),0); will-change:transform,opacity; }
.is-enhanced .voyage-product.is-visible { visibility:visible; pointer-events:auto; }
.is-enhanced .voyage-product--left { left:12vw; }
.is-enhanced .voyage-product--right { right:12vw; }
.is-enhanced .voyage-chapter { display:block; position:absolute; z-index:3; top:120px; left:20px; right:20px; text-align:center; opacity:var(--chapter-opacity,0); transform:translateY(var(--chapter-y,0px)); pointer-events:none; text-shadow:0 4px 24px rgba(0,0,0,.8); }
.voyage-chapter .eyebrow, .voyage-ending .eyebrow { display:block; color:#e3e8eb; font:700 12px/1.7 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:.13em; margin-bottom:14px; }
.voyage-chapter > p { color:#e7f0f1; font:500 clamp(30px,3.7vw,60px)/1.08 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:-.06em; word-spacing:.08em; margin:0; }
.is-enhanced .voyage-ending { display:block; position:absolute; z-index:3; top:22%; left:0; right:0; text-align:center; opacity:var(--ending-opacity,0); visibility:hidden; text-shadow:0 4px 28px rgba(0,0,0,.7); }
.is-enhanced .voyage-ending.is-visible { visibility:visible; }
.voyage-ending h2 { max-width:min(960px,calc(100% - 32px)); margin:0 auto 28px; color:#f1f5f4; font:600 clamp(33px,6.4vw,88px)/1.06 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:-.065em; }
.voyage-ending h2 em { color:#dce8e8; font-style:normal; font-weight:500; }
.is-enhanced .voyage-footer { display:flex; z-index:4; align-items:end; justify-content:space-between; position:absolute; bottom:30px; left:3.5vw; right:3.5vw; gap:20px; text-shadow:0 2px 14px rgba(0,0,0,.8); }
.voyage-coordinate { color:#e3e8eb; font:700 10px/1.8 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:.1em; margin:0; }
.voyage-coordinate span { display:block; color:#ccd5dc; }
.voyage-explore { position:absolute; bottom:0; left:50%; transform:translateX(-50%); opacity:var(--opening-opacity,1); visibility:var(--explore-visibility,visible); }
.voyage-motion { display:inline-flex; align-items:center; gap:12px; color:#e3e8eb; border:0; background:none; font:700 11px/1.4 'Plus Jakarta Sans',Arial,sans-serif; padding:10px 0; cursor:pointer; text-shadow:0 2px 5px #07131f; }
.voyage-motion__icon { position:relative; display:block; width:12px; height:12px; flex:none; }
.voyage-motion__icon::before,.voyage-motion__icon::after { content:""; position:absolute; top:1px; width:2px; height:10px; background:currentColor; }
.voyage-motion__icon::before { left:2px; }
.voyage-motion__icon::after { right:2px; }
.voyage-motion[aria-pressed="true"] .voyage-motion__icon::before { top:0; left:2px; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:9px solid currentColor; background:none; }
.voyage-motion[aria-pressed="true"] .voyage-motion__icon::after { display:none; }
.voyage-motion[hidden] { display:none; }
.is-enhanced .voyage-progress { display:block; position:absolute; z-index:4; top:115px; bottom:100px; right:18px; width:2px; background:#ffffff26; }
.voyage-progress i { display:block; width:100%; height:100%; background:#efd9be; transform:scaleY(var(--journey-progress,0)); transform-origin:top; }
.korel-about { position:relative; overflow:hidden; padding:76px 7vw 90px; color:#e3e8eb; background:radial-gradient(ellipse at 100% 0,rgba(127,96,77,.18),transparent 37%),#0a1a24; border-top:1px solid #c7dce126; }
.korel-about .eyebrow { font:700 10px/1.7 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:.15em; color:#b9cad0; }
.korel-about__head { display:flex; justify-content:space-between; gap:20px; align-items:center; border-bottom:1px solid #c7dce126; padding-bottom:22px; }
.korel-about__head .eyebrow { margin:0; }
.korel-about__head > span { color:#b9cad0; font:600 9px/1.7 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:.1em; }
.korel-about__intro { display:grid; grid-template-columns:1.3fr 1fr; gap:7vw; padding:68px 0 64px; align-items:center; }
.korel-about h2 { font:500 clamp(38px,4.8vw,82px)/1.08 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:-.065em; word-spacing:.08em; margin:0; }
.korel-about h2 span { color:rgba(217,233,238,.2); -webkit-text-stroke:1px #bbcdd3; }
.korel-about__lead { font-size:15px; font-weight:600; line-height:1.8; color:#b9cad0; margin:28px 0 0; }
.korel-about__story > p { font-size:clamp(14px,1.1vw,17px); font-weight:500; line-height:1.95; margin:0 0 18px; }
.korel-about__link { display:inline-flex; gap:38px; align-items:center; border-bottom:1px solid #a6bcc26b; padding:12px 0; font-size:12px; font-weight:700; }
.korel-about__link > span { color:#e4b48f; font-size:20px; }
.korel-about__numbers { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:30px; border-block:1px solid #c7dce126; padding:44px 0; }
.korel-about__numbers > div { display:flex; flex-direction:column; justify-content:space-between; gap:20px; padding-left:34px; border-left:1px solid #c7dce126; }
.korel-about__numbers > div:first-child { padding-left:0; border:0; }
.korel-about__numbers strong { font-size:clamp(52px,7vw,108px); font-weight:400; letter-spacing:-.075em; line-height:1; }
.korel-about__since strong { color:#e5ba9a; }
.korel-about__numbers > div:last-child strong { font-size:clamp(32px,4vw,62px); }
.korel-about__numbers strong span { display:block; color:#93afb9; }
.korel-about__numbers > div > span { color:#b9cad0; font-size:12px; font-weight:600; line-height:1.6; }
.korel-about__expertise, .korel-about__history { margin-top:90px; }
.korel-about__section-heading { margin-bottom:32px; }
.korel-about__section-heading h3, .korel-about__feature-copy h4, .korel-contact h2 { word-spacing:.08em; }
.korel-about__section-heading .eyebrow { margin-bottom:12px; }
.korel-about__section-heading h3 { margin:0; font-size:clamp(28px,3vw,48px); font-weight:500; line-height:1.15; letter-spacing:-.055em; }
.korel-about__features { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.korel-about__feature { display:grid; grid-template-columns:.85fr 1fr; background:#122732; border:1px solid #c7dce11a; }
.korel-about__product { display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f2f3ef; padding:26px 18px; position:relative; }
.korel-about__product > span { align-self:flex-start; position:absolute; left:18px; top:18px; color:#536771; font:600 8px/1.5 ui-monospace,monospace; letter-spacing:.1em; }
.korel-about__product img { display:block; width:100%; height:190px; object-fit:contain; mix-blend-mode:multiply; }
/* Authentic Hakkımızda Section Layout - High Contrast & Crisp Readability */
/* OFFMENU DESIGN (offmenu.design/work/super) STYLE SYSTEM FOR HAKKIMIZDA */
.korel-about {
    position: relative;
    z-index: 20;
    padding: 100px 7vw 120px;
    color: #ffffff;
    background: #081722;
}

.offmenu-tag {
    font: 700 11px/1.4 'Plus Jakarta Sans', Arial, sans-serif;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #e4b48f;
    display: block;
    margin-bottom: 22px;
}

.offmenu-hero-title {
    font: 400 clamp(42px, 5.5vw, 88px)/1.08 'Cormorant Garamond', Georgia, serif;
    color: #ffffff;
    letter-spacing: -0.04em;
    margin: 0 0 55px;
}

.offmenu-hero-title em {
    font-style: italic;
    color: rgba(255, 255, 255, 0.45);
    -webkit-text-stroke: 1px #ffffff;
}

.offmenu-grid-2 {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 6vw;
    align-items: start;
    margin-bottom: 90px;
}

.offmenu-lead {
    font-size: clamp(18px, 1.35vw, 24px);
    font-weight: 500;
    line-height: 1.65;
    color: #ffffff;
    margin-bottom: 24px;
}

.offmenu-body-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;
    color: #cbe0e8;
    margin-bottom: 20px;
}

.offmenu-cta-link {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 14px 28px;
    background: rgba(228, 180, 143, 0.12);
    border: 1px solid #e4b48f;
    border-radius: 40px;
    color: #e4b48f;
    font-size: 13px;
    font-weight: 700;
    margin-top: 10px;
    transition: all 0.3s ease;
}

.offmenu-cta-link:hover {
    background: #e4b48f;
    color: #081722;
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(228, 180, 143, 0.3);
}

.offmenu-specs-card {
    background: #0f2634;
    border: 1px solid rgba(199, 220, 225, 0.2);
    border-radius: 20px;
    padding: 36px 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

.offmenu-specs-title {
    display: block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 20px;
}

.offmenu-specs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.offmenu-specs-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    border-top: 1px solid rgba(199, 220, 225, 0.15);
    font-size: 13px;
}

.offmenu-specs-label {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
}

.offmenu-specs-val {
    color: #ffffff;
    font-weight: 600;
    text-align: right;
}

/* OFFMENU INTERACTIVE SCOPE LIST WITH HOVER DOTS */
.offmenu-scope-section {
    margin-bottom: 100px;
}

.offmenu-scope-list {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
    border-bottom: 1px solid rgba(199, 220, 225, 0.18);
}

.offmenu-scope-item {
    display: grid;
    grid-template-columns: 36px 1fr auto;
    align-items: center;
    gap: 24px;
    padding: 32px 20px;
    border-top: 1px solid rgba(199, 220, 225, 0.18);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    cursor: pointer;
    border-radius: 8px;
}

.offmenu-scope-item:hover {
    background: rgba(228, 180, 143, 0.06);
    border-color: #e4b48f;
    padding-left: 28px;
}

.offmenu-scope-dots {
    display: flex;
    gap: 4px;
}

.offmenu-scope-dots span {
    width: 5px;
    height: 5px;
    background: #e4b48f;
    border-radius: 50%;
    opacity: 0.2;
    transform: scale(0.8);
    transition: all 0.3s ease;
}

.offmenu-scope-item:hover .offmenu-scope-dots span {
    opacity: 1;
    transform: scale(1.2);
}

.offmenu-scope-content h3 {
    font-size: clamp(20px, 1.8vw, 28px);
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 8px;
    transition: color 0.3s ease;
}

.offmenu-scope-item:hover .offmenu-scope-content h3 {
    color: #e4b48f;
}

.offmenu-scope-content p {
    font-size: 14px;
    color: #b5cbd4;
    margin: 0;
    line-height: 1.7;
}

.offmenu-scope-num {
    font: 700 14px/1 'Plus Jakarta Sans', sans-serif;
    color: rgba(255, 255, 255, 0.4);
    transition: color 0.3s ease;
}

.offmenu-scope-item:hover .offmenu-scope-num {
    color: #ffffff;
}

/* OFFMENU ASYMMETRIC BENTO GRID */
.offmenu-bento-section {
    margin-bottom: 100px;
}

.offmenu-bento-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 24px;
    margin-top: 32px;
}

.offmenu-bento-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: #0f2634;
    border: 1px solid rgba(199, 220, 225, 0.2);
    height: 340px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
}

.offmenu-bento-card:hover {
    transform: translateY(-8px);
    border-color: #e4b48f;
}

.offmenu-bento-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.offmenu-bento-card:hover img {
    transform: scale(1.08);
}

.offmenu-bento-overlay {
    position: absolute;
    inset: auto 0 0 0;
    padding: 30px 24px 24px;
    background: linear-gradient(to top, rgba(8, 23, 34, 0.95) 0%, rgba(8, 23, 34, 0.6) 60%, transparent 100%);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.offmenu-bento-overlay strong {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.offmenu-bento-overlay span {
    font-size: 12px;
    color: #b5cbd4;
}

/* OFFMENU TIMELINE GRID */
.offmenu-timeline-section {
    margin-bottom: 100px;
}

.offmenu-timeline-header h3 {
    font-size: clamp(28px, 3.2vw, 48px);
    font-weight: 500;
    color: #ffffff;
    margin: 0;
}

.offmenu-timeline-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 24px;
    margin-top: 40px;
}

.offmenu-timeline-card {
    background: #0f2634;
    border: 1px solid rgba(199, 220, 225, 0.2);
    border-radius: 16px;
    padding: 30px 24px;
    transition: transform 0.35s ease, border-color 0.3s ease;
}

.offmenu-timeline-card:hover {
    transform: translateY(-6px);
    border-color: #e4b48f;
}

.offmenu-timeline-year {
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #e4b48f;
    letter-spacing: -0.04em;
    margin-bottom: 12px;
}

.offmenu-timeline-card h4 {
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px;
}

.offmenu-timeline-card p {
    font-size: 13px;
    color: #cbe0e8;
    line-height: 1.75;
    margin: 0;
}

/* Motion Reveal Animation for Hakkımızda & Editorial Content */
.korel-motion-ready .korel-about__head,
.korel-motion-ready .korel-about__intro,
.korel-motion-ready .korel-flag-badge,
.korel-motion-ready .korel-stat-card,
.korel-motion-ready .korel-about__numbers > div,
.korel-motion-ready .korel-about__section-heading,
.korel-motion-ready .korel-about__feature,
.korel-motion-ready .korel-about__timeline li,
.korel-motion-ready .korel-about__catalogue,
.korel-motion-ready .korel-contact > * {
    opacity: 0;
    transform: translate3d(0, 42px, 0);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.85s cubic-bezier(0.16, 1, 0.3, 1),
                filter 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, transform;
}
.korel-motion-ready .korel-about__intro { filter: blur(6px); }
.korel-motion-ready .korel-about .is-in-view,
.korel-motion-ready .korel-contact .is-in-view {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    filter: blur(0px) !important;
}

.korel-about__head { display:flex; justify-content:space-between; gap:20px; align-items:center; border-bottom:1px solid rgba(199, 220, 225, 0.18); padding-bottom:24px; }
.korel-about__head .eyebrow { margin:0; }
.korel-about__head > span { color:#b5cbd4; font:600 9px/1.7 ui-monospace,monospace; letter-spacing:.12em; }

.korel-about__intro { display:grid; grid-template-columns:1.35fr 1fr; gap:6vw; padding:70px 0 60px; align-items:flex-start; }
.korel-about h2 { font:400 clamp(42px,5.4vw,88px)/1.05 'Cormorant Garamond',Georgia,serif; letter-spacing:-.04em; margin:0; color:#ffffff; }
.korel-about h2 span { color:rgba(255,255,255,0.35); -webkit-text-stroke:1px #ffffff; font-style:italic; }
.korel-about__lead { font-size:clamp(16px,1.25vw,20px); font-weight:500; line-height:1.75; color:#cbe0e8; margin:28px 0 0; }

.korel-about__story { display:flex; flex-direction:column; gap:20px; }
.korel-about__highlight { font-size:clamp(15px,1.15vw,18px); font-weight:600; line-height:1.85; color:#ffffff; border-left:3px solid #e4b48f; padding-left:20px; margin:0; }
.korel-about__story > p:not(.korel-about__highlight) { font-size:14px; font-weight:500; line-height:1.9; color:#c1d5de; margin:0; }
.korel-about__link { display:inline-flex; gap:24px; align-items:center; border-bottom:1px solid #e4b48f; padding:14px 0 10px; font-size:12px; font-weight:700; letter-spacing:.04em; color:#e4b48f; width:fit-content; transition:gap .3s ease; }
.korel-about__link:hover { gap:34px; border-color:#ffffff; color:#ffffff; }

/* Authentic Badges Row */
.korel-about__badge-row { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-bottom:50px; }
.korel-flag-badge { display:flex; align-items:center; gap:16px; background:#0f2634; border:1px solid rgba(199, 220, 225, 0.25); border-radius:10px; padding:22px; box-shadow:0 10px 30px rgba(0,0,0,0.25); }
.korel-flag-badge__icon { font-size:26px; line-height:1; }
.korel-flag-badge strong { display:block; font-size:14px; font-weight:700; color:#ffffff; margin-bottom:4px; }
.korel-flag-badge p { margin:0; font-size:11px; color:#b5ccd6; line-height:1.5; }

/* Floating Stats Grid */
.korel-about__stats { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
.korel-stat-card { background:#0f2634; border:1px solid rgba(199, 220, 225, 0.25); border-radius:12px; padding:32px 28px; box-shadow:0 16px 45px rgba(2, 11, 18, 0.35); transition:transform .35s ease, border-color .3s ease; }
.korel-stat-card:hover { transform:translateY(-5px); border-color:#e4b48f; }
.korel-stat-card__num { display:block; font:700 clamp(40px,4.2vw,68px)/1 'Plus Jakarta Sans',sans-serif; letter-spacing:-.06em; color:#e4b48f; margin-bottom:14px; }
.korel-stat-card__meta strong { display:block; font-size:15px; font-weight:700; color:#ffffff; margin-bottom:6px; }
.korel-stat-card__meta p { margin:0; font-size:12px; font-weight:500; color:#b5ccd6; line-height:1.6; }

/* Pear.no Inspired Timeline Slider */
.korel-about__history { margin-top:110px; }
.korel-about__section-heading--slider { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:24px; margin-bottom:35px; }
.korel-about__section-heading--slider h3 { color:#ffffff; font-size:clamp(28px,3vw,48px); font-weight:500; margin:0; }
.korel-slider__controls { display:flex; align-items:center; gap:20px; background:#0f2634; border:1px solid rgba(199, 220, 225, 0.25); padding:10px 22px; border-radius:40px; box-shadow:0 14px 35px rgba(0, 0, 0, 0.3); }
.korel-slider__btn { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; border:1px solid #e4b48f; background:#081722; color:#e4b48f; font-size:20px; line-height:1; cursor:pointer; transition:all .25s ease; }
.korel-slider__btn:hover:not([disabled]) { background:#e4b48f; color:#0a1a24; border-color:#e4b48f; transform:scale(1.1); }
.korel-slider__btn[disabled] { opacity:0.3; cursor:not-allowed; }
.korel-slider__progress-bar { width:120px; height:3px; background:rgba(199, 220, 225, 0.25); border-radius:2px; overflow:hidden; }
.korel-slider__progress-fill { width:15%; height:100%; background:#e4b48f; border-radius:2px; transition:width .4s ease; }

.korel-slider__track-wrapper { overflow:hidden; cursor:grab; padding:10px 0 20px; }
.korel-slider__track-wrapper.is-dragging { cursor:grabbing; user-select:none; }
.korel-slider__track { display:flex; gap:28px; list-style:none; padding:10px 0; margin:0; transition:transform .5s cubic-bezier(0.16, 1, 0.3, 1); will-change:transform; }
.korel-slider__slide { flex:0 0 min(360px, 82vw); background:#0f2634; border:1px solid rgba(199, 220, 225, 0.25); border-radius:14px; padding:36px 32px; position:relative; box-shadow:0 18px 45px rgba(2, 11, 18, 0.38); transition:all .4s cubic-bezier(0.22, 1, 0.36, 1); }
.korel-slider__slide::before { display:none!important; }
.korel-slider__slide.is-active { border-color:#e4b48f; transform:translateY(-8px); box-shadow:0 24px 60px rgba(228, 180, 143, 0.2); }
.korel-slider__index { position:absolute; top:24px; right:28px; font:700 11px/1 ui-monospace,monospace; color:#e4b48f; letter-spacing:.1em; }
.korel-slider__header { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.korel-slider__slide .korel-about__year { font-size:44px; font-weight:700; font-family:'Plus Jakarta Sans',sans-serif; color:#e4b48f; line-height:1; letter-spacing:-.04em; }
.korel-slider__badge { font:700 9px/1.4 'Plus Jakarta Sans',sans-serif; letter-spacing:.12em; color:#ffffff; background:rgba(228, 180, 143, 0.2); padding:4px 10px; border-radius:20px; border:1px solid #e4b48f; }
.korel-slider__slide h4 { font-size:18px; font-weight:700; color:#ffffff; margin:16px 0 12px; line-height:1.35; }
.korel-slider__slide p { font-size:13px; color:#c1d5de; line-height:1.8; margin:0; }

.korel-about__expertise { margin-top:110px; }
.korel-about__expertise h3 { color:#ffffff; }
.korel-about__features { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.korel-about__feature { display:grid; grid-template-columns:.85fr 1fr; background:#0f2634; border:1px solid rgba(199, 220, 225, 0.25); border-radius:12px; overflow:hidden; box-shadow:0 16px 45px rgba(0,0,0,0.25); }
.korel-about__product { display:flex; flex-direction:column; align-items:center; justify-content:center; background:#ffffff; padding:28px 20px; position:relative; }
.korel-about__product > span { align-self:flex-start; position:absolute; left:20px; top:20px; color:#172c36; font:700 9px/1.5 ui-monospace,monospace; letter-spacing:.12em; }
.korel-about__product img { display:block; width:100%; height:195px; object-fit:contain; }
.korel-about__feature-copy { padding:36px 28px; background:#0f2634; }
.korel-about__feature-copy .eyebrow { color:#e4b48f; font-size:9px; margin-bottom:16px; font-weight:700; }
.korel-about__feature-copy h4 { font-size:clamp(22px,1.9vw,30px); font-weight:700; line-height:1.25; letter-spacing:-.045em; margin:0 0 18px; color:#ffffff; }
.korel-about__feature-copy > p:not(.eyebrow) { font-size:13px; font-weight:500; line-height:1.85; color:#c1d5de; margin:0 0 24px; }
.korel-about__feature-copy > a { display:flex; gap:12px; justify-content:space-between; padding-top:16px; border-top:1px solid rgba(199, 220, 225, 0.25); font-size:11px; font-weight:700; color:#e4b48f; }
.korel-about__feature-copy > a span { color:#e4b48f; }

.korel-about__catalogue { margin-top:90px; padding-top:40px; border-top:1px solid rgba(199, 220, 225, 0.2); }
.korel-catalogue { display:flex; flex-wrap:wrap; gap:14px; margin-top:16px; }
.korel-catalogue a { display:flex; align-items:center; gap:20px; font-size:12px; font-weight:700; padding:16px 22px; background:#0f2634; color:#ffffff; border:1px solid rgba(199, 220, 225, 0.25); border-radius:6px; transition:background .25s, border-color .25s, transform .2s; }
.korel-catalogue a:hover, .korel-catalogue a:focus-visible { background:#183b50; border-color:#e4b48f; transform:translateY(-2px); }
.korel-catalogue a span:first-child { color:#e4b48f; font:700 10px ui-monospace,monospace; }

.korel-contact { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:6vw; background:#eef2f0; color:#0e232e; padding:95px 7vw; position:relative; z-index:30; }
.korel-contact .eyebrow { font:700 10px/1.7 'Plus Jakarta Sans',Arial,sans-serif; color:#4a626d; }
.korel-contact h2 { font-size:clamp(42px,5.8vw,92px); line-height:1.05; letter-spacing:-.06em; font-weight:500; margin:0; color:#0e232e; }
.korel-contact__details { display:flex; flex-direction:column; gap:20px; align-items:flex-start; font-size:14px; font-weight:600; min-width:0; }
.korel-contact__details p { font-size:19px; margin:0; color:#0e232e; }
.korel-contact__email { display:flex; width:100%; gap:16px; justify-content:space-between; border-bottom:1.5px solid #0e232e; padding:0 0 18px; overflow-wrap:anywhere; color:#0e232e; font-size:16px; font-weight:700; }
.korel-contact__details > span { font-size:13px; color:#4a626d; font-weight:600; }

@media(max-width:900px) {
  .stark-skew-section { padding:50px 0 60px; margin-bottom:20px; }
  .stark-skew-container { transform:rotate(-4.5deg) scale(1.15); gap:12px; }
  .stark-skew-text { font-size:32px; }
  .stark-skew-icon { width:24px; height:24px; }
  .stark-cases__stack { grid-template-columns:1fr; gap:20px; }
  .stark-table__row { grid-template-columns:80px 1fr; gap:16px; padding:18px 0; }
  .stark-table__col--year { font-size:20px; }
  .stark-table__col--text { font-size:13px; }
  .korel-about { padding:20px 24px 80px; }
  .korel-about__intro { grid-template-columns:1fr; gap:36px; padding:45px 0 40px; }
  .korel-about__badge-row { grid-template-columns:1fr; gap:14px; margin-bottom:30px; }
  .korel-about__stats { grid-template-columns:1fr; gap:16px; }
  .korel-about__features { grid-template-columns:1fr; gap:22px; }
  .korel-about__feature { grid-template-columns:1fr; }
  .korel-slider__slide { flex:0 0 290px; padding:28px 24px; }
  .korel-slider__slide .korel-about__year { font-size:36px; }
  .korel-catalogue { display:grid; grid-template-columns:1fr; }
  .korel-contact { grid-template-columns:1fr; gap:40px; padding:60px 24px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; animation-delay:0s!important; transition-duration:.01ms!important; } }

/* ==========================================================================
   SECTION TRANSITION: MARINE FOG & RADAR HORIZON DISSOLVE
   ========================================================================== */
.korel-section-transition {
    position: relative;
    width: 100%;
    margin-top: -80px;
    margin-bottom: 20px;
    pointer-events: none;
    z-index: 15;
    overflow: hidden;
}

.korel-mist-layer {
    position: absolute;
    inset: -30px 0;
    background: linear-gradient(180deg,
        rgba(8, 23, 34, 0) 0%,
        rgba(15, 38, 52, 0.55) 45%,
        rgba(12, 32, 45, 0.95) 100%
    );
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    mask-image: linear-gradient(180deg, transparent 0%, black 50%, black 100%);
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, black 50%, black 100%);
    animation: fogPulse 8s ease-in-out infinite alternate;
}

.korel-radar-beam-line {
    position: absolute;
    top: 50%;
    left: -100%;
    width: 60%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #e4b48f, #4ef0a0, transparent);
    box-shadow: 0 0 16px #e4b48f;
    animation: radarLineScan 5s ease-in-out infinite;
}

.korel-horizon-wave {
    display: block;
    width: 100%;
    height: 70px;
    position: relative;
    z-index: 2;
}

@keyframes fogPulse {
    0% { opacity: 0.6; transform: scaleY(1); }
    100% { opacity: 1; transform: scaleY(1.15); }
}

@keyframes radarLineScan {
    0% { left: -60%; opacity: 0; }
    30% { opacity: 1; }
    70% { opacity: 1; }
    100% { left: 100%; opacity: 0; }
}

.korel-about-split {
    padding: 80px 4vw 100px;
    background: transparent;
    color: #ffffff;
    position: relative;
    z-index: 10;
}

.korel-split-intro {
    margin-bottom: 50px;
}

.korel-split-tag {
    display: inline-block;
    font: 700 11px/1.4 'Plus Jakarta Sans', ui-monospace, monospace;
    letter-spacing: 0.16em;
    color: #e4b48f;
    background: rgba(228, 180, 143, 0.12);
    border: 1px solid rgba(228, 180, 143, 0.3);
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.korel-split-title {
    font: 400 clamp(36px, 4.5vw, 68px)/1.1 'Cormorant Garamond', Georgia, serif;
    letter-spacing: -0.03em;
    color: #ffffff;
    margin: 0;
}

.korel-split-title em {
    font-style: italic;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9em;
}

/* Split Screen Grid Layout */
.korel-split-container {
    display: grid;
    grid-template-columns: 440px 1fr;
    gap: 4vw;
    align-items: start;
    position: relative;
}

/* Left Sticky Panel */
.korel-sticky-stage {
    position: sticky;
    top: 100px;
    height: calc(100vh - 130px);
    max-height: 680px;
    display: flex;
    flex-direction: column;
    z-index: 20;
}

.korel-hud-card {
    background: rgba(12, 32, 45, 0.88);
    border: 1.5px solid rgba(228, 180, 143, 0.35);
    backdrop-filter: blur(16px);
    border-radius: 18px;
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), inset 0 0 35px rgba(228, 180, 143, 0.04);
}

.korel-hud-status-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    font: 700 10px/1 ui-monospace, monospace;
    letter-spacing: 0.1em;
    color: #b5cbd4;
    border-bottom: 1px solid rgba(199, 220, 225, 0.15);
    padding-bottom: 14px;
}

.korel-hud-pulse-dot {
    width: 8px;
    height: 8px;
    background: #4ef0a0;
    border-radius: 50%;
    box-shadow: 0 0 10px #4ef0a0;
    animation: pulseDot 1.8s infinite ease-in-out;
}

@keyframes pulseDot {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.4); opacity: 0.4; }
}

.korel-hud-coords {
    margin-left: auto;
    color: #e4b48f;
    opacity: 0.8;
}

/* Visual Sonar Radar Ring Stage */
.korel-hud-visual {
    position: relative;
    width: 100%;
    height: 230px;
    margin: 16px 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 14px;
    background: radial-gradient(circle at center, rgba(16, 48, 68, 0.95) 0%, rgba(6, 18, 27, 0.98) 100%);
    border: 1px solid rgba(199, 220, 225, 0.18);
}

.korel-hud-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px stroke rgba(228, 180, 143, 0.25);
    pointer-events: none;
}

.korel-hud-ring--outer {
    width: 210px;
    height: 210px;
    border: 1px dashed rgba(228, 180, 143, 0.25);
    animation: hudRotate 35s linear infinite;
}

.korel-hud-ring--middle {
    width: 150px;
    height: 150px;
    border: 1px solid rgba(199, 220, 225, 0.15);
    animation: hudRotateRev 25s linear infinite;
}

.korel-hud-ring--inner {
    width: 90px;
    height: 90px;
    border: 1px dashed rgba(78, 240, 160, 0.3);
}

.korel-hud-sweep {
    position: absolute;
    width: 110px;
    height: 110px;
    background: conic-gradient(from 0deg, rgba(228, 180, 143, 0.3) 0deg, transparent 60deg, transparent 360deg);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform-origin: 0 0;
    animation: hudSweep 6s linear infinite;
    pointer-events: none;
}

@keyframes hudRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes hudRotateRev {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

@keyframes hudSweep {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Ship Silhouette & Nodes */
.korel-hud-ship-container {
    position: relative;
    width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.korel-ship-svg {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 0 12px rgba(228, 180, 143, 0.3));
}

.korel-hud-node {
    position: absolute;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 10;
}

.korel-hud-node__dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(228, 180, 143, 0.4);
    border: 1.5px solid #e4b48f;
    display: block;
    transition: all 0.3s ease;
}

.korel-hud-node__label {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    font: 700 9px ui-monospace, monospace;
    color: #e4b48f;
    opacity: 0.6;
    white-space: nowrap;
    transition: opacity 0.3s;
}

.korel-hud-node.is-active .korel-hud-node__dot {
    background: #4ef0a0;
    border-color: #ffffff;
    box-shadow: 0 0 16px #4ef0a0, 0 0 30px #4ef0a0;
    transform: scale(1.5);
}

.korel-hud-node.is-active .korel-hud-node__label {
    opacity: 1;
    color: #4ef0a0;
    font-weight: 800;
}

.korel-hud-node__ping {
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 1px solid #4ef0a0;
    opacity: 0;
}

.korel-hud-node.is-active .korel-hud-node__ping {
    animation: nodePing 1.6s infinite ease-out;
}

@keyframes nodePing {
    0% { transform: scale(0.6); opacity: 1; }
    100% { transform: scale(2.2); opacity: 0; }
}

/* Telemetry Data Card */
.korel-hud-data {
    display: flex;
    align-items: center;
    gap: 20px;
    background: rgba(8, 23, 34, 0.85);
    border: 1px solid rgba(199, 220, 225, 0.2);
    border-radius: 12px;
    padding: 16px 20px;
}

.korel-hud-year-badge {
    display: flex;
    flex-direction: column;
}

.korel-hud-year-label {
    font: 700 8px/1.2 ui-monospace, monospace;
    letter-spacing: 0.12em;
    color: #8da4af;
}

.korel-hud-active-year {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 38px;
    font-weight: 800;
    color: #e4b48f;
    line-height: 1;
    letter-spacing: -0.04em;
    text-shadow: 0 0 20px rgba(228, 180, 143, 0.4);
    transition: all 0.3s ease;
}

.korel-hud-info {
    flex: 1;
    min-width: 0;
}

.korel-hud-active-title {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.korel-hud-active-stat {
    font-size: 12px;
    color: #c1d5de;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Bottom Tech Badges */
.korel-hud-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 14px;
}

.korel-hud-tag {
    font: 700 9px/1.3 ui-monospace, monospace;
    letter-spacing: 0.08em;
    color: #cbe0e8;
    background: rgba(199, 220, 225, 0.08);
    border: 1px solid rgba(199, 220, 225, 0.2);
    padding: 4px 8px;
    border-radius: 4px;
}

/* Right Story Cards Stream */
.korel-story-stream {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.korel-story-card {
    background: rgba(15, 38, 52, 0.75);
    border: 1.5px solid rgba(199, 220, 225, 0.18);
    border-radius: 18px;
    padding: 38px 36px;
    transition: all 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    position: relative;
    overflow: hidden;
}

.korel-story-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: transparent;
    transition: background 0.3s ease;
}

.korel-story-card.is-active {
    border-color: #e4b48f;
    background: rgba(15, 38, 52, 0.98);
    box-shadow: 0 20px 55px rgba(228, 180, 143, 0.18);
    transform: translateX(10px);
}

.korel-story-card.is-active::before {
    background: #e4b48f;
}

.korel-story-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.korel-story-badge {
    font: 700 10px/1.4 'Plus Jakarta Sans', sans-serif;
    letter-spacing: 0.12em;
    color: #e4b48f;
    background: rgba(228, 180, 143, 0.15);
    padding: 4px 12px;
    border-radius: 14px;
    border: 1px solid rgba(228, 180, 143, 0.3);
}

.korel-story-year {
    font: 800 28px/1 'Plus Jakarta Sans', sans-serif;
    color: #ffffff;
    letter-spacing: -0.03em;
}

.korel-story-card.is-active .korel-story-year {
    color: #e4b48f;
}

.korel-story-card__title {
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 14px;
    line-height: 1.25;
}

.korel-story-card__body {
    font-size: 14px;
    color: #c1d5de;
    line-height: 1.85;
    margin: 0 0 24px;
}

.korel-story-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 18px;
    border-top: 1px dashed rgba(199, 220, 225, 0.2);
    font-size: 12px;
    font-weight: 600;
    color: #e4b48f;
}

/* Catalogue Card */
.korel-story-card--catalogue {
    background: rgba(8, 23, 34, 0.95);
    border-color: rgba(228, 180, 143, 0.4);
}

.korel-catalogue-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px;
    margin-top: 24px;
}

.korel-cat-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: rgba(15, 38, 52, 0.9);
    border: 1px solid rgba(199, 220, 225, 0.2);
    border-radius: 10px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
    text-decoration: none;
}

.korel-cat-link:hover {
    border-color: #e4b48f;
    background: rgba(24, 59, 80, 1);
    transform: translateY(-3px);
}

.korel-cat-num {
    color: #e4b48f;
    font: 700 11px ui-monospace, monospace;
}

.korel-cat-arrow {
    margin-left: auto;
    color: #e4b48f;
    transition: transform 0.25s;
}

.korel-cat-link:hover .korel-cat-arrow {
    transform: translate(3px, -3px);
}

/* Mobile Responsive */
@media (max-width: 1024px) {
    .korel-split-container {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .korel-sticky-stage {
        position: relative;
        top: 0;
        height: auto;
        max-height: none;
    }
    .korel-story-card.is-active {
        transform: none;
    }
}

/* The ocean's last horizon becomes the opening of the company story. */
.korel-transition {
    position: relative;
    z-index: 20;
    min-height: 70svh;
    color: #f0f5f3;
    background: #172c36;
}
.korel-transition::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: -28svh;
    height: 28svh;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, #071923);
}
.korel-transition__stage {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 70svh;
    padding: 110px 24px 95px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(ellipse 46% 28% at 50% 49%, rgba(211, 143, 105, .14), transparent 76%),
        linear-gradient(180deg, #071923 0%, #0a202c 52%, #172c36 100%);
}
.korel-transition__stage::before,
.korel-transition__stage::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 10%;
    bottom: 10%;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(225, 191, 160, .3), transparent);
}
.korel-transition__stage::before { left: 5vw; }
.korel-transition__stage::after { right: 5vw; }
.korel-transition__glow {
    position: absolute;
    inset: 15% -10% 0;
    opacity: var(--bridge-glow, 1);
    background: radial-gradient(ellipse 35% 12% at 50% 51%, rgba(232, 167, 121, .28), transparent 80%);
    pointer-events: none;
}
.korel-transition__horizon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 9vw;
    right: 9vw;
    height: 1px;
    transform: scaleX(var(--bridge-line, 1));
    background: linear-gradient(90deg, transparent, rgba(237, 196, 159, .4) 15%, #f2d1b5 50%, rgba(237, 196, 159, .4) 85%, transparent);
    box-shadow: 0 0 20px rgba(228, 180, 143, .55), 0 0 60px rgba(228, 180, 143, .25);
    pointer-events: none;
}
.korel-transition__content {
    position: relative;
    z-index: 2;
    text-align: center;
    opacity: var(--bridge-opacity, 1);
    transform: translateY(var(--bridge-y, 0px));
    will-change: opacity, transform;
}
.korel-transition__eyebrow {
    margin: 0 0 22px;
    color: #e4b48f;
    font: 700 10px/1.5 'Plus Jakarta Sans', Arial, sans-serif;
    letter-spacing: .23em;
}
.korel-transition__eyebrow span { padding-inline: .6em; }
.korel-transition h2 {
    margin: 0;
    color: #f4f6f3;
    font: 500 clamp(52px, 8vw, 116px)/.97 'Plus Jakarta Sans', Arial, sans-serif;
    letter-spacing: -.075em;
    text-wrap: balance;
    text-shadow: 0 18px 55px rgba(0, 8, 14, .4);
}
.korel-transition h2 span { color: #d5e2e4; font-weight: 400; }
.korel-transition__caption {
    margin: 26px 0 0;
    color: #c5d4d8;
    font: 600 clamp(12px, 1vw, 15px)/1.6 'Plus Jakarta Sans', Arial, sans-serif;
    letter-spacing: .02em;
}
.korel-transition__foot {
    position: absolute;
    z-index: 2;
    left: 5vw;
    right: 5vw;
    bottom: 34px;
    display: flex;
    justify-content: space-between;
    color: #d6c4b6;
    font: 700 9px/1.5 'Plus Jakarta Sans', Arial, sans-serif;
    letter-spacing: .16em;
    opacity: var(--bridge-foot-opacity, 1);
}
.korel-transition__foot span:last-child { font-size: 18px; line-height: 1; }
.korel-motion-ready .korel-transition { height: 150svh; min-height: 0; }
.korel-motion-ready .korel-transition__stage { position: sticky; top: 0; height: 100svh; min-height: 0; }
.korel-transition + .korel-about-split .korel-section-transition { display: none; }
.korel-motion-ready .korel-transition + .korel-about-split .korel-split-intro {
    opacity: 0;
    filter: blur(8px);
    transform: translateY(36px);
    transition: opacity .9s cubic-bezier(.22, 1, .36, 1), filter .9s, transform .9s cubic-bezier(.22, 1, .36, 1);
}
.korel-motion-ready .korel-transition + .korel-about-split .korel-split-intro.is-in-view {
    opacity: 1;
    filter: none;
    transform: none;
}
@media (max-width: 800px) {
    .site-header { padding: 18px 20px; }
    .brand { gap: 7px; font-size: 20px; }
    .brand__mark { width: 26px; height: 26px; }
    .brand small { font-size: 6px; }
    .site-header__contact { display: none; }
    .korel-transition__stage { padding-inline: 34px; }
    .korel-transition h2 { font-size: clamp(48px, 12vw, 76px); }
    .korel-transition__eyebrow { font-size: 8px; letter-spacing: .14em; }
    .korel-transition__caption { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .korel-motion-ready .korel-transition { height: 70svh; }
    .korel-motion-ready .korel-transition__stage { position: relative; height: 70svh; }
    .korel-motion-ready .korel-transition + .korel-about-split .korel-split-intro { opacity: 1; filter: none; transform: none; }
}

/* Editorial content continues the sky-to-story palette. */
.korel-story { position:relative; z-index:20; overflow:hidden; color:#f5f7f6; background:#18232c; font-family:'Plus Jakarta Sans',Arial,sans-serif; }
.korel-story__sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.korel-story__opening { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:100svh; padding:clamp(100px,11vh,150px) 4.4vw 36px; isolation:isolate; background:radial-gradient(circle at 53% 57%,#31434c 0,#1d303b 38%,#131f29 77%); }
.korel-story__opening::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(15,27,37,.52),transparent 32%,rgba(11,24,33,.25) 59%,#18232c 100%); pointer-events:none; }
.korel-story__stars { position:absolute; inset:0; z-index:-1; opacity:.56; background-image:radial-gradient(circle,#d4e0df 1.5px,transparent 2px),radial-gradient(circle,#e9f2ee 1px,transparent 2px); background-size:27vw 29vh,34vw 39vh; background-position:9vw 9vh,22vw 20vh; pointer-events:none; }
.korel-story__index,.korel-story__opening-foot,.korel-story__section-top,.korel-story__eyebrow,.korel-story__manifesto-bottom,.korel-story__timeline-head,.korel-story__closing>p,.korel-story__closing-foot { font-size:clamp(10px,.8vw,13px); font-weight:700; letter-spacing:.13em; line-height:1.6; }
.korel-story__index { position:relative; z-index:3; display:flex; justify-content:space-between; margin:0; color:#e6c5ab; }
.korel-story__headline { position:relative; z-index:2; align-self:center; width:100%; margin:auto 0; text-align:center; font-size:clamp(70px,9.3vw,180px); font-weight:700; letter-spacing:-.105em; line-height:.88; white-space:nowrap; text-shadow:0 12px 50px rgba(0,0,0,.3); }
.korel-story__headline span { display:inline-block; padding-right:.06em; }
.korel-story__vessel { position:absolute; z-index:1; left:8%; right:8%; top:30%; bottom:4%; overflow:hidden; opacity:.83; -webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 67%,transparent); mask-image:linear-gradient(180deg,transparent,#000 25%,#000 67%,transparent); transform:translate3d(0,var(--story-vessel-y,0px),0) scale(1.1); }
.korel-story__vessel img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 68%; filter:brightness(.65) saturate(.7) contrast(1.1); }
.korel-story__opening-foot { position:relative; z-index:3; display:flex; justify-content:space-between; gap:20px; color:#d6dfe1; }
.korel-story__manifesto { display:flex; flex-direction:column; justify-content:center; min-height:95svh; padding:15vh max(7vw,24px) 5vh; }
.korel-story__eyebrow { margin:0 0 52px; color:#e8b893; }
.korel-story__manifesto-text { width:100%; max-width:1250px; margin:0 auto; overflow-wrap:break-word; font-size:clamp(33px,4.65vw,78px); font-weight:600; letter-spacing:-.04em; line-height:1.23; color:#778790; }
.korel-story__manifesto-text strong { color:#f4f5f2; font-weight:600; }
.korel-story__manifesto-bottom { display:flex; justify-content:space-between; margin-top:auto; padding-top:60px; color:#a6b7bd; }
.korel-story__disciplines,.korel-story__work,.korel-story__timeline { padding:70px 4.4vw 130px; }
.korel-story__section-top { display:flex; justify-content:space-between; gap:20px; padding-bottom:24px; border-bottom:1px solid rgba(225,237,239,.34); color:#d5dfe1; }
.korel-story__discipline-track { padding:80px 0 20px; }
.korel-story__discipline { display:grid; grid-template-columns:8vw 1fr auto; align-items:center; gap:1vw; min-height:clamp(120px,15vw,280px); border-bottom:1px solid rgba(225,237,239,.21); font-size:clamp(45px,8.3vw,158px); font-weight:700; letter-spacing:-.09em; line-height:.9; transform:translate3d(var(--discipline-x,0px),0,0) rotate(-3deg); transform-origin:50% 50%; }
.korel-story__discipline:nth-child(even) { transform:translate3d(var(--discipline-x,0px),0,0) rotate(3deg); }
.korel-story__discipline-number { align-self:start; padding-top:30px; font-size:clamp(11px,1vw,16px); letter-spacing:.04em; color:#e8b893; }
.korel-story__discipline-arrow { align-self:start; padding-top:17px; font-size:clamp(28px,4vw,65px); font-weight:400; color:#e8b893; }
.korel-story__discipline-note { max-width:580px; margin:80px 0 0 auto; font-size:clamp(20px,2vw,31px); font-weight:600; letter-spacing:-.04em; line-height:1.45; color:#c7d5da; }
.korel-story__work { padding-bottom:170px; }
.korel-story__work-stage { position:relative; min-height:1050px; max-width:1600px; margin:auto; isolation:isolate; }
.korel-story__work-stage h3 { position:absolute; z-index:1; top:30%; left:50%; width:100%; margin:0; text-align:center; transform:translate(-50%,-50%); font-size:clamp(82px,10.7vw,205px); font-weight:700; letter-spacing:-.105em; line-height:.82; }
.korel-story__tile { position:absolute; z-index:2; width:clamp(230px,24vw,365px); margin:0; background:#e6eceb; color:#152731; box-shadow:0 30px 100px rgba(0,0,0,.42); transform:translate3d(0,var(--tile-shift,0px),0) rotate(var(--tile-rotate,0deg)); transition:box-shadow .35s; }
.korel-story__tile:hover { z-index:5; box-shadow:0 42px 120px rgba(0,0,0,.65); }
.korel-story__tile--one { top:5%; left:3%; --tile-rotate:-6deg; }
.korel-story__tile--two { top:22%; right:3%; --tile-rotate:7deg; }
.korel-story__tile--three { bottom:0; left:34%; --tile-rotate:-3deg; }
.korel-story__tile-image { display:grid; place-items:center; aspect-ratio:1.22; padding:26px; background:linear-gradient(135deg,#f4f7f4,#c6d6d8); }
.korel-story__tile-image img { display:block; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.korel-story__tile figcaption { display:flex; flex-direction:column; gap:9px; padding:19px 21px 23px; }
.korel-story__tile figcaption span { font-size:10px; font-weight:800; letter-spacing:.14em; color:#53656c; }
.korel-story__tile figcaption strong { font-size:clamp(15px,1.3vw,20px); letter-spacing:-.035em; }
.korel-story__work-copy { display:flex; align-items:end; justify-content:space-between; gap:50px; max-width:1600px; margin:110px auto 0; padding-top:30px; border-top:1px solid rgba(225,237,239,.34); }
.korel-story__work-copy p { max-width:780px; margin:0; font-size:clamp(23px,2.6vw,43px); font-weight:600; letter-spacing:-.055em; line-height:1.3; }
.korel-story__work-copy a { display:inline-flex; flex:none; gap:35px; align-items:center; padding:0 0 12px; border-bottom:1px solid currentColor; font-size:13px; font-weight:700; }
.korel-story__timeline h3 { margin:100px 0 100px; font-size:clamp(64px,10vw,175px); font-weight:700; letter-spacing:-.1em; line-height:.83; }
.korel-story__timeline h3 span { color:#8598a0; }
.korel-story__timeline-head,.korel-story__timeline-list li { display:grid; grid-template-columns:20% 1fr 50px; align-items:start; column-gap:25px; }
.korel-story__timeline-head { padding:20px 28px; color:#a8bbc0; border-block:1px solid rgba(225,237,239,.34); }
.korel-story__timeline-list { list-style:none; margin:0; padding:0; }
.korel-story__timeline-list li { min-height:160px; padding:33px 28px; border-bottom:1px solid rgba(225,237,239,.34); transition:background .35s,color .35s,padding .35s; }
.korel-story__timeline-list li:hover,.korel-story__timeline-list li:focus-within { color:#15242d; background:#e9ecea; padding-left:40px; }
.korel-story__year { font-size:clamp(32px,4.2vw,72px); font-weight:700; letter-spacing:-.075em; line-height:1; }
.korel-story__timeline-list h4 { margin:0 0 12px; font-size:clamp(22px,2.35vw,40px); font-weight:700; letter-spacing:-.055em; line-height:1.1; }
.korel-story__timeline-list p { max-width:690px; margin:0; color:#b4c3c8; font-size:clamp(14px,1.1vw,17px); font-weight:500; line-height:1.65; }
.korel-story__timeline-list li:hover p { color:#455d67; }
.korel-story__row-arrow { font-size:31px; line-height:1; color:#e3b18f; }
.korel-story__closing { min-height:80svh; display:flex; flex-direction:column; justify-content:space-between; padding:95px 4.4vw 35px; background:radial-gradient(ellipse at 80% 50%,rgba(166,107,74,.25),transparent 55%),#111c25; }
.korel-story__closing>p { margin:0; color:#e8b893; }
.korel-story__closing h3 { margin:60px 0; font-size:clamp(68px,11.6vw,220px); font-weight:700; letter-spacing:-.105em; line-height:.82; }
.korel-story__closing h3 span { color:#a5b5b9; }
.korel-story__closing-foot { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:30px; border-top:1px solid rgba(225,237,239,.34); }
.korel-story__closing-foot a { display:inline-flex; gap:50px; align-items:center; padding:14px 0; border-bottom:1px solid currentColor; }
.korel-story__closing-foot a span { color:#e8b893; font-size:24px; line-height:0; }
.korel-motion-ready .korel-story [data-korel-reveal] { opacity:0; filter:blur(4px); translate:0 24px; transition:opacity .7s ease,filter .7s ease,translate .7s cubic-bezier(.22,1,.36,1); }
.korel-motion-ready .korel-story [data-korel-reveal].is-in-view { opacity:1; filter:none; translate:0 0; }

@media (max-width:900px) {
  .korel-story__opening { min-height:90svh; padding-inline:24px; }
  .korel-story__headline { font-size:clamp(59px,11vw,105px); }
  .korel-story__vessel { left:0; right:0; top:33%; bottom:6%; }
  .korel-story__disciplines,.korel-story__work,.korel-story__timeline { padding-inline:24px; }
  .korel-story__discipline { grid-template-columns:35px 1fr 30px; font-size:clamp(40px,7.8vw,75px); }
  .korel-story__work-stage { min-height:850px; }
  .korel-story__work-stage h3 { top:31%; font-size:clamp(70px,11vw,115px); }
  .korel-story__tile { width:clamp(190px,31vw,285px); }
  .korel-story__tile--one { left:0; }
  .korel-story__tile--two { right:0; }
  .korel-story__tile--three { left:32%; }
  .korel-story__work-copy { align-items:start; flex-direction:column; }
  .korel-story__closing { padding-inline:24px; }
}
@media (max-width:600px) {
  .korel-story__opening { min-height:78svh; padding-top:105px; }
  .korel-story__index span,.korel-story__opening-foot span:first-child { display:none; }
  .korel-story__headline { font-size:clamp(48px,12.7vw,75px); line-height:.92; }
  .korel-story__vessel { top:30%; opacity:.7; }
  .korel-story__vessel img { object-position:55% center; }
  .korel-story__manifesto { min-height:75svh; padding:120px 24px 55px; }
  .korel-story__manifesto-text { font-size:clamp(29px,7.7vw,46px); }
  .korel-story__manifesto-bottom { font-size:9px; }
  .korel-story__disciplines,.korel-story__work,.korel-story__timeline { padding-top:65px; padding-bottom:90px; }
  .korel-story__section-top { font-size:9px; }
  .korel-story__discipline-track { padding-top:60px; }
  .korel-story__discipline { min-height:115px; grid-template-columns:26px 1fr 22px; font-size:clamp(32px,8.3vw,50px); transform:none!important; }
  .korel-story__discipline-number { padding-top:14px; font-size:10px; }
  .korel-story__discipline-arrow { padding-top:10px; font-size:22px; }
  .korel-story__discipline-note { margin-top:60px; font-size:23px; }
  .korel-story__work-stage { display:grid; grid-template-columns:1fr 1fr; gap:16px; min-height:0; padding-top:45px; }
  .korel-story__work-stage h3 { position:static; grid-column:1/-1; transform:none; font-size:clamp(54px,13vw,86px); margin-bottom:20px; }
  .korel-story__tile { position:static; width:100%; transform:none!important; }
  .korel-story__tile--three { grid-column:1/-1; width:calc(50% - 8px); margin:0 auto; }
  .korel-story__tile-image { padding:12px; }
  .korel-story__tile figcaption { padding:12px; }
  .korel-story__tile figcaption span { font-size:8px; }
  .korel-story__tile figcaption strong { font-size:13px; }
  .korel-story__work-copy { gap:35px; margin-top:70px; }
  .korel-story__timeline h3 { margin:75px 0; font-size:clamp(55px,12.3vw,95px); }
  .korel-story__timeline-head,.korel-story__timeline-list li { grid-template-columns:85px 1fr 18px; column-gap:12px; }
  .korel-story__timeline-head { padding:15px 0; }
  .korel-story__timeline-list li { min-height:145px; padding:24px 0; }
  .korel-story__timeline-list li:hover { padding-left:0; }
  .korel-story__year { font-size:27px; }
  .korel-story__timeline-list h4 { font-size:20px; }
  .korel-story__timeline-list p { font-size:12px; }
  .korel-story__row-arrow { font-size:18px; }
  .korel-story__closing { min-height:65svh; padding-top:75px; }
  .korel-story__closing h3 { font-size:clamp(58px,13vw,90px); }
  .korel-story__closing-foot { align-items:start; flex-direction:column; font-size:9px; }
}
@media (prefers-reduced-motion:reduce) {
  .korel-motion-ready .korel-story [data-korel-reveal] { opacity:1; filter:none; translate:none; transition:none; }
  .korel-story__vessel,.korel-story__tile,.korel-story__discipline { transform:none!important; }
}

/* One continuous camera move: vessel stop → sky → About cards. */
.sea-scene__vignette { opacity:var(--sea-vignette-opacity,1); }
.is-enhanced .voyage-ending { transform:translate3d(0,var(--ending-y,0px),0); }
.is-enhanced .voyage-footer,.is-enhanced .voyage-progress { opacity:var(--sea-chrome-opacity,1); }
.voyage-sky { display:none; }
.is-enhanced .voyage-sky {
  display:block; position:absolute; z-index:2; inset:0; pointer-events:none;
  opacity:var(--sky-opacity,0);
  background:radial-gradient(ellipse at 80% 4%,rgba(224,170,129,.32),transparent 60%),
    linear-gradient(180deg,#344956 0%,#3f5058 25%,#2b3d48 53%,#18232c 100%);
}
.voyage-about { position:relative; z-index:5; color:#eff3f2; background:linear-gradient(180deg,#344956,#18232c); }
.voyage-about__inner {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:clamp(18px,3.4vh,34px); width:min(1200px,90%); min-height:100svh; margin:0 auto;
  padding:105px 0 35px;
}
.voyage-about__heading { text-align:center; }
.voyage-about__eyebrow { margin:0 0 16px; color:#e4c5ad; font-size:10px; font-weight:700; line-height:1.5; letter-spacing:.17em; }
.voyage-about__eyebrow span { padding:0 .6em; }
.voyage-about h2 { margin:0; font-size:clamp(40px,min(5.2vw,8.4vh),80px); font-weight:600; line-height:1.04; letter-spacing:-.06em; text-wrap:balance; text-shadow:0 8px 32px rgba(6,19,27,.2); }
.voyage-about h2 span { color:#d7e3e7; }
.voyage-about__lead { margin:18px auto 0; max-width:560px; color:#d0dde1; font-size:clamp(12px,1.05vw,16px); font-weight:500; line-height:1.6; text-wrap:balance; }
.voyage-about__cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; width:100%; perspective:1200px; }
.voyage-about-card {
  position:relative; display:grid; grid-template-rows:auto auto 1fr auto; gap:14px; min-width:0;
  padding:22px 24px; overflow:hidden; border:1px solid rgba(216,235,240,.27); border-radius:15px;
  background:linear-gradient(140deg,rgba(176,204,212,.13),rgba(21,43,56,.44));
  box-shadow:0 24px 50px rgba(5,16,24,.16),inset 0 1px 0 rgba(255,255,255,.13);
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
}
.voyage-about-card::before {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.7;
  background:radial-gradient(ellipse at 100% 0,rgba(235,185,146,.15),transparent 63%);
  transition:opacity .4s;
}
.voyage-about-card:hover::before,.voyage-about-card:focus-visible::before { opacity:1; }
.voyage-about-card__top { display:flex; justify-content:space-between; align-items:center; color:#c5d7dc; font-size:9px; font-weight:700; letter-spacing:.12em; line-height:1.3; }
.voyage-about-card__top>span:last-child { color:#e6b895; font-size:18px; letter-spacing:0; }
.voyage-about-card__value { display:flex; align-items:baseline; gap:12px; color:#f1f5f3; font-size:clamp(40px,4.3vw,64px); font-weight:600; letter-spacing:-.055em; line-height:1.05; white-space:nowrap; }
.voyage-about-card__value span { color:#b9d0d8; font-size:12px; font-weight:500; letter-spacing:-.01em; }
.voyage-about-card__value--words { display:block; font-size:clamp(27px,2.6vw,40px); line-height:1.08; }
.voyage-about-card__value--words span { display:block; font:inherit; color:#d8c6b6; }
.voyage-about-card__copy { margin:0; color:#c8d8dd; font-size:12px; font-weight:500; line-height:1.65; }
.voyage-about-card__foot { display:flex; justify-content:space-between; gap:10px; padding-top:14px; border-top:1px solid rgba(207,228,233,.19); color:#e6eeef; font-size:10px; font-weight:600; line-height:1.5; }
.voyage-about-card__foot span { color:#e6b895; transition:transform .35s; }
.voyage-about-card:hover .voyage-about-card__foot span { transform:translateX(5px); }
.voyage-about__continue { display:flex; align-items:center; gap:24px; color:#a9bdc5!important; font-size:8px; font-weight:700; letter-spacing:.15em; line-height:2; }
.voyage-about__continue span { color:#e4b48f; font-size:17px; }
.is-enhanced .voyage-about { position:absolute; inset:0; visibility:hidden; background:none; pointer-events:none; }
.is-enhanced .voyage-about.is-visible { visibility:visible; }
.is-enhanced .voyage-about__inner { height:100%; min-height:0; }
.is-enhanced .voyage-about__heading { opacity:var(--about-heading-opacity,0); transform:translate3d(0,var(--about-heading-y,40px),0); }
.is-enhanced .voyage-about-card {
  visibility:hidden; opacity:var(--about-card-opacity,0);
  transform:translate3d(var(--about-card-x,0px),var(--about-card-y,100px),0) rotate(var(--about-card-rotate,0deg)) scale(var(--about-card-scale,.925));
}
.is-enhanced .voyage-about-card.is-visible { visibility:visible; pointer-events:auto; }
.is-enhanced .voyage-about__continue { opacity:var(--about-continue-opacity,0); pointer-events:auto; }
.korel-story__manifesto { background:radial-gradient(ellipse at 76% 0,rgba(95,121,132,.12),transparent 58%),#18232c; }

@media (max-width:800px) {
  .voyage-about__inner { width:calc(100% - 40px); padding:85px 0 25px; gap:20px; }
  .voyage-about__cards { gap:12px; }
  .voyage-about-card { padding:17px 15px; gap:12px; }
  .voyage-about-card__value { flex-direction:column; gap:5px; font-size:40px; }
  .voyage-about-card__value span { font-size:11px; }
  .voyage-about-card__value--words { font-size:27px; }
  .voyage-about-card__value--words span { font-size:inherit; }
  .voyage-about-card__copy { font-size:11px; }
}
@media (max-width:600px) {
  .voyage-about__inner { padding:82px 0 22px; gap:18px; }
  .voyage-about__eyebrow { font-size:8px; margin-bottom:10px; }
  .voyage-about h2 { font-size:clamp(31px,8.4vw,48px); }
  .voyage-about__lead { max-width:330px; font-size:11px; margin-top:12px; }
  .voyage-about__cards { grid-template-columns:1fr; gap:10px; }
  .voyage-about-card { grid-template-columns:98px 1fr; grid-template-rows:auto auto; gap:8px 14px; padding:14px 16px; border-radius:12px; }
  .voyage-about-card__top { grid-column:1/-1; font-size:8px; }
  .voyage-about-card__value { display:flex; align-items:flex-start; justify-content:center; grid-column:1; font-size:33px; gap:3px; }
  .voyage-about-card__value span { font-size:9px; }
  .voyage-about-card__value--words { font-size:20px; gap:0; }
  .voyage-about-card__value--words span { font-size:20px; }
  .voyage-about-card__copy { align-self:center; grid-column:2; font-size:10px; line-height:1.6; }
  .voyage-about-card__copy br { display:none; }
  .voyage-about-card__foot { display:none; }
  .voyage-about__continue { font-size:7px; }
}
@media (max-height:700px) and (min-width:601px) {
  .voyage-about__inner { padding-top:85px; padding-bottom:18px; gap:16px; }
  .voyage-about h2 { font-size:clamp(34px,7.2vh,52px); }
  .voyage-about__eyebrow { margin-bottom:10px; }
  .voyage-about__lead { margin-top:10px; }
  .voyage-about-card { padding:16px 20px; gap:10px; }
  .voyage-about-card__value { font-size:42px; }
  .voyage-about-card__value--words { font-size:27px; }
}
@media (max-height:700px) and (max-width:600px) {
  .voyage-about__inner { padding-top:74px; padding-bottom:16px; gap:12px; }
  .voyage-about h2 { font-size:30px; }
  .voyage-about__lead { margin-top:8px; }
  .voyage-about-card { padding:10px 14px; gap:6px 12px; }
  .voyage-about-card__value { font-size:29px; }
  .voyage-about-card__value--words,.voyage-about-card__value--words span { font-size:19px; }
}
@media (prefers-reduced-motion:reduce) {
  .voyage-about-card,.voyage-about-card::before,.voyage-about-card__foot span { transition:none; }
}

/* Connected chapters and progressively enhanced disclosures. */
.korel-route { position:fixed; right:18px; top:50%; z-index:80; display:flex; flex-direction:column; gap:4px; padding:8px; border:1px solid #ffffff25; border-radius:28px; background:#102631e8; backdrop-filter:blur(18px); opacity:0; visibility:hidden; transform:translate(20px,-50%); transition:opacity .5s,transform .6s,visibility .5s; }
.korel-route.is-visible { opacity:1; visibility:visible; transform:translate(0,-50%); }
.korel-route a { position:relative; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; color:#b8c8ca; font-size:10px; text-decoration:none; transition:background .35s,color .35s; }
.korel-route a[aria-current],.korel-route a:hover { background:#e4bb99; color:#142631; }
.korel-route b { position:absolute; right:48px; padding:9px 14px; background:#102631; color:#fff; border-radius:4px; white-space:nowrap; font-size:11px; font-weight:500; opacity:0; transform:translateX(8px); transition:opacity .25s,transform .25s; pointer-events:none; }
.korel-route a:hover b,.korel-route a:focus-visible b { opacity:1; transform:none; }
.korel-story summary { list-style:none; cursor:pointer; }
.korel-story summary::-webkit-details-marker { display:none; }
.korel-story summary:focus-visible,.korel-story a:focus-visible { outline:2px solid #c48f64; outline-offset:6px; }
.korel-expertise { border-bottom:1px solid #ffffff25; }
.korel-expertise summary { display:grid; grid-template-columns:55px minmax(0,1fr) 40px; align-items:center; gap:20px; padding:30px 0; font-size:clamp(26px,4.4vw,72px); font-weight:400; line-height:1.3; letter-spacing:0; }
.korel-story summary i { font-style:normal; font-size:30px; color:#e4bb99; transition:transform .5s; text-align:center; }
.korel-story details[open]>summary i { transform:rotate(45deg); }
.korel-expertise[open]>summary { color:#e4bb99; }
.korel-expertise__panel { display:grid; grid-template-columns:1fr 220px; gap:60px; align-items:center; padding:10px 60px 38px 75px; }
.korel-expertise__panel h4 { margin:0 0 16px; font-size:clamp(24px,2.5vw,38px); font-weight:400; line-height:1.4; }
.korel-expertise__panel p { max-width:520px; color:#aebfc5; font-size:16px; line-height:1.8; margin:0 0 28px; }
.korel-expertise__panel a,.korel-tile-detail a { display:inline-block; font-size:12px; padding-bottom:8px; border-bottom:1px solid currentColor; }
.korel-expertise__panel img { width:220px; height:200px; object-fit:contain; padding:20px; background:#e7ede8; border-radius:3px; }
.korel-expertise__symbol { text-align:center; font-size:120px; color:#e4bb99; font-weight:300; }
.korel-tile-detail { border-top:1px solid #172c3625; margin-top:8px; }
.korel-tile-detail summary { display:flex; justify-content:space-between; padding:18px 0 4px; font-size:12px; font-weight:500; }
.korel-tile-detail__body { padding-top:15px; }
.korel-tile-detail__body p { font-size:14px; line-height:1.8; margin:0 0 20px; color:#48616a; }
.korel-story__tile:focus-within img { transform:scale(1.045); }
.korel-story__timeline-list li:has(.korel-milestone) { display:block; min-height:0; padding:0; }
.korel-milestone summary { display:grid; grid-template-columns:20% minmax(0,1fr) 32px; gap:24px; align-items:center; padding:35px 0; font-size:clamp(20px,2vw,32px); font-weight:400; line-height:1.4; }
.korel-milestone__body { padding:0 56px 30px calc(20% + 24px); }
.korel-milestone__body p { margin:0; color:#b4c3c8; }
.korel-next { display:inline-flex; align-items:center; gap:35px; margin-top:30px; padding-bottom:12px; border-bottom:1px solid #ffffff40; font-size:14px; font-weight:500; letter-spacing:0; }
.korel-next span { display:inline-block; color:#e4bb99; transition:transform .4s; }
.korel-next:hover span { transform:translateY(5px); }
.korel-story__work .korel-next { border-color:#172c3640; }
.korel-story__work .korel-next span { color:#775133; }
.korel-story__manifesto-bottom .korel-next { margin:0; }
.korel-story__work-stage { align-items:start; }
.korel-story__closing-foot a span { display:inline-block; transition:transform .5s; }
.korel-story__closing-foot a:hover span { transform:translate(5px,-5px); }
@media (max-width:800px) {
  .korel-route { top:auto; bottom:12px; right:50%; flex-direction:row; transform:translate(50%,20px); padding:5px; gap:6px; }
  .korel-route.is-visible { transform:translate(50%,0); }
  .korel-route a { width:36px; height:36px; }
  .korel-route b { right:50%; bottom:50px; transform:translate(50%,5px); }
  .korel-route a:hover b,.korel-route a:focus-visible b { transform:translate(50%,0); }
  .korel-expertise summary { grid-template-columns:25px minmax(0,1fr) 24px; gap:10px; font-size:clamp(21px,4vw,34px); padding:26px 0; }
  .korel-expertise__panel { grid-template-columns:1fr 110px; gap:20px; padding:5px 0 30px 35px; }
  .korel-expertise__panel img { width:110px; height:140px; padding:10px; }
  .korel-expertise__panel p { font-size:14px; }
  .korel-expertise__symbol { font-size:80px; }
  .korel-milestone summary { grid-template-columns:76px minmax(0,1fr) 20px; gap:12px; font-size:18px; padding:28px 0; }
  .korel-milestone__body { padding:0 20px 25px 88px; }
  .korel-story__closing { padding-bottom:100px!important; }
}
@media (max-width:480px) {
  .korel-expertise__panel { grid-template-columns:1fr; }
  .korel-expertise__panel img { width:100%; height:170px; }
  .korel-story__manifesto-bottom { align-items:flex-start; gap:20px; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) {
  .korel-route,.korel-route *,.korel-story summary i,.korel-next span { transition:none; }
}

/* Editorial motion: stable typography, soft section edges and paced reveals. */
.korel-story { --story-ease:cubic-bezier(.22,1,.36,1); overflow:clip; }
.korel-story [id] { scroll-margin-top:110px; }
.korel-story p,.korel-story h4,.korel-story figcaption strong { letter-spacing:0; word-spacing:normal; }
.korel-story__manifesto { min-height:78svh; padding:clamp(90px,12vw,180px) 7vw 65px; }
.korel-story__manifesto-text { max-width:1100px; font-size:clamp(28px,3.5vw,60px); font-weight:400; letter-spacing:-.015em; line-height:1.4; color:#a7b7bd; }
.korel-story__manifesto-text strong { font-weight:500; }
.korel-story__manifesto-bottom { margin-top:55px; padding-top:35px; border-top:1px solid #ffffff26; }
.korel-story__disciplines,.korel-story__work,.korel-story__timeline { padding:clamp(65px,7vw,110px) 7vw; }
.korel-story__section-top { position:relative; border:0; padding-bottom:25px; }
.korel-story__section-top::after { content:""; position:absolute; bottom:0; inset-inline:0; height:1px; background:currentColor; opacity:.25; transform:scaleX(var(--section-progress,1)); transform-origin:left; }
.korel-story__discipline-track { padding-top:36px; }
.korel-story__discipline,.korel-story__discipline:nth-child(even) { grid-template-columns:65px minmax(0,1fr) 48px; gap:25px; min-height:145px; padding:30px 0; transform:none; font-size:clamp(28px,4.8vw,82px); font-weight:500; letter-spacing:0; line-height:1.18; }
.korel-story__discipline-number,.korel-story__discipline-arrow { align-self:center; padding-top:0; }
.korel-story__discipline-arrow { font-size:32px; }
.korel-story__discipline-note { font-weight:400; font-size:clamp(19px,1.8vw,28px); letter-spacing:0; margin-top:45px; }
.korel-story__work { position:relative; color:#172c36; background:#e9ede8; border-radius:calc((1 - var(--section-progress,1)) * 70px) calc((1 - var(--section-progress,1)) * 70px) 0 0; }
.korel-story__work .korel-story__section-top { color:#334a53; }
.korel-story__work-stage { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; min-height:0; padding-top:65px; }
.korel-story__work-stage h3 { position:static; grid-column:1/-1; width:auto; margin:0 0 45px; transform:none; text-align:left; font-size:clamp(52px,7vw,116px); font-weight:500; letter-spacing:-.02em; line-height:1.12; }
.korel-story__work-stage h3 span { color:#657d82; }
.korel-story__tile { position:relative; inset:auto; width:auto; min-width:0; margin:0; transform:none; box-shadow:none; background:#f5f6f2; border-radius:4px; overflow:hidden; }
.korel-story__tile:hover { box-shadow:none; }
.korel-story__tile-image { aspect-ratio:1/1; padding:35px; background:#dce5e3; overflow:hidden; }
.korel-story__tile-image img { transition:transform 900ms var(--story-ease); }
.korel-story__tile:hover img { transform:scale(1.045); }
.korel-story__tile figcaption { padding:25px; gap:14px; }
.korel-story__tile figcaption strong { font-size:clamp(16px,1.45vw,23px); font-weight:500; line-height:1.45; }
.korel-story__work-copy { margin-top:70px; border-color:#172c3633; }
.korel-story__work-copy p { font-size:clamp(22px,2.2vw,35px); font-weight:400; letter-spacing:0; line-height:1.5; }
.korel-story__timeline { background:#152630; }
.korel-story__timeline h3,.korel-story__closing h3 { font-size:clamp(48px,7.2vw,120px); font-weight:500; letter-spacing:-.015em; line-height:1.16; margin:65px 0; }
.korel-story__timeline-list li { min-height:150px; padding:35px 0; transition:background .4s ease; }
.korel-story__timeline-list li:hover,.korel-story__timeline-list li:focus-within { padding-left:0; color:inherit; background:#ffffff06; }
.korel-story__timeline-list li:hover p { color:#b4c3c8; }
.korel-story__timeline-head { padding-inline:0; }
.korel-story__year { font-size:clamp(30px,3.5vw,56px); letter-spacing:0; font-weight:500; line-height:1.2; }
.korel-story__timeline-list h4 { font-size:clamp(21px,2vw,32px); font-weight:500; letter-spacing:0; line-height:1.4; }
.korel-story__timeline-list p { font-size:15px; line-height:1.8; }
.korel-story__row-arrow { display:none; }
.korel-story__closing { padding:90px 7vw 45px; min-height:75svh; background:radial-gradient(ellipse at 90% 90%,#42616d66,transparent 65%),#0b1c26; }
.korel-story__closing-foot a { transition:color .3s; }
.korel-story__closing-foot a:hover { color:#e8b893; }
.korel-motion-ready .korel-story [data-korel-reveal] { filter:none; translate:0 30px; transition:opacity .8s ease,translate 1s var(--story-ease); }
.korel-motion-ready .korel-story [data-korel-reveal].is-in-view { opacity:1; translate:0 0; }
.korel-story__tile--two { transition-delay:90ms!important; }
.korel-story__tile--three { transition-delay:180ms!important; }
.korel-story__discipline:nth-child(2) { transition-delay:60ms; }
.korel-story__discipline:nth-child(3) { transition-delay:120ms; }
.korel-story__discipline:nth-child(4) { transition-delay:180ms; }
.korel-story [data-korel-reveal]:focus-within { opacity:1; translate:0 0; }
.voyage-about h2,.voyage-about-card__value,.voyage-product h2 { letter-spacing:-.015em; line-height:1.18; }
.voyage-about-card { border-radius:5px; }
.is-enhanced .voyage-about-card { transform:translate3d(0,var(--about-card-y,100px),0); }
@media (max-width:800px) {
  .korel-story__manifesto,.korel-story__disciplines,.korel-story__work,.korel-story__timeline,.korel-story__closing { padding-inline:24px; }
  .korel-story__discipline,.korel-story__discipline:nth-child(even) { grid-template-columns:28px minmax(0,1fr) 24px; gap:14px; font-size:clamp(24px,4.5vw,40px); min-height:110px; }
  .korel-story__work-stage { gap:15px; }
  .korel-story__tile-image { padding:16px; }
  .korel-story__tile figcaption { padding:16px; }
  .korel-story__timeline-head,.korel-story__timeline-list li { grid-template-columns:100px minmax(0,1fr); gap:20px; }
  .korel-story__timeline-head>span:last-child { display:none; }
}
@media (max-width:600px) {
  .korel-story__manifesto { min-height:0; padding-top:90px; padding-bottom:60px; }
  .korel-story__discipline-arrow { font-size:20px; }
  .korel-story__discipline>span:nth-child(2) { min-width:0; overflow-wrap:break-word; }
  .korel-story__manifesto-text { font-size:28px; line-height:1.45; }
  .korel-story__eyebrow { margin-bottom:30px; }
  .korel-story__work-stage { grid-template-columns:1fr; padding-top:40px; gap:25px; }
  .korel-story__work-stage h3 { font-size:clamp(43px,10vw,60px); margin-bottom:12px; }
  .korel-story__tile,.korel-story__tile--three { grid-column:auto; width:100%; margin:0; }
  .korel-story__tile-image { aspect-ratio:1.25; padding:32px; }
  .korel-story__tile figcaption strong { font-size:20px; }
  .korel-story__tile figcaption span { font-size:10px; }
  .korel-story__timeline h3,.korel-story__closing h3 { font-size:clamp(42px,10.2vw,60px); margin:45px 0; }
  .korel-story__timeline-head,.korel-story__timeline-list li { grid-template-columns:72px minmax(0,1fr); gap:16px; }
  .korel-story__timeline-list h4 { font-size:20px; }
  .korel-story__timeline-list p { font-size:14px; }
  .korel-story__year { font-size:24px; }
  .korel-story__closing { min-height:60svh; }
  .korel-story__tile--two,.korel-story__tile--three { transition-delay:0s!important; }
}
@media (prefers-reduced-motion:reduce) {
  .korel-motion-ready .korel-story [data-korel-reveal] { opacity:1; translate:none; filter:none; transition:none; }
  .korel-story__section-top::after { transform:none; }
  .korel-story__work { border-radius:0; }
  .korel-story__tile-image img { transition:none; transform:none; }
}

/* Sea-chart navigation: a dark reveal and a live editorial preview. */
.korel-menu__scrim { background:rgba(4,15,22,.67); backdrop-filter:blur(2px); transition:opacity .65s ease; }
.korel-menu__panel { display:grid; grid-template-columns:minmax(260px,41%) minmax(0,1fr); width:min(1180px,94vw); min-width:0; padding:0; overflow:hidden; color:#dfe9e7; background:#112630; box-shadow:-25px 0 100px rgba(1,12,19,.55); transform:none; clip-path:inset(0 0 0 100%); transition:clip-path .8s cubic-bezier(.76,0,.24,1); }
.korel-menu.is-open .korel-menu__panel { clip-path:inset(0); }
.korel-menu__visual { position:relative; min-width:0; height:100%; overflow:hidden; background:#193945; isolation:isolate; }
.korel-menu__visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:55% center; filter:saturate(.68) brightness(.67); transform:scale(1.12); transition:transform 1.4s cubic-bezier(.22,1,.36,1); }
.korel-menu.is-open .korel-menu__visual img { transform:scale(1); }
.korel-menu__visual::after { content:""; position:absolute; z-index:0; inset:0; background:linear-gradient(180deg,rgba(8,25,34,.32) 0%,rgba(8,25,34,.08) 35%,rgba(5,20,28,.83) 100%); }
.korel-menu__visual-grid { position:absolute; z-index:1; inset:0; opacity:.28; background:linear-gradient(90deg,transparent calc(50% - .5px),#cae0da44 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#cae0da44 50%,transparent calc(50% + .5px)); pointer-events:none; }
.korel-menu__visual-index,.korel-menu__visual-coordinate { position:absolute; z-index:2; left:32px; color:#d6e3e0; font-size:9px; font-weight:700; letter-spacing:.17em; }
.korel-menu__visual-index { top:34px; }
.korel-menu__visual-coordinate { bottom:29px; }
.korel-menu__visual-copy { position:absolute; z-index:2; bottom:85px; left:32px; right:30px; transition:opacity .22s,transform .4s cubic-bezier(.22,1,.36,1); }
.korel-menu__visual-copy.is-changing { opacity:0; transform:translateY(16px); }
.korel-menu__visual-copy>span { display:block; margin-bottom:20px; color:#e5b88e; font-size:10px; font-weight:700; letter-spacing:.18em; }
.korel-menu__visual-copy p { max-width:450px; margin:0; font:500 clamp(34px,3.5vw,57px)/1.13 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:-.018em; text-wrap:balance; }
.korel-menu__visual-copy small { display:block; max-width:330px; margin-top:25px; color:#cadbd8; font-size:12px; line-height:1.7; }
.korel-menu__content { display:flex; flex-direction:column; min-width:0; height:100%; padding:30px clamp(28px,4vw,62px) 26px; overflow:auto; background:radial-gradient(ellipse at 95% 3%,#29455070,transparent 39%),#10252f; }
.korel-menu__top { border-color:#d5e4e333; padding-bottom:17px; }
.korel-menu__top p { color:#adbfbe; }
.korel-menu__top p span { color:#e5b88e; }
.korel-menu__close { color:#dce8e5; }
.korel-menu__close i { border-color:#dce8e566; }
.korel-menu__close:hover i { color:#10252f; background:#e5b88e; }
.korel-menu__intro { align-items:center; padding:29px 0 25px; }
.korel-menu__intro>span { color:#9fb4b4; padding:0; }
.korel-menu__intro h2 { font:600 clamp(46px,4.8vw,68px)/1.08 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:-.025em; }
.korel-menu__intro h2 span { color:#e5b88e; }
.korel-menu__main { border-color:#d5e4e333; }
.korel-menu__main a { grid-template-columns:45px minmax(0,1fr) 28px; min-height:64px; padding-inline:0; border-color:#d5e4e32b; color:#dfe9e7; transition:padding .4s,color .3s,border-color .3s; }
.korel-menu__main a::before { inset:auto 0 0; height:1px; background:#e5b88e; transform:scaleX(0); transform-origin:left; transition:transform .45s cubic-bezier(.22,1,.36,1); }
.korel-menu__main a:hover,.korel-menu__main a:focus-visible { padding-left:9px; color:#e5b88e; border-color:#e5b88e77; }
.korel-menu__main a:hover::before,.korel-menu__main a:focus-visible::before { transform:scaleX(1); }
.korel-menu__main a>span { color:#c99976; }
.korel-menu__main strong { font-size:clamp(20px,2.1vw,29px); font-weight:500; letter-spacing:0; }
.korel-menu__main i { color:#bdc9c7; }
.korel-menu__main a:hover i { color:#e5b88e; }
.korel-menu__products { grid-template-columns:100px minmax(0,1fr); padding:29px 0; }
.korel-menu__products>p { color:#9fb4b4; }
.korel-menu__products>div { gap:7px 20px; }
.korel-menu__products a { border-color:#d5e4e32b; color:#b6c8c6; font-size:11px; }
.korel-menu__products a span { color:#c99976; }
.korel-menu__products a:hover,.korel-menu__products a:focus-visible { color:#e5b88e; }
.korel-menu__foot { border-color:#d5e4e333; color:#97acab; }
.korel-menu__foot a { color:#dce8e5; border-color:#d5e4e344; }
.korel-menu button:focus-visible,.korel-menu a:focus-visible,.korel-menu-button:focus-visible { outline-color:#e5b88e; }
.korel-menu.is-open .korel-menu__main a { animation:korel-menu-link-in .65s cubic-bezier(.22,1,.36,1) both; }
.korel-menu.is-open .korel-menu__main a:nth-child(1) { animation-delay:.22s; }
.korel-menu.is-open .korel-menu__main a:nth-child(2) { animation-delay:.28s; }
.korel-menu.is-open .korel-menu__main a:nth-child(3) { animation-delay:.34s; }
.korel-menu.is-open .korel-menu__main a:nth-child(4) { animation-delay:.40s; }
.korel-menu.is-open .korel-menu__main a:nth-child(5) { animation-delay:.46s; }
.korel-menu.is-open .korel-menu__main a:nth-child(6) { animation-delay:.52s; }
@keyframes korel-menu-link-in { from { opacity:0; translate:0 14px; } to { opacity:1; translate:0 0; } }
@media (max-width:1000px) {
  .korel-menu__panel { width:min(100%,880px); grid-template-columns:minmax(230px,37%) minmax(0,1fr); }
  .korel-menu__content { padding-inline:28px; }
  .korel-menu__intro>span { display:none; }
  .korel-menu__products { grid-template-columns:1fr; gap:12px; }
  .korel-menu__products>div { grid-template-columns:1fr 1fr; }
}
@media (max-width:680px) {
  .korel-menu__panel { width:100%; grid-template-columns:1fr; }
  .korel-menu__visual { display:none; }
  .korel-menu__content { padding:20px 24px max(24px,env(safe-area-inset-bottom)); }
  .korel-menu__intro { padding:34px 0 24px; }
  .korel-menu__intro h2 { font-size:clamp(42px,12vw,56px); }
  .korel-menu__main a { min-height:57px; }
  .korel-menu__main strong { font-size:22px; }
  .korel-menu__products>div { grid-template-columns:1fr; }
  .korel-menu__foot { grid-template-columns:1fr; gap:9px; margin-top:5px; }
  .korel-menu__foot>div { align-items:flex-start; }
}
@media (max-height:760px) and (min-width:681px) {
  .korel-menu__content { padding-block:18px; }
  .korel-menu__intro { padding-block:13px; }
  .korel-menu__intro h2 { font-size:48px; }
  .korel-menu__main a { min-height:49px; }
  .korel-menu__products { padding-block:15px; }
  .korel-menu__foot { padding-top:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .korel-menu__panel,.korel-menu__visual img,.korel-menu__visual-copy,.korel-menu__main a,.korel-menu__main a::before { transition:none; animation:none!important; }
}
.korel-story__timeline-list li { --timeline-delay:0ms; position:relative; isolation:isolate; }
.korel-story__timeline-list li:nth-child(2) { --timeline-delay:90ms; }
.korel-story__timeline-list li:nth-child(3) { --timeline-delay:180ms; }
.korel-story__timeline-list li:nth-child(4) { --timeline-delay:270ms; }
.korel-story__timeline-list li:nth-child(5) { --timeline-delay:360ms; }
.korel-story__timeline-list li:nth-child(6) { --timeline-delay:450ms; }
.korel-story__timeline-list li:has(.korel-milestone)::before { content:""; position:absolute; z-index:0; inset:0; background:#e9ecea; transform:scaleX(0); transform-origin:left center; transition:transform .22s ease-out; }
.korel-story__timeline-list li.is-timeline-active::before { transform:scaleX(1); transition:transform 1.2s cubic-bezier(.4,0,.2,1); }
.korel-story__timeline-list:has(.is-timeline-active) li:not(.is-timeline-active)::before { transition-duration:0s; }
.korel-story__timeline-list li:has(.korel-milestone)::after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; transform:scaleX(0); transform-origin:left center; background:linear-gradient(90deg,#d7a27b12 0%,#d7a27b10 78%,#d7a27b26 96%,transparent 100%); }
.korel-story__timeline-list li.is-in-view:has(.korel-milestone)::after { animation:korel-timeline-sweep 1.15s cubic-bezier(.22,1,.36,1) var(--timeline-delay) both; }
.korel-story__timeline-list li:has(.korel-milestone) .korel-milestone { position:relative; z-index:2; }
.korel-motion-ready .korel-story__timeline-list li[data-korel-reveal] .korel-story__year,.korel-motion-ready .korel-story__timeline-list li[data-korel-reveal] .korel-milestone summary>span:nth-child(2) { clip-path:inset(0 100% 0 0); opacity:.25; transition:clip-path .95s cubic-bezier(.22,1,.36,1),opacity .7s ease; transition-delay:var(--timeline-delay); }
.korel-motion-ready .korel-story__timeline-list li[data-korel-reveal] .korel-milestone summary>span:nth-child(2) { transition-delay:calc(var(--timeline-delay) + 100ms); }
.korel-motion-ready .korel-story__timeline-list li[data-korel-reveal].is-in-view .korel-story__year,.korel-motion-ready .korel-story__timeline-list li[data-korel-reveal].is-in-view .korel-milestone summary>span:nth-child(2) { clip-path:inset(0); opacity:1; }
.korel-story__timeline-list li:has(.korel-milestone) .korel-milestone summary i { transition:transform .5s cubic-bezier(.22,1,.36,1),color .35s; }
.korel-story__timeline-list li:has(.korel-milestone):hover,.korel-story__timeline-list li:has(.korel-milestone):focus-within { background:transparent; color:inherit; }
.korel-story__timeline-list li.is-timeline-active { color:#172c36; }
.korel-story__timeline-list li.is-timeline-active .korel-story__year { color:#172c36; }
.korel-story__timeline-list li.is-timeline-active .korel-milestone summary>span:nth-child(2) { color:#344d57; }
.korel-story__timeline-list li.is-timeline-active .korel-milestone summary i { color:#a66c49; }
.korel-story__timeline-list li.is-timeline-active .korel-milestone[open] summary i { transform:rotate(45deg); }
.korel-story__timeline { scroll-margin-top:150px; }
.korel-story__timeline-head { padding-inline:32px; }
.korel-milestone summary { gap:32px; padding:44px 32px; }
.korel-story__timeline-list li:has(.korel-milestone) .korel-milestone summary>span,.korel-story__timeline-list li:has(.korel-milestone) .korel-milestone summary i { transition:color .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1); }
.korel-story__timeline-list:has(.is-timeline-active) li:not(.is-timeline-active) .korel-milestone summary>span,.korel-story__timeline-list:has(.is-timeline-active) li:not(.is-timeline-active) .korel-milestone summary i { transition-duration:0s; }
@media (max-width:800px) {
  .korel-story__timeline-head { padding-inline:18px; }
  .korel-milestone summary { gap:16px; padding:34px 18px; }
}
@keyframes korel-timeline-sweep { 0% { transform:scaleX(0); opacity:0; } 12% { opacity:1; } 66% { opacity:.55; } 100% { transform:scaleX(1); opacity:0; } }
@media (prefers-reduced-motion:reduce) {
  .korel-story__timeline-list li:has(.korel-milestone)::before,.korel-story__timeline-list li:has(.korel-milestone)::after { transition:none; animation:none!important; }
  .korel-motion-ready .korel-story__timeline-list li[data-korel-reveal] .korel-story__year,.korel-motion-ready .korel-story__timeline-list li[data-korel-reveal] .korel-milestone summary>span:nth-child(2) { clip-path:none; opacity:1; transition:none; }
  .korel-milestone summary i { transition:none; }
}