/* A.M.K. Ecoleaf Ltd. Plain CSS, no build step. */

@font-face{font-family:"Jost";src:url(fonts/jost-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";src:url(fonts/jost-ext.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-latin.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-ext.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-it.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215,U+FEFF,U+FFFD}

/* Scene colours are registered so the whole page can fade between them. */
@property --bg{syntax:"<color>";inherits:true;initial-value:#fff}
@property --fg{syntax:"<color>";inherits:true;initial-value:#232526}
@property --muted{syntax:"<color>";inherits:true;initial-value:#596063}
@property --accent{syntax:"<color>";inherits:true;initial-value:#007FA6}
@property --line{syntax:"<color>";inherits:true;initial-value:#6EAB43}
@property --rule{syntax:"<color>";inherits:true;initial-value:#E4E8EA}

:root{
  --eco-blue:#009DCD;--eco-green:#6EAB43;--eco-ink:#333232;
  --bg:#fff;--fg:#232526;--muted:#596063;--accent:#007FA6;--line:#6EAB43;--rule:#E4E8EA;
  --max:1360px;--gutter:clamp(26px,4.2vw,64px);
  --ease:cubic-bezier(.2,.7,.2,1);--spring:cubic-bezier(.2,1.5,.35,1);
  --sans:"Jost","Century Gothic","Avenir Next",Avenir,system-ui,sans-serif;
  --serif:"Cormorant","Didot","Bodoni 72",Georgia,serif;
  color-scheme:light;
  transition:--bg .9s ease,--fg .9s ease,--muted .9s ease,--accent .9s ease,--line .9s ease,--rule .9s ease;
}
:root[data-scene="hero"]{--bg:#06262E;--fg:#F4FAFB;--muted:#B4CDD3;--accent:#7FD6F2;--line:#8CC95A;--rule:rgba(255,255,255,.16)}
:root[data-scene="hugeone"]{--bg:#0B1730;--fg:#F2F7FF;--muted:#AEBDD9;--accent:#7FCFFD;--line:#7FCFFD;--rule:rgba(255,255,255,.16)}
:root[data-scene="laundra"]{--bg:#125C55;--fg:#F7FCFA;--muted:#C6E0DA;--accent:#F4BEA3;--line:#F4BEA3;--rule:rgba(255,255,255,.2)}
:root[data-scene="andre"]{--bg:#141110;--fg:#FBF8F4;--muted:#BDB2A5;--accent:#C9A56D;--line:#C9A56D;--rule:rgba(255,255,255,.14)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--fg);font:400 clamp(1.0625rem,.98rem + .32vw,1.25rem)/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p,dl,dd,figure{margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{width:min(100% - 2*var(--gutter),var(--max));margin-inline:auto}
.skip{position:fixed;left:12px;top:-60px;z-index:50;background:#fff;color:#232526;padding:10px 16px;border-radius:999px}
.skip:focus{top:12px}

/* ---------- Top bar ---------- */
.nav{position:fixed;z-index:30;top:14px;left:50%;translate:-50% 0;width:min(100% - 24px,1120px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 10px 9px 20px;border-radius:999px;background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 8px 30px rgba(10,30,40,.09),0 0 0 1px rgba(10,30,40,.05);color:#232526}
.nav__logo img{height:27px;width:auto}
.nav nav{display:flex;align-items:center;gap:clamp(4px,1.6vw,18px);font-size:1rem}
.nav nav a{text-decoration:none;padding:7px 12px;border-radius:999px;transition:background .25s}
.nav nav a:hover{background:rgba(10,40,50,.06)}
.nav nav a.nav__cta{background:#232526;color:#fff;padding-inline:18px}
.nav nav a.nav__cta:hover{background:#007FA6}

/* ---------- The stem that grows through the page ---------- */
.page{position:relative;overflow:clip}
.stem{position:absolute;left:0;top:0;pointer-events:none;z-index:1;overflow:visible}
.stem path{fill:none;stroke:var(--line);stroke-width:2;stroke-linecap:round}
.page>section,.page>footer{position:relative;z-index:2}
.node{position:absolute;width:0;height:0;z-index:2}
.node svg{position:absolute;left:0;bottom:0;width:clamp(26px,3.4vw,50px);max-width:none;height:auto;fill:var(--line);overflow:visible;transform-origin:0 100%;transition:transform .9s var(--spring)}
.node--left svg{transform:scaleX(-1)}
.js .node svg{transform:scale(0) rotate(-35deg)}
.js .node--left svg{transform:scale(0) rotate(35deg)}
.js .node.on svg{transform:none}
.js .node--left.on svg{transform:scaleX(-1)}

/* ---------- Hero ---------- */
.hero{min-height:100svh;display:flex;flex-direction:column;padding:clamp(100px,15vh,156px) 0 clamp(18px,3.2vh,34px);color:#F4FAFB}
.page>section.hero{z-index:auto}
.hero__bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(75% 85% at 84% 12%,#0C6A88 0%,rgba(12,106,136,0) 70%),radial-gradient(70% 70% at 4% 96%,#14553A 0%,rgba(20,85,58,0) 72%),#06262E;-webkit-mask-image:linear-gradient(#000 84%,transparent);mask-image:linear-gradient(#000 84%,transparent)}
.hero__bg::after{content:"";position:absolute;inset:0;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.bloom{position:absolute;display:block;border-radius:50%;filter:blur(72px);will-change:transform}
.bloom--a{width:58vw;height:58vw;right:0;top:-16vw;background:rgba(0,157,205,.42);animation:driftA 19s ease-in-out infinite alternate}
.bloom--b{width:40vw;height:40vw;right:15vw;top:14vh;background:rgba(110,171,67,.3);animation:driftB 23s ease-in-out infinite alternate}
@keyframes driftA{to{transform:translate(-7vw,5vw) scale(1.12)}}
@keyframes driftB{to{transform:translate(6vw,-4vw) scale(.92)}}
.hero__main{position:relative;z-index:2;padding-bottom:clamp(26px,5vh,54px)}
h1{--pw:2.15em;--pw-on:3.1em;--ph:.95em;font-weight:300;font-size:clamp(2.85rem,1.05rem + 5.75vw,7.1rem);line-height:1.16;letter-spacing:-.022em}
h1 .l{display:block}
h1 .l:first-child{color:#C4DBE1}
.chip{text-decoration:none;white-space:nowrap;transition:color .35s}
.pill{display:inline-block;width:var(--pw);height:var(--ph);margin-right:.2em;border-radius:99em;overflow:hidden;vertical-align:-.125em;background:rgba(255,255,255,.14);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 10px 28px rgba(0,0,0,.28);transition:width .7s var(--spring),margin .7s var(--spring),box-shadow .4s}
.pill video,.pill img{width:100%;height:100%;object-fit:cover}
.chip:hover .pill,.chip:focus-visible .pill,.chip.on .pill{width:var(--pw-on);box-shadow:0 0 0 2px var(--c),0 0 44px -6px var(--c),0 12px 30px rgba(0,0,0,.3)}
.chip--hugeone{--c:#7FCFFD}.chip--laundra{--c:#F4BEA3}.chip--andre{--c:#C9A56D}
.chip:hover{color:var(--c)}
.hero__leaf{position:absolute;z-index:1;right:max(-5vw,-90px);bottom:clamp(128px,17vh,176px);width:min(52vw,calc((100svh - 200px)*1.44),1000px)}
@media (min-width:901px) and (max-aspect-ratio:11/10){.hero__leaf{width:min(94vw,1040px)}}
.leafart{width:100%;height:auto;overflow:visible}
.leafart .lf{transform-box:fill-box;transform-origin:0% 100%}
.sway{animation:sway 9s ease-in-out infinite alternate}
.sway--2{animation:sway2 7s ease-in-out infinite alternate}
@keyframes sway{from{transform:rotate(-1.2deg)}to{transform:rotate(1.4deg)}}
@keyframes sway2{from{transform:rotate(1.8deg)}to{transform:rotate(-2.2deg)}}
.tip{position:absolute;width:0;height:0}
.hero__strip{position:relative;z-index:2;margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:clamp(18px,2vw,28px);overflow:hidden;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 20px 60px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35)}
.cell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;padding:clamp(15px,2.3vh,24px) clamp(18px,2vw,30px);text-decoration:none;color:#fff;transition:background .35s}
.cell+.cell{border-left:1px solid rgba(255,255,255,.13)}
.cell:hover{background:rgba(255,255,255,.08)}
.cell::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--c);transform:scaleX(0);transform-origin:0 50%}
.cell.on::before{transform:scaleX(1);transition:transform 3.4s linear}
.cell__logo{grid-column:1;height:34px;width:auto}
.cell__logo--l{height:26px;margin-block:4px}
.cell__word{grid-column:1;font:400 2.15rem/34px var(--serif)}
.cell__text{grid-column:1;color:#CFE0E4;font-size:.98rem;line-height:1.3}
.cell>svg{grid-column:2;grid-row:1/3;width:15px;height:15px;color:var(--c);transform:rotate(135deg);transition:transform .35s var(--ease)}
.cell:hover>svg{transform:rotate(135deg) translate(3px,-3px)}

/* Hero entrance */
.js h1 .l{opacity:0;transform:translateY(.5em)}
.ready h1 .l{opacity:1;transform:none;transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:calc(var(--d,0)*90ms + 80ms)}
.js .pill{width:0;margin-right:0}
.ready .pill{width:var(--pw);margin-right:.2em;transition-delay:.55s}
.ready .chip:hover .pill,.ready .chip:focus-visible .pill,.ready .chip.on .pill{width:var(--pw-on);transition-delay:0s}
.js .hero__strip{opacity:0;transform:translateY(22px)}
.ready .hero__strip{opacity:1;transform:none;transition:opacity 1s var(--ease) .65s,transform 1.1s var(--ease) .65s}
.js .grow{transform:scale(.12) rotate(-26deg);opacity:0}
.js .grow--2{transform:scale(.3) rotate(24deg);opacity:0}
.ready .grow,.ready .grow--2{transform:none;opacity:1;transition:transform 1.9s cubic-bezier(.16,1.15,.3,1) .15s,opacity .5s ease .15s}
.ready .grow--2{transition-delay:.6s}

/* ---------- Project chapters ---------- */
.ch{position:relative;padding:clamp(84px,15vh,170px) 0;min-height:100svh;display:flex;align-items:center}
.ch__grid{display:grid;align-items:center;column-gap:0}
.ch--hugeone .ch__grid{grid-template-columns:minmax(0,5fr) minmax(40px,1.1fr) minmax(0,6fr)}
.ch--laundra .ch__grid{grid-template-columns:minmax(0,7fr) minmax(40px,1.1fr) minmax(0,4.4fr)}
.ch--hugeone .ch__text{grid-column:1}.ch--hugeone .ch__media{grid-column:3}
.ch--laundra .ch__media{grid-column:1;grid-row:1}.ch--laundra .ch__text{grid-column:3;grid-row:1}
.ch__logo img{height:clamp(36px,3.6vw,52px);width:auto}
.ch__big{font-weight:300;font-size:clamp(2.2rem,1.1rem + 3.3vw,4.5rem);line-height:1.08;letter-spacing:-.018em;margin-top:clamp(22px,4vh,40px)}
.ch__body{color:var(--muted);margin-top:clamp(14px,2.4vh,24px);max-width:27em}
.ch__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:clamp(20px,3.4vh,34px)}
.tag{display:inline-flex;align-items:center;gap:.6em;font-size:.95rem;padding:.32em .95em .36em .8em;border:1px solid var(--rule);border-radius:999px;color:var(--fg)}
.tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.go{display:inline-flex;align-items:center;gap:.5em;color:var(--accent);font-weight:500;text-decoration:none}
.go svg{width:.82em;height:.82em;transition:transform .35s var(--ease)}
.go:hover svg{transform:translate(3px,-3px)}
.go:hover{text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}
.ch__media{position:relative;overflow:hidden;border-radius:clamp(20px,2.6vw,36px);background:#101a2c}
.ch__media video,.ch__media img{width:100%;height:100%;object-fit:cover}
.ch--hugeone .ch__media{aspect-ratio:1;background:#F0F6FB;max-height:80svh;justify-self:end;width:100%}
.ch--laundra .ch__media{aspect-ratio:16/9;background:#0E4A44}

/* Āndre */
.ch--andre{padding-top:clamp(96px,14vh,150px)}
.andre{position:relative}
.andre__word{font:300 clamp(6.2rem,27.5vw,25rem)/.86 var(--serif);letter-spacing:-.02em;margin-left:-.035em;color:var(--fg)}
.andre__word span{display:inline-block}
.js .andre__word span{opacity:0;transform:translateY(.1em);filter:blur(10px)}
.js .andre__word.in span{opacity:1;transform:none;filter:none;transition:opacity 1.5s var(--ease),transform 1.7s var(--ease),filter 1.5s var(--ease);transition-delay:calc(var(--i)*120ms)}
.andre__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(40px,1.1fr) minmax(0,5fr);align-items:end;margin-top:clamp(8px,1.5vh,20px)}
.andre__text{grid-column:1;padding-bottom:clamp(0px,3vh,30px)}
.andre__quote{font:italic 300 clamp(2.1rem,1.1rem + 3vw,4.1rem)/1.12 var(--serif);letter-spacing:-.005em}
.ch--andre .ch__body{margin-top:clamp(16px,3vh,28px)}
.ch--andre .ch__media{grid-column:3;aspect-ratio:3/4;border-radius:999px 999px clamp(20px,2.6vw,36px) clamp(20px,2.6vw,36px);background:#2a221c;z-index:1}
@media (min-width:901px){
  .andre{display:grid;grid-template-columns:minmax(0,6fr) minmax(40px,1.1fr) minmax(0,5fr);grid-template-rows:auto 1fr}
  .andre__word{grid-column:1;grid-row:1;font-size:min(18.8vw,17.4rem)}
  .andre__grid{display:contents}
  .andre__text{grid-column:1;grid-row:2;align-self:end;padding-top:clamp(24px,4vh,48px)}
  .ch--andre .ch__media{grid-column:3;grid-row:1/3}
}
.ailabel{position:absolute;left:14px;bottom:14px;font-size:.82rem;font-weight:500;color:#141110;background:rgba(251,248,244,.86);padding:.18em .7em .22em;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* ---------- Owner ---------- */
.owner{padding:clamp(90px,15vh,170px) 0 clamp(60px,10vh,120px)}
.owner__grid{display:grid;grid-template-columns:minmax(0,4.6fr) minmax(30px,1fr) minmax(0,6.4fr);align-items:center}
.owner__photo{grid-column:1;border-radius:clamp(20px,2.6vw,36px);overflow:hidden;aspect-ratio:4/5;background:#DDE0E3}
.owner__photo img{width:100%;height:100%;object-fit:cover}
.owner__text{grid-column:3}
.label{font-size:1rem;font-weight:500;color:var(--accent)}
.owner h2{font-weight:300;font-size:clamp(2.5rem,1.2rem + 4vw,5.2rem);line-height:1.04;letter-spacing:-.02em;margin-top:.22em}
.owner__role{margin-top:.5em;font-weight:500}
.owner__text p.b{color:var(--muted);margin-top:1.05em;max-width:31em}
.owner__text .go{margin-top:1.5em;color:var(--accent)}

/* ---------- Company and contact ---------- */
.company{padding:clamp(40px,8vh,90px) 0 clamp(60px,10vh,110px);scroll-margin-top:60px}
.contact-big{display:grid;gap:.02em;margin-top:.35em}
.contact-big a{font-weight:300;font-size:clamp(2.05rem,.6rem + 5.3vw,6rem);line-height:1.14;letter-spacing:-.02em;text-decoration:none;width:fit-content;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease),color .3s}
.contact-big a:hover{color:var(--accent);background-size:100% 1px}
.contact-row{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:clamp(16px,3vh,28px)}
.contact-row a.alt{text-decoration:none;color:var(--muted)}
.contact-row a.alt:hover{color:var(--accent)}
.btn{display:inline-flex;align-items:center;gap:.55em;padding:.48em 1.15em .52em;border-radius:999px;background:#232526;color:#fff;text-decoration:none;font-size:1rem;transition:background .25s,transform .25s var(--ease)}
.btn:hover{background:#007FA6;transform:translateY(-1px)}
.btn svg{width:.95em;height:.95em}

/* ---------- Footer with the full logo ---------- */
.foot{padding:clamp(20px,5vh,60px) 0 clamp(22px,3.4vh,34px)}
.biglogo{position:relative}
.biglogo svg{width:100%;height:auto;overflow:visible}
.biglogo .lf{transform-box:fill-box;transform-origin:0% 100%}
.js .biglogo .lf{transform:scale(.25) rotate(-24deg);opacity:0}
.js .biglogo .lf--2{transform:scale(.3) rotate(22deg);opacity:0}
.js .biglogo.in .lf,.js .biglogo.in .lf--2{transform:none;opacity:1;transition:transform 1.6s cubic-bezier(.16,1.2,.3,1) .1s,opacity .45s ease .1s}
.js .biglogo.in .lf--2{transition-delay:.5s}
.js .biglogo .letters{clip-path:inset(-2% 100% -2% 0)}
.js .biglogo.in .letters{clip-path:inset(-2% 0 -2% 0);transition:clip-path 1.5s var(--ease) .1s}
.foot__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 26px;margin-top:clamp(22px,4vh,38px);font-size:.93rem;color:var(--muted)}
.foot__row a{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.foot__row a:hover{color:var(--accent)}

/* Reveal on scroll */
.js [data-reveal]{opacity:0;transform:translateY(26px)}
.js [data-reveal].in{opacity:1;transform:none;transition:opacity 1.1s var(--ease),transform 1.2s var(--ease);transition-delay:calc(var(--d,0)*90ms)}

/* Media settles into place as it scrolls in, where the browser supports it */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .settle{animation:settle linear both;animation-timeline:view();animation-range:entry 0% cover 42%}
    @keyframes settle{from{scale:.9;}to{scale:1}}
  }
}

/* ---------- Plain pages ---------- */
.plain{max-width:44rem;margin-inline:auto;padding:clamp(120px,20vh,180px) var(--gutter) 70px}
.plain h1{font-size:clamp(2.6rem,1.6rem + 3vw,4.2rem)}
.plain h2{font-weight:500;font-size:1.2em;margin-top:2em}
.plain p{color:var(--muted);margin-top:.7em}
.plain p a{color:var(--accent)}
.plain .btn{margin-top:1.6em}

/* ---------- Tablet and phone ---------- */
@media (max-width:900px){
  .nav nav a:not(.nav__cta){display:none}
  .nav__logo img{height:24px}
  .hero{padding-top:clamp(92px,13vh,130px)}
  .hero__main{padding-bottom:0}
  .hero__leaf{position:relative;right:auto;bottom:auto;width:min(84vw,560px);margin:14px -5vw 16px auto}
  .bloom--a{width:110vw;height:110vw;right:-30vw;top:6vh}
  .bloom--b{width:80vw;height:80vw;right:-10vw;top:44vh}
  .hero__strip{grid-template-columns:minmax(0,1fr)}
  .cell+.cell{border-left:0;border-top:1px solid rgba(255,255,255,.13)}
  .ch{min-height:0;padding:clamp(70px,12vh,110px) 0}
  .ch--hugeone .ch__grid,.ch--laundra .ch__grid,.andre__grid,.owner__grid{grid-template-columns:minmax(0,1fr)}
  .ch--hugeone .ch__text,.ch--hugeone .ch__media,.ch--laundra .ch__text,.ch--laundra .ch__media,.andre__text,.ch--andre .ch__media,.owner__photo,.owner__text{grid-column:1;grid-row:auto}
  .ch__media{margin-top:30px}
  .ch--laundra .ch__media{order:2}
  .ch--andre .ch__media{order:-1;margin:16px 0 30px auto;width:82%}
  .andre__text{padding-bottom:0}
  .owner__photo{width:min(78%,420px)}
  .owner__text{margin-top:30px}
  .stem path{stroke-width:1.6}
  .node{left:12px!important}
  .node svg{display:none}
}

/* ---------- Respect people who prefer less motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js h1 .l,.js .hero__strip,.js [data-reveal],.js .grow,.js .grow--2,.js .andre__word span,.js .biglogo .lf,.js .biglogo .lf--2{opacity:1;transform:none;filter:none}
  .js .pill{width:var(--pw);margin-right:.2em}
  .js .biglogo .letters{clip-path:none}
  .js .node svg{transform:none}
  .js .node--left svg{transform:scaleX(-1)}
}
@media (max-width:560px){
  .hero h1{--pw:2.05em;--pw-on:2.05em;--ph:.92em;font-size:11.6vw}
}
@media print{.nav,.stem,.node{display:none}}