/* Coffee Tera — Immersive Atmosphere: shared site chrome */
body{background:var(--ink);color:var(--paper);}
::selection{background:var(--accent,#A0D1CA);color:var(--ink);}
:root{--accent:#A0D1CA;--ocard-w:250px;}
a:hover{color:var(--accent);}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .5s var(--ease),border-color .5s;border-bottom:1px solid transparent;}
.nav.solid{background:rgba(16,38,31,.86);backdrop-filter:blur(12px);border-color:var(--line-light);}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:78px;}
.brand{display:flex;align-items:center;gap:13px;}
.brand .m{height:36px;width:auto;}
.brand .w{height:34px;width:auto;}
@media(max-width:600px){.brand .m{height:30px;}.brand .w{height:28px;}}
.navlinks{display:flex;align-items:center;gap:32px;}
.navlinks a{font-size:14px;font-weight:500;color:var(--paper);opacity:.8;transition:opacity .3s var(--ease);}
.navlinks a:hover{opacity:1;color:var(--paper);}
.navlinks a[aria-current]{opacity:1;color:var(--accent);}
.navlinks a.btn{opacity:1;background:var(--accent);color:var(--ink);white-space:nowrap;}
.navlinks a.btn:hover{color:var(--ink);filter:brightness(1.08);}
@media(max-width:820px){.nav .container{height:64px;}.navlinks{gap:20px;}.navlinks a:not(.btn){font-size:13px;}}
@media(max-width:600px){.navlinks a:not(.btn){display:none;}.navlinks a.btn{padding:11px 18px;font-size:13px;}}

/* footer */
footer.ft{padding:46px 0;border-top:1px solid var(--line-light);}
footer.ft .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
footer.ft .brand{flex-direction:column;gap:14px;align-items:flex-start;}
footer.ft .brand .m{height:44px;}
footer.ft .brand .w{height:46px;}
footer.ft .fmeta{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);}
.backlink{position:fixed;left:16px;bottom:16px;z-index:80;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:var(--accent);color:var(--ink);padding:9px 15px;border-radius:999px;}
.backlink:hover{color:var(--ink);}

/* shared accents */
.eyebrow.acc{color:var(--accent);}
.btn--fill{background:var(--accent);color:var(--ink);}
.btn--fill:hover{background:var(--accent);filter:brightness(1.08);}

/* motion levels */
[data-motion="minimal"] .reveal{opacity:1;transform:none;transition:none;}
[data-motion="cinematic"] .reveal{transform:translateY(46px);transition-duration:1.5s;}
[data-motion="cinematic"] .hero .bg{animation:slowpan 26s var(--ease) infinite alternate;}
@keyframes slowpan{from{transform:scale(1.02)}to{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){[data-motion="cinematic"] .hero .bg{animation:none;}}

/* tweaks panel */
#tw{position:fixed;right:16px;bottom:16px;z-index:90;font-family:var(--sans);}
#tw .tgl{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-light);background:rgba(16,38,31,.9);backdrop-filter:blur(10px);color:var(--paper);font-size:16px;cursor:pointer;display:grid;place-items:center;transition:border-color .3s var(--ease);}
#tw .tgl:hover{border-color:var(--accent);}
#tw .panel{position:absolute;right:0;bottom:54px;width:250px;background:rgba(16,38,31,.95);backdrop-filter:blur(14px);border:1px solid var(--line-light);border-radius:16px;padding:18px;display:none;}
#tw.open .panel{display:block;}
#tw h4{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage);font-weight:400;margin:0 0 14px;}
#tw .row{margin-bottom:16px;}
#tw .row:last-child{margin-bottom:0;}
#tw label{display:flex;justify-content:space-between;font-size:12px;color:rgba(244,239,230,.8);margin-bottom:8px;}
#tw label span{font-family:var(--mono);font-size:10.5px;color:var(--accent);}
#tw input[type=range]{width:100%;accent-color:var(--accent);}
#tw .segs{display:flex;gap:6px;}
#tw .segs button{flex:1;font-family:var(--sans);font-size:11px;padding:7px 4px;border-radius:8px;border:1px solid var(--line-light);background:transparent;color:rgba(244,239,230,.75);cursor:pointer;transition:all .3s var(--ease);}
#tw .segs button[aria-pressed=true]{background:var(--accent);color:var(--ink);border-color:transparent;}
#tw .dots{display:flex;gap:8px;}
#tw .dots button{width:26px;height:26px;border-radius:50%;border:1px solid var(--line-light);cursor:pointer;padding:0;}
#tw .dots button[aria-pressed=true]{outline:2px solid var(--paper);outline-offset:2px;}
@media print{#tw,.backlink{display:none;}}