/* MINALOX® Brand Manifesto | R01
   Collection language: MINALOX Art Framing Projector R01 + Healthy Living R06
   (ink #03060C, navy #001D3D, gold #FFC857, paper #F7F8F9, Roboto 300/500, kicker, veils, reveal, scroll drip, daybar).
   Signature: the vision statement — the room stays dark until the visitor's light finds it. */
@font-face{font-family:"Roboto";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/roboto-300.woff2") format("woff2")}
@font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/roboto-500.woff2") format("woff2")}
:root{
  --ink:#03060C; --char:#0A0F17; --navy:#001D3D; --gold:#FFC857; --paper:#F7F8F9; --text:#1A1A1A; --muted:#555555;
  --mist:rgba(247,248,249,.72); --faint:rgba(247,248,249,.5); --line:rgba(247,248,249,.14);
  --gold-a:255,200,87; --paper-a:247,248,249;
  --ease:cubic-bezier(.2,.7,.1,1); --ease-light:cubic-bezier(.5,0,.2,1);
  --wrap:min(1240px,88vw); --cct:255,190,120;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--ink)}
body{font-family:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:300;font-size:clamp(16px,1.05vw,18px);line-height:1.65;background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
picture{display:block}
a{color:inherit}
h1,h2,h3{font-weight:500;line-height:1.06;letter-spacing:-.015em}
b,strong{font-weight:500}
blockquote{quotes:none}
.wrap{width:var(--wrap);margin-inline:auto}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--gold);color:var(--ink);padding:10px 16px;font-weight:500}
.skip:focus{left:16px;top:16px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
section{position:relative}
section[tabindex="-1"]:focus{outline:none}
.kicker{font-size:14px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:26px;line-height:1.5}
.kicker--paper{color:#8A6410}
.statement{font-weight:300;font-size:clamp(32px,4.6vw,68px);line-height:1.1;letter-spacing:-.02em;max-width:19em;text-wrap:balance}
.body{font-size:clamp(17px,1.2vw,19px);line-height:1.7;color:var(--mist);hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}
.figcap,.imgnote{font-size:14px;letter-spacing:.04em;color:var(--faint)}
.figcap{margin-top:14px}
.figcap--paper{color:#6b6f75}
.imgnote{position:absolute;right:max(6vw,24px);bottom:22px;z-index:3;margin:0}

/* reveal (collection standard) */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.js .reveal.is-in{opacity:1;transform:none}

/* daybar: thin light line whose colour follows each section (Healthy Living) */
.daybar{position:fixed;left:0;right:0;top:0;height:2px;z-index:60;pointer-events:none}
.daybar__fill{display:block;height:100%;width:calc(var(--prog,0) * 100%);background:rgb(var(--cct));box-shadow:0 0 12px rgba(var(--cct),.9);transition:background-color 1.2s var(--ease),box-shadow 1.2s var(--ease)}

/* NAV (Art Framing) */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px max(6vw,24px);transition:background .5s var(--ease),padding .5s var(--ease),border-color .5s;border-bottom:1px solid transparent}
.nav.is-solid{background:rgba(3,6,12,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-block:14px;border-bottom-color:var(--line)}
.nav.on-paper{background:rgba(247,248,249,.9);border-bottom-color:rgba(0,29,61,.1)}
.nav__brand{opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.nav__brand:focus-visible,.nav.show-brand .nav__brand,.nav.menu-open .nav__brand{opacity:1;transform:none;pointer-events:auto}
.nav__brand img{height:22px;width:auto;transition:filter .5s}
.nav.on-paper .nav__brand img{filter:brightness(0) saturate(100%) invert(9%) sepia(60%) saturate(2400%) hue-rotate(198deg) brightness(60%)}
.nav__links{display:flex;gap:34px;align-items:center;margin-left:auto}
.nav__links a{font-size:14px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--mist);transition:color .3s;position:relative;padding:6px 0}
.nav__links a:hover,.nav__links a[aria-current="true"]{color:var(--paper)}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.nav__links a[aria-current="true"]::after{transform:scaleX(1)}
.nav.on-paper .nav__links a{color:rgba(3,6,12,.62)}
.nav.on-paper .nav__links a:hover,.nav.on-paper .nav__links a[aria-current="true"]{color:var(--ink)}
.nav__tools{display:flex;align-items:center;gap:6px}
.nav__toggle{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative;color:var(--paper)}
.nav__toggle i{position:absolute;left:11px;right:11px;height:1px;background:currentColor;transition:transform .4s var(--ease)}
.nav__toggle i:nth-of-type(1){top:18px}.nav__toggle i:nth-of-type(2){top:25px}
.nav__toggle[aria-expanded="true"] i:nth-of-type(1){transform:translateY(3.5px) rotate(45deg)}
.nav__toggle[aria-expanded="true"] i:nth-of-type(2){transform:translateY(-3.5px) rotate(-45deg)}
.nav.on-paper .nav__toggle{color:var(--ink)}

/* language (Healthy Living pattern) */
.lang{position:relative}
.lang__toggle{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;background:none;border:1px solid rgba(255,200,87,.5);color:var(--gold);font:500 14px/1 "Roboto",system-ui,sans-serif;letter-spacing:.16em;cursor:pointer;border-radius:0;transition:background .3s}
.lang__toggle:hover{background:rgba(255,200,87,.08)}
.lang__caret{width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s var(--ease)}
.lang__toggle[aria-expanded="true"] .lang__caret{transform:translateY(2px) rotate(225deg)}
.nav.on-paper .lang__toggle{color:#8A6410;border-color:rgba(138,100,16,.5)}
.lang__menu{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;background:rgba(10,15,23,.97);border:1px solid var(--line);padding:8px;display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .3s,transform .3s var(--ease),visibility 0s .3s;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.lang.is-open .lang__menu{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .3s var(--ease)}
.lang__menu button{display:flex;align-items:center;gap:16px;width:100%;padding:12px 14px;background:none;border:0;color:var(--mist);font:300 16px/1.2 "Roboto",system-ui,sans-serif;text-align:left;cursor:pointer}
.lang__menu button:hover{background:rgba(247,248,249,.06);color:var(--paper)}
.lang__menu button[aria-pressed="true"]{color:var(--gold)}
.lang__code{font-weight:500;font-size:14px;letter-spacing:.16em;width:28px}

/* HERO */
.hero{min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink);padding:140px 0 clamp(96px,14vh,140px)}
.hero__img{position:absolute;inset:0}
.hero__img img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;animation:settle 16s var(--ease) both}
.hero__veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,6,12,.92) 0%,rgba(3,6,12,.72) 34%,rgba(3,6,12,.15) 64%,rgba(3,6,12,0) 100%),linear-gradient(0deg,var(--ink) 0%,rgba(3,6,12,.4) 30%,rgba(3,6,12,0) 55%)}
.hero__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 50% at 30% 70%,rgba(var(--gold-a),.10),transparent 70%);mix-blend-mode:screen}
.js .hero__img img{opacity:0;animation:lighton 2.6s var(--ease-light) .2s forwards,settle 16s var(--ease) both}
@keyframes lighton{0%{opacity:0;filter:brightness(.3)}35%{opacity:.6;filter:brightness(.55)}50%{opacity:.5}100%{opacity:1;filter:none}}
@keyframes settle{from{transform:scale(1.07)}to{transform:scale(1)}}
.hero__content{position:relative;z-index:2}
.hero__kicker{display:flex;flex-wrap:wrap;gap:6px 14px}
.hero__kicker i{font-style:normal;color:rgba(var(--gold-a),.55)}
.hero__title{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(22px,3.4vh,36px);margin:4px 0 28px}
.hero__logo{width:clamp(180px,17vw,260px)}
.hero__slogan{font-weight:500;font-size:clamp(44px,6.6vw,108px);line-height:1;letter-spacing:.02em}
.hero__lead{font-size:clamp(19px,1.6vw,24px);color:var(--mist);max-width:24em}
.js .hero__content>*{opacity:0;transform:translateY(16px);animation:rise 1.3s var(--ease) forwards}
.js .hero__content>*:nth-child(1){animation-delay:1.2s}.js .hero__content>*:nth-child(2){animation-delay:1.45s}.js .hero__content>*:nth-child(3){animation-delay:1.75s}
@keyframes rise{to{opacity:1;transform:none}}
.scroll{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;font-size:14px;letter-spacing:.32em;text-transform:uppercase;color:var(--faint)}
.scroll i{display:block;width:1px;height:54px;background:linear-gradient(var(--gold),transparent);transform-origin:top;animation:drip 2.4s var(--ease) infinite}
@keyframes drip{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}

/* MISSION */
.mission{padding:clamp(130px,19vh,230px) 0 clamp(110px,16vh,200px);overflow:hidden;background:linear-gradient(180deg,var(--ink) 0%,var(--char) 100%)}
.mission__pool{position:absolute;left:62%;top:22%;width:min(900px,120vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(var(--gold-a),.12),rgba(var(--gold-a),.03) 60%,transparent);pointer-events:none}
.mission__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,88px);align-items:end;margin-top:clamp(64px,10vh,120px)}
.mission__fig img{width:100%;aspect-ratio:16/10;object-fit:cover}
.mission__copy{position:relative;padding-left:clamp(28px,3vw,44px);display:grid;gap:26px;padding-bottom:30px}
.luminaire{position:absolute;left:0;top:0;bottom:30px;width:2px;background:rgba(var(--paper-a),.08)}
.luminaire span{position:absolute;inset:0;transform-origin:top;transform:scaleY(var(--p,0));background:linear-gradient(180deg,var(--paper),var(--gold));box-shadow:0 0 10px 1px rgba(var(--gold-a),.75),0 0 60px 10px rgba(var(--gold-a),.16)}
html:not(.js) .luminaire span{transform:none}

/* VISION */
.vision{background:var(--char);padding-top:clamp(110px,16vh,200px)}
.vision__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,5vw,88px)}
.vision__head .kicker,.vision__lead{grid-column:1/-1}
.vision__p1{grid-column:2;margin-top:clamp(36px,6vh,64px)}
.stage{position:relative;height:100vh;height:100svh;min-height:560px;margin-top:clamp(80px,12vh,140px);overflow:hidden;isolation:isolate;display:grid;place-items:start center;padding-top:clamp(110px,15vh,170px);--x:50%;--y:50%;--r:min(46vmax,620px);touch-action:pan-y}
.stage__img{position:absolute;inset:0}
.stage__img img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.stage__img--dark img{filter:brightness(.22) saturate(.6)}
.stage__img--lit{-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0%,rgba(0,0,0,.65) 35%,transparent 72%);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0%,rgba(0,0,0,.65) 35%,transparent 72%)}
.stage__veil{position:absolute;inset:0;background:linear-gradient(180deg,var(--char) 0%,rgba(10,15,23,0) 18%,rgba(10,15,23,0) 70%,var(--char) 100%),radial-gradient(60% 50% at 50% 50%,rgba(3,6,12,.35),transparent 80%);pointer-events:none}
.stage__quote{position:relative;z-index:2;width:var(--wrap);text-align:center;pointer-events:none}
.stage__quote p{font-weight:300;font-size:clamp(38px,6vw,104px);line-height:1.04;letter-spacing:-.025em;text-wrap:balance;color:var(--paper);text-shadow:0 2px 40px rgba(3,6,12,.7)}
.vision__foot{padding:clamp(80px,12vh,140px) 0 clamp(120px,18vh,200px)}
.vision__p2{max-width:34em}

/* PHILOSOPHY (paper / daylight) */
.philosophy{background:var(--paper);color:var(--text);padding:clamp(120px,18vh,210px) 0 clamp(120px,18vh,210px)}
.philosophy::before{content:"";position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(180deg,rgba(10,15,23,.9),rgba(247,248,249,0));pointer-events:none}
.philo__grid{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,110px);align-items:start}
.thesis{font-weight:300;font-size:clamp(40px,6vw,96px);line-height:1;letter-spacing:-.035em;color:var(--ink);margin-bottom:clamp(44px,7vh,80px);text-wrap:balance}
.philosophy .body{color:var(--muted);max-width:36em}
.philo__p+.philo__p{margin-top:24px}
mark.lit{background:linear-gradient(180deg,transparent 60%,rgba(var(--gold-a),.55) 60%,rgba(var(--gold-a),.55) 92%,transparent 92%) no-repeat;background-size:0% 100%;color:var(--text);font-weight:500;padding:0 .06em;hyphens:none;-webkit-hyphens:none;transition:background-size 1.4s var(--ease) .5s}
.is-in mark.lit,html:not(.js) mark.lit{background-size:100% 100%}
.philo__fig{position:sticky;top:110px}
.philo__fig img{width:100%;aspect-ratio:680/764;object-fit:cover}
.callout{margin-top:clamp(80px,12vh,140px);max-width:28em;font-size:clamp(28px,3.4vw,50px);line-height:1.18;letter-spacing:-.015em;color:var(--ink);padding-left:clamp(20px,2.4vw,40px);border-left:2px solid var(--gold);text-wrap:balance}

/* VALUES (sticky media, Art Framing gallery treatment) */
.values{background:linear-gradient(180deg,var(--ink) 0%,var(--char) 100%);padding:clamp(120px,18vh,210px) 0 clamp(100px,14vh,180px)}
.values::before{content:"";position:absolute;inset:0 0 auto;height:200px;background:linear-gradient(180deg,var(--paper),rgba(3,6,12,0));opacity:.06;pointer-events:none}
.values__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,110px);margin-top:clamp(20px,4vh,40px)}
.values__media{position:relative}
.values__frame{position:sticky;top:max(110px,calc(50vh - 30vh));height:60vh;max-height:620px;overflow:hidden;background:var(--ink)}
.values__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1.2s var(--ease),transform 6s var(--ease)}
.values__frame img.is-on{opacity:1;transform:scale(1)}
.values__frame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,12,.6),rgba(3,6,12,0) 40%);pointer-events:none}
.values__count{position:absolute;left:22px;bottom:20px;z-index:2;font-size:14px;letter-spacing:.2em;color:var(--mist)}
.values__count b{color:var(--gold);font-weight:500}
.values__frame .imgnote{right:22px;bottom:20px}
.values__list{list-style:none;display:flex;flex-direction:column}
.value{min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0;border-top:1px solid var(--line);opacity:.38;transition:opacity .8s var(--ease)}
.value:last-child{border-bottom:1px solid var(--line)}
.value.is-active,html:not(.js) .value{opacity:1}
.value__img{display:none}
.value__name{font-size:clamp(28px,3vw,46px);letter-spacing:.05em;text-transform:uppercase;line-height:1.08}
.value__local{margin-top:14px;color:var(--gold);font-weight:500;font-size:18px}
.value__local:empty{display:none}
.value__text{margin-top:20px;max-width:30em;font-size:clamp(18px,1.4vw,21px)}

/* CLOSING (Art Framing contact + gallery) */
.closing{min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:clamp(140px,20vh,220px) 0}
.closing__img{position:absolute;inset:0}
.closing__img img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.closing__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,12,.94) 0%,rgba(3,6,12,.78) 40%,rgba(3,6,12,.2) 75%,rgba(3,6,12,.05) 100%),linear-gradient(180deg,var(--char) 0%,rgba(3,6,12,0) 22%,rgba(3,6,12,0) 80%,var(--ink) 100%)}
.closing__content{position:relative;z-index:2}
.closing__quote p{font-weight:300;font-size:clamp(36px,5vw,80px);line-height:1.06;letter-spacing:-.025em;max-width:13em;text-wrap:balance}
.closing__sub{margin-top:28px;color:var(--mist);font-size:clamp(18px,1.4vw,21px)}
.closing__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(44px,7vh,72px)}
.btn{display:inline-flex;align-items:center;gap:16px;min-height:54px;padding:0 28px;background:var(--gold);color:var(--ink);font-weight:500;font-size:14px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border:1px solid var(--gold);transition:background .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease)}
.btn[href]:hover{box-shadow:0 0 40px rgba(var(--gold-a),.4)}
.btn__arrow{font-weight:300;letter-spacing:0;transition:transform .4s var(--ease)}
.btn[href]:hover .btn__arrow{transform:translateX(5px)}
.btn[aria-disabled="true"]{background:transparent;color:var(--gold);cursor:default;opacity:.8}
.btn--ghost{background:transparent;color:var(--paper);border-color:var(--line)}
.btn--ghost:hover{border-color:var(--paper);box-shadow:none!important}
.closing__pending{margin-top:14px;font-size:14px;color:var(--faint)}
.closing__pending[hidden]{display:none}

/* FOOTER */
.foot{background:var(--ink);border-top:1px solid var(--line);padding:44px 0 calc(44px + env(safe-area-inset-bottom))}
.foot__grid{display:grid;grid-template-columns:auto 1fr;gap:14px 40px;align-items:center}
.foot__grid img{width:110px}
.foot__grid p{font-size:14px;color:var(--faint);justify-self:end;display:flex;flex-wrap:wrap;gap:8px 14px}
.foot__grid a{text-decoration:none;color:var(--mist)}
.foot__grid a:hover{color:var(--gold)}
.foot__note{grid-column:1/-1;justify-self:start!important}

/* RESPONSIVE */
@media (max-width:1000px){
  .nav__links{position:fixed;left:0;right:0;top:0;padding:88px max(6vw,24px) 28px;flex-direction:column;align-items:flex-start;gap:6px;background:rgba(3,6,12,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .35s,transform .35s var(--ease),visibility 0s .35s;z-index:-1}
  .nav__links.open{opacity:1;visibility:visible;transform:none;transition:opacity .35s,transform .35s var(--ease)}
  .nav__links a{font-size:15px;padding:14px 0;color:var(--mist)!important}
  .nav__toggle{display:block}
  .nav.on-paper.menu-open{background:rgba(3,6,12,.97)}
  .nav.menu-open .nav__brand img{filter:none}
  .nav.menu-open .nav__toggle{color:var(--paper)}
  .mission__grid,.vision__head,.philo__grid{grid-template-columns:1fr}
  .vision__p1{grid-column:1}
  .mission__copy{padding-bottom:0}.luminaire{bottom:0}
  .philo__fig{position:relative;top:0;max-width:520px}
  .values__grid{grid-template-columns:1fr}
  .values__media{display:none}
  .value{min-height:0;opacity:1;padding:0 0 64px;border:0}
  .value:last-child{border:0}
  .value__img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:28px}
  .value[data-v="1"] .value__img{aspect-ratio:4/5;max-height:520px}
}
@media (max-width:600px){
  .nav{padding:16px 20px}.nav.is-solid{padding-block:10px}
  .hero{padding-bottom:96px}
  .scroll{display:none}
  .hero__img img{object-position:66% 50%}
  .hero__veil{background:linear-gradient(0deg,var(--ink) 0%,rgba(3,6,12,.82) 42%,rgba(3,6,12,.25) 75%,rgba(3,6,12,.1) 100%)}
  .hero__kicker{font-size:14px;letter-spacing:.22em}
  .imgnote{right:20px;bottom:14px}
  .hero .imgnote{display:none}
  .stage{height:88svh;padding-top:96px}
  .stage__img img{object-position:30% 50%}
  .closing__veil{background:linear-gradient(0deg,rgba(3,6,12,.95) 0%,rgba(3,6,12,.82) 55%,rgba(3,6,12,.45) 100%)}
  .btn{width:100%;justify-content:center;padding:0 18px;letter-spacing:.12em;text-align:center}
  .foot__grid{grid-template-columns:1fr}
  .foot__grid p{justify-self:start}
}

/* REDUCED MOTION */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important}
  .js .reveal,.js .hero__content>*{opacity:1;transform:none}
  .js .hero__img img{opacity:1;filter:none}
  .luminaire span{transform:none}
  .scroll i{transform:none}
}
main{transition:opacity .25s var(--ease)}
body.switching main{opacity:.4}
@media print{.nav,.daybar,.scroll{display:none}.js .reveal{opacity:1;transform:none}}