@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Playfair+Display:ital,wght@0,700;1,700;1,800&display=swap");:root{--ink:#172520;--paper:#faf7f0;--red:#ff735d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.hero{min-height:100vh;padding:9vh 11vw;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:#f6c9b9;background-image:radial-gradient(#df8678 1px,transparent 0);background-size:19px 19px}.hero>:not(.orbit){position:relative;z-index:1}.orbit{position:absolute;border:2px solid #e28e7c;border-radius:50%;opacity:.7}.orbit-one{width:62vw;height:62vw;right:-15vw;top:-20vw}.orbit-two{width:30vw;height:30vw;right:8vw;bottom:-15vw;border-style:dashed}.date,.eyebrow,.scroll,.tag{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.11em;font-weight:500}.hero h1,.section-heading h2,.story h1,footer h2{font-size:clamp(4.7rem,11vw,9.5rem);line-height:.83;letter-spacing:-.09em;margin:20px 0 32px;max-width:850px}.hero em,footer em{font-family:Playfair Display,serif;font-weight:700;letter-spacing:-.11em}.intro{font-size:clamp(1.1rem,2vw,1.45rem);max-width:500px;line-height:1.5}.intro span{background:#ffe16b;padding:0 5px;font-family:Playfair Display,serif;font-style:italic}.scroll{margin-top:55px;display:inline-flex;gap:14px;align-items:center}.scroll b{font-size:24px}.timeline-section{padding:120px max(7vw,25px);background:#fbfaf5}.section-heading{max-width:430px;margin:0 auto 85px;text-align:center}.section-heading h2{font-size:clamp(3.5rem,7vw,6rem);margin:15px 0}.section-heading>p:last-child{color:#65716c;line-height:1.5}.timeline{max-width:1000px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed #bdc5ba}.timeline-card{width:calc(50% - 55px);position:relative;margin-bottom:68px;border:1.5px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff}.timeline-card:nth-child(2n){margin-left:calc(50% + 55px)}.line-dot{position:absolute;width:40px;height:40px;background:#f8faf4;border:1.5px solid var(--ink);border-radius:50%;right:-76px;top:39px;display:grid;place-items:center;z-index:1;font-size:20px}.timeline-card:nth-child(2n) .line-dot{left:-76px;right:auto}.card-image{height:170px;background-position:50%;background-size:cover;border-bottom:1.5px solid var(--ink)}.card-copy{padding:22px 25px 25px}.date{margin:0 0 9px}.tag{margin:0;background:var(--ink);color:#fff;display:inline-block;border-radius:30px;padding:5px 8px;font-size:9px}.card-copy h3{font-size:29px;line-height:1;margin:19px 0 7px;letter-spacing:-.06em}.role{margin:0;color:#526059;font-size:14px}.role i{font-family:Playfair Display,serif}.summary{font-size:15px;line-height:1.5;margin:19px 0}.read-more{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;font-weight:700}.read-more span{font-size:17px;margin-left:5px}.card-number{font-family:Playfair Display,serif;font-size:70px;position:absolute;right:16px;bottom:-16px;opacity:.13}.yellow{--accent:#ffe36a}.story.yellow .story-body,.yellow .card-copy{background:#fff9d6}.blue{--accent:#92d6ed}.blue .card-copy,.story.blue .story-body{background:#e5f8ff}.coral{--accent:#ffad9c}.coral .card-copy,.story.coral .story-body{background:#ffe4dc}.mint{--accent:#a8dfb1}.mint .card-copy,.story.mint .story-body{background:#e4f8e6}.pink{--accent:#e6a5d4}.pink .card-copy,.story.pink .story-body{background:#fce7f6}.lavender{--accent:#b7afea}.lavender .card-copy,.story.lavender .story-body{background:#eeebff}footer{padding:130px 10vw;text-align:center;background:#263b34;color:#f8f2e6;background-image:radial-gradient(#70847b 1px,transparent 0);background-size:18px 18px}footer h2{font-size:clamp(3.5rem,8vw,7rem);margin:18px auto 45px}.external,footer>a{display:inline-block;background:#ffda59;color:var(--ink);font-family:DM Mono,monospace;font-weight:700;font-size:12px;padding:15px 20px;border:1px solid var(--ink);box-shadow:4px 4px 0 #111}.story{min-height:100vh;padding:35px max(7vw,25px) 100px}.back{font:500 11px DM Mono,monospace;letter-spacing:.09em}.story-hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:8vw;gap:8vw;max-width:1100px;margin:75px auto 60px;align-items:center}.story h1{font-size:clamp(4rem,8vw,7.5rem);margin:18px 0}.story-icon{display:grid;place-items:center;border:1.5px solid var(--ink);width:64px;height:64px;border-radius:50%;font-size:30px;margin-top:25px;background:var(--accent)}.story-photo{height:460px;background-position:50%;background-size:cover;box-shadow:10px 10px 0 var(--ink)}.story-body,.story-photo{border:1.5px solid var(--ink)}.story-body{max-width:680px;margin:auto;padding:clamp(25px,6vw,65px);box-shadow:8px 8px 0 var(--ink)}.lede{font-family:Playfair Display,serif;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.35;margin-top:0}.story-body h2{font-size:25px;margin:42px 0 15px}.story-body ul{padding-left:20px;line-height:1.65}.story-body li{margin:11px 0}.external{margin-top:30px}@media(max-width:700px){.hero{padding:8vh 8vw}.timeline-section{padding:85px 23px}.timeline:before{left:21px}.timeline-card,.timeline-card:nth-child(2n){width:calc(100% - 52px);margin-left:52px;margin-bottom:50px}.line-dot,.timeline-card:nth-child(2n) .line-dot{left:-52px;right:auto;top:26px;width:40px;height:40px}.story-hero{grid-template-columns:1fr;gap:35px;margin-top:55px}.story-photo{height:300px}.story{padding:26px 25px 70px}}