@import url('/serif.css');


:root{--paper:#111310;--ink:#e7e1d3;--red:#c0a078;--line:#34382f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:20px;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}header{margin:0 6%;padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-family:"Courier New",Courier,monospace;font-size:44px;display:flex;align-items:center;gap:14px}.seal{width:12px;height:12px;background:var(--red)}nav{display:flex;gap:28px;font-size:14px}nav a:hover,nav a[aria-current=page]{color:var(--red)}main{max-width:1500px;margin:auto;padding:0 6%}h1,h2,p,figure{margin:0}h1,h2{font-family:"Courier New",Courier,monospace;font-weight:400;line-height:1.22;letter-spacing:0}h1{font-size:clamp(50px,7.5vw,112px)}i{font-style:normal;color:var(--red)}.kicker{font-size:12px;letter-spacing:2px;margin-bottom:42px}.tiny{font-size:12px;color:#a9ad9e}.home{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:62px 0 90px;align-items:center}.home-title .tiny{margin-top:55px}.home-photo{max-width:470px;justify-self:end;width:100%}.home-photo img{width:100%;height:510px;object-fit:cover;object-position:center 60%}.home-photo span,.home-links span,figcaption{display:block;font-size:14px;padding:14px 0}.home-links{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:0 0 70px;align-items:start}.home-links>a:first-child{margin-top:110px}.home-links img{width:100%;height:470px;object-fit:cover}.home-links img.art{object-fit:contain;height:560px;object-position:left}footer{margin:0 6%;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#a9ad9e}.page-title{padding:62px 0 45px}.page-title h1{font-size:clamp(48px,6vw,80px)}.page-title .kicker{margin-bottom:20px}.page-title p:last-child{margin-top:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:0 0 70px;align-items:start}.split .portrait{width:100%;max-height:760px;object-fit:contain;object-position:left}.quiet-copy{padding-top:35px;max-width:330px}.quiet-copy p{margin-bottom:28px}.text-link{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:14px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:55px 7%;padding:0 0 80px}.gallery img{width:100%;height:auto}.gallery figure:nth-child(even){padding-top:100px}.creative-logo{width:min(610px,100%);margin:0 0 35px}.creative-title{font-size:32px!important;font-family:"Courier New",Courier,monospace;letter-spacing:0}.form-wrap{max-width:660px;margin:0 0 90px}form{display:grid;gap:24px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{display:block;font-size:14px}input,select,textarea{display:block;width:100%;margin-top:8px;padding:13px 10px;background:transparent;border:1px solid #5b6052;border-radius:0;font:inherit;color:var(--ink)}textarea{min-height:150px;resize:vertical}button{justify-self:start;border:0;background:var(--ink);color:var(--paper);font:inherit;padding:14px 25px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.form-note{font-size:14px;color:#a9ad9e}.skip{position:absolute;top:-60px;background:var(--paper);padding:10px;z-index:5}.skip:focus{top:0}:focus-visible{outline:2px solid var(--red);outline-offset:5px}@media(max-width:700px){header{align-items:flex-start;flex-direction:column;padding:22px 0}nav{gap:22px;flex-wrap:wrap}.home{gap:25px;padding-top:35px;grid-template-columns:1fr 1fr}.home h1{font-size:clamp(40px,9vw,65px)}.kicker{font-size:10px;letter-spacing:1px;margin-bottom:25px}.home-photo img{height:350px}.home-title .tiny{margin-top:30px}.home-links{gap:25px}.home-links img{height:260px}.home-links img.art{height:310px}.home-links>a:first-child{margin-top:50px}.split{grid-template-columns:1fr;gap:15px}.quiet-copy{padding-top:10px}.gallery{gap:25px}.gallery figure:nth-child(even){padding-top:50px}.pair{grid-template-columns:1fr}.page-title{padding:40px 0 30px}footer{flex-wrap:wrap}.home-photo span,.home-links span{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.end-link{margin:0 0 70px}.form-wrap .end-link{margin:35px 0 0}

body{color-scheme:dark;background:radial-gradient(ellipse at 75% 0%,#20261e 0%,#111310 58%)}
nav,.kicker,.tiny,label,.form-note,footer,.home-photo span,.home-links span,figcaption,.text-link,button{font-family:Arial,sans-serif}
nav{letter-spacing:.06em}header{padding-top:27px;padding-bottom:27px}
.seal{width:8px;height:8px;background:var(--red)}
.home h1{font-size:clamp(64px,8.5vw,124px)}
.home-title{padding-right:12px}
.home-photo img,.home-links img:not(.art),.split>img,.split-video{box-shadow:0 20px 60px #0005}
.split-video{display:block;width:100%;height:auto;background:#000}
.feature-video{max-width:1500px;margin:0 auto;padding:0 6% 70px}
.feature-video video{display:block;width:100%;height:auto;box-shadow:0 20px 60px #0005;background:#000}
.feature-video .kicker{margin-bottom:20px}
.page-title h1{font-size:clamp(64px,7.5vw,100px);padding-right:12px}
input,textarea,select{background:#171b15;font-family:Arial,sans-serif;font-size:16px;border-color:#5b6052}
input:focus,textarea:focus,select:focus{border-color:var(--red)}
select option{background:#171b15;color:var(--ink)}
button{background:#c0a078;color:#151711;font-size:14px;letter-spacing:.04em}
button:hover{background:#d3b691}
.text-link{border-color:#70624e}
.kicker{color:#b5a184}
.home-photo span,.home-links span,figcaption{color:#b7b9ae}
::selection{background:#c0a078;color:#111310}
@media(max-width:700px){.home{grid-template-columns:1fr;gap:35px}.home h1{font-size:clamp(70px,17vw,106px)}.home-photo{max-width:none;justify-self:stretch}.home-photo img{height:430px}.home-title .tiny{margin-top:20px}.brand{font-size:40px}.creative-title{font-size:28px!important}.page-title h1{font-size:clamp(60px,12vw,84px)}}

/* White wordmark and typewriter navigation. */
.brand{display:block;width:280px;max-width:100%;flex-shrink:0;line-height:0}
.brand img{width:100%;height:auto;mix-blend-mode:screen}
nav{font-family:"Courier New",Courier,monospace;font-size:16px;letter-spacing:.02em}
@media(max-width:700px){.brand{width:250px}nav{gap:18px;font-size:15px}}

/* Threads collection and site-wide typewriter headings. */
h1,h2,.creative-title{font-family:"Courier New",Courier,monospace;font-style:normal;font-weight:400;letter-spacing:-.04em;line-height:1.18}
.home h1{font-size:clamp(44px,6.2vw,88px)}
.page-title h1{font-size:clamp(34px,5vw,66px)}
.page-title .kicker-title{font-size:clamp(56px,7.5vw,96px);letter-spacing:0;margin-bottom:0}
.arboriculture-wordmark{width:min(560px,90vw);height:auto;display:block}
.creative-title{font-size:20px!important;letter-spacing:0}
.threads-entry{display:block;width:min(610px,100%);margin-bottom:32px}
.threads-entry .creative-logo{width:100%;margin-bottom:12px}
.threads-entry span{font:14px "Courier New",Courier,monospace;color:var(--red)}
.threads-entry:hover span{text-decoration:underline}
.threads-heading{padding:45px 0 50px}
.threads-heading .text-link{margin-bottom:38px}
.threads-heading .kicker{margin-bottom:14px}
.threads-heading h1{font-size:clamp(40px,6vw,78px);margin-bottom:18px}
.threads-heading>p:last-child{font-size:16px;color:#b7b9ae}
.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 5%;padding-bottom:80px}
.product img{width:100%;height:auto;display:block}
.product-caption{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.product-caption h2{font-size:18px;letter-spacing:0}
.product-caption p{font:14px "Courier New",Courier,monospace;color:var(--red)}
.preorder-btn{display:inline-block;padding:8px 18px;background:var(--red);color:var(--paper);font-size:13px;letter-spacing:.04em}
.preorder-btn:hover{background:#d3b691}
@media(max-width:700px){.home h1{font-size:clamp(40px,10vw,64px)}.page-title h1{font-size:clamp(32px,8vw,52px)}.creative-title{font-size:18px!important}.products{grid-template-columns:1fr;gap:30px}.threads-heading{padding-top:32px}}

.stickers-link{display:block;width:fit-content;font:14px "Courier New",Courier,monospace;color:var(--red)}.stickers-link:hover{text-decoration:underline}#stickers{scroll-margin-top:30px}

.stickers-back{margin-bottom:36px}.sticker-packs{border-top:1px solid var(--line);padding:55px 0 85px}.sticker-packs .kicker{margin-bottom:20px}.sticker-packs h2{font-size:clamp(30px,4vw,48px);margin-bottom:20px}.sticker-packs>p:not(.kicker){font-size:16px;margin-bottom:28px}

.home-brand{display:flex;align-items:center;gap:14px;width:380px;max-width:100%}
.home-brand .badger-emblem{width:84px;height:84px;object-fit:contain;flex:0 0 84px}
.home-brand .brand-wordmark{width:calc(100% - 98px);height:auto;min-width:0}
.arborist-bio{font-size:18px;line-height:1.65}
@media(min-width:701px) and (max-width:1050px){header:has(.home-brand){flex-wrap:wrap}}
@media(max-width:700px){.home-brand{width:330px;gap:10px}.home-brand .badger-emblem{width:68px;height:68px;flex-basis:68px}.home-brand .brand-wordmark{width:calc(100% - 78px)}}

/* Home identity: wordmark left, larger emblem right. */
.home-brand{width:440px;gap:20px}
.home-brand .brand-wordmark{order:0;width:calc(100% - 148px)}
.home-brand .badger-emblem{order:1;width:128px;height:128px;flex-basis:128px}
.home-title .tiny{margin-top:0}
@media(max-width:700px){.home-brand{width:100%;max-width:440px;gap:14px}.home-brand .badger-emblem{width:112px;height:112px;flex-basis:112px}.home-brand .brand-wordmark{width:calc(100% - 126px)}.home{padding-top:30px}.home-title .kicker{margin-bottom:12px}.home-title .tiny{margin-top:0}}

/* Refined serif typography and a quiet, sequential home page. */
body,nav,.kicker,.tiny,label,.form-note,footer,.home-photo span,.home-links span,figcaption,.text-link,button,input,textarea,select,h1,h2,.creative-title,.threads-entry span,.stickers-link,.product-caption p{font-family:"Cormorant Garamond",Georgia,serif}
h1,h2,.creative-title{letter-spacing:-.025em;font-weight:400}
nav,.text-link,.threads-entry span,.stickers-link,label,button,.form-note,.product-caption p{font-size:18px}
figcaption{font-size:18px}.kicker,.tiny,footer{font-size:14px}.creative-title{font-family:"Cormorant Garamond",Georgia,serif!important}
.showcase-bio{max-width:620px;font-size:22px;line-height:1.5}
.landing-page main{max-width:1200px}
.logo-intro{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:60px 0 85px}
.coin3d-scene{--r:150px;--d:9px;width:calc(var(--r)*2);height:calc(var(--r)*2);margin:0 auto;perspective:1400px}
.coin3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:coinSpin3d 6s linear infinite}
.coin3d-face{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:block}
.coin3d-front{transform:translateZ(var(--d))}
.coin3d-back{transform:rotateY(180deg) translateZ(var(--d))}
.coin3d-rim{position:absolute;inset:0;transform-style:preserve-3d}
.coin3d-rim i{position:absolute;left:50%;top:50%;width:calc(var(--d)*2);height:14px;margin:-7px 0 0 calc(var(--d)*-1);background:linear-gradient(90deg,#4a3610,#c99a34 30%,#fff3c4 50%,#f6e08a 70%,#5c430f);font-style:normal}
@keyframes coinSpin3d{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
@media(max-width:700px){.coin3d-scene{--r:95px;--d:6px}}
@media(prefers-reduced-motion:reduce){.coin3d{animation:none}}
.scroll-cue{position:absolute;bottom:30px;font-size:28px;color:var(--red);padding:8px 20px}
.landing-section{max-width:710px;margin:0 auto;padding:80px 0 95px;text-align:center;border-top:1px solid var(--line)}
.landing-section h2,.landing-contact>h2{font-size:clamp(44px,7vw,76px);line-height:1.15;margin-bottom:38px}
.landing-section>img{width:100%;max-height:760px;object-fit:contain;margin:0 auto}
.showcase-link{display:inline-block;font-size:24px;margin-top:26px;padding:8px 0;border-bottom:1px solid var(--red)}
.showcase-link span{margin-left:24px;color:var(--red)}
.landing-contact{max-width:710px;margin:0 auto;padding:75px 0 0;border-top:1px solid var(--line)}
.landing-contact .form-wrap{max-width:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){.landing-section{padding:55px 0 65px}.landing-section h2,.landing-contact>h2{font-size:48px;margin-bottom:28px}.landing-contact{padding-top:55px}nav{font-size:18px}.product-caption h2{font-size:22px}}