/* Aventuri cu ROK — Editorial 2026. Public-facing only. */
:root{--rok-forest:#1d5368;--rok-ink:#172b25;--rok-ivory:#f7f4ed;--rok-sand:#d8c8ae;--rok-gold:#dca657;--rok-line:rgba(24,53,44,.14)}
html{scroll-padding-top:100px}body{background:var(--rok-ivory);color:var(--rok-ink);-webkit-font-smoothing:antialiased}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--rok-gold);outline-offset:4px}
.site-header{background:rgba(247,244,237,.95);border-bottom:1px solid var(--rok-line);box-shadow:0 8px 35px rgba(16,40,31,.045);transition:background .3s,box-shadow .3s}.site-header.is-scrolled{background:rgba(247,244,237,.99);box-shadow:0 12px 36px rgba(16,40,31,.1)}.site-header nav a{transition:color .2s,opacity .2s}.site-header nav a:hover{color:#a06a26;opacity:1}.site-header .actions .lang.active{color:#a06a26}
.hero{min-height:min(790px,calc(100svh - 90px));isolation:isolate}.hero-bg{transition:transform 1.2s cubic-bezier(.2,.7,.2,1);animation:rok-hero-in 1.6s both}.hero:after{content:"";position:absolute;inset:auto 0 0;height:22%;pointer-events:none;background:linear-gradient(transparent,rgba(9,27,21,.27));z-index:0}.hero-content{z-index:1;max-width:920px;animation:rok-copy-in .8s .12s both}.hero h1{font-size:clamp(3.5rem,7.4vw,7.8rem);letter-spacing:-.045em;line-height:1.01;text-wrap:balance}.hero p{font-size:clamp(1rem,1.45vw,1.25rem);max-width:650px;color:#f0f3ef}.hero .eyebrow{display:inline-flex;align-items:center;gap:12px;color:#f1d5a2}.hero .eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.hero-note{z-index:1;color:#fff9}
.btn{border-radius:4px;background:var(--rok-gold);transition:transform .25s,background .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);background:#ecc082;box-shadow:0 12px 28px #0002}.btn.ghost:hover{background:#ffffff24;color:#fff}
.section{padding-block:clamp(72px,9vw,140px)}.section-head{margin-bottom:48px}.section-head h2,.guide-strip>h2{font-size:clamp(2.5rem,4.6vw,4.7rem);letter-spacing:-.035em;line-height:1.08;text-wrap:balance}.section-head>p{line-height:1.85}.eyebrow{color:#a97939}.post-grid{gap:30px}.post-card{border-radius:6px;overflow:hidden;box-shadow:0 8px 30px rgba(22,46,35,.06);border:1px solid rgba(20,46,35,.07)}.post-card .cover{overflow:hidden;transition:background-size .45s;background-size:cover}.post-card:hover .cover{background-size:cover}.post-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(20,40,30,.15)}.post-copy h3{line-height:1.2;letter-spacing:-.025em}.post-copy b{color:#9d6c29}.post-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.destinations{background:var(--rok-forest)}.destination-card{border-radius:5px}.destination-card:after{background:linear-gradient(0deg,rgba(8,30,21,.88),rgba(8,30,21,.07))}.destination-card h3{letter-spacing:-.025em}.destination-card:hover:after{background:linear-gradient(0deg,rgba(8,30,21,.94),rgba(8,30,21,.02))}
.thassos-feature{background:#ede7dc}.thassos-feature h2{font-size:clamp(2.6rem,4.7vw,5.2rem);letter-spacing:-.04em}.thassos-feature-copy{padding-block:90px}.guide-strip{background:var(--rok-ivory)}.guide-links a{transition:background .25s,transform .25s}.guide-links a:hover{background:#fff;transform:translateY(-3px)}.about h2{font-size:clamp(2.7rem,4.6vw,5.2rem);letter-spacing:-.04em}.about-photo,.thassos-feature-photo{border-radius:4px}.newsletter{background:#e9ddc9}.newsletter h2{font-size:clamp(2.7rem,4.7vw,5rem);letter-spacing:-.04em}.newsletter-note{padding:30px 36px;border:1px solid rgba(28,54,42,.17);background:#fff9;border-radius:5px}.newsletter-note strong{font-family:'Playfair Display',serif;font-size:1.5rem}.site-footer{background:#1d5368}.footer-main{gap:clamp(22px,4vw,65px)}.footer-main a:hover{text-decoration:underline;text-underline-offset:5px}.contact-box{border-color:#ffffff30}.footer-bottom{border-color:#ffffff30}
.article-head h1{letter-spacing:-.045em;text-wrap:balance}.article-hero{border-radius:5px;max-height:780px}.article-body{font-size:clamp(1.06rem,1.35vw,1.23rem);line-height:1.95}.article-body h2{scroll-margin-top:120px;letter-spacing:-.025em}.article-body img{max-width:100%;height:auto}.article-body #toc{background:#fffaf1;border:1px solid #e6d8c3;padding:20px 28px}.article-body #toc ul{padding-left:24px}.article-body #toc a:hover{text-decoration:underline}.rok-reading-progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--rok-gold);z-index:100;pointer-events:none;transition:width .08s linear}
.rok-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.rok-reveal.is-visible{opacity:1;transform:none}
@keyframes rok-hero-in{from{transform:scale(1.085);filter:brightness(.75)}to{transform:scale(1.02);filter:brightness(1)}}@keyframes rok-copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.site-header nav{gap:14px;font-size:12px}.brand img{width:140px}}
@media(max-width:850px){.site-header nav{max-height:calc(100svh - 82px);overflow-y:auto;box-shadow:0 16px 24px #0002;border-bottom:1px solid var(--rok-line);z-index:50}.site-header nav:not(.open){display:none}.site-header nav.open{display:flex}.site-header .actions{display:flex}.site-header .actions .lang{display:inline}.site-header .actions span{display:inline}.site-header .menu-btn{font-size:26px;cursor:pointer}.nav-drop .drop-menu{display:block;position:static;box-shadow:none;padding:0 0 0 12px;width:100%;background:transparent}.nav-drop .drop-menu a{font-size:12px}.nav-drop .drop-menu small{font-size:10px}.hero{min-height:650px}.hero-content{max-width:680px}.footer-main{gap:34px}}
@media(max-width:600px){.site-header{padding:0 18px}.brand img{width:124px}.hero{min-height:640px;padding:42px 24px 70px}.hero h1{font-size:clamp(3.1rem,12vw,4.4rem);line-height:1.04}.hero-note{font-size:9px;bottom:22px;left:24px;right:auto}.hero p{font-size:1rem}.ticker{height:50px}.section{padding:68px 20px}.section-head h2{font-size:2.65rem}.post-grid{gap:22px}.cover,.wide .cover{height:260px}.post-copy,.wide .post-copy{padding:24px}.post-copy h3,.wide .post-copy h3{font-size:1.9rem}.destination-grid{gap:12px}.destination-card{min-height:320px}.thassos-feature-photo{min-height:350px}.thassos-feature-copy{padding:66px 25px}.thassos-feature h2{font-size:2.8rem}.about{gap:35px}.about-photo{height:360px}.about h2{font-size:2.9rem}.newsletter{padding:65px 22px}.newsletter-note{padding:22px}.footer-main{padding:60px 25px 42px}.footer-bottom{padding:25px}.article{padding:48px 20px 80px}.article-head h1{font-size:clamp(2.65rem,10vw,4rem)}.article-head p{font-size:1.06rem}.article-hero{height:40vh}.article-body{margin:45px auto;font-size:1.07rem}.article-body h2{font-size:2rem}.article-body #toc{padding:18px}.category-hero h1{font-size:3rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.rok-reveal{opacity:1;transform:none}}
