:root{--ink:#16404a;--turquoise:#169fb4;--sand:#d9bd86;--cream:#f7f2e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif;line-height:1.75}.shell{width:min(1120px,calc(100% - 36px));margin:auto}.back{position:fixed;z-index:20;left:18px;top:18px;padding:.65rem 1rem;background:#f7f2e8eb;border:1px solid #173d4028;border-radius:99px;color:var(--ink);text-decoration:none;font-weight:700;backdrop-filter:blur(10px)}.hero{min-height:78vh;display:grid;align-items:end;position:relative;background:url('images/blog-gory-ikaria.png') center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#081f2218,#081f22dc)}.hero-content{position:relative;z-index:1;color:white;padding:9rem 0 5rem}.kicker{font-size:.78rem;letter-spacing:.18em;font-weight:700;text-transform:uppercase}.hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(3.2rem,8vw,7rem);line-height:.9;max-width:930px;margin:.7rem 0 1.2rem}.hero p{max-width:720px;font-size:1.15rem}.story{padding:6rem 0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:5rem}.article h2{font-family:"Cormorant Garamond",serif;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.98;margin:0 0 1.5rem}.article h3{font-family:"Cormorant Garamond",serif;font-size:2.05rem;line-height:1.05;margin:2.8rem 0 .6rem}.lead{font-size:1.24rem}.article img{width:100%;max-height:600px;object-fit:cover;border-radius:24px;margin:2rem 0}.route-map{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin:2.5rem 0}.route-map button{border:0;border-radius:14px;padding:1rem .5rem;background:#e6dfd1;color:var(--ink);cursor:pointer;font-weight:700}.route-map button.active{background:var(--turquoise);color:white}.route-panel{background:white;padding:1.5rem;border-radius:18px;min-height:145px}.route-panel h3{margin:0 0 .5rem}.stop{display:grid;grid-template-columns:60px 1fr;gap:1rem;padding:1.4rem 0;border-top:1px solid #173d4028}.stop b{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--turquoise);color:white}.stop h3{margin:.15rem 0 .4rem}.note{padding:1.4rem 1.5rem;border-left:4px solid var(--sand);background:white;border-radius:0 16px 16px 0;margin:2rem 0}.car-note{background:#e4f2ef;padding:2rem;border-radius:20px;margin:2rem 0}.quote{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;color:var(--turquoise);padding:3rem 0}.side{position:sticky;top:2rem;align-self:start;background:var(--ink);color:white;border-radius:22px;padding:1.6rem}.side h3{font-family:"Cormorant Garamond",serif;font-size:2rem;margin:0}.side a{color:white}.side li{margin:.65rem 0}.sources{font-size:.88rem;background:white;border-radius:20px;padding:1.5rem;margin-top:4rem}.sources a{color:var(--turquoise)}footer{text-align:center;padding:3rem 1rem;background:var(--ink);color:white}footer a{color:white}.progress{position:fixed;top:0;left:0;height:4px;background:var(--sand);width:0;z-index:50}.photo-note{font-size:.82rem;opacity:.72}@media(max-width:800px){.layout{grid-template-columns:1fr;gap:2rem}.side{position:static;order:-1}.story{padding:4rem 0}.hero{min-height:68vh}.back{top:auto;bottom:16px}.route-map{grid-template-columns:1fr 1fr}.stop{grid-template-columns:46px 1fr}.stop b{width:40px;height:40px}}