@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/eb-garamond-italic.woff2?v=2517224c36d7') format('woff2')} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/eb-garamond-normal.woff2?v=6a4846d56191') format('woff2')} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:600 700;font-display:swap;src:url('/assets/fonts/eb-garamond-semibold.woff2?v=acb00674e2ef') format('woff2')} @font-face{font-family:'Fraunces';font-style:italic;font-weight:300 500;font-display:swap;src:url('/assets/fonts/fraunces-italic.woff2?v=6e3e0ba44d03') format('woff2')} @font-face{font-family:'Fraunces';font-style:normal;font-weight:300 500;font-display:swap;src:url('/assets/fonts/fraunces-normal.woff2?v=7e70bb818c2e') format('woff2')} @font-face{font-family:'Josefin Sans';src:url('/assets/fonts/josefin-sans.woff2?v=2d36642d2155') format('woff2');font-weight:100 700;font-display:swap} :root{--green:#005737;--ink:#3c3730;--paper:#f5f1e9;--gold:#eac054;--mist:#9bbcb7;--line:rgba(0,87,55,.22);--gutter:clamp(1.35rem,5.4vw,6.5rem);--serif:'Fraunces',Georgia,serif;--body:'EB Garamond',Georgia,serif;--sans:'Josefin Sans',sans-serif} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:var(--paper);font:var(--body-reading-size)/1.5 var(--body);overflow-wrap:break-word}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,input{ -webkit-tap-highlight-color:transparent}button{border:0;background:none}h1,h2,h3,p{margin:0}p+p{margin-top:1.1em}h1,h2,h3{font-family:var(--serif);font-weight:400;text-wrap:balance;letter-spacing:-.035em;overflow-wrap:normal}h1{font-size:calc(clamp(3.2rem,6.8vw,6.7rem) - var(--text-size-reduction));line-height:1.13}h2{font-size:calc(clamp(2.5rem,4.6vw,4.65rem) - var(--text-size-reduction));line-height:1.17}h3{font-size:calc(clamp(1.65rem,2.6vw,2.6rem) - var(--text-size-reduction));line-height:1.26}em{font-weight:300}h1 em,h2 em{color:var(--green)}::selection{background:var(--gold);color:var(--green)}:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.skip{position:fixed;top:10px;left:10px;z-index:100;background:var(--paper);padding:1rem;transform:translateY(-180%)}.skip:focus{transform:none}.section-pad{padding:clamp(4rem,8vw,8rem) var(--gutter)}.eyebrow{font:500 calc(1.1375rem - var(--text-size-reduction))/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase}.section-heading{max-width:1000px;margin-bottom:clamp(2.5rem,5vw,5rem)}.section-heading .eyebrow{margin-bottom:1.45rem;color:var(--green)}.section-heading h2{max-width:16ch}.section-heading.centered{margin-inline:auto;text-align:center;max-width:950px}.centered h2{margin-inline:auto}.lede{font-size:var(--body-reading-size);line-height:1.48;max-width:40ch;margin-top:1.75rem}.centered .lede{margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:1rem 1.8rem;color:var(--paper);background:var(--green);font:500 1.3rem/1.4 var(--sans);border:1px solid var(--green);transition:background .25s,color .25s}.button:hover{background:var(--ink);border-color:var(--ink)}.button.light{background:var(--paper);border-color:var(--paper);color:var(--green)}.button.light:hover{background:var(--gold);border-color:var(--gold)}.text-link{display:inline-block;font:500 1.3rem/1.6 var(--sans);border-bottom:1px solid currentColor;padding-bottom:.3rem;margin-top:1.75rem}.text-link:hover{color:var(--green)} .site-header{position:relative;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.4rem var(--gutter);min-height:113px;background:var(--paper)}.brand{flex:0 0 175px}.brand img{width:175px;height:72px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:clamp(1.2rem,2.5vw,3rem)}.site-header nav a{font:500 1.3rem/1.5 var(--sans);position:relative;padding:.6rem 0}.site-header nav a::after{content:'';height:1px;position:absolute;left:0;right:100%;bottom:.2rem;background:currentColor;transition:right .25s}.site-header nav a:hover::after,.site-header nav a[aria-current]::after{right:0}.site-header nav a:last-child{border-bottom:1px solid currentColor}.site-header.over-photo{position:absolute;inset:0 0 auto;background:transparent;color:var(--paper)}.menu-toggle{display:none} .hero{position:relative;isolation:isolate;min-height:850px;min-height:max(850px,100svh);display:flex;align-items:center;color:var(--paper);overflow:hidden;background:#254735}.hero-scene{position:absolute;inset:0;z-index:-2;overflow:hidden}.landscape-plane{position:absolute;width:max(106vw,142svh);aspect-ratio:1867/1400;left:50%;top:50%;transform:translate(-50%,-48%)}.land-base,.land-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.land-layer{background:url('/assets/paisagem.webp?v=12aa6a5bbf52') center/100% 100% no-repeat;will-change:transform;transform-origin:50% 60%}.hills-far{clip-path:polygon(0 40%,3% 39%,5% 38%,8% 37.5%,10% 38%,14% 36%,16% 35.7%,18% 37%,23% 37%,26% 35.5%,30% 36.5%,33% 35%,36% 34.5%,40% 33%,44% 32.2%,48% 34.5%,55% 34%,60% 32.8%,65% 30%,70% 29%,75% 29%,79% 29.6%,83% 27.3%,86% 27.8%,90% 28.8%,93% 27.4%,100% 26.3%,100% 100%,0 100%)}.hills-near{clip-path:polygon(0 49%,4% 48%,8% 47%,12% 48%,16% 45%,19% 42.5%,23% 43%,27% 41.5%,31% 42.5%,33% 38%,35% 37.9%,36% 41%,39% 40%,40% 38.5%,42% 39%,43% 42%,49% 41%,54% 42%,59% 42.3%,64% 42%,70% 43%,76% 42%,82% 43%,86% 41.5%,91% 42%,97% 39%,100% 39%,100% 100%,0 100%)}.trees-front{clip-path:polygon(0 57%,3% 57.5%,6% 55%,9% 56%,12% 54%,15% 53%,17% 55%,20% 54%,23% 52.5%,26% 52%,29% 51%,31% 52%,34% 50%,36% 51%,38% 54%,41% 55%,44% 54.5%,46% 53%,48% 52%,51% 52%,54% 50%,57% 48%,60% 47.5%,63% 48%,66% 51%,69% 51%,72% 52%,75% 50%,78% 53%,81% 52%,84% 48%,87% 42%,91% 40%,96% 40%,100% 40%,100% 100%,0 100%)}.clouds-high{mask-image:radial-gradient(ellipse 45% 13% at 35% 6%,#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 45% 13% at 35% 6%,#000 45%,transparent 100%)}.clouds-low{mask-image:radial-gradient(ellipse 24% 15% at 78% 17%,#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 24% 15% at 78% 17%,#000 45%,transparent 100%)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,35,25,.62),rgba(10,40,28,.16) 75%),linear-gradient(180deg,rgba(16,39,33,.37),transparent 35%,rgba(11,35,24,.22) 73%,rgba(11,35,24,.53));pointer-events:none}.hero-grain{position:absolute;inset:0;background:url('/assets/textura.webp?v=e57eda4ae219') center/600px;opacity:.06;mix-blend-mode:screen;pointer-events:none}.hero-content{width:67%;max-width:1000px;padding:11rem 0 10rem var(--gutter);position:relative;z-index:2}.hero-content .eyebrow{margin-bottom:1.7rem}.hero h1{max-width:10.5ch;font-size:calc(clamp(4.4rem,7.7vw,8rem) - var(--text-size-reduction));line-height:1.1;font-weight:300;letter-spacing:-.048em}.hero h1 em{display:block;color:var(--paper)}.hero-intro{font-size:calc(clamp(1.625rem,2.34vw,2.015rem) - var(--text-size-reduction));line-height:1.48;max-width:33ch;margin-top:2rem}.hero-content .button{margin-top:2rem}.hero-notebook{position:absolute;right:5.5%;top:30%;width:25%;max-width:330px;z-index:1;transform:translateY(var(--float-y,0px));}.hero-notebook figure{transform:rotate(5deg);margin:5rem 0 0 0}.hero-notebook figure img{aspect-ratio:1.14;object-fit:cover;mask:url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat}.hero-notebook figcaption{font-size:calc(2.32rem - var(--text-size-reduction));font-style:italic;line-height:1.35;text-align:center;margin:1.2rem 0 0}.hand-note{color:var(--gold);font-size:calc(2.24rem - var(--text-size-reduction));font-style:italic;line-height:1.45;position:relative;margin-left:3rem;transform:rotate(6deg)}.original-contour{position:absolute;inset:-10% -20%;background:var(--paper);mask:url('/assets/topografia.svg?v=62aab28f82bb') center/contain no-repeat;opacity:.55;pointer-events:none}.hero-bottom{position:absolute;bottom:2rem;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:2rem;font:400 calc(1.1375rem - var(--text-size-reduction))/1.5 var(--sans)}.hero-bottom a{display:flex;align-items:center;gap:1.5rem}.hero-bottom a span{font-size:calc(1.75rem - var(--text-size-reduction))}.hero-bottom>span{opacity:.75} .earth-section{position:relative}.earth-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(3rem,8vw,10rem);align-items:start}.earth-collage{position:relative;padding-bottom:8rem}.forest-window img{width:100%;aspect-ratio:.95;object-fit:cover;mask:url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat}.forest-window{transform:rotate(-2deg)}.photo figcaption{font-style:italic;font-size:calc(1.92rem - var(--text-size-reduction));line-height:1.4;margin-top:.8rem}.forest-window figcaption{font:400 calc(1.4rem - var(--text-size-reduction))/1.5 var(--sans);text-transform:uppercase;letter-spacing:.06em}.collage-detail{position:absolute;right:-8%;bottom:1rem;width:45%;transform:translateY(var(--float-y,0px)) rotate(7deg)}.collage-detail img{width:100%;aspect-ratio:1;object-fit:cover;mask:url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat}.collage-detail figcaption{text-align:center}.branch-illustration{position:absolute;left:-5%;bottom:0;width:44%;mix-blend-mode:multiply;pointer-events:none;transform:rotate(-18deg);opacity:.65}.earth-copy{padding-top:2rem;position:relative}.earth-copy h3{color:var(--green);margin-bottom:1.8rem;max-width:18ch}.earth-copy p{font-size:var(--body-reading-size);line-height:1.55}.hand-illustration{width:150px;margin:2rem 0 0 auto;mix-blend-mode:multiply;opacity:.8} .time-section{background:#e6eadf}.time-section .section-heading{max-width:850px}.comparison{width:100%;margin:0}.comparison-images{position:relative;aspect-ratio:16/9;overflow:hidden;user-select:none;isolation:isolate;background:var(--green)}.comparison-images>img,.comparison-images .after,.comparison-images .after img,.comparison-images>picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-images .after{clip-path:inset(0 calc(100% - var(--reveal,50%)) 0 0);pointer-events:none}.compare-line{position:absolute;top:0;bottom:0;left:clamp(0px,var(--reveal,50%),100%);width:44px;transform:translateX(-50%);z-index:5;cursor:ew-resize;touch-action:none;display:flex;align-items:center;justify-content:center;outline:none}.compare-line::before{content:'';position:absolute;inset:0 auto;width:2px;background:var(--paper)}.compare-line span{position:relative;display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:50%;background:var(--paper);color:var(--green);font:2rem/1 var(--body);box-shadow:0 2px 20px rgba(0,0,0,.2);transition:box-shadow .2s}.compare-line:focus-visible span{outline:3px solid var(--gold);outline-offset:4px}.compare-line:hover span,.dragging .compare-line span{box-shadow:0 2px 20px rgba(0,0,0,.3),0 0 0 6px rgba(245,241,233,.25)}.year{position:absolute;top:1rem;background:var(--paper);color:var(--green);padding:.4rem .8rem;font:500 1.17rem/1.4 var(--sans);pointer-events:none}.year-after{left:1rem}.year-before{right:1rem}.comparison figcaption{display:flex;justify-content:space-between;gap:1rem;font:400 calc(1.4rem - var(--text-size-reduction))/1.5 var(--sans);padding-top:1rem}.time-story{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;margin:4rem auto 0;max-width:1100px}.time-story .eyebrow{margin-bottom:1rem}.forest-note{text-align:center}.generated-forest{width:100%;max-width:450px;margin:0 auto 1rem}.forest-note p{font:300 var(--body-reading-size)/1.4 var(--serif)}.forest-note em{color:var(--green)} .field-section{overflow:hidden}.field-board{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4.5vw;align-items:start;padding:1rem 0 7rem;isolation:isolate}.field-photo{transform:translateY(var(--float-y,0px)) rotate(-4deg)}.field-photo img{width:100%;aspect-ratio:.88;object-fit:cover;mask:url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat}.field-photo figcaption{font-size:calc(2.24rem - var(--text-size-reduction));text-align:center}.field-photo.second{transform:translateY(var(--float-y,0px)) rotate(4deg);margin-top:7rem}.field-text{padding-top:1rem}.field-text h3{color:var(--green);margin-bottom:1rem}.field-text p{font-size:var(--body-reading-size);line-height:1.55}.botanical{position:absolute;pointer-events:none;z-index:-1;filter:brightness(0) saturate(100%) invert(24%) sepia(41%) saturate(1042%) hue-rotate(111deg) brightness(87%) contrast(104%)}.imbuia{width:25%;bottom:-1rem;left:-10%;transform:rotate(15deg);opacity:.45}.bird{width:20%;bottom:0;right:6%;opacity:.85}.rain-drawing{position:absolute;right:-2rem;bottom:8rem;width:31%;pointer-events:none}.rain-drawing img{opacity:.7;animation:rain-breathe 8s ease-in-out infinite alternate}@keyframes rain-breathe{from{transform:translateY(-4px) rotate(-1deg)}to{transform:translateY(5px) rotate(1deg)}} .meaning-section{background:var(--green);color:var(--paper);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw;overflow:hidden}.meaning-visual{position:relative;text-align:center}.araucaria-illustration{width:70%;max-height:500px;object-fit:contain;margin:auto}.meaning-visual .eyebrow{display:block;margin-top:2rem;font-size:calc(0.975rem - var(--text-size-reduction));line-height:1.8;color:var(--mist)}.meaning-copy h2{max-width:12ch;margin:1.5rem 0 2rem}.meaning-copy h2 em{color:var(--gold)}.meaning-copy p:not(.eyebrow){max-width:34ch}.meaning-copy .button{margin-top:2rem} .journal-section{position:relative}.journal-links{display:flex;gap:2rem;margin:-2rem 0 3rem}.journal-links .text-link{margin-top:0}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem}.journal-card a{display:block}.journal-image{overflow:hidden}.journal-image img{width:100%;aspect-ratio:1.25;object-fit:cover;transition:transform .5s}.journal-card a:hover .journal-image img{transform:scale(1.025)}.journal-card .eyebrow{font-size:calc(0.975rem - var(--text-size-reduction));letter-spacing:.05em;color:var(--green);margin:1.4rem 0 .8rem}.journal-card h3{font-size:calc(1.75rem - var(--text-size-reduction));line-height:1.3}.journal-card .text-link{font-size:1.17rem;margin-top:1.5rem}.journal-grid:has(.journal-card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}.journal-grid:has(.journal-card:nth-child(4)) h3{max-width:30ch} .letters-section{display:grid;grid-template-columns:1fr 1fr;background:#e6eadf}.letters-image{position:relative;overflow:hidden;min-height:600px}.letters-image>img,.letters-image>picture>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.letters-image .original-contour{inset:10% 0;opacity:.2;transform:rotate(-25deg)}.letters-copy{padding:clamp(3rem,6vw,6rem);align-self:center}.letters-copy .eyebrow{margin-bottom:1.5rem}.letters-copy h2{max-width:13ch;font-size:calc(clamp(2.5rem,4vw,4.5rem) - var(--text-size-reduction));line-height:1.2}.letters-copy p:not(.eyebrow){margin-top:1.7rem}.letters-copy .button{margin-top:2rem}.letters-copy .text-link{display:table;font-size:1.17rem}.site-footer{padding:4rem var(--gutter) 2rem}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:3rem}.footer-top p{font:300 calc(2.925rem - var(--text-size-reduction))/1.3 var(--serif);color:var(--green)}.footer-bottom{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding:1.6rem 0;font:400 calc(1.17rem - var(--text-size-reduction))/1.5 var(--sans)}.motion-toggle{padding:0;text-decoration:underline;text-underline-offset:4px;text-align:left;font:inherit}.review-note{display:flex;justify-content:space-between;gap:1rem;padding-top:1.5rem;font:400 0.975rem/1.5 var(--sans);color:#655f53}.review-note a{text-decoration:underline;text-underline-offset:3px} .inner-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;align-items:center;min-height:620px;padding-top:3.5rem;padding-bottom:5rem}.inner-hero .eyebrow{color:var(--green);margin-bottom:1.7rem}.inner-hero h1{max-width:13ch}.inner-hero-art{position:relative}.inner-hero-art .irregular{transform:rotate(3deg)}.inner-hero-art .irregular img{width:100%;aspect-ratio:1.1;object-fit:cover;mask:url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat}.inner-hero-art figcaption{text-align:center;font-size:calc(2.24rem - var(--text-size-reduction))}.inner-branch{position:absolute;bottom:-2rem;left:-3rem;width:38%;mix-blend-mode:multiply;transform:rotate(-35deg)}.article-layout{display:grid;grid-template-columns:220px minmax(0,800px);justify-content:center;gap:7vw;padding-top:3rem}.article-aside{align-self:start;position:sticky;top:2rem;font:400 calc(1.3rem - var(--text-size-reduction))/1.5 var(--sans)}.article-aside .eyebrow{color:var(--green);margin-bottom:1.5rem}.article-aside a{display:block;margin-top:1.15rem}.article-aside a:hover{text-decoration:underline;text-underline-offset:5px}.aside-illustration{margin-top:3rem;width:80%;max-height:260px;object-fit:contain;filter:brightness(0) saturate(100%) invert(24%) sepia(41%) saturate(1042%) hue-rotate(111deg) brightness(87%) contrast(104%);opacity:.55}.prose{min-width:0;font-size:var(--body-reading-size);line-height:1.65}.prose h2{font-size:calc(clamp(2rem,3.3vw,3.1rem) - var(--text-size-reduction));line-height:1.24;margin:3.8rem 0 1.4rem;color:var(--green);scroll-margin-top:2rem}.prose>h2:first-child{margin-top:0}.prose a{color:var(--green);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.prose p{margin-bottom:1.4rem}.prose p+p{margin-top:0}.prose li{padding-left:.3rem;margin-bottom:1rem}.prose ul{padding-left:1.4rem}.prose blockquote{font:300 var(--body-reading-size)/1.5 var(--serif);margin:2.5rem 0;padding-left:1.5rem;border-left:2px solid var(--gold)}.article-photo{margin:2.5rem 0}.article-photo img{width:100%;max-height:680px;object-fit:contain}.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin:2.5rem 0;align-items:start}.article-gallery .article-photo{margin:0}.article-gallery .article-photo img{width:100%;max-height:560px;object-fit:contain}.prose .comparison{margin:2.5rem 0}.prose .comparison figcaption{font-size:calc(1.28rem - var(--text-size-reduction))}.prose table{font:400 var(--body-reading-size)/1.5 var(--sans);border-collapse:collapse;width:100%;display:block;overflow:auto}.prose th,.prose td{padding:.75rem;border-bottom:1px solid var(--line);text-align:left;min-width:130px}.prose>p:empty{display:none}.article-title{max-width:1200px;margin:auto;text-align:center;padding-top:3rem;padding-bottom:4rem}.article-title h1{font-size:calc(clamp(2.8rem,5.3vw,5.2rem) - var(--text-size-reduction));line-height:1.18;margin:1.5rem auto 2rem}.article-title .eyebrow{color:var(--green)}.article-cover{max-width:1100px;margin:0 auto 4rem;padding:0 var(--gutter)}.article-cover img{width:100%;max-height:560px;object-fit:cover}.article-body{max-width:800px;margin:auto;padding:0 1.5rem}.article-return{max-width:850px;margin:auto;padding-top:2rem;padding-bottom:5rem}.diary{padding-top:2rem;max-width:1400px;margin:auto}.diary-entry{display:grid;grid-template-columns:220px minmax(0,850px);gap:6vw;padding:4rem 0;border-top:1px solid var(--line)}.diary-date{align-self:start;position:sticky;top:2rem}.diary-date h2{font-size:calc(2.1rem - var(--text-size-reduction));line-height:1.25;color:var(--green)}.diary-entry .article-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.diary-entry .article-gallery img{height:230px;object-fit:cover}.newsletter-invite{display:grid;grid-template-columns:.7fr 1fr;gap:7vw;max-width:1000px;margin:0 auto;align-items:center;padding-top:1rem}.newsletter-invite>img,.newsletter-invite>picture>img{width:100%;max-width:260px}.newsletter-invite h2{margin-bottom:1.5rem}.newsletter-invite .button{margin-top:1.75rem}.motion-paused *{animation:none!important;scroll-behavior:auto!important}.motion-paused [data-float]{--float-y:0px!important} @media(min-width:1700px){.hero-content{max-width:1200px}.hero-notebook{right:10%}.section-pad{padding-inline:max(var(--gutter),calc((100vw - 1600px)/2))}} @media(max-width:1100px){.site-header nav{gap:1.2rem}.site-header nav a{font-size:1.17rem}.hero{min-height:800px}.hero-content{width:70%;padding-top:10rem}.hero h1{font-size:calc(6.8rem - var(--text-size-reduction))}.hero-notebook{right:4%;width:24%;top:37%}.hero-notebook figure{margin-top:3rem}.hero-notebook figcaption,.hand-note{font-size:calc(1.76rem - var(--text-size-reduction))}.earth-grid{gap:5vw}.field-board{grid-template-columns:1fr 1fr}.field-text{grid-column:1/3;max-width:600px;margin:2rem auto}.rain-drawing{bottom:0;right:0;width:35%;opacity:.65}.bird{right:0;bottom:10rem}.journal-grid{gap:2rem}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:5vw}.diary-entry{grid-template-columns:170px minmax(0,1fr);gap:4vw}.letters-image{min-height:520px}} @media(max-width:900px){.site-header{min-height:100px;padding-block:1rem}.brand,.brand img{width:150px;flex-basis:150px;height:62px}.menu-toggle{display:flex;align-items:center;gap:1rem;font:500 1.3rem/1.5 var(--sans);padding:1rem 0}.menu-toggle span{font-size:1.35rem}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:1.5rem var(--gutter) 2rem;background:var(--paper);color:var(--green);box-shadow:0 18px 25px rgba(0,30,20,.12)}.menu-open .site-header nav{display:flex;flex-direction:column;align-items:stretch;gap:.4rem}.site-header nav a{font-size:1.69rem;padding:.8rem 0}.site-header nav a:last-child{border:0}.site-header nav a::after{display:none}.hero{min-height:850px}.hero h1{font-size:calc(clamp(4.6rem,9.8vw,6.6rem) - var(--text-size-reduction))}.hero-content{width:70%;padding-bottom:9rem}.hero-notebook{width:25%;right:4%;top:45%}.hero-notebook .hand-note{margin-left:0;font-size:calc(1.68rem - var(--text-size-reduction))}.hero-notebook figure{margin-top:2.5rem}.hero-intro{font-size:calc(1.69rem - var(--text-size-reduction))}.earth-grid{grid-template-columns:1fr 1fr;gap:3rem}.earth-copy{padding-top:0}.earth-copy p{font-size:var(--body-reading-size)}.earth-collage{padding-bottom:5rem}.hand-illustration{width:100px}.time-story{gap:4rem}.forest-note p{font-size:var(--body-reading-size)}.meaning-section{gap:4rem}.journal-grid{grid-template-columns:1fr 1fr}.journal-grid .journal-card:nth-child(3){grid-column:1/3;max-width:60%;margin:1rem auto 0}.letters-copy{padding:3rem 2rem}.letters-copy h2{font-size:calc(2.8rem - var(--text-size-reduction))}.article-layout{grid-template-columns:1fr;padding-top:0}.article-aside{position:relative;top:auto;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;padding-bottom:2rem;border-bottom:1px solid var(--line);font-size:calc(1.17rem - var(--text-size-reduction))}.article-aside .eyebrow{width:100%;margin:0}.article-aside a{margin:0}.article-aside img{display:none}.diary-entry{grid-template-columns:1fr;gap:1.7rem}.diary-date{position:static}.inner-hero{min-height:500px;gap:3rem}.inner-hero h1{font-size:calc(3.8rem - var(--text-size-reduction))}} @media(max-width:600px){body{font-size:var(--body-reading-size)}.section-pad{padding-block:4rem}h1{font-size:calc(3.35rem - var(--text-size-reduction));line-height:1.16}h2{font-size:calc(2.7rem - var(--text-size-reduction));line-height:1.2}h3{font-size:calc(1.85rem - var(--text-size-reduction));line-height:1.3}.eyebrow{font-size:calc(0.975rem - var(--text-size-reduction));letter-spacing:.08em}.section-heading{margin-bottom:2.5rem}.section-heading .eyebrow{margin-bottom:1.2rem}.hero{min-height:800px;min-height:max(800px,100svh);align-items:flex-start}.hero-content{width:100%;padding:10rem var(--gutter) 10rem}.hero h1{font-size:calc(clamp(3.7rem,14.5vw,5.4rem) - var(--text-size-reduction));line-height:1.11;letter-spacing:-.045em;max-width:11ch}.hero-content .eyebrow{font-size:calc(0.91rem - var(--text-size-reduction));margin-bottom:1.4rem}.hero-intro{font-size:calc(1.69rem - var(--text-size-reduction));line-height:1.5;max-width:28ch;margin-top:1.6rem}.hero-content .button{margin-top:1.75rem}.hero-notebook{display:none}.hero-shade{background:linear-gradient(90deg,rgba(8,34,25,.57),rgba(8,34,25,.26)),linear-gradient(180deg,rgba(6,33,22,.15),transparent 65%,rgba(8,34,25,.4))}.hero-bottom{left:var(--gutter);right:var(--gutter);bottom:2rem}.hero-bottom>span{display:none}.hero-bottom a{font-size:calc(1.04rem - var(--text-size-reduction))}.landscape-plane{width:max(114vw,145svh);left:57%;transform:translate(-50%,-44%)}.earth-grid{grid-template-columns:1fr;gap:1.5rem}.earth-collage{width:90%;padding-bottom:6rem}.collage-detail{right:-11%;width:45%}.forest-window img{aspect-ratio:1.1}.branch-illustration{width:40%;bottom:1rem}.earth-copy h3{max-width:21ch}.earth-copy p{font-size:var(--body-reading-size)}.hand-illustration{width:120px;margin-top:1.5rem}.time-section{padding-inline:0}.time-section>.section-heading,.time-story{padding-inline:var(--gutter)}.time-section .section-heading h2{font-size:calc(2.6rem - var(--text-size-reduction))}.time-section .lede{font-size:var(--body-reading-size)}.comparison-images{aspect-ratio:1.25}.comparison-images>img,.comparison-images .after img,.comparison-images>picture>img{object-fit:cover}.comparison figcaption{padding:1rem var(--gutter) 0;flex-direction:column;gap:.4rem;font-size:calc(1.2rem - var(--text-size-reduction))}.compare-line span{flex-basis:52px;height:52px}.year{font-size:0.975rem;top:.75rem}.time-story{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}.time-story p:not(.eyebrow){font-size:var(--body-reading-size)}.forest-note{max-width:300px;margin:auto}.forest-note p{font-size:var(--body-reading-size)!important}.generated-forest{margin-bottom:1.25rem}.field-board{gap:1.5rem;padding:0 0 5rem}.field-photo.second{margin-top:5rem}.field-photo figcaption{font-size:calc(1.6rem - var(--text-size-reduction));line-height:1.4;margin-top:.75rem}.field-text{margin:1rem 0;max-width:none}.field-text p{font-size:var(--body-reading-size)}.imbuia{width:45%;left:-20%;bottom:0}.bird{width:40%;right:-7%;bottom:0}.rain-drawing{position:relative;right:auto;bottom:auto;width:100%;grid-column:1/3;margin:1rem 0 -3rem}.meaning-section{grid-template-columns:1fr;gap:2rem}.meaning-visual{order:2;max-width:220px;margin:auto}.meaning-copy h2{max-width:15ch}.meaning-visual .eyebrow{font-size:calc(0.845rem - var(--text-size-reduction))}.araucaria-illustration{max-height:230px}.journal-grid,.journal-grid:has(.journal-card:nth-child(4)){grid-template-columns:1fr;gap:3rem}.journal-grid .journal-card:nth-child(3){grid-column:auto;max-width:none;margin:0}.journal-card h3{font-size:calc(1.8rem - var(--text-size-reduction))}.journal-links{margin:0 0 2rem;gap:1.5rem}.journal-links .text-link{font-size:1.17rem}.journal-section .section-heading{margin-bottom:2rem}.letters-section{grid-template-columns:1fr}.letters-image{min-height:330px}.letters-copy{padding:3rem var(--gutter) 4rem}.letters-copy h2{font-size:calc(3rem - var(--text-size-reduction));line-height:1.2}.site-footer{padding-top:3rem}.footer-top{align-items:flex-start;padding-bottom:2rem}.footer-top img{width:135px;height:auto}.footer-top p{font-size:calc(1.95rem - var(--text-size-reduction))}.footer-bottom{flex-direction:column;gap:1.25rem;font-size:calc(1.105rem - var(--text-size-reduction))}.review-note{flex-direction:column;gap:.6rem}.inner-hero{grid-template-columns:1fr;gap:2.5rem;padding-top:2.5rem;padding-bottom:3rem}.inner-hero h1{font-size:calc(3.4rem - var(--text-size-reduction));line-height:1.18;max-width:15ch}.inner-hero .lede{font-size:calc(1.69rem - var(--text-size-reduction))}.inner-hero-art{width:92%;margin:auto}.inner-hero-art .irregular img{aspect-ratio:1.35}.inner-hero-art figcaption{font-size:calc(1.92rem - var(--text-size-reduction))}.inner-branch{width:30%;left:-1rem;bottom:0}.article-layout{padding-top:1rem}.article-aside{gap:.9rem 1.25rem}.prose{font-size:var(--body-reading-size);line-height:1.6}.prose h2{font-size:calc(2.25rem - var(--text-size-reduction));line-height:1.25;margin-top:3rem}.article-gallery{gap:1rem;grid-template-columns:1fr}.article-gallery .article-photo img{max-height:450px;object-fit:contain}.prose .comparison{width:calc(100% + var(--gutter)*2);margin-left:calc(-1 * var(--gutter))}.prose .comparison figcaption{font-size:calc(1.2rem - var(--text-size-reduction))}.article-title{padding-top:2.5rem;padding-bottom:3rem}.article-title h1{font-size:calc(2.8rem - var(--text-size-reduction));line-height:1.24}.article-cover{padding:0;margin-bottom:2rem}.article-cover img{height:330px;object-fit:cover}.article-body{padding-inline:var(--gutter)}.article-body .article-photo img{max-height:500px}.diary{padding-top:0}.diary-entry{padding:2.5rem 0}.diary-entry .article-gallery{grid-template-columns:1fr 1fr;gap:.8rem}.diary-entry .article-gallery img{height:200px}.diary-entry .article-gallery .article-photo:last-child:nth-child(odd){grid-column:1/3}.diary-entry .article-gallery .article-photo:last-child:nth-child(odd) img{height:260px}.newsletter-invite{grid-template-columns:1fr;gap:2rem;padding-top:0}.newsletter-invite>img,.newsletter-invite>picture>img{max-width:160px;margin:auto}.newsletter-invite h2{font-size:calc(2.5rem - var(--text-size-reduction))}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.land-layer{transform:none!important}[data-float]{--float-y:0px!important}} .team-section{background:#e6eadf}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5rem}.team-grid .photo{max-width:240px;margin-bottom:2rem}.team-grid .photo img{width:100%;aspect-ratio:1;object-fit:cover;mask:url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat}.team-grid h3{font-size:calc(1.75rem - var(--text-size-reduction));color:var(--green);margin-bottom:1.3rem}.team-grid p{font-size:var(--body-reading-size);line-height:1.55}.team-grid article{min-width:0}@media(max-width:900px){.team-grid{gap:2rem}}@media(max-width:600px){.team-grid{grid-template-columns:1fr;gap:3rem}.team-grid .photo{max-width:220px}.team-grid h3{font-size:calc(2rem - var(--text-size-reduction))}} .ink-filters{position:absolute;overflow:hidden;pointer-events:none} .charcoal-dark{filter:url(#ink-green)!important;mix-blend-mode:normal!important;opacity:1!important} .charcoal-light{filter:url(#ink-light)!important;mix-blend-mode:normal!important;opacity:1!important} .forest-illustration{display:block;max-width:390px;width:100%;max-height:265px;object-fit:contain;margin:0 auto 1.6rem} .photo-art{position:relative;width:100%;margin-bottom:clamp(2.7rem,5vw,4rem)} .photo-surface{width:100%;aspect-ratio:1.1;mask:url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat;overflow:hidden} .photo-art img.photo-source{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;mask:none;transform:none} .photo-ink{position:absolute;bottom:-13%;left:-9%;width:47%;pointer-events:none} .photo-art .photo-ink img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;mask:none;transform:none} .ink-outside{z-index:2;filter:url(#ink-green)} .photo-ink-layer{position:absolute;inset:0;z-index:3;pointer-events:none;mask:url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat} .ink-inside{filter:url(#ink-light)} .illustrated>figcaption{position:relative;z-index:1;display:block;margin:0;text-align:center;line-height:1.5;padding-inline:1rem} .earth-collage{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;padding-bottom:0;min-width:0} .earth-collage .forest-window{position:relative;margin:0;min-width:0} .earth-collage .forest-window figcaption{margin-top:0;padding:.5rem 0 0;text-align:left;font-size:calc(1.4rem - var(--text-size-reduction))} .earth-collage .collage-detail{position:relative;right:auto;bottom:auto;width:47%;justify-self:end;margin:0 0 2rem} .earth-grid{align-items:start} .field-board{padding-bottom:1rem;column-gap:5.5vw} .field-photo .photo-surface{aspect-ratio:.88} .field-photo.illustrated>figcaption{font-size:calc(2.08rem - var(--text-size-reduction))} .field-observation{position:relative;margin:2.5rem auto 0;max-width:230px;pointer-events:none} .field-observation img{width:100%;height:auto;max-height:230px;object-fit:contain} .field-text{min-width:0;position:relative;padding-left:.5rem} .inner-hero>div{min-width:0} .inner-hero-art{padding:0 0 0 1.5rem} .inner-hero-art .illustrated{transform:rotate(2deg)} .inner-hero-art .illustrated>figcaption{max-width:36ch;margin:0 auto;padding:0 1rem;font-size:calc(2rem - var(--text-size-reduction));line-height:1.55;transform:rotate(-2deg)} .inner-hero-art .photo-art{margin-bottom:clamp(3rem,5.5vw,4.5rem)} .inner-hero-art .photo-surface{aspect-ratio:1.1} .inner-hero-art .photo-ink{left:-10%;bottom:-14%;width:44%} .aside-illustration{max-height:230px;width:90%;margin-top:2.5rem} .journal-image{overflow:visible} .journal-image img,.article-cover .photo>img,.article-photo.organic-photo>img,.article-cover .photo>picture>img,.article-photo.organic-photo>picture>img{mask:url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat} .journal-card .eyebrow{margin-top:1.7rem} .letters-image{margin:2.5rem 0 2.5rem 2.5rem;min-height:510px;mask:url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat} .letters-image .original-contour{display:none} .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3rem,7vw,7rem);max-width:1150px;margin:auto} .team-grid .team-portrait{max-width:360px;width:100%;margin-bottom:2rem} .team-grid .team-portrait img{aspect-ratio:1;object-fit:cover;object-position:50% 65%} .team-grid .team-portrait img[src$="julio-retrato.webp"]{object-position:50% 84%} .mountains-distant{clip-path:polygon(0 39.7%,3% 39.4%,5% 38.6%,8% 37.5%,10% 38%,14% 36.6%,16% 36%,18% 37.1%,23% 37.3%,26% 35.9%,30% 36.8%,33% 35.4%,36% 34.8%,40% 33.1%,44% 32.6%,48% 35%,55% 34%,60% 33%,65% 30.3%,70% 29.2%,75% 29.4%,79% 29.8%,83% 27.5%,86% 28.1%,90% 29%,94% 27.6%,100% 26.5%,100% 100%,0 100%)} .hills-far{clip-path:polygon(0 44%,5% 43.5%,10% 43%,16% 41.5%,23% 42%,29% 40%,35% 39%,41% 38%,47% 35.9%,53% 34.5%,59% 33.5%,64% 30.8%,69% 29.5%,73% 29.5%,78% 30.5%,83% 30%,88% 29.8%,94% 28.6%,100% 28.8%,100% 100%,0 100%)} @media(max-width:1100px){.field-board{gap:3rem}.field-text{padding-left:0}.field-observation{max-width:190px}.letters-image{min-height:460px}} @media(max-width:900px){.field-board{column-gap:2.5rem}.inner-hero-art{padding-left:1rem}.inner-hero-art .photo-art{margin-bottom:3.5rem}.team-grid{gap:3rem}.letters-image{min-height:460px;margin:1.75rem 0 1.75rem 1.75rem}} @media(max-width:600px){.earth-collage{width:96%;gap:1.5rem}.earth-collage .collage-detail{width:47%;margin-bottom:1rem}.earth-collage .forest-window figcaption{text-align:center;font-size:calc(1.2rem - var(--text-size-reduction))}.photo-art{margin-bottom:2.6rem}.field-board{gap:2rem 1.5rem}.field-photo.illustrated>figcaption{font-size:calc(1.6rem - var(--text-size-reduction));padding:0}.field-photo .photo-art{margin-bottom:2rem}.field-photo .photo-ink{bottom:-13%;left:-6%;width:52%}.field-text{margin-top:1.5rem}.field-observation{max-width:150px;margin-top:1.75rem}.inner-hero-art{width:92%;padding:0;margin:auto}.inner-hero-art .photo-surface{aspect-ratio:1.35}.inner-hero-art .photo-art{margin-bottom:3.5rem}.inner-hero-art .illustrated>figcaption{font-size:calc(1.84rem - var(--text-size-reduction));padding-inline:.75rem}.inner-hero-art .photo-ink{width:43%;left:-7%;bottom:-14%}.letters-image{min-height:300px;margin:1.5rem 1.35rem 0}.team-grid{grid-template-columns:1fr;gap:3.5rem}.team-grid .team-portrait{max-width:320px}.forest-illustration{max-height:220px;margin-bottom:1.25rem}} .cloud-photo-art{position:relative;mask:url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat;overflow:hidden}.cloud-photo-art>img:not(.sky-sketch),.cloud-photo-art>picture>img:not(.sky-sketch){width:100%;height:auto;max-height:none;object-fit:contain}.cloud-photo-art .sky-sketch{position:absolute;top:3%;left:19%;width:62%;height:28%;object-fit:contain;max-height:none;pointer-events:none;opacity:.85;filter:brightness(0) saturate(100%) invert(20%) sepia(14%) saturate(1570%) hue-rotate(110deg) brightness(95%) contrast(101%)} .illustrated .photo-art{margin-bottom:calc(16% + 1rem)} .site-header.over-photo .brand { flex: 0 1 280px; width: 280px; min-width: 0; height: auto; } .site-header.over-photo .brand img { width: 100%; height: auto; } .site-header.over-photo .menu-toggle { flex-shrink: 0; } .earth-grid { grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); } .time-story { grid-template-columns: repeat(2,minmax(0,1fr)); } .meaning-section { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); } .inner-hero { grid-template-columns: repeat(2,minmax(0,1fr)); } .earth-grid > *, .time-story > *, .field-board > *, .letters-section > *, .meaning-section > *, .journal-grid > *, .article-layout > *, .diary-entry > * { min-width: 0; } .button, .text-link { max-width: 100%; min-height: 44px; } .button { text-align: center; } .journal-links { flex-wrap: wrap; } .prose a, .team-grid a { overflow-wrap: anywhere; } .article-aside a { padding-block: .5rem; } .hero { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); column-gap: clamp(3rem,6vw,7rem); row-gap: 4rem; align-content: center; align-items: center; padding: 11rem var(--gutter) 2.5rem; } .hero-content { width: auto; max-width: 100%; padding: 0; } .hero h1 { font-size: calc(clamp(4.5rem,7.7vw,8rem) - var(--text-size-reduction)); } .hero-intro { max-width: 33ch; } .hero-notebook { position: relative; top: auto; right: auto; display: block; width: 100%; max-width: 370px; margin: 2rem auto 0; } .hero-notebook .hand-note { margin: 0 0 1.5rem; text-align: center; transform: none; font-size: calc(2.24rem - var(--text-size-reduction)); line-height: 1.3; } .hero-notebook figure { margin: 0; transform: none; } .hero-photo-art { position: relative; padding: 1.25rem 1.6rem 1.7rem; isolation: isolate; } .hero-photo-art .original-contour { inset: 0; z-index: -1; opacity: .75; } .hero-notebook figure img { width: 100%; aspect-ratio: 1.14; transform: rotate(4deg); } .hero-notebook figcaption { margin: 1.5rem 0 0; line-height: 1.35; } .hero-bottom { position: static; grid-column: 1 / -1; margin-top: 1rem; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; } .hero-bottom a { min-height: 44px; } .landscape-plane { left: 50%; transform: translate(-50%,-50%); } .hand-illustration { display: block; width: min(100%,310px); height: auto; margin: 2.25rem 0 0; opacity: 1; } .illustrated .photo-art { margin-bottom: calc(16% + 1.5rem); } .illustrated > figcaption { padding-inline: 0; } .earth-collage { padding-left: 5%; } .earth-collage .collage-detail { width: 57%; margin-bottom: 1.5rem; } .forest-window { transform: none; } .earth-collage .forest-window figcaption { line-height: 1.6; } .collage-detail { transform: translateY(var(--float-y,0px)) rotate(3deg); } .field-board { grid-template-columns: repeat(3,minmax(0,1fr)); } .field-photo { transform: translateY(var(--float-y,0px)) rotate(-2deg); } .field-photo.second { transform: translateY(var(--float-y,0px)) rotate(2deg); } .field-photo figcaption { margin-top: 1.5rem; } .inner-hero-art { padding-left: 2rem; } .inner-hero-art .illustrated { transform: none; } .inner-hero-art .illustrated > figcaption { transform: none; padding-inline: .5rem; } .comparison-images { aspect-ratio: 16/9; } .comparison figcaption { flex-wrap: wrap; line-height: 1.6; } .comparison-images .after { will-change: clip-path; } .letters-section { grid-template-columns: repeat(2,minmax(0,1fr)); background: var(--green); color: var(--paper); } .letters-image { margin: 0; min-height: 0; mask: none; -webkit-mask: none; display: grid; align-items: center; overflow: hidden; } .letters-image > img , .letters-image >picture>img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .letters-copy { padding: clamp(2.5rem,5vw,6rem); } .letters-copy h2 { max-width: 16ch; } .letters-copy h2 em { color: var(--gold); } .letters-copy p:not(.eyebrow) { max-width: 33ch; } .letters-copy .text-link { display: table; color: var(--paper); line-height: 1.6; } .letters-copy .letters-primary { display: flex; width: fit-content; align-items: center; gap: 2rem; margin-top: 2.5rem; padding-bottom: .6rem; font-size: calc(1.3rem - var(--text-size-reduction)); } .letters-copy .text-link:hover { color: var(--gold); } .site-footer { padding-block: 4.5rem 2.5rem; } .footer-top { gap: 2.5rem; flex-wrap: wrap; padding-bottom: 3.5rem; } .footer-brand { display: block; flex: 0 1 320px; } .footer-top img { width: 320px; max-width: 100%; height: auto; } .footer-top p { white-space: nowrap; font-size: calc(clamp(1rem,4.3vw,2.925rem) - var(--text-size-reduction)); line-height: 1.4; letter-spacing: -.035em; } .footer-columns { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.3fr) minmax(0,1fr); gap: 3rem; border-top: 1px solid var(--line); padding: 3rem 0; } .footer-group { display: flex; flex-direction: column; align-items: flex-start; gap: .6rem; min-width: 0; } .footer-group h2 { font: 500 calc(1.05rem - var(--text-size-reduction))/1.5 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--green); margin-bottom: .8rem; } .footer-group a, .footer-group p { font: 400 calc(1.3rem - var(--text-size-reduction))/1.65 var(--sans); } .footer-group a { min-height: 44px; padding-block: .3rem; max-width: 100%; overflow-wrap: anywhere; } .footer-group a:hover { text-decoration: underline; text-underline-offset: .3em; } .footer-utility { border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 1.5rem; padding-top: 2rem; } .footer-utility .motion-toggle { font: 400 1.17rem/1.6 var(--sans); min-height: 44px; } .footer-utility .review-note { padding: 0; flex-wrap: wrap; gap: .6rem 1.5rem; font-size: 1rem; } .review-note a { min-height: 44px; display: inline-flex; align-items: center; } @media (max-width: 1320px) { .site-header { min-height: 100px; padding-block: 1rem; } .brand, .brand img { width: 150px; flex-basis: 150px; height: 62px; } .site-header.over-photo .brand { flex-basis: 220px; width: 220px; } .site-header.over-photo nav { max-height: calc(100dvh - 142px); } .menu-toggle { display: flex; align-items: center; gap: 1rem; font: 500 1.3rem/1.5 var(--sans); min-height: 48px; padding: .7rem 0; } .menu-toggle span { font-size: 1.35rem; } .site-header nav { display: none; position: absolute; left: 0; right: 0; top: 100%; padding: 1.5rem var(--gutter) 2rem; background: var(--paper); color: var(--green); max-height: calc(100dvh - 100px); overflow-y: auto; overscroll-behavior: contain; box-shadow: 0 18px 25px rgba(0,30,20,.12); } .menu-open .site-header nav { display: flex; flex-direction: column; align-items: stretch; gap: .4rem; } .site-header nav a { font-size: 1.69rem; padding: .8rem 0; } .site-header nav a:last-child { border: 0; } .site-header nav a::after { display: none; } .hero { column-gap: 3rem; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); } .hero h1 { font-size: calc(clamp(3.8rem,7.7vw,6rem) - var(--text-size-reduction)); } .hero-notebook .hand-note { font-size: calc(1.76rem - var(--text-size-reduction)); } .hero-notebook figcaption { font-size: calc(1.76rem - var(--text-size-reduction)); } .field-board { grid-template-columns: repeat(2,minmax(0,1fr)); } .field-text { grid-column: 1 / -1; max-width: 650px; margin: 2rem auto 0; } .letters-copy { padding: 2.5rem; } .letters-copy h2 { font-size: calc(clamp(2.6rem,4vw,3.4rem) - var(--text-size-reduction)); } } @media (max-width: 900px) { .hero { column-gap: 2rem; padding-top: 10rem; } .hero-notebook { margin-top: 1rem; } .hero-photo-art { padding-inline: 1rem; } .earth-grid { gap: 3rem; } .time-story { gap: 3rem; } .letters-section { grid-template-columns: 1fr; } .letters-image > img , .letters-image >picture>img { position: static; width: 100%; height: auto; object-fit: contain; } .letters-copy { padding: 3rem var(--gutter) 4rem; } .letters-copy h2 { font-size: calc(clamp(2.7rem,6.5vw,4rem) - var(--text-size-reduction)); max-width: 20ch; } .letters-copy p:not(.eyebrow) { max-width: 40ch; } .footer-columns { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2.5rem; } .footer-group:last-child { grid-column: 1 / -1; } .footer-top { flex-direction: column; align-items: flex-start; gap: 2rem; } .footer-brand { flex-basis: auto; } .footer-top img { width: 280px; } } @media (max-width: 760px) { .hero { grid-template-columns: minmax(0,1fr); row-gap: 3rem; min-height: 100svh; padding-top: 10rem; } .hero h1 { font-size: calc(clamp(3.5rem,12vw,6rem) - var(--text-size-reduction)); max-width: 12ch; } .hero-intro { max-width: 35ch; } .hero-notebook { max-width: 320px; width: 90%; margin: 0 auto; } .hero-notebook .hand-note { font-size: calc(1.76rem - var(--text-size-reduction)); } .hero-bottom { margin-top: 0; } .hero-bottom > span { display: none; } .hero-shade { background: linear-gradient(90deg,rgba(6,35,25,.65),rgba(6,35,25,.3)),linear-gradient(180deg,rgba(6,35,25,.2),rgba(6,35,25,.42)); } .earth-grid, .time-story, .meaning-section, .inner-hero { grid-template-columns: minmax(0,1fr); } .earth-grid { gap: 2.5rem; } .earth-collage { max-width: 540px; width: 95%; padding-bottom: 0; margin: auto; } .earth-copy { padding-top: 0; } .earth-copy h3 { max-width: 24ch; } .hand-illustration { width: min(85%,310px); margin: 2rem 0 0; } .forest-note { max-width: 440px; width: 100%; margin: auto; } .field-board { grid-template-columns: minmax(0,1fr); gap: 3rem; padding-bottom: 0; } .field-photo, .field-photo.second { max-width: 460px; width: 90%; margin: 0 auto; transform: none; } .field-text { grid-column: auto; margin: 0; max-width: none; } .field-photo .photo-surface { aspect-ratio: 1.1; } .field-observation { max-width: 220px; } .meaning-section { gap: 3rem; } .meaning-visual { order: 2; max-width: 320px; width: 100%; margin: auto; } .araucaria-illustration { max-height: 330px; } .journal-grid, .journal-grid:has(.journal-card:nth-child(4)) { grid-template-columns: minmax(0,1fr); gap: 3rem; } .journal-grid .journal-card:nth-child(3) { grid-column: auto; max-width: none; margin: 0; } .journal-card h3 { font-size: calc(2rem - var(--text-size-reduction)); max-width: 30ch; } .inner-hero { gap: 3rem; min-height: 0; padding-top: 3rem; padding-bottom: 3rem; } .inner-hero h1 { font-size: calc(clamp(2.8rem,9vw,4.5rem) - var(--text-size-reduction)); } .inner-hero-art { width: 92%; max-width: 560px; margin: auto; padding: 0; } .team-grid { grid-template-columns: minmax(0,1fr); gap: 3.5rem; } .team-grid .team-portrait { max-width: 360px; } .newsletter-invite { grid-template-columns: minmax(0,1fr); gap: 2rem; } .newsletter-invite > img , .newsletter-invite >picture>img { width: min(85%,280px); max-width: 280px; margin: auto; } } @media (max-width: 600px) { .section-pad { padding-block: 3.5rem; } .hero-notebook figcaption { font-size: calc(1.76rem - var(--text-size-reduction)); } .hero h1 { font-size: calc(clamp(3.2rem,12vw,4.5rem) - var(--text-size-reduction)); } .hero-content .eyebrow { max-width: 29ch; line-height: 1.7; } .hero-bottom a { font-size: calc(1.04rem - var(--text-size-reduction)); flex-wrap: wrap; gap: .75rem; } .hero-photo-art { padding: 1.1rem 1rem 1.5rem; } .earth-collage .collage-detail { width: 65%; transform: translateY(var(--float-y,0px)); } .earth-collage .forest-window figcaption { font-size: calc(1.2rem - var(--text-size-reduction)); } .comparison-images { aspect-ratio: 4/3; } .comparison figcaption, .prose .comparison figcaption { font-size: calc(1.2rem - var(--text-size-reduction)); flex-direction: column; gap: .5rem; } .year { top: .7rem; font-size: .975rem; padding: .3rem .65rem; } .year-after { left: .7rem; } .year-before { right: .7rem; } .compare-line span { flex-basis: 52px; height: 52px; } .time-story { gap: 3rem; } .time-section .section-heading h2 { font-size: calc(clamp(2.25rem,8.5vw,2.6rem) - var(--text-size-reduction)); } .time-section .lede { font-size: var(--body-reading-size); } .inner-hero-art .photo-surface { aspect-ratio: 1.15; } .inner-hero-art .illustrated > figcaption { font-size: calc(1.84rem - var(--text-size-reduction)); padding-inline: 0; } .field-photo.illustrated > figcaption { font-size: calc(1.6rem - var(--text-size-reduction)); } .letters-copy h2 { font-size: calc(clamp(2.4rem,9vw,3rem) - var(--text-size-reduction)); } .letters-copy .text-link { font-size: 1.17rem; } .letters-copy .letters-primary { font-size: calc(1.3rem - var(--text-size-reduction)); } .footer-top { padding-bottom: 2.5rem; } .footer-top img { width: 250px; } .footer-columns { grid-template-columns: minmax(0,1fr); gap: 2.5rem; padding-block: 2.5rem; } .footer-group:last-child { grid-column: auto; } .footer-utility { flex-direction: column; gap: 1.5rem; } .footer-utility .review-note { flex-direction: column; align-items: flex-start; } .article-aside { gap: .5rem 1.25rem; } .article-aside a { min-height: 44px; margin: 0; } .prose .comparison { width: 100%; margin-inline: 0; } .prose table { max-width: 100%; } .prose blockquote { margin-inline: 0; padding-inline: 1rem; font-size: var(--body-reading-size); } .diary-entry .article-gallery { grid-template-columns: minmax(0,1fr); gap: 1.25rem; } .diary-entry .article-gallery .article-photo:last-child:nth-child(odd) { grid-column: auto; } .diary-entry .article-gallery img, .diary-entry .article-gallery .article-photo:last-child:nth-child(odd) img { height: auto; max-height: none; } } @media (max-width: 380px) { .site-header { gap: 1rem; } .brand, .brand img { flex-basis: 140px; width: 140px; } h2 { font-size: calc(2.35rem - var(--text-size-reduction)); } .hero { padding-top: 9rem; } .hero-notebook { width: 100%; } .button { padding-inline: 1.1rem; } .footer-top img { width: 230px; } .article-title h1 { font-size: calc(2.35rem - var(--text-size-reduction)); } .prose h2 { font-size: calc(2rem - var(--text-size-reduction)); } } .hero { grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); column-gap: 4vw; } .hero h1 { max-width: none; font-size: calc(clamp(3.6rem,6.6vw,7.2rem) - var(--text-size-reduction)); line-height: 1.16; } .hero h1 span { display: block; } .hero .button { gap: 1.2rem; } .hero-actions { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; margin-top: 1.6rem; max-width: 650px; } .hero-actions .button { flex: 0 0 auto; margin-top: 0; } .hero-jay { flex: 0 1 190px; width: clamp(130px,14vw,190px); margin-right: 2%; pointer-events: none; } .hero-jay img { display: block; width: 100%; height: auto; transform: translateY(-1.5rem); } .hero-clearing { min-width: 0; height: clamp(360px,42vw,620px); pointer-events: none; } .forest-plane { position: absolute; inset: 0; transform-origin: 50% 60%; pointer-events: none; } .hero-forest { position: absolute; left: 54%; top: 28.5%; width: 25%; } .hero-forest img { display: block; width: 100%; height: auto; filter: url(#ink-light); transform-origin: 50% 82%; transform: scale(var(--forest-growth,.9)); } .earth-collage { display: block; padding-bottom: 0; } .earth-copy { padding-top: 0; } .earth-section .section-heading { max-width: 1150px; } .earth-section .section-heading h2 { max-width: 24ch; } .meaning-copy h2 { max-width: 22ch; font-size: calc(clamp(2.2rem,3.5vw,3.6rem) - var(--text-size-reduction)); } .time-story .forest-note { align-self: center; } .text-card { border-top: 1px solid var(--line); padding-top: 1.5rem; } .journal-card .article-summary { font: 400 var(--body-reading-size)/1.5 var(--body); margin-top: 1.25rem; } .text-card .eyebrow { margin-top: 0; } .letters-copy h2 { font-size: calc(clamp(2.4rem,3.2vw,3.5rem) - var(--text-size-reduction)); max-width: 22ch; } .social-invite { border-bottom: 1px solid var(--line); } .social-heading { margin-bottom: 2rem; } .social-invite h2 { font-size: calc(clamp(2.2rem,4vw,3.5rem) - var(--text-size-reduction)); } .social-heading .text-link { margin-top: .7rem; gap: .8rem; } .social-posts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1.25rem; list-style: none; padding: 0; margin: 0; } .social-posts li { min-width: 0; } .social-post { display: block; } .social-post img { display: block; width: 100%; height: auto; aspect-ratio: 4/5; object-fit: contain; } .social-post-link { display: flex; justify-content: space-between; gap: .5rem; padding-block: .85rem; color: var(--green); font: 400 calc(1.17rem - var(--text-size-reduction))/1.5 var(--sans); } .social-post:hover .social-post-link { text-decoration: underline; text-underline-offset: .3em; } .social-post:focus-visible { outline: 2px solid var(--green); outline-offset: 5px; } .footer-columns { padding-block: 2.2rem; } .footer-group { gap: .1rem; } .footer-group h2 { margin-bottom: .55rem; } .footer-group a, .footer-group p { line-height: 1.4; } .footer-group a { min-height: 32px; padding-block: .12rem; } .footer-group .footer-social-heading { margin-top: 1.2rem; } .back-to-top { display: inline-flex; align-items: center; justify-content: center; gap: 1.2rem; min-height: 48px; padding: .6rem 1rem; border: 1px solid var(--green); color: var(--green); font: 400 1.17rem/1.4 var(--sans); } .back-to-top span { font-size: 1.5rem; } .back-to-top:hover { background: var(--green); color: var(--paper); } .floating-top { position: fixed; z-index: 25; right: max(1rem,env(safe-area-inset-right)); bottom: max(1rem,env(safe-area-inset-bottom)); display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 50%; color: var(--green); background: rgba(245,241,233,.94); box-shadow: 0 2px 12px rgba(0,40,25,.08); font: 400 1.65rem/1 var(--sans); } .floating-top[hidden] { display: none; } .floating-top:hover { color: var(--paper); background: var(--green); } .floating-top:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; } .newsletter-invite { display: block; max-width: 1000px; padding-bottom: 5rem; } .diary-heading { margin-bottom: 2rem; } .diary-entry { grid-template-columns: 180px minmax(0,1fr); gap: 2rem; padding-block: 2rem; align-items: start; } .diary-entry .prose { line-height: 1.55; } .diary-entry .prose p { margin-bottom: 1rem; } .diary-entry .prose li { margin-bottom: .6rem; } .diary-entry .prose > :first-child { margin-top: 0; } .diary-entry .prose > :last-child { margin-bottom: 0; } .diary-entry .article-gallery { gap: .85rem; margin-block: 1.5rem; align-items: start; } .diary-entry .article-gallery .article-photo { position: relative; width: 100%; aspect-ratio: 4/3; min-height: 0; margin: 0; } .diary-entry .article-gallery .article-photo img { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; object-fit: cover; } .diary-entry .diagnosis-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); } .diary-date h3 { color: var(--green); font-size: calc(2.1rem - var(--text-size-reduction)); line-height: 1.25; } .inner-hero-art .muriqui-composition .photo-ink { left: -20%; bottom: -14%; width: 44%; } .founders-heading { display: flex; align-items: center; gap: clamp(1rem,4vw,4rem); max-width: 1150px; margin: 0 auto clamp(2.5rem,5vw,5rem); } .founders-heading .section-heading { min-width: 0; margin: 0; } .founders-heading h2 { max-width: none; } .founders-illustration { flex: 0 0 auto; width: clamp(140px,17vw,230px); height: auto; } .biodiversity-map .photo-art { margin-bottom: clamp(2rem,5vw,4rem); } .biodiversity-map .photo-surface { aspect-ratio: auto; overflow: visible; mask: none; } .biodiversity-map .photo-surface > img , .biodiversity-map .photo-surface >picture>img { width: 100%; height: auto; max-height: none; object-fit: contain; } .biodiversity-map .photo-ink-layer { mask: none; overflow: hidden; } .biodiversity-map .photo-ink { left: auto; right: 0; bottom: -12%; width: 27%; } .fauna-landscape-art { position: relative; } .fauna-landscape-art > img , .fauna-landscape-art >picture>img { width: 100%; height: auto; max-height: none; mask: url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat; } .fauna-landscape-art > span { position: absolute; pointer-events: none; } .fauna-landscape-art > span img { width: 100%; height: auto; max-height: none; } .fauna-flight { width: 13%; left: 52%; top: 33%; filter: url(#ink-green); } .regeneration-acervo { padding-top: 1rem; } .regeneration-acervo > h2 { max-width: 20ch; margin: 0 auto 3rem; text-align: center; } .regeneration-gallery.article-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; max-width: 1280px; margin: 0 auto; align-items: stretch; } .regeneration-gallery .scroll-photo { margin: 0; min-width: 0; } .scroll-photo-surface { width: 100%; aspect-ratio: 1; overflow: hidden; mask: url('/assets/moldura.svg?v=4a5841ba851c') center/100% 100% no-repeat; } .regeneration-gallery .scroll-photo-surface img { display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: center; mask: none; transform: scale(var(--photo-scale,1)); transform-origin: center; } .regeneration-gallery .scroll-photo:last-child:nth-child(odd) { grid-column: 1 / -1; width: calc((100% - .65rem)/2); justify-self: center; } @media (max-width: 1200px) { .site-header nav a { white-space: normal; } .hero { grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); gap: 3vw; } .hero h1 { font-size: calc(clamp(3.5rem,6.8vw,5.8rem) - var(--text-size-reduction)); } } @media (max-width: 1000px) { .social-posts { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 900px) { .diary-entry { grid-template-columns: minmax(0,1fr); gap: .85rem; } .diary-date { position: static; } } @media (max-width: 760px) { .hero { grid-template-columns: minmax(0,1fr); row-gap: 2rem; padding-top: 10rem; min-height: max(1000px,100svh); } .hero h1 { font-size: calc(clamp(2.85rem,9vw,4.5rem) - var(--text-size-reduction)); } .hero-actions { max-width: 430px; gap: .75rem; } .hero-jay { flex: 0 0 125px; margin-right: 0; } .hero-jay img { transform: none; } .hero-actions .button { align-self: center; padding-inline: 1.2rem; } .hero-clearing { height: 350px; } .landscape-plane { top: 68%; } .hero-forest { left: 60%; top: 39.16%; width: 12%; } .hero-bottom { margin-top: 1rem; } .meaning-copy h2 { max-width: 25ch; } .letters-copy h2 { font-size: calc(clamp(2.1rem,7.5vw,3rem) - var(--text-size-reduction)); } .social-posts { gap: 1.2rem .75rem; } .social-post-link { font-size: calc(1.04rem - var(--text-size-reduction)); } .footer-utility { align-items: stretch; } .back-to-top { align-self: flex-start; } .inner-hero-art .muriqui-composition { padding-left: 16%; } .founders-heading { gap: clamp(.65rem,3vw,1.2rem); } .founders-heading h2 { font-size: calc(clamp(1.95rem,8vw,3rem) - var(--text-size-reduction)); } .founders-heading .eyebrow { font-size: calc(.975rem - var(--text-size-reduction)); margin-bottom: .8rem; } .founders-illustration { width: clamp(76px,24vw,140px); } .diary-entry { padding-block: 1.65rem; } .diary-entry .article-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; } .diary-entry .article-gallery .article-photo:last-child:nth-child(odd) { grid-column: auto; } .diary-entry .article-gallery .article-photo:last-child:nth-child(odd) img { height: 100%; } .diary-date h3 { font-size: calc(1.85rem - var(--text-size-reduction)); } .regeneration-acervo { padding-inline: .6rem; } .regeneration-acervo > h2 { padding-inline: var(--gutter); font-size: calc(2.5rem - var(--text-size-reduction)); } .regeneration-gallery.article-gallery { grid-template-columns: minmax(0,1fr); gap: .5rem; } .regeneration-gallery .scroll-photo:nth-child(n) { width: 100%; grid-column: auto; } .regeneration-gallery .scroll-photo:last-child:nth-child(odd) { width: 100%; grid-column: auto; } .regeneration-gallery .scroll-photo:nth-child(n) .scroll-photo-surface { aspect-ratio: 4/3; } } @media (max-width: 380px) { .hero { padding-top: 9rem; } .hero h1 { font-size: calc(2.85rem - var(--text-size-reduction)); } .hero-jay { flex-basis: 105px; } .social-posts { grid-template-columns: minmax(0,1fr); } } @media (pointer: coarse), (max-width: 760px) { .footer-group a { min-height: 44px; display: flex; align-items: center; } .footer-group { gap: 0; } } .motion-paused .hero-forest img, .motion-paused .regeneration-gallery .scroll-photo-surface img { transform: none; } @media (prefers-reduced-motion: reduce) { .hero-forest img, .regeneration-gallery .scroll-photo-surface img { transform: none; } } :root { --text-size-reduction: 2px; --body-reading-size: calc(1.7875rem - 4px); } .hero, .inner-hero { --text-size-reduction: 0px; } .diary { --text-size-reduction: 4px; } .inner-hero { --body-reading-size: clamp(1.69rem,2.21vw,2.145rem); } :is(h1,h2,h3,h4,h5,h6), .eyebrow { --text-size-reduction: 4px; } .diary :is(h1,h2,h3,h4,h5,h6), .diary .eyebrow { --text-size-reduction: 6px; } .hero :is(h1,h2,h3,h4,h5,h6,.eyebrow), .inner-hero :is(h1,h2,h3,h4,h5,h6,.eyebrow) { --text-size-reduction: 0px; } @media (max-width: 600px) { :root { --body-reading-size: calc(1.625rem - 4px); } } .diary { overflow-anchor: none; } .diary-entry { display: block; padding: 0; scroll-margin-top: 1rem; } .diary-entry:last-child { border-bottom: 1px solid var(--line); } .diary-date { position: static; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 64px; padding-block: 1.15rem; cursor: pointer; list-style: none; color: var(--green); } .diary-date::-webkit-details-marker { display: none; } .diary-date::marker { content: ''; } .diary-date h3 { margin: 0; } .diary-date:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; } .diary-indicator { position: relative; flex: 0 0 18px; height: 18px; margin-right: .35rem; } .diary-indicator::before, .diary-indicator::after { content: ''; position: absolute; background: currentColor; width: 18px; height: 1px; left: 0; top: 8px; } .diary-indicator::after { transform: rotate(90deg); } .diary-entry[open] .diary-indicator::after { display: none; } .diary-content { max-width: 960px; padding: .25rem 0 1.65rem; } .comparison-stage { position: relative; } @media (max-width: 760px) { .section-pad { padding-block: 2.25rem; } .section-heading { margin-bottom: 1.75rem; } .hero-content { position: static; } .hero-jay { position: absolute; left: calc(var(--gutter) + 1rem); bottom: 8rem; width: clamp(95px,27vw,125px); margin: 0; } .hero-jay img { transform: none; } .illustrated .photo-art { margin-bottom: calc(13% + .5rem); } .inner-hero-art .photo-art { margin-bottom: calc(13% + .5rem); } .earth-grid { gap: .75rem; } .earth-copy > :first-child { margin-top: 0; } .inner-hero.section-pad { gap: 1.75rem; padding-block: 2rem 1.5rem; } .article-layout.section-pad { padding-top: 0; padding-bottom: 1.5rem; gap: 0; } .article-aside { display: none; } .article-layout > .prose > :first-child { margin-top: 0; } .prose h2 { margin-top: 2rem; margin-bottom: 1rem; } .prose p { margin-bottom: 1.1rem; } .prose > .article-photo, .prose > .article-gallery { margin-block: 1.25rem; } .prose > .article-gallery { gap: .75rem; } .prose > .article-photo:last-child, .prose > .article-gallery:last-child { margin-bottom: 0; } .article-gallery .article-photo { margin: 0; } .team-section.section-pad { padding-top: 2rem; } .founders-heading { margin-bottom: 1.5rem; } .team-grid { gap: 2.25rem; } .team-grid .team-portrait { margin-bottom: .85rem; } .team-grid h3 { margin-bottom: .8rem; } .comparison-stage { display: flex; flex-direction: column; } .comparison-images { aspect-ratio: 16/9; } .comparison-images > img, .comparison-images .after img , .comparison-images >picture>img{ object-fit: contain; } .comparison-years { order: -1; display: flex; justify-content: space-between; margin-bottom: .5rem; } .comparison-years .year { position: static; padding: .2rem .65rem; } .comparison figcaption, .prose .comparison figcaption { padding: .75rem 0 0; gap: .25rem; } .time-section > .comparison figcaption { padding-inline: var(--gutter); } .time-story { margin-top: 1.5rem; gap: 1.5rem; } .inner-hero + .diary { padding-top: .5rem; } .diary-heading { margin-bottom: 1rem; } .diary-date { padding-block: .95rem; } .diary-content { padding-bottom: 1.25rem; } .inner-hero + .journal-section { position: relative; padding-top: 2rem; } .inner-hero + .journal-section::before { content: ''; position: absolute; top: 0; left: var(--gutter); right: var(--gutter); border-top: 1px solid var(--line); } .social-invite { border-bottom: 0; } .site-footer { padding-block: 0 1.5rem; } .site-footer::before { content: ''; display: block; border-top: 1px solid var(--line); margin-bottom: 2rem; } .footer-top { gap: 1.25rem; padding-bottom: 1.5rem; } .footer-columns { gap: 1.5rem; padding-block: 1.5rem; } .footer-utility { padding-top: 1.25rem; } } .footer-top { padding-bottom: 2rem; } .footer-columns { padding-block: 1.5rem; gap: 2rem; } .footer-group { gap: 0; } .footer-group h2 { margin-bottom: .35rem; } .footer-group a, .footer-group p { font-size: 1.125rem; line-height: 1.25; } .footer-group a { min-height: 28px; padding-block: .1rem; display: flex; align-items: center; } .footer-group .footer-social-heading { margin-top: .8rem; } @media (pointer: coarse), (max-width: 760px) { .footer-group a { min-height: 32px; } } @media (max-width: 760px) { .footer-top { padding-bottom: 1.25rem; gap: 1rem; } .footer-columns { padding-block: 1.25rem; gap: 1.25rem; } .site-footer::before { margin-bottom: 1.5rem; } } :root { --page-title-size: clamp(2.25rem,5vw,4.5rem); --section-title-size: clamp(1.75rem,3.6vw,3.25rem); --subsection-title-size: clamp(1.65rem,2.8vw,2.5rem); } .inner-hero h1, .article-title h1 { font-size: var(--page-title-size); } .section-heading h2, .founders-heading h2, .time-section .section-heading h2, .social-invite h2, .meaning-copy h2, .letters-copy h2, .diary-heading, .regeneration-acervo > h2, .newsletter-invite h2 { font-size: var(--section-title-size); } .prose h2 { font-size: var(--subsection-title-size); } .diary-date h3 { font-size: clamp(1.375rem,2.4vw,1.6rem); } :root { --space-section: clamp(2rem,4.5vw,4rem); --space-heading: clamp(1.25rem,2.5vw,2rem); --space-content: clamp(1rem,2vw,1.5rem); } .section-pad { padding-block: var(--space-section); } .section-heading, .journal-section .section-heading { margin-bottom: var(--space-heading); } .section-heading .eyebrow { margin-bottom: .85rem; } .section-heading .lede { margin-top: 1.1rem; } .illustrated .photo-art, .inner-hero-art .photo-art { margin-bottom: calc(13% + .5rem); } .inner-hero.section-pad { min-height: 0; padding-block: var(--space-heading) 0; row-gap: var(--space-heading); } .inner-hero .eyebrow { margin-bottom: 1rem; } .article-layout.section-pad { padding-block: var(--space-content) var(--space-heading); } .article-layout > .prose > :first-child { margin-top: 0; } .inner-hero + .diary { padding-top: var(--space-heading); } .inner-hero + .journal-section { padding-top: var(--space-heading); } .inner-hero + .newsletter-invite { padding-top: var(--space-heading); } .diary-heading { margin-bottom: var(--space-heading); } .prose h2 { margin-block: clamp(1.75rem,3vw,2.5rem) 1rem; } .prose > h2:first-child { margin-top: 0; } .prose > .article-photo, .prose > .article-gallery, .prose .comparison { margin-block: var(--space-content); } .prose > :last-child { margin-bottom: 0; } .biodiversity-map .photo-art { margin-bottom: calc(7% + .5rem); } .article-title.section-pad { padding-block: var(--space-heading); } .article-title h1 { margin-block: 1rem; } .article-cover { margin-bottom: var(--space-heading); } .article-return.section-pad { padding-block: var(--space-content) var(--space-heading); } .article-return .text-link { margin-top: 0; } .team-section.section-pad { padding-block: var(--space-section); } .founders-heading { margin-bottom: var(--space-heading); } .founders-heading .section-heading { margin-bottom: 0; } .team-grid { row-gap: 2.25rem; } .team-grid .team-portrait { margin-bottom: .875rem; } .team-grid h3 { margin-bottom: .75rem; } .regeneration-acervo.section-pad { padding-top: 0; } .regeneration-acervo > h2 { margin-bottom: var(--space-heading); } .earth-section:has(+ .time-section) { padding-bottom: var(--space-content); } .earth-section + .time-section { padding-top: var(--space-section); } .time-story { margin-top: var(--space-heading); row-gap: var(--space-heading); } .hand-illustration { margin-top: 1.25rem; } .meaning-section { row-gap: var(--space-heading); } .meaning-copy h2 { margin-block: 0 1.25rem; } .journal-links { margin: 0 0 var(--space-heading); row-gap: .75rem; } .journal-grid, .journal-grid:has(.journal-card:nth-child(4)) { row-gap: 2.5rem; } .journal-card .eyebrow { margin-top: .9rem; } .journal-card.text-card .eyebrow { margin-top: 0; } .journal-card .article-summary { margin-top: .85rem; } .journal-card .text-link { margin-top: 1rem; } .letters-copy { padding-block: var(--space-section); } .social-heading { margin-bottom: var(--space-heading); } .social-invite { padding-bottom: var(--space-heading); } .site-footer { padding-block: var(--space-heading) 1.5rem; } .footer-top { padding-bottom: 1.25rem; } .footer-utility { padding-top: 1.25rem; } @media (max-width: 760px) { :root { --space-section: 2rem; --space-heading: 1.25rem; --space-content: 1rem; } .article-layout.section-pad { row-gap: 0; } .earth-grid { row-gap: .5rem; } .journal-grid, .journal-grid:has(.journal-card:nth-child(4)) { row-gap: 2rem; } .letters-copy { padding-block: 2rem; } .site-footer { padding-top: 0; } .site-footer::before { margin-bottom: 1.25rem; } } picture.responsive-picture{display:contents} .land-layer{background-image:image-set(url('/assets/efficient/paisagem.avif?v=f9b2502f81b9') type('image/avif'),url('/assets/paisagem.webp?v=12aa6a5bbf52') type('image/webp'))}