:root{--ink:#082f32;--teal:#0d5c63;--paper:#faf7f1;--bone:#f3efe7;--copper:#995638;--copper-light:#e5ab88;--muted:#576867;--line:rgba(8,47,50,.18);--display:"Newsreader",Georgia,serif;--body:"Outfit",Arial,sans-serif;--shell:min(1240px,calc(100vw - 80px));--ease:cubic-bezier(.16,1,.3,1)}
.hero__visual img{height:auto!important}
.why__list h3,.why__list p{grid-column:2}
.format-card figure img{position:relative;z-index:1}
.format-card:nth-child(2) figure{background:center/cover no-repeat url("assets/forest-thread-card.webp")}.format-card:nth-child(2) figure img{visibility:hidden}
.text-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:18px;border-bottom:1px solid var(--teal);color:var(--teal);font-size:14px;font-weight:600;text-decoration:none}.text-link:hover{border-color:var(--copper);color:var(--copper)}.site-footer__action>p{color:var(--copper-light)}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:400 17px/1.55 var(--body)}img{display:block;max-width:100%}a{color:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:-80px;left:18px;padding:12px 16px;background:var(--paper);color:var(--ink)}.skip-link:focus{top:18px}.section{padding:clamp(76px,10vw,152px) 0}.eyebrow{display:flex;align-items:center;gap:12px;margin:0;color:var(--copper);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{width:32px;height:1px;background:currentColor;content:""}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.055em;line-height:.92;text-wrap:balance}h2{font-size:clamp(49px,5.8vw,82px)}p{color:var(--muted);text-wrap:pretty}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:17px;border:2px solid var(--ink);padding:0 23px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.button:hover{border-color:var(--copper);background:var(--copper);transform:translateY(-2px)}.hero{overflow:hidden;background:var(--ink);color:var(--paper)}.hero__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(30px,5vw,86px);min-height:calc(100svh - 64px);align-items:center;padding:clamp(105px,13vw,172px) 0 clamp(68px,8vw,106px)}.hero__copy{position:relative;z-index:1}.hero .eyebrow{color:var(--copper-light)}.hero h1{margin:27px 0 27px;font-size:clamp(76px,9vw,145px);line-height:.76}.hero h1 em{color:var(--copper-light);font-style:italic}.hero__lead{max-width:17ch;color:var(--paper);font-family:var(--display);font-size:clamp(27px,3vw,42px);line-height:1.04;letter-spacing:-.035em}.hero__body{max-width:34ch;margin-top:21px;color:rgba(250,247,241,.72);font-size:17px}.hero__copy .button{margin-top:39px}.button--light{border-color:var(--paper);background:var(--paper);color:var(--ink)}.hero__visual{position:relative;max-width:660px;margin:0 0 0 auto}.hero__visual:before{position:absolute;inset:9% -12% -8% 11%;border:1px solid rgba(229,171,136,.42);content:""}.hero__visual img{position:relative;width:100%;aspect-ratio:1;object-fit:cover;box-shadow:26px 34px 0 rgba(229,171,136,.12)}.hero__visual figcaption{position:relative;max-width:30ch;margin-top:19px;color:rgba(250,247,241,.62);font-size:13px}.intro{background:var(--paper)}.intro__grid,.why__grid,.faq__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(46px,10vw,166px)}.intro h2{max-width:13ch}.intro p{max-width:43ch;margin-top:27px;font-size:clamp(18px,1.7vw,23px);line-height:1.48}.intro p+p{margin-top:18px;font-size:17px}.formats{background:var(--bone)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:52px}.section-head h2{max-width:12ch;margin-top:20px}.section-head>p{max-width:35ch;font-size:17px}.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,46px);margin-top:clamp(52px,7vw,92px)}.format-card figure{aspect-ratio:1;overflow:hidden;background:#eee8dd}.format-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}.format-card:hover figure img{transform:scale(1.035)}.format-card__meta{margin-top:21px;color:var(--teal);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.format-card h3{margin-top:10px;font-size:clamp(30px,2.8vw,44px)}.format-card p:last-child{max-width:29ch;margin-top:12px;font-size:15px}.colours{background:var(--ink);color:var(--paper)}.colours .eyebrow{color:var(--copper-light)}.colours__grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(46px,11vw,188px);align-items:end}.colours h2{margin-top:20px}.colour-list{border-top:1px solid rgba(250,247,241,.25)}.colour-list article{display:grid;grid-template-columns:74px 1fr;gap:22px;align-items:center;padding:27px 0;border-bottom:1px solid rgba(250,247,241,.25)}.swatch{width:58px;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 8px rgba(255,255,255,.15)}.swatch--sunset{background:linear-gradient(135deg,#f5c93d 0 48%,#e76422 48% 100%)}.swatch--ocean{background:linear-gradient(135deg,#00a8b7 0 48%,#0d2337 48% 100%)}.colour-list h3{font-size:33px}.colour-list p{margin-top:6px;color:rgba(250,247,241,.68);font-size:15px}.why{background:var(--teal);color:var(--paper)}.why .eyebrow{color:#cce099}.why h2{max-width:12ch;margin-top:20px}.why__list{border-top:1px solid rgba(250,247,241,.26)}.why__list article{display:grid;grid-template-columns:57px 1fr;gap:17px;padding:27px 0;border-bottom:1px solid rgba(250,247,241,.26)}.why__list span{color:#cce099;font-size:11px;font-weight:600;letter-spacing:.15em}.why__list h3{font-family:var(--body);font-size:21px;font-weight:500;letter-spacing:-.02em;line-height:1.25}.why__list p{max-width:45ch;margin-top:7px;color:rgba(250,247,241,.74);font-size:15px}.faq{background:var(--paper)}.faq h2{max-width:8ch;margin-top:20px}.faq__items{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{display:flex;justify-content:space-between;gap:18px;cursor:pointer;font-family:var(--display);font-size:clamp(24px,2.3vw,34px);font-weight:500;letter-spacing:-.035em;line-height:1.06;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--body);font-size:25px;font-weight:300}.faq details[open] summary:after{content:"–"}.faq details p{max-width:49ch;margin-top:14px;font-size:15px}.brief{padding:clamp(76px,10vw,148px) 0;background:var(--bone)}.brief__panel{padding:clamp(44px,8vw,102px);background:var(--ink);color:var(--paper);text-align:center}.brief .eyebrow{justify-content:center;color:var(--copper-light)}.brief h2{max-width:11ch;margin:24px auto 0}.brief p:not(.eyebrow){max-width:44ch;margin:23px auto 0;color:rgba(250,247,241,.72);font-size:18px}.button--paper{margin-top:34px;border-color:var(--paper);background:var(--paper);color:var(--ink)}@media(max-width:850px){:root{--shell:min(100% - 40px,1240px)}.hero__grid{grid-template-columns:1fr;gap:48px}.hero__visual{max-width:590px;margin:0}.intro__grid,.why__grid,.faq__grid,.colours__grid{grid-template-columns:1fr;gap:42px}.section-head{display:block}.section-head>p{margin-top:24px}.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.format-card:last-child{grid-column:span 2;max-width:calc(50% - 12px)}.faq__grid{gap:31px}}@media(max-width:560px){:root{--shell:calc(100% - 32px)}.hero__grid{min-height:auto;padding-top:118px}.hero h1{font-size:82px}.hero__visual{width:100%}.hero__visual:before{inset:7% -5% -5% 8%}.section{padding:83px 0}.format-grid{grid-template-columns:1fr}.format-card:last-child{grid-column:auto;max-width:none}.colour-list article{grid-template-columns:58px 1fr;gap:16px}.swatch{width:45px}.why__list article{grid-template-columns:40px 1fr}.brief{padding:83px 0}.brief__panel{margin-inline:-16px;padding:62px 24px}.button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.format-card figure img{transition:none}}
