@font-face {
  font-family: 'Anybody';
  src: url('fonts/anybody-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 50% 150%;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded';
  src: url('fonts/unbounded-footer-black.woff') format('woff');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
:root{color-scheme:dark;--ink:#080c0a;--paper:#edf0e7;--muted:#a3aaa3;--light:#d8c590;--world-accent:#b6d98b;--rule:rgba(237,240,231,.17);--gutter:6vw;--display:var(--sans);--sans:'Anybody',Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-gutter:stable}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}body::selection{background:var(--light);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--light);outline-offset:7px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--display);font-weight:400}em{font-weight:400;color:var(--light)}.eyebrow{display:flex;align-items:center;gap:18px;font-size:12px;line-height:1.6;letter-spacing:.14em;color:var(--muted)}.fine-line{display:inline-block;width:36px;height:1px;background:var(--light);flex-shrink:0}.skip-link{position:fixed;z-index:200;left:20px;top:15px;padding:14px 18px;background:var(--paper);color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:absolute;z-index:20;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:32px var(--gutter)}.wordmark{font-size:24px;line-height:1;letter-spacing:.055em;font-weight:500}.wordmark span{display:block;margin-top:9px;font-size:10px;letter-spacing:.29em}.site-header nav{display:flex;gap:36px;align-items:center;font-size:14px}.site-header nav a{position:relative;padding:9px 0}.site-header nav a::after,.text-link::after{content:'';position:absolute;bottom:0;left:0;height:1px;width:100%;background:var(--light);transform:scaleX(0);transform-origin:left;transition:transform .4s}.site-header nav a:hover::after,.text-link:hover::after{transform:scaleX(1)}
.hero{position:relative;min-height:760px;min-height:100svh}.hero-stage{position:relative;min-height:760px;height:100svh;overflow:hidden}.ambient-light{position:absolute;top:10%;right:-10%;width:80%;height:85%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(89,101,50,.13),transparent 65%);opacity:.8}.hero-copy{position:absolute;z-index:3;left:var(--gutter);top:29%;pointer-events:none;transform-origin:left center}.hero-copy .eyebrow{margin-bottom:25px}.hero h1{font-size:clamp(76px,10.5vw,165px);letter-spacing:-.06em;line-height:.95}.hero h1 em{color:var(--paper)}.hero-description{margin-top:32px;font-size:14px;line-height:1.65;color:var(--muted);letter-spacing:.01em}.hero-photograph{position:absolute;z-index:2;right:6%;top:31%;width:45%;aspect-ratio:3/2;transform-origin:center}.photo-hit{position:relative;display:block;padding:0;border:0;background:none;width:100%;text-align:left;overflow:hidden}.photo-hit img{transition:opacity .25s}.photo-hit::after{content:'';position:absolute;inset:0;border:1px solid rgba(237,240,231,.08);pointer-events:none}.hero-photograph .photo-hit{height:100%}.hero-photograph img{height:100%;object-fit:contain}.hero-photograph figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:12px;line-height:1.5;color:var(--muted);letter-spacing:.02em}.view-label{position:absolute;bottom:20px;right:20px;display:inline-block;padding:10px 14px;background:rgba(8,12,10,.8);backdrop-filter:blur(8px);font-size:14px;line-height:1.2;color:var(--paper);transform:translateY(8px);opacity:0;transition:opacity .3s,transform .3s}.photo-hit:hover .view-label,.photo-hit:focus-visible .view-label{opacity:1;transform:none}.hero-bottom{position:absolute;z-index:4;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.hero-bottom p{font-size:12px;line-height:1.8;letter-spacing:.08em}.hero-bottom p span{display:block;color:var(--muted);font-size:12px;letter-spacing:.04em}.hero-motto{color:var(--muted)}.scroll-cue{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.scroll-stem{position:relative;width:1px;height:34px;background:var(--rule);overflow:hidden}.scroll-stem i{position:absolute;width:1px;height:16px;background:var(--light);top:-16px;animation:travel 2.5s infinite ease-in-out}@keyframes travel{to{transform:translateY(52px)}}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--rule);display:none}.journey-progress span{display:block;height:1px;background:var(--light);transform:scaleX(0);transform-origin:left}.is-motion .hero{height:245svh;min-height:0}.is-motion .hero-stage{position:sticky;top:0;min-height:0}.is-motion .hero-photograph{top:0;left:0;right:auto;will-change:transform,width}.is-motion .hero-copy{will-change:opacity,transform}.is-motion .journey-progress{display:block}
.collection{position:relative;padding:150px var(--gutter) 160px;background:var(--ink)}.collection-intro{padding-bottom:90px}.collection-intro .eyebrow{justify-content:space-between;border-top:1px solid var(--rule);padding-top:24px}.section-count{color:var(--light);letter-spacing:.08em}.intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:65px}.intro-row h2{font-size:clamp(50px,5.8vw,90px);line-height:1.05;letter-spacing:-.047em}.intro-row h2 em{color:var(--paper)}.intro-row>p{max-width:340px;margin-bottom:6px;font-size:16px;line-height:1.8;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:3vw;align-items:start}.work-city{grid-column:1/8;grid-row:1}.work-woodland{grid-column:9/13;grid-row:1;margin-top:200px}.collection-note{grid-column:1/7;grid-row:2;display:flex;gap:22px;align-items:flex-start;margin-top:56px;margin-bottom:130px}.collection-note .fine-line{margin-top:13px}.collection-note p{font-family:var(--display);font-size:25px;line-height:1.5;color:var(--muted);font-style:italic}.work-detail{grid-column:2/6;grid-row:3;margin-top:125px}.work-water{grid-column:7/13;grid-row:3}.work figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-top:19px;color:var(--muted);font-size:12px;line-height:1.5}.work figcaption>div{display:flex;align-items:baseline;gap:14px;min-width:0}.photo-number{font-size:12px;color:var(--muted)}.work h3{font-size:14px;color:var(--paper);font-weight:400;line-height:1.5}.work .photo-hit{transition:transform .55s cubic-bezier(.2,.7,.2,1);transform-origin:center}.work .photo-hit:hover{transform:translateY(-5px)}.work .photo-hit img{object-fit:contain;aspect-ratio:auto}
.about{padding:0 var(--gutter) 170px}.about-top{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--rule);padding-top:25px}.location{font-size:12px;letter-spacing:.08em;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12vw;margin-top:85px}.about h2{font-size:clamp(56px,6.7vw,104px);line-height:1.02;letter-spacing:-.04em}.about h2 em{color:var(--paper)}.about-copy{max-width:420px;padding-top:15px}.author-name{display:block;margin-bottom:40px;font-size:18px;color:var(--paper)}.about-copy p{font-size:17px;line-height:1.85;color:var(--muted);margin-bottom:24px}.text-link{display:inline-block;position:relative;padding:6px 0 11px;margin-top:20px;font-size:14px}.text-link::after{transform:scaleX(.4)}
.contact{padding:85px var(--gutter) 110px;border-top:1px solid var(--rule);background:var(--ink)}.contact-row{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-top:45px}.contact h2{font-size:clamp(60px,7.6vw,116px);line-height:1.03;letter-spacing:-.05em}.contact h2 em{color:var(--paper)}.contact-link{display:block;min-width:250px;margin-bottom:8px;font-family:var(--display);font-size:44px;line-height:1.3;border-bottom:1px solid var(--muted);padding-bottom:24px;transition:color .3s,border-color .3s}.contact-link:hover{color:var(--light);border-color:var(--light)}.contact-link span{display:block;font-family:var(--sans);font-size:14px;line-height:1.5;letter-spacing:0;color:var(--muted);margin-top:14px}footer{padding:35px var(--gutter) 28px;overflow:hidden;background:var(--ink)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;line-height:1.8;color:var(--muted);letter-spacing:.09em}.footer-row a{font-size:14px;letter-spacing:0}.footer-wordmark{font-family:var(--sans);font-size:clamp(70px,17.5vw,285px);font-weight:400;line-height:1.08;letter-spacing:-.075em;margin:65px 0 55px;text-align:center;color:var(--paper)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted);line-height:1.6}.footer-bottom small{font-size:12px}
.is-motion .reveal{opacity:0;transform:translateY(36px);transition:opacity 1s var(--delay,0ms),transform 1s var(--delay,0ms) cubic-bezier(.2,.7,.2,1)}.is-motion .reveal.is-visible{opacity:1;transform:none}
.lightbox{position:fixed;max-width:none;max-height:none;width:100%;height:100%;inset:0;margin:0;padding:0;border:0;background:#080c0a;color:var(--paper)}.lightbox::backdrop{background:#080c0a}.lightbox-inner{height:100%;display:flex;flex-direction:column;padding:25px 4vw 24px;gap:20px}.lightbox-top{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.lightbox-brand{font-size:12px;letter-spacing:.12em;color:var(--muted)}.lightbox button{border:0;background:none;padding:12px 5px;font-size:14px;line-height:1.5}.close-button{min-width:65px}.lightbox-figure{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;gap:20px}.lightbox-figure img{width:100%;height:100%;object-fit:contain;min-height:0;flex:1}.lightbox-figure figcaption{display:flex;width:100%;justify-content:space-between;gap:20px;flex-shrink:0;font-size:14px;color:var(--muted)}.lightbox-figure h2{font-family:var(--sans);font-size:16px;font-weight:400;color:var(--paper);line-height:1.5}.lightbox-controls{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;font-size:12px;color:var(--muted)}.lightbox-controls button{min-width:90px}.previous-button{text-align:left}.next-button{text-align:right}
@media(min-width:1800px){:root{--gutter:max(6vw,calc((100vw - 1580px)/2))}.hero-photograph{right:var(--gutter);width:43%}.work-grid{column-gap:45px}}
@media(max-width:1100px){.hero-motto{display:none}.hero-description{max-width:250px}.intro-row>p{max-width:270px}.work-woodland{grid-column:9/13;margin-top:150px}.work-detail{grid-column:1/6}.work figcaption{flex-wrap:wrap;gap:5px}.work figcaption>span{margin-left:27px}.about-grid{gap:8vw}.about-copy p{font-size:16px}}
@media(max-width:850px){:root{--gutter:7vw}.site-header{padding-top:25px}.wordmark{font-size:21px}.wordmark span{font-size:9px;margin-top:7px}.site-header nav{gap:22px}.site-header nav a{font-size:14px}.hero-copy{top:19%;left:var(--gutter)}.hero-copy .eyebrow{margin-bottom:18px;font-size:12px;letter-spacing:.08em}.hero h1{font-size:clamp(64px,15vw,113px);line-height:.96;letter-spacing:-.055em}.hero-description{margin-top:21px;max-width:100%;font-size:14px}.hero-photograph{left:8%;right:auto;top:51%;width:84%}.hero-bottom{bottom:25px}.hero-bottom p{font-size:12px}.is-motion .hero{height:200svh}.collection{padding-top:100px;padding-bottom:110px}.collection-intro{padding-bottom:60px}.intro-row{margin-top:40px;gap:25px;align-items:start;flex-direction:column}.intro-row h2{font-size:clamp(52px,8.8vw,74px)}.intro-row>p{font-size:16px;max-width:100%;margin-top:8px}.work-grid{column-gap:5vw}.work-city{grid-column:1/10}.work-woodland{grid-column:5/13;grid-row:2;margin-top:70px}.collection-note{grid-column:1/13;grid-row:3;margin-top:65px;margin-bottom:70px}.collection-note p{font-size:24px}.work-detail{grid-column:1/9;grid-row:4;margin-top:0}.work-water{grid-column:2/13;grid-row:5;margin-top:75px}.work figcaption{flex-wrap:nowrap;gap:12px}.work figcaption>span{margin-left:0}.about{padding-bottom:110px}.about-top{align-items:start}.about-top .eyebrow{max-width:290px}.about-top .location{display:none}.about-grid{grid-template-columns:1fr;gap:55px;margin-top:50px}.about h2{font-size:clamp(61px,10vw,84px);line-height:1}.about-copy{padding:0;max-width:520px}.author-name{margin-bottom:27px}.about-copy p{font-size:17px}.contact{padding-top:65px;padding-bottom:80px}.contact-row{align-items:start;flex-direction:column;gap:45px;margin-top:35px}.contact h2{font-size:clamp(64px,10vw,90px)}.contact-link{font-size:38px;min-width:250px}.footer-wordmark{margin:50px 0 40px;font-size:17.3vw}.footer-bottom{flex-direction:column;gap:12px}.lightbox-inner{padding:18px 6vw;gap:15px}}
@media(max-width:480px){.site-header nav{gap:16px}.site-header nav a[href="#about"]{display:none}.wordmark{font-size:20px}.hero h1{font-size:18vw}.hero-copy{top:21%}.hero-copy .eyebrow{font-size:12px;letter-spacing:.05em;gap:10px}.hero-copy .fine-line{width:22px}.hero-description{display:none}.hero-photograph{top:51%}.hero-bottom p span{font-size:12px}.hero-bottom{gap:18px}.scroll-cue{font-size:12px;gap:9px}.collection{padding-top:75px;padding-bottom:90px}.collection-intro .eyebrow{font-size:12px;letter-spacing:.06em;gap:12px}.intro-row h2{font-size:13vw}.work-city,.work-woodland,.work-detail,.work-water{grid-column:1/13}.work-woodland{margin-left:12%;margin-top:60px}.work-detail{margin-right:12%}.work-water{margin-top:60px}.work figcaption{gap:10px;align-items:start}.work figcaption>div{gap:10px}.work h3{font-size:14px}.work figcaption>span{font-size:12px}.collection-note{margin-top:50px;margin-bottom:55px;gap:15px}.collection-note .fine-line{width:24px}.collection-note p{font-size:21px}.about h2{font-size:15.7vw}.about-copy p{font-size:16px}.contact h2{font-size:16.5vw}.contact-link{font-size:36px;width:100%;min-width:0}.lightbox-brand{font-size:12px;letter-spacing:.07em}.lightbox-figure figcaption{flex-direction:column;gap:5px}.footer-row{letter-spacing:.04em}}
@media(max-height:560px) and (min-width:851px){.hero-stage{height:100svh}.hero-copy{top:24%}.hero-copy .eyebrow{margin-bottom:14px}.hero h1{font-size:clamp(65px,8vw,100px)}.hero-description{margin-top:20px}.hero-bottom{bottom:18px}.hero-photograph{top:20%;width:40%}.is-motion .hero{height:220svh}}
@media(max-height:560px) and (orientation:landscape){.hero{min-height:100svh}.hero-stage{min-height:0;height:100svh}.hero-copy{top:24%}.hero-copy .eyebrow{margin-bottom:14px}.hero h1{font-size:clamp(48px,8vw,100px)}.hero-description{display:none}.hero-photograph{left:auto;right:6%;top:24%;width:40%}.hero-bottom{bottom:18px}.hero-motto{display:none}.is-motion .hero-photograph{left:0;right:auto;top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero{height:auto!important;min-height:100svh}.hero-stage{position:relative!important}.journey-progress{display:none!important}.reveal{opacity:1!important;transform:none!important}.work .photo-hit:hover{transform:none}}
@media(hover:none){.view-label{display:none}.work .photo-hit:hover{transform:none}}
/* The opening photograph becomes the atmosphere of the collection. */
body{position:relative}main,footer{position:relative;z-index:1}.world-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:0;will-change:opacity}.backdrop-layer{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;opacity:0;filter:blur(4px);transition:opacity 1.1s ease;transform:scale(1.025);animation:world-drift 24s ease-in-out infinite alternate;animation-play-state:paused}.backdrop-layer.is-visible{opacity:1}.has-atmosphere .backdrop-layer{animation-play-state:running}.backdrop-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,10,.16),rgba(8,12,10,.5)),radial-gradient(ellipse at center,transparent 20%,rgba(8,12,10,.6) 100%)}@keyframes world-drift{from{transform:translate3d(0,var(--background-y,0px),0) scale(1.025)}to{transform:translate3d(-.8%,calc(var(--background-y,0px) - 1%),0) scale(1.055)}}
.is-motion .hero{height:300svh}.hero-photograph{will-change:transform,width,opacity}.portal-copy{display:none;position:absolute;z-index:6;left:50%;top:50%;width:90%;max-width:1100px;text-align:center;opacity:0;visibility:hidden;transform:translate(-50%,-50%)}.is-motion .portal-copy{display:block}.portal-copy .eyebrow{justify-content:center;color:var(--paper);margin-bottom:30px}.portal-copy h2{font-size:clamp(55px,7.5vw,115px);line-height:1.04;letter-spacing:-.045em}.portal-copy h2 em{color:var(--paper)}.portal-description{margin-top:30px;font-size:16px;line-height:1.7;color:#d0d6ce}.portal-worlds{display:flex;justify-content:center;gap:45px;margin-top:45px}.portal-worlds button{border:0;border-bottom:1px solid rgba(237,240,231,.3);background:none;padding:13px 4px;display:flex;align-items:center;gap:13px;font-size:16px;line-height:1.5;transition:border-color .3s,color .3s}.portal-worlds button span{font-size:12px;color:var(--light)}.portal-worlds button:hover{color:var(--light);border-color:var(--light)}
.collection{padding-top:100px;padding-bottom:140px;background:transparent;overflow:hidden}.collection-intro{padding-bottom:60px}.world-navigation{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-bottom:1px solid var(--rule)}.world-button{position:relative;display:flex;align-items:baseline;gap:20px;min-height:86px;padding:24px 0;border:0;background:none;text-align:left;font-family:var(--display);font-size:clamp(27px,3.2vw,48px);font-weight:400;color:var(--muted);transition:color .45s}.world-button>span{font-family:var(--sans);font-size:12px;letter-spacing:.05em;color:var(--muted)}.world-button small{margin-left:auto;font-family:var(--sans);font-size:12px;color:var(--muted)}.world-button::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--world-accent);transform:scaleX(0);transform-origin:left;transition:transform .55s}.world-button.is-selected{color:var(--paper)}.world-button.is-selected::after{transform:scaleX(1)}.world-button.is-selected>span,.world-button.is-selected small{color:var(--world-accent)}.world-button:hover{color:var(--paper)}.world-introduction{display:flex;justify-content:space-between;gap:30px;align-items:baseline;padding-top:35px}.world-introduction h3{font-weight:400;font-family:var(--display);font-size:28px;line-height:1.4;color:var(--world-accent)}.world-introduction>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:470px;text-align:right}.world-carousel{position:relative;margin-top:20px;outline:none}.world-carousel:focus-visible{outline:1px solid var(--world-accent);outline-offset:14px}.gallery-stage{position:relative;height:min(68svh,45vw);min-height:260px;overflow:hidden;touch-action:pan-y;perspective:1400px;--drag-x:0px}.has-carousel .world-card{position:absolute;left:50%;top:50%;width:62%;max-width:1000px;margin:0;z-index:1;opacity:0;transform:translate(calc(-50% + var(--drag-x)),-50%) scale(.55);transition:transform .85s cubic-bezier(.2,.7,.2,1),opacity .8s;pointer-events:none;will-change:transform,opacity}.has-carousel .world-card.is-active{z-index:4;opacity:1;transform:translate(calc(-50% + var(--drag-x)),-50%) scale(1);pointer-events:auto}.has-carousel .world-card.is-previous{z-index:2;opacity:.34;transform:translate(calc(-138% + var(--drag-x)),-50%) scale(.78) rotate(-2deg);pointer-events:auto}.has-carousel .world-card.is-next{z-index:2;opacity:.34;transform:translate(calc(38% + var(--drag-x)),-50%) scale(.78) rotate(2deg);pointer-events:auto}.world-card[hidden]{display:none}.card-tilt{transform:perspective(1200px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .35s ease;transform-style:preserve-3d}.card-tilt img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.card-float{transform:translate3d(0,0,0)}.is-motion .is-in-view .is-active .card-float{animation:photo-breath 7s ease-in-out infinite alternate}@keyframes photo-breath{to{transform:translate3d(0,-5px,0)}}.gallery-stage.is-dragging .world-card{transition:none}.gallery-stage.is-dragging .card-tilt{transform:none;transition:none}.gallery-stage.is-dragging{cursor:grabbing}.gallery-stage.is-dragging .view-label{opacity:0}.carousel-caption{width:62%;max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:12px;line-height:1.6;color:var(--muted)}.carousel-caption h3{font-family:var(--sans);font-size:16px;line-height:1.5;font-weight:400;color:var(--paper)}.carousel-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;width:62%;max-width:1000px;margin:30px auto 0}.carousel-controls>button{border:0;background:none;padding:13px 0;font-size:14px;color:var(--paper);min-width:80px}.gallery-previous{text-align:left}.gallery-next{text-align:right}.slide-timing{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.slide-clock{width:70px;height:1px;background:var(--rule);overflow:hidden}.slide-clock i{display:block;width:100%;height:1px;background:var(--world-accent);transform:scaleX(0);transform-origin:left}.carousel-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:45px;border-top:1px solid var(--rule);padding-top:24px}.photo-thumbnails{display:flex;align-items:center;gap:14px}.photo-thumbnail{width:72px;padding:0;border:0;background:none;opacity:.42;transition:opacity .35s,transform .35s;position:relative}.photo-thumbnail img{aspect-ratio:3/2;object-fit:contain}.photo-thumbnail::after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--world-accent);transform:scaleX(0);transition:transform .35s}.photo-thumbnail.is-selected,.photo-thumbnail:hover{opacity:1}.photo-thumbnail.is-selected::after{transform:scaleX(1)}.photo-thumbnail:hover{transform:translateY(-3px)}.carousel-options{display:flex;gap:30px;align-items:center}.drag-hint{font-size:12px;color:var(--muted)}.autoplay-button{border:0;background:none;padding:12px 0;font-size:14px;color:var(--paper);line-height:1.5}.autoplay-button:disabled{color:var(--muted);cursor:default}.about{padding-top:50px;background:var(--ink)}.ambient-paused .backdrop-layer,.ambient-paused .card-float{animation-play-state:paused!important}
html:not(.has-carousel) .world-card{margin:40px 0}html:not(.has-carousel) .gallery-stage{height:auto;overflow:visible}html:not(.has-carousel) .carousel-controls,html:not(.has-carousel) .carousel-bottom,html:not(.has-carousel) .world-navigation,html:not(.has-carousel) .world-introduction,html:not(.has-carousel) .carousel-caption{display:none}
@media(max-width:1100px){.world-button{gap:13px}.world-introduction>p{max-width:370px}.gallery-stage{height:min(66svh,48vw)}.has-carousel .world-card{width:67%}.carousel-caption,.carousel-controls{width:67%}}
@media(max-width:850px){.is-motion .hero{height:265svh}.portal-worlds{gap:25px;margin-top:35px}.portal-copy h2{font-size:clamp(49px,9vw,75px)}.collection{padding-top:80px;padding-bottom:100px}.world-navigation{gap:20px}.world-button{min-height:76px;gap:10px;font-size:30px;padding:20px 0}.world-button small{display:none}.world-introduction{flex-direction:column;gap:10px;padding-top:28px}.world-introduction>p{text-align:left;max-width:100%;font-size:14px}.world-carousel{margin-top:12px}.gallery-stage{height:min(62svh,65vw);margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter))}.has-carousel .world-card{width:77%;max-width:none}.carousel-caption,.carousel-controls{width:90%}.carousel-options{gap:18px}.drag-hint{display:none}.photo-thumbnail{width:64px}.about{padding-top:30px}}
@media(max-width:480px){.portal-copy{width:90%}.portal-copy .eyebrow{font-size:12px;letter-spacing:.05em;gap:10px;margin-bottom:24px}.portal-copy h2{font-size:12vw;line-height:1.1}.portal-description{font-size:14px;margin-top:24px}.portal-worlds{gap:20px;margin-top:25px}.portal-worlds button{font-size:14px;gap:7px;flex-direction:column;padding:10px 0}.portal-worlds button span{font-size:12px}.collection-intro{padding-bottom:40px}.collection-intro .section-count{max-width:145px;text-align:right}.world-navigation{gap:15px}.world-button{gap:7px;min-height:68px;font-size:24px}.world-button>span{font-size:12px}.world-introduction h3{font-size:25px}.world-introduction>p{font-size:14px;line-height:1.7}.gallery-stage{height:72vw;min-height:240px}.has-carousel .world-card{width:82%}.has-carousel .world-card.is-previous{transform:translate(calc(-143% + var(--drag-x)),-50%) scale(.76) rotate(-2deg)}.has-carousel .world-card.is-next{transform:translate(calc(43% + var(--drag-x)),-50%) scale(.76) rotate(2deg)}.carousel-caption,.carousel-controls{width:100%}.carousel-caption{gap:12px;align-items:start}.carousel-caption h3{font-size:14px}.carousel-caption>span{font-size:12px;white-space:nowrap}.carousel-controls{margin-top:20px;gap:15px}.slide-timing{gap:10px}.slide-clock{width:35px}.carousel-controls>button{min-width:60px}.carousel-bottom{margin-top:28px;gap:15px}.photo-thumbnails{gap:10px}.photo-thumbnail{width:48px}.autoplay-button{font-size:14px;max-width:110px;text-align:right}}
@media(max-height:560px) and (orientation:landscape){.is-motion .hero{height:280svh}.portal-copy .eyebrow{margin-bottom:18px}.portal-copy h2{font-size:8vw}.portal-description{margin-top:14px}.portal-worlds{margin-top:16px}.gallery-stage{height:80svh}.has-carousel .world-card{width:min(62%,108svh)}.carousel-caption,.carousel-controls{width:75%}}
@media(prefers-reduced-motion:reduce){.world-backdrop,.world-card,.card-tilt,.gallery-stage{will-change:auto}.backdrop-layer{animation:none!important;transform:none!important;transition:none!important}.portal-copy{display:none!important}.card-float{animation:none!important}.has-carousel .world-card{transition:none!important}.photo-thumbnail:hover{transform:none}}
@media(min-width:1101px){.has-carousel .world-card{width:min(62%,93svh)}}
@media(min-width:851px) and (max-width:1100px){.has-carousel .world-card{width:min(67%,93svh)}}
@media(max-width:850px) and (min-width:481px){.has-carousel .world-card{width:min(77%,85svh)}}
@media(max-height:560px) and (orientation:landscape){.has-carousel .world-card{width:min(62%,108svh)}}
/* Full-width lettering continues below the final page edge. */
footer{padding-bottom:0}.footer-bottom{margin-top:0}.footer-wordmark{position:relative;width:calc(100% + var(--gutter) * 2);height:auto;aspect-ratio:1600/126;margin:clamp(45px,6vw,100px) calc(var(--gutter) * -1) 0;overflow:hidden;line-height:0}.footer-wordmark svg{position:absolute;left:0;top:0;display:block;width:100%;height:auto;overflow:visible}.footer-wordmark text{font-family:'Unbounded',var(--sans);font-size:230px;font-weight:900;font-stretch:100%;letter-spacing:-4px;fill:var(--paper)}

/* One variable family carries the same character through every text size. */
body {
  font-size: 1rem;
  font-weight: 430;
  font-stretch: 100%;
  font-kerning: normal;
  font-synthesis: none;
  line-height: 1.65;
  letter-spacing: -.01em;
}
h1, h2 {
  font-family: var(--display);
  font-weight: 850;
  font-stretch: 105%;
}
em {font-style: normal; font-weight: inherit}
.wordmark {
  font-weight: 900;
  font-stretch: 110%;
  letter-spacing: -.035em;
}
.wordmark span {
  font-size: .75rem;
  font-weight: 500;
  font-stretch: 100%;
  letter-spacing: .12em;
}
.site-header nav {font-weight: 550}
.hero h1 {
  font-size: clamp(4rem, 9vw, 8.75rem);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -.025em;
}
.hero-description {font-size: 1rem; letter-spacing: -.01em}
.intro-row h2 {
  font-size: clamp(3rem, 5.4vw, 5.5rem);
  line-height: 1.06;
  letter-spacing: -.025em;
}
.portal-copy h2 {
  font-size: clamp(2.75rem, 6vw, 6rem);
  line-height: 1.1;
  letter-spacing: -.025em;
}
.about-grid {grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr)}
.about h2 {
  font-size: clamp(2.75rem, 5vw, 5rem);
  font-stretch: 100%;
  line-height: 1.1;
  letter-spacing: -.025em;
}
.about-copy {min-width: 0}
.about-copy p {font-size: 1.0625rem; line-height: 1.8}
.author-name {font-size: 1.25rem; font-weight: 750}
.contact-row > h2 {min-width: 0; max-width: 100%}
.contact h2 {
  font-size: clamp(2.75rem, 5.2vw, 5.5rem);
  font-stretch: 102%;
  line-height: 1.1;
  letter-spacing: -.025em;
}
.contact-link {
  font-family: var(--display);
  font-size: 2.25rem;
  font-weight: 800;
  letter-spacing: -.025em;
}
.contact-link span {font-weight: 450}
.world-button {
  font-family: var(--display);
  font-size: clamp(1.4rem, 2.3vw, 2.2rem);
  font-weight: 800;
  font-stretch: 100%;
  letter-spacing: -.025em;
  gap: 14px;
}
.world-button > span, .world-button small {
  font-weight: 450;
  font-stretch: 100%;
}
.world-introduction h3 {
  font-family: var(--display);
  font-size: 1.75rem;
  font-weight: 750;
  letter-spacing: -.025em;
}
.world-introduction > p {font-size: 1rem; line-height: 1.65}
.portal-worlds button, .carousel-controls > button, .autoplay-button,
.lightbox button, .text-link, .footer-row a {font-weight: 600}
.carousel-caption h3, .lightbox-figure h2 {font-weight: 650}
.lightbox-figure h2 {font-stretch: 100%}
.carousel-caption h3 {font-size: 1rem}
.lightbox-brand {font-weight: 750; letter-spacing: .055em}
.footer-row > p {font-weight: 650; letter-spacing: .035em}

@media (max-width: 1100px) {
  .world-navigation {gap: 22px}
  .world-button {gap: 10px}
}
@media (max-width: 850px) {
  .hero h1 {font-size: clamp(2.5rem, 13.4vw, 6.75rem)}
  .intro-row h2 {font-size: clamp(2.75rem, 7.9vw, 4.75rem)}
  .portal-copy h2 {font-size: clamp(2rem, 7.5vw, 4.5rem)}
  .about-grid {grid-template-columns: minmax(0, 1fr)}
  .about h2 {font-size: clamp(2.5rem, 8.1vw, 4.6rem)}
  .contact h2 {font-size: clamp(2.5rem, 8.1vw, 4.6rem)}
  .contact-link {font-size: 2rem}
  .world-button {font-size: clamp(1.125rem, 2.85vw, 1.625rem); font-stretch: 90%}
  .world-introduction h3 {font-size: 1.5rem}
}
@media (max-width: 680px) {
  .world-navigation {gap: 16px}
  .world-button {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 96px;
    padding: 16px 0;
    gap: 7px;
    font-size: clamp(1rem, 4.1vw, 1.5rem);
    font-stretch: 85%;
  }
  .world-button > span {font-size: .75rem; line-height: 1.2}
}
@media (max-width: 480px) {
  .hero h1 {font-size: 13.4vw}
  .intro-row h2 {font-size: 11.4vw}
  .portal-copy h2 {font-size: 9.2vw}
  .about h2, .contact h2 {font-size: 11.2vw}
  .about-copy p {font-size: 1rem}
  .hero-copy .eyebrow {letter-spacing: .02em}
  .world-navigation {gap: 10px}
  .world-introduction h3 {font-size: 1.375rem}
  .carousel-caption {flex-wrap: wrap; gap: 4px 12px}
  .carousel-caption h3 {font-size: .9375rem}
  .portal-worlds {gap: 15px}
  .portal-worlds button {font-size: .875rem; font-stretch: 90%}
}
@media (max-height: 560px) and (orientation: landscape) {
  .hero h1 {font-size: clamp(2.5rem, 7vw, 5.5rem)}
  .portal-copy h2 {font-size: clamp(1.75rem, 5.2vw, 3.5rem)}
}

/* A sunlit meadow gives the story a bright pause after the photographs. */
.about {
  --paper: #13271a;
  --muted: #15291b;
  --light: #294823;
  --rule: rgba(23, 46, 33, .2);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color-scheme: light;
  color: var(--paper);
  padding: clamp(80px, 8vw, 125px) var(--gutter) clamp(95px, 11vw, 170px);
  background: radial-gradient(ellipse at 12% 0%, #f4f6d8 0%, transparent 62%),
    linear-gradient(125deg, #e8eec7 12%, #dce7af 65%, #e7edc5 100%);
}
.about-top, .about-grid {position: relative; z-index: 1}
.about-grid {grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr)}
.about-heading {min-width: 0}
.about h2 em {color: var(--light)}
.about ::selection {background: var(--paper); color: #edf2d0}
.about::before {
  content: '';
  position: absolute;
  inset: -25%;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 25% 40%, rgba(250, 252, 220, .85), transparent 48%),
    radial-gradient(ellipse at 80% 70%, rgba(247, 250, 211, .6), transparent 42%);
}
.about-atmosphere {
  position: absolute;
  inset: 0;
  z-index: 0;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.meadow-shadow {
  position: absolute;
  bottom: -9%;
  right: 0;
  width: min(54vw, 720px);
  height: 132%;
  filter: grayscale(1) brightness(1.07) contrast(1.28) blur(1px);
  opacity: .26;
  mask-image: linear-gradient(90deg, transparent 0%, #000 30%, #000 85%, transparent 100%);
}
.meadow-texture {display: block; width: 100%; height: 100%; overflow: hidden}
.meadow-flow {position: absolute; inset: 0; display: block; width: 100%; height: 100%; visibility: hidden}
.has-flow .meadow-flow {visibility: visible}
.has-flow .meadow-texture {visibility: hidden}
.has-wind-fragments > .meadow-texture {visibility: hidden}
.meadow-fragments {position: absolute; inset: 0; overflow: hidden}
.meadow-fragment {
  position: absolute;
  top: 0;
  height: 100%;
  mask-image: linear-gradient(90deg, transparent, #000 29%, #000 71%, transparent);
}
.fragment-texture {
  position: absolute;
  top: 0;
  height: 100%;
  max-width: none;
  overflow: hidden;
  transform-origin: 50% 100%;
  animation: fragment-sway var(--fragment-cycle) ease-in-out var(--fragment-delay) infinite;
  animation-play-state: paused;
}
.about.is-windy .fragment-texture {animation-play-state: running}
@keyframes fragment-sway {
  0%, 100% {transform: skewX(calc(var(--fragment-bend) * -.12))}
  28% {transform: skewX(calc(var(--fragment-bend) * .7))}
  54% {transform: skewX(var(--fragment-bend))}
  78% {transform: skewX(calc(var(--fragment-bend) * .25))}
}
.meadow-shadow--far {
  bottom: -8%;
  right: -18%;
  width: min(46vw, 680px);
  height: 128%;
  opacity: .08;
  filter: grayscale(1) brightness(1.07) contrast(1.28) blur(3px);
}
.meadow-shadow--near {
  bottom: -10%;
  left: -8%;
  right: auto;
  width: min(34vw, 470px);
  height: 122%;
  opacity: .08;
  filter: grayscale(1) brightness(1.07) contrast(1.28) blur(3px);
}
@media (max-width: 850px) {
  .about {padding-top: 80px; padding-bottom: 105px}
  .about-grid {grid-template-columns: minmax(0, 1fr); margin-top: 55px}
}
@media (max-width: 480px) {
  .about {padding-top: 65px; padding-bottom: 85px}
  .meadow-shadow {right: -36%; width: 96vw}
  .meadow-shadow--far {right: -55%; width: 96vw}
  .meadow-shadow--near {left: -30%; right: auto; width: 86vw}
}
@media (prefers-reduced-motion: reduce) {
  .fragment-texture {animation: none !important; will-change: auto !important}
  .has-wind-fragments > .meadow-texture {visibility: visible}
  .has-wind-fragments .meadow-fragments {visibility: hidden}
}

/* Let the typography unfold in lines, with a quieter rhythm for the details. */
.text-mask {
  display: block;
  overflow: clip;
  padding: .04em .04em .14em;
  margin: -.04em -.04em -.14em;
}
.text-rise {display: block}
.text-mask:nth-child(2) {--line-delay: 140ms}
.text-mask:nth-child(3) {--line-delay: 280ms}
.text-mask:nth-child(4) {--line-delay: 420ms}
.is-motion .reveal {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition: opacity .8s var(--delay, 0ms), transform .95s var(--delay, 0ms) cubic-bezier(.16, 1, .3, 1), color .4s, border-color .4s;
}
.is-motion .reveal.is-visible {opacity: 1; transform: none}
.is-motion .reveal-heading, .is-motion .reveal-group, .is-motion .reveal-mark {
  opacity: 1;
  transform: none;
  transition: none;
}
.is-motion .reveal-heading .text-rise {
  opacity: 0;
  transform: translate3d(0, 110%, 0);
  transition: transform 1.1s cubic-bezier(.16, 1, .3, 1), opacity .7s ease;
  transition-delay: calc(var(--delay, 0ms) + var(--line-delay, 0ms));
}
.is-motion .reveal-heading.is-visible .text-rise {opacity: 1; transform: none}
.reveal-rule {position: relative}
.collection-intro .eyebrow.reveal-rule, .about-top.reveal-rule {border-top-color: transparent}
.world-navigation.reveal-rule {border-bottom-color: transparent}
.reveal-rule::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--rule);
  transform-origin: left;
  pointer-events: none;
}
.world-navigation.reveal-rule::before {top: auto; bottom: -1px}
.is-motion .reveal-rule::before {
  transform: scaleX(0);
  transition: transform 1.1s 80ms cubic-bezier(.16, 1, .3, 1);
}
.is-motion .reveal-rule.is-visible::before {transform: scaleX(1)}
.is-motion .reveal-fade {
  transform: none;
  transition: opacity .85s var(--delay, 0ms);
}
.is-motion .reveal-side {transform: translate3d(var(--reveal-x, -24px), 0, 0)}
.is-motion .reveal-side.is-visible {transform: none}
.is-motion .reveal-focus {
  transform: none;
  filter: blur(3px);
  transition: opacity .9s var(--delay, 0ms), filter 1.05s var(--delay, 0ms) ease;
}
.is-motion .reveal-focus.is-visible {filter: blur(0)}
.is-motion .reveal-heading-wipe .text-rise {
  opacity: 1;
  transform: none;
  clip-path: inset(-.04em 100% -.14em -.04em);
  transition: clip-path 1.15s cubic-bezier(.4, 0, .2, 1);
  transition-delay: calc(var(--delay, 0ms) + var(--line-delay, 0ms));
}
.is-motion .reveal-heading-wipe.is-visible .text-rise {clip-path: inset(-.04em -.04em -.14em -.04em)}
.is-motion .reveal-media {
  opacity: .1;
  transform: none;
  clip-path: inset(8% 28% 8% 28%);
  transition: clip-path 1.35s cubic-bezier(.22, 1, .36, 1), opacity 1s ease;
}
.is-motion .reveal-media.is-visible {opacity: 1; clip-path: inset(0)}
.is-motion .reveal-mark svg {
  opacity: 0;
  transform: translate3d(0, 42px, 0);
  transition: transform 1.25s cubic-bezier(.16, 1, .3, 1), opacity .9s ease;
}
.is-motion .reveal-mark.is-visible svg {opacity: 1; transform: none}
.is-motion .reveal:focus-within {opacity: 1; transform: none; clip-path: none; filter: none; transition: none}
@media (prefers-reduced-motion: reduce) {
  .is-motion .reveal, .is-motion .reveal .text-rise, .is-motion .reveal svg,
  .is-motion .reveal-rule::before {opacity: 1; transform: none; clip-path: none; filter: none; transition: none}
}

/* Keep the complete collection within reach on narrow screens. */
.carousel-bottom {flex-wrap: wrap; row-gap: 24px}
.photo-thumbnails {max-width: 100%; flex-wrap: wrap; row-gap: 18px}
.carousel-options {margin-left: auto}
@media (max-width: 480px) {
  .photo-thumbnail {width: clamp(38px, 10vw, 48px); flex-shrink: 0}
}

/* The three collections carry their own colour, including before selection. */
[data-world="live"] {--collection-accent: #b6d98b}
[data-world="take"] {--collection-accent: #e5bf68}
[data-world="remember"] {--collection-accent: #91c8e2}
.world-button > span, .world-button small {color: var(--collection-accent, var(--muted))}
.world-button::after {background: var(--collection-accent, var(--world-accent))}
.world-button.is-selected, .world-button.is-selected > span, .world-button.is-selected small {color: var(--collection-accent, var(--world-accent))}
.portal-worlds button > span {color: var(--collection-accent, var(--muted))}
.portal-worlds button:hover, .portal-worlds button.is-selected {color: var(--collection-accent, var(--paper)); border-color: var(--collection-accent, var(--rule))}

/* A closer, more legible signature above the author line. */
.footer-row {padding-top: 34px}
.footer-row > .footer-motto {font-size: 1rem; line-height: 1.2; font-weight: 400; letter-spacing: .035em; align-self: flex-end}
.footer-motto .motto-live {color: #b6d98b}
.footer-motto .motto-take {color: #e5bf68}
.footer-motto .motto-remember {color: #91c8e2}

/* The navigation stays above the photographic journey. */
.site-header {
  position: fixed;
  isolation: isolate;
  justify-content: center;
  transition: padding .35s ease;
}
.site-header::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: rgba(8, 12, 10, .32);
  border-bottom: 1px solid rgba(237, 240, 231, .06);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  opacity: 0;
  transition: opacity .4s ease;
}
.site-header.is-scrolled {padding-top: 14px; padding-bottom: 14px}
.site-header.is-scrolled::before {opacity: 1}
.site-header nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto repeat(2, minmax(0, 1fr));
  column-gap: clamp(26px, 4.25vw, 68px);
  width: min(100%, 960px);
  text-align: center;
}
.site-header nav a {white-space: nowrap; text-shadow: 0 1px 8px rgba(8, 12, 10, .65)}
.site-header nav .nav-logo {
  margin-inline: clamp(30px, 4.25vw, 68px);
  font-size: 1.5rem;
  font-weight: 900;
  font-stretch: 110%;
  line-height: 1;
  letter-spacing: -.035em;
}
.site-header nav .nav-logo::after {display: none}
.mobile-header {display: none}
@media (max-width: 760px) {
  .site-header, .site-header.is-scrolled {padding: 10px var(--gutter)}
  .site-header > nav {display: none}
  .mobile-header {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    width: 100%;
    min-height: 44px;
  }
  .mobile-logo {
    grid-column: 2;
    justify-self: center;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.035em;
    padding: 10px 0;
    text-shadow: 0 1px 8px rgba(8, 12, 10, .65);
  }
  .mobile-menu {grid-column: 3}
  .mobile-menu summary {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    list-style: none;
    cursor: pointer;
  }
  .mobile-menu summary::-webkit-details-marker {display: none}
  .mobile-menu summary:focus-visible {outline: 2px solid var(--light); outline-offset: 3px}
  .menu-icon {position: relative; display: block; width: 22px; height: 18px}
  .menu-icon::before, .menu-icon::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1.5px;
    background: currentColor;
    box-shadow: 0 1px 8px rgba(8, 12, 10, .65);
    transition: transform .25s ease;
  }
  .menu-icon::before {transform: translateY(-4px)}
  .menu-icon::after {transform: translateY(4px)}
  .mobile-menu[open] .menu-icon::before {transform: rotate(45deg)}
  .mobile-menu[open] .menu-icon::after {transform: rotate(-45deg)}
  .site-header.is-menu-open::before {opacity: 1; background: rgba(8, 12, 10, .72)}
  .site-header .mobile-menu-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: var(--gutter);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    width: min(280px, calc(100% - var(--gutter) * 2));
    max-height: calc(100dvh - 88px);
    overflow-y: auto;
    padding: 8px 22px;
    border: 1px solid var(--rule);
    background: rgba(8, 12, 10, .9);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    text-align: left;
    animation: mobile-menu-in .22s ease both;
  }
  .mobile-menu:not([open]) .mobile-menu-panel {display: none}
  .site-header .mobile-menu-panel a {
    display: block;
    min-height: 48px;
    padding: 12px 0;
    font-size: 1rem;
    line-height: 1.5;
    font-stretch: 100%;
  }
  .site-header .mobile-menu-panel a[href="#about"] {display: block}
  .site-header .mobile-menu-panel a + a {border-top: 1px solid var(--rule)}
  .site-header .mobile-menu-panel a::after {display: none}
  .site-header .mobile-menu-panel a:hover {color: var(--light)}
}
@keyframes mobile-menu-in {
  from {opacity: 0; transform: translateY(-8px)}
  to {opacity: 1; transform: translateY(0)}
}