/* Wild Mint Studio. One stylesheet for every page. Mobile first. */
:root{
  color-scheme:dark;
  --bg:#0d0c0a; --bg-2:#13110e; --bg-3:#191612; --ivory:#ece6da; --cream:#d9cfbd; --soft:#bdb6aa; --muted:#8c867c;
  --line:rgba(236,230,218,.12); --line-2:rgba(236,230,218,.24);
  --sage:#9dbcae;
  --serif:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gut:clamp(20px,4.5vw,72px); --max:1440px; --ease:cubic-bezier(.22,1,.36,1);
  --tint:grayscale(1) sepia(.32) brightness(.66) contrast(1.08);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--soft);font:400 clamp(15px,1.05vw,17px)/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
button,input,textarea{font:inherit;color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
:focus-visible{outline:1px solid var(--sage);outline-offset:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[hidden]{display:none!important}

/* Type */
.label{font:500 11.5px/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.label--line{display:flex;align-items:center;gap:16px}
.label--line::before{content:"";width:28px;height:1px;background:var(--line-2)}
.display{font:400 clamp(2.6rem,5.8vw,6rem)/1.02 var(--serif);letter-spacing:-.02em;color:var(--ivory);text-wrap:balance}
.h2{font:400 clamp(1.9rem,3.4vw,3.2rem)/1.06 var(--serif);letter-spacing:-.015em;color:var(--ivory);text-wrap:balance}
.h3{font:400 clamp(1.4rem,1.9vw,1.85rem)/1.12 var(--serif);letter-spacing:-.01em;color:var(--ivory)}
.display em,.h2 em,.h3 em{font-style:italic;color:var(--cream)}
.lead{font-size:clamp(1.02rem,1.2vw,1.15rem);line-height:1.6;color:var(--soft);max-width:44ch}
.prose p+p{margin-top:1em}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:18px;padding:18px 26px;background:var(--ivory);color:var(--bg);font:500 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border:0;cursor:pointer;transition:gap .5s var(--ease)}
.btn:hover{gap:26px}
.txtlink{display:inline-block;font:500 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ivory);padding-bottom:6px;border-bottom:1px solid var(--line-2);transition:border-color .4s;cursor:pointer;background:none;border-top:0;border-inline:0}
.txtlink:hover{border-bottom-color:var(--ivory)}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:28px}

/* Header */
.head{position:absolute;inset:0 0 auto;z-index:30;padding-top:env(safe-area-inset-top,0px)}
.head__in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:104px}
.logo{display:block;width:clamp(150px,13vw,196px);height:auto;color:var(--ivory)}
.nav{display:none;gap:44px;font:400 12.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ivory)}
.nav a{opacity:.72;transition:opacity .4s;padding:8px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{opacity:1}
.nav a[aria-current="page"]{border-bottom-color:var(--line-2)}
@media(min-width:1000px){.nav{display:flex}}
.head__right{display:flex;align-items:center;gap:12px}
.head__cta{font:500 12.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ivory);padding:14px 22px;border:1px solid rgba(236,230,218,.4);transition:background .4s,color .4s}
.head__cta:hover{background:var(--ivory);color:var(--bg)}
@media(max-width:600px){.head__cta{display:none}}
.burger{display:inline-grid;place-items:center;width:46px;height:46px;border:0;background:transparent;color:var(--ivory);cursor:pointer}
@media(min-width:1000px){.burger{display:none}}

/* Mobile menu */
.menu{position:fixed;inset:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 20px) var(--gut) calc(env(safe-area-inset-bottom,0px) + 28px);opacity:0;pointer-events:none;transition:opacity .5s var(--ease)}
.menu.is-open{opacity:1;pointer-events:auto}
.menu__top{display:flex;justify-content:space-between;align-items:center;height:64px}
.menu nav{margin-top:auto;display:grid;gap:6px}
.menu nav a{font:400 clamp(2.4rem,11vw,3.6rem)/1.15 var(--serif);color:var(--ivory)}
.menu nav a em{font-style:italic;color:var(--cream)}
.menu__foot{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 28px}

/* Pages */
.page{min-height:100svh}
.page-hero{padding-top:clamp(170px,18vw,250px);padding-bottom:clamp(64px,8vw,120px);border-bottom:1px solid var(--line)}
.page-hero__grid{display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:1000px){.page-hero__grid{grid-template-columns:7fr 4fr;align-items:end;gap:64px}}
.page-hero .display{margin-top:22px}
.sec{padding-block:clamp(96px,11vw,170px)}
.sec + .sec{border-top:1px solid var(--line)}
.sec__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px 40px;margin-bottom:clamp(36px,4vw,56px)}
.sec__head .h2{margin-top:18px;max-width:22ch}

/* Home hero */
.hero__media{position:relative;height:min(100svh,62vw);min-height:560px;overflow:hidden;background:#000}
@media(max-width:760px){.hero__media{height:auto;aspect-ratio:4/5;min-height:0}}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:56% 50%}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,12,10,.45) 0%,rgba(13,12,10,0) 16%,rgba(13,12,10,0) 80%,var(--bg) 100%)}
.hero__copy{display:grid;gap:28px;padding-top:clamp(28px,4vw,56px);grid-template-columns:1fr}
@media(min-width:1000px){.hero__copy{grid-template-columns:7fr 4fr;align-items:end;gap:64px}}
.hero__side .acts{margin-top:28px}
@media(prefers-reduced-motion:no-preference){
  .hero__media img{animation:settle 2.8s var(--ease) both}
  @keyframes settle{from{transform:scale(1.07)}to{transform:none}}
  .rise{animation:rise 1.4s var(--ease) both}
  .rise--2{animation-delay:.15s}
  @keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}

/* Gallery of tinted pieces */
.gallery{border:1px solid var(--line);padding:clamp(10px,1.2vw,18px);background:linear-gradient(180deg,rgba(236,230,218,.025),rgba(236,230,218,0))}
.gallery__grid{display:grid;gap:clamp(10px,1.2vw,18px)}
@media(min-width:900px){.gallery__grid{grid-template-columns:repeat(4,1fr)}.gallery--3 .gallery__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:899px){
  .gallery{border-inline:0;padding-inline:0;background:none;margin-inline:calc(var(--gut) * -1)}
  .gallery__grid{grid-auto-flow:column;grid-auto-columns:76%;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--gut);scroll-padding-inline:var(--gut);scrollbar-width:none}
  .gallery__grid::-webkit-scrollbar{display:none}
}
.piece{position:relative;display:block;aspect-ratio:3/4.3;overflow:hidden;background:#1a1712;scroll-snap-align:start}
.gallery--3 .piece{aspect-ratio:4/4.6}
.piece img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:var(--tint);transform:scale(1.001);transition:filter 1.1s var(--ease),transform 1.6s var(--ease)}
.piece--light img{filter:grayscale(1) sepia(.32) brightness(.5) contrast(1.15)}
.piece::before{content:"";position:absolute;inset:0;z-index:1;background:#2b2217;mix-blend-mode:multiply;opacity:.38;transition:opacity 1.1s var(--ease)}
.piece::after{content:"";position:absolute;inset:auto 0 0;height:66%;z-index:1;background:linear-gradient(180deg,rgba(13,12,10,0),rgba(13,12,10,.72) 45%,rgba(13,12,10,.95))}
.piece__shade{position:absolute;inset:auto 0 0;height:82%;z-index:1;background:linear-gradient(180deg,rgba(13,12,10,0),rgba(13,12,10,.8) 50%,rgba(13,12,10,.97));opacity:0;transition:opacity .9s var(--ease)}
.piece__n{position:absolute;top:clamp(14px,1.4vw,20px);left:clamp(18px,1.8vw,26px);z-index:2;font:500 11px/1 var(--sans);letter-spacing:.2em;color:rgba(236,230,218,.7)}
.piece__info{position:absolute;inset:auto 0 0;z-index:2;padding:clamp(18px,1.8vw,26px)}
.piece__info h3{font:400 clamp(1.45rem,1.9vw,1.9rem)/1.05 var(--serif);color:var(--ivory);letter-spacing:-.01em}
.piece__cat{display:block;margin-top:8px;font:500 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
.piece__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s var(--ease)}
.piece__more>div{overflow:hidden}
.piece__more p{padding-top:14px;font-size:14px;line-height:1.5;color:var(--soft);max-width:30ch;opacity:0;transition:opacity .6s var(--ease)}
.piece__more span{display:inline-block;margin-top:14px;font:500 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ivory);padding-bottom:5px;border-bottom:1px solid var(--sage);opacity:0;transition:opacity .6s var(--ease)}
.piece.is-live img,.piece:hover img,.piece:focus-visible img{filter:none;transform:scale(1.035)}
.piece.is-live::before,.piece:hover::before,.piece:focus-visible::before{opacity:0}
.piece.is-live .piece__shade,.piece:hover .piece__shade,.piece:focus-visible .piece__shade{opacity:1}
.piece.is-live .piece__more,.piece:hover .piece__more,.piece:focus-visible .piece__more{grid-template-rows:1fr}
.piece.is-live .piece__more p,.piece.is-live .piece__more span,.piece:hover .piece__more p,.piece:hover .piece__more span,.piece:focus-visible .piece__more p,.piece:focus-visible .piece__more span{opacity:1}
@media(hover:hover){.gallery__grid:has(.piece:hover) .piece:not(:hover) img{filter:grayscale(1) sepia(.32) brightness(.42) contrast(1.05)}}
.gallery__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:22px;font-size:13px;color:var(--muted)}
.only-touch{display:none}
@media(hover:none){.only-hover{display:none}.only-touch{display:inline}}

/* Principles, steps, lists in hairline columns */
.cols{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line-2)}
@media(min-width:760px){.cols{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.cols--3{grid-template-columns:repeat(3,1fr)}.cols--4{grid-template-columns:repeat(4,1fr)}}
.cols>li{padding:30px 32px 34px 0;border-bottom:1px solid var(--line)}
@media(min-width:1100px){.cols--3>li,.cols--4>li{border-bottom:0;border-right:1px solid var(--line);padding-left:32px}.cols>li:first-child{padding-left:0}.cols>li:last-child{border-right:0}}
.cols__n{display:block;font:500 11px/1 var(--sans);letter-spacing:.2em;color:var(--muted);margin-bottom:22px}
.cols h3{font:400 1.55rem/1.15 var(--serif);color:var(--ivory)}
.cols p{margin-top:12px;max-width:36ch}

/* Studio thinking (home) */
.thinking{display:grid;gap:48px;grid-template-columns:1fr}
@media(min-width:1000px){.thinking{grid-template-columns:5fr 7fr;gap:80px}}
.thinking .h2{margin-top:18px}
.thinking .lead{margin-top:24px}
.critique{margin-top:clamp(56px,6vw,88px);display:grid;gap:24px;padding:clamp(24px,3vw,40px);border:1px solid var(--line);background:var(--bg-2);grid-template-columns:1fr}
@media(min-width:900px){.critique{grid-template-columns:4fr 6fr 2fr;align-items:center;gap:48px}}
.critique .h3{margin-top:12px}
.badge{display:inline-block;padding:7px 12px;border:1px solid var(--line-2);font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--cream);justify-self:start}
@media(min-width:900px){.critique .badge{justify-self:end}}

/* Close */
.close{border-top:1px solid var(--line);padding-block:clamp(110px,13vw,190px);text-align:center}
.close .label{justify-content:center}
.close .display{margin:22px auto 0;max-width:16ch;font-size:clamp(2.3rem,4.8vw,4.8rem)}
.close p{margin:24px auto 0;max-width:42ch}
.close .acts{justify-content:center;margin-top:40px}

/* Case study */
.case-meta{display:grid;gap:18px 40px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.case-meta dt{font:500 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.case-meta dd{margin-top:8px;color:var(--ivory)}
.mat{border:1px solid var(--line);padding:clamp(10px,1.2vw,18px);background:linear-gradient(180deg,rgba(236,230,218,.025),rgba(236,230,218,0))}
.mat img{width:100%}
.mat figcaption{margin-top:14px;font-size:13px;color:var(--muted)}
.case-cols{display:grid;gap:0;margin-top:clamp(64px,8vw,110px);grid-template-columns:1fr;border-top:1px solid var(--line-2)}
@media(min-width:1000px){.case-cols{grid-template-columns:repeat(3,1fr)}}
.case-cols section{padding:32px 32px 36px 0;border-bottom:1px solid var(--line)}
@media(min-width:1000px){.case-cols section{border-bottom:0;border-right:1px solid var(--line);padding-left:32px}.case-cols section:first-child{padding-left:0}.case-cols section:last-child{border-right:0}}
.case-cols h2{font:400 1.6rem/1.15 var(--serif);color:var(--ivory);margin-bottom:16px}
.case-gallery{display:grid;gap:clamp(10px,1.2vw,18px);margin-top:clamp(56px,7vw,96px);grid-template-columns:1fr;align-items:start}
@media(min-width:760px){.case-gallery{grid-template-columns:2fr 1fr 1fr}.case-gallery--2{grid-template-columns:3fr 2fr}.case-gallery--ba{grid-template-columns:1fr 1fr}}
.next{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;padding-block:clamp(72px,9vw,130px);border-top:1px solid var(--line)}
.next a{display:block}
.next .display{font-size:clamp(2.2rem,5vw,5rem);margin-top:14px;transition:color .4s}
.next a:hover .display{color:var(--cream)}

/* Services */
.svc{display:grid;gap:40px;grid-template-columns:1fr}
@media(min-width:1000px){.svc{grid-template-columns:5fr 7fr;gap:80px}}
.svc__n{font:500 11px/1 var(--sans);letter-spacing:.2em;color:var(--muted)}
.svc__name{margin-top:18px;font:400 clamp(2.6rem,5vw,4.6rem)/1 var(--serif);letter-spacing:-.02em;color:var(--ivory)}
.svc__name em{font-style:italic;color:var(--cream)}
.svc .lead{margin-top:22px}
.svc__fig{margin-top:36px}
.svc__fig .piece{aspect-ratio:16/11}
.svc__when{margin-top:0}
.svc__when li{padding:16px 0;border-bottom:1px solid var(--line);color:var(--ivory)}
.svc__when li:first-child{border-top:1px solid var(--line-2)}
.incl{display:grid;grid-template-columns:1fr;margin-top:44px;border-top:1px solid var(--line-2)}
@media(min-width:700px){.incl{grid-template-columns:1fr 1fr}}
.incl div{padding:22px 24px 24px 0;border-bottom:1px solid var(--line)}
@media(min-width:700px){.incl div:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}}
.incl dt{font:400 1.25rem/1.2 var(--serif);color:var(--ivory)}
.incl dd{margin-top:8px;font-size:15px}
.subnav{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:40px}

/* Slider */
.slider{position:relative;aspect-ratio:3/4;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;background:#000}
.slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slider .after{clip-path:inset(0 0 0 var(--pos,50%))}
.slider .handle{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:1px;background:var(--ivory);pointer-events:none}
.slider .handle::after{content:"";position:absolute;top:50%;left:50%;width:52px;height:52px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--ivory);background:rgba(13,12,10,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ece6da' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7l-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center/22px no-repeat;backdrop-filter:blur(4px)}
.slider input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize}
.slider .lbl{position:absolute;top:16px;font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ivory);text-shadow:0 1px 8px rgba(0,0,0,.8)}

/* Split blocks (flooring, products) */
.split{display:grid;gap:clamp(40px,5vw,80px);grid-template-columns:1fr;align-items:center}
@media(min-width:1000px){.split{grid-template-columns:6fr 5fr}.split--flip>:first-child{order:2}}
.split .h2{margin-top:18px}
.split .lead{margin-top:22px}
.split .acts{margin-top:32px}
.ticks{margin-top:28px}
.ticks li{padding:14px 0 14px 28px;border-bottom:1px solid var(--line);position:relative;color:var(--ivory)}
.ticks li::before{content:"";position:absolute;left:0;top:23px;width:12px;height:1px;background:var(--sage)}

/* Studio page */
.facts{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line-2)}
.facts div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.facts dt{font:500 11px/1.9 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.facts dd{color:var(--ivory)}

/* Creative */
.creative{display:grid;gap:clamp(48px,6vw,80px) clamp(20px,3vw,40px);grid-template-columns:1fr}
@media(min-width:900px){.creative{grid-template-columns:1fr 1fr}}
.creative .mat img{aspect-ratio:3/2;object-fit:cover}
.creative .h3{margin-top:22px}
.creative p{margin-top:10px;max-width:46ch}
.creative .label{margin-top:22px}
details{margin-top:18px;border-top:1px solid var(--line)}
summary{cursor:pointer;padding:14px 0;font:500 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ivory);list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:" +";color:var(--sage)}
details[open] summary::after{content:" −"}
details .prose{padding-bottom:16px}

/* Contact */
.contact{display:grid;gap:clamp(48px,6vw,96px);grid-template-columns:1fr}
@media(min-width:1000px){.contact{grid-template-columns:7fr 4fr}}
.form{display:grid;gap:26px}
.field label{display:block;font:500 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.field input,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-2);padding:10px 0 14px;color:var(--ivory);font-size:1.1rem;border-radius:0}
.field input:focus,.field textarea:focus{outline:none;border-bottom-color:var(--ivory)}
.field textarea{min-height:140px;resize:vertical}
.form__row{display:grid;gap:26px;grid-template-columns:1fr}
@media(min-width:700px){.form__row{grid-template-columns:1fr 1fr}}
.form .btn{justify-self:start;margin-top:10px}
.note-ok{padding:18px 20px;border:1px solid var(--sage);color:var(--ivory)}
.aside h2{font:400 1.5rem/1.2 var(--serif);color:var(--ivory)}
.aside ol{margin-top:20px;counter-reset:n}
.aside ol li{counter-increment:n;padding:16px 0 16px 40px;border-bottom:1px solid var(--line);position:relative}
.aside ol li:first-child{border-top:1px solid var(--line-2)}
.aside ol li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:19px;font:500 11px/1 var(--sans);letter-spacing:.2em;color:var(--muted)}
.aside + .aside{margin-top:48px}

/* Legal */
.legal{max-width:760px}
.legal h2{font:400 1.5rem/1.2 var(--serif);color:var(--ivory);margin-top:44px}
.legal p{margin-top:12px}

/* Footer */
.foot{border-top:1px solid var(--line);padding-top:clamp(64px,7vw,100px);padding-bottom:calc(36px + env(safe-area-inset-bottom,0px))}
.foot__top{display:grid;gap:44px;grid-template-columns:1fr}
@media(min-width:900px){.foot__top{grid-template-columns:5fr 2fr 2fr 2fr}}
.foot .logo{width:210px}
.foot__brand p{margin-top:22px;max-width:30ch;font-size:15px}
.foot h2{font:500 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.foot li+li{margin-top:10px}
.foot li a{color:var(--soft);transition:color .3s}
.foot li a:hover{color:var(--ivory)}
.foot__base{display:flex;flex-wrap:wrap;gap:10px 32px;justify-content:space-between;margin-top:clamp(56px,6vw,88px);padding-top:24px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}

/* Reveal */
.motion .rv{transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
.motion .rv:not(.in){opacity:0;transform:translateY(28px)}

/* Additions for the static site */
.skip{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 16px;background:var(--ivory);color:var(--bg);font:500 13px/1 var(--sans)}
.skip:focus{top:12px}
.burger--close{display:inline-grid!important}
.cols--stack{grid-template-columns:1fr!important}
.cols--stack>li{padding-left:0!important;border-right:0!important;border-bottom:1px solid var(--line)!important}
.txtlink--plain{text-transform:none;letter-spacing:.02em}
.founder{display:grid;gap:48px;grid-template-columns:1fr}
@media(min-width:1000px){.founder{grid-template-columns:5fr 7fr;gap:80px}}
.bio{margin:0;font:400 clamp(1.5rem,2.6vw,2.4rem)/1.32 var(--serif);color:var(--ivory);letter-spacing:-.01em}
.bio p+p{margin-top:.8em}
.bio em{font-style:italic;color:var(--cream)}
.bio__sign{margin-top:28px;font:500 11.5px/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.note-bad{padding:18px 20px;border:1px solid #c98b7a;color:var(--ivory)}
.form__small{font-size:14px;color:var(--muted)}
.legal__updated{margin-top:44px;font-size:13px;color:var(--muted)}
.page:not(.is-active) .rise,.page:not(.is-active) .hero__media img{animation:none}
.svc__overview{font:400 clamp(1.2rem,1.6vw,1.45rem)/1.45 var(--serif);color:var(--ivory);max-width:34ch}
.aside ul{margin-top:20px}
.aside ul li{padding:16px 0;border-bottom:1px solid var(--line)}
.aside ul li:first-child{border-top:1px solid var(--line-2)}
.cols>li>h3{margin-top:0}

/* Headline fonts */
html[data-font="newsreader"]{--serif:"Newsreader",Georgia,serif}
html[data-font="newsreader"] :is(.display,.h2,.h3,.piece__info h3,.cols h3,.case-cols h2,.svc__name,.incl dt,.aside h2,.legal h2,.bio,.menu nav a,.next .display){font-weight:350;letter-spacing:-.022em}