:root{color-scheme:light;--green:#184f45;--green-dark:#123e35;--orange:#c6481d;--orange-bright:#f26535;--ink:#202b27;--muted:#58675f;--paper:#f5f2eb;--white:#fff;--line:#d9e0da;--soft-green:#edf3ef;--font-body:"Source Sans 3","Segoe UI",Arial,sans-serif;--font-heading:"Bricolage Grotesque","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.5}a{color:var(--green);text-underline-offset:4px}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--orange-bright);outline-offset:5px}h1,h2,h3{font-family:var(--font-heading);color:var(--green);font-weight:600;line-height:1.08;letter-spacing:-.035em}h1,h2,h3,p,figure{margin:0}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.icon{width:20px;height:20px;fill:none;stroke:none;flex:none;color:currentColor}svg use{fill:currentColor}.preview-banner{background:#fff0e6;color:#804126;text-align:center;font-size:12px;padding:6px 16px;letter-spacing:.025em}.preview-banner span{margin-left:12px}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-row{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:96px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;flex:none}.brand img{display:block;width:49px;height:49px}.brand>span{font-family:var(--font-heading);font-size:23px;line-height:1.1;font-weight:700;letter-spacing:-.04em}.brand small{display:block;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:5px}.header-row nav{display:flex;align-items:center;gap:30px}.header-row nav>a{font-weight:600;text-decoration:none;font-size:15px}.header-row nav>a:not(.button):hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1.5px solid transparent;border-radius:7px;padding:12px 20px;min-height:47px;font-family:var(--font-body);font-size:16px;line-height:1.2;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s}.button-primary{background:var(--orange);border-color:var(--orange);color:var(--white)}.button-primary:hover{background:#a83d1a;border-color:#a83d1a}.button-outline{border-color:var(--green);background:var(--white);color:var(--green)}.button-outline:hover{background:var(--soft-green)}.button-small{padding:8px 12px;min-height:38px;font-size:14px}.button-small .icon{width:16px;height:16px}.text-link{font-size:16px;font-weight:600}.eyebrow{font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--orange);margin-bottom:17px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-block:74px 64px}.hero h1{font-size:clamp(46px,5.1vw,70px);line-height:1.025;max-width:610px;letter-spacing:-.045em;margin-bottom:26px}.hero h1 span{display:block}.hero-intro{font-size:21px;line-height:1.45;color:#40594d;max-width:460px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:29px}.hero-aside{font-size:14px;color:var(--muted);margin-top:20px}.hero-aside a{color:inherit}.hero-image{min-width:0}.paper-stage{height:355px;position:relative;isolation:isolate;background:#eae3d7;border-radius:18px;overflow:hidden}.paper{position:absolute;width:43%;height:75%;object-fit:cover;box-shadow:4px 12px 20px #2b271c2b}.paper-pink{left:5%;top:8%;transform:rotate(-12deg)}.paper-rust{left:31%;top:18%;transform:rotate(9deg)}.paper-green{left:56%;top:7%;transform:rotate(-5deg)}.paper-label{position:absolute;background:#fffdf5f0;border-radius:3px;padding:3px 8px;font-size:11px;letter-spacing:.015em;color:#304539;z-index:2;box-shadow:0 1px 4px #0001}.label-pink{left:10%;top:80%}.label-rust{left:43%;top:19%}.label-green{left:67%;top:77%}.hero-image figcaption{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--muted);margin:12px 5px 0;line-height:1.4}.hero-image figcaption .icon{width:15px;height:15px}.collections-section{padding:50px 0 55px;background:#fffdf8;border-top:1px solid #e3e5dc;border-bottom:1px solid #e3e5dc}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:30px}.section-heading h2{font-size:clamp(31px,3.3vw,42px)}.section-heading .eyebrow{margin-bottom:10px}.section-heading>p{font-size:16px;color:var(--muted);padding-bottom:4px}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.series-card{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:13px;overflow:hidden}.series-open{display:flex;flex-direction:column;width:100%;height:100%;padding:0;text-align:left;background:transparent;border:0;color:var(--ink)}.series-open:hover .series-action{color:var(--orange)}.series-open:hover .series-images{filter:brightness(1.025)}.series-open[aria-expanded=true]{box-shadow:inset 0 0 0 2px var(--green)}.series-images{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;height:130px;background:var(--paper);padding:14px 14px 0;overflow:hidden}.series-images img{display:block;width:100%;height:100%;object-fit:cover}.series-card-copy{display:flex;flex:1;flex-direction:column;align-items:start;padding:22px 23px 24px}.series-count{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}.series-name{font-family:var(--font-heading);font-size:25px;line-height:1.1;letter-spacing:-.04em;font-weight:600;color:var(--green);margin-bottom:13px}.series-description{display:block;font-size:16px;line-height:1.45;color:var(--muted);margin-bottom:22px}.series-action{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--green);font-weight:700;margin-top:auto}.series-action .icon{width:18px;height:18px}.colour-panel{margin-top:35px;padding:30px;background:var(--white);border:1px solid var(--line);border-radius:13px;scroll-margin-top:110px}.colour-heading{display:flex;gap:20px;justify-content:space-between;align-items:center}.colour-heading .eyebrow{margin-bottom:7px}.colour-heading h3{font-size:31px}.series-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-block:24px 15px}.series-tabs button{border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--green);padding:7px 13px;font-size:14px;font-weight:600;min-height:38px}.series-tabs button[aria-expanded=true]{background:var(--green);color:var(--white);border-color:var(--green)}.colour-note{font-size:13px;line-height:1.45;color:var(--muted);max-width:800px}.colour-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px 16px;margin-block:23px}.swatch{min-width:0}.swatch img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid #0000000a;border-radius:3px}.swatch figcaption{font-size:12px;line-height:1.3;color:var(--ink);margin-top:8px;overflow-wrap:anywhere}.system-section{padding-block:58px}.system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:35px}.system-grid article{border-top:1px solid #bdc9be;padding-top:18px}.system-index{font-size:12px;font-weight:600;color:var(--orange);display:block;margin-bottom:14px}.system-grid h3{font-size:24px;margin-bottom:12px}.system-grid p{font-size:16px;line-height:1.5;color:var(--muted)}.system-grid .text-link{display:inline-block;font-size:14px;margin-top:15px}.calculator-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:37px;padding:22px 25px;background:var(--soft-green);border:1px solid #d7e3da;border-radius:12px}.calculator-strip strong{display:block;color:var(--green);font-size:19px;font-weight:600}.calculator-strip span{display:block;color:var(--muted);font-size:15px;margin-top:3px}.contact-section{background:var(--white);border-top:1px solid var(--line);padding-block:47px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-row h2{font-size:clamp(29px,3.2vw,40px);margin-bottom:15px;max-width:700px}.contact-row p:not(.eyebrow){font-size:17px;color:var(--muted)}.contact-row .button{flex:none}.footer-row{display:flex;justify-content:space-between;gap:20px;padding-block:25px;font-size:13px;color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1550px){.hero{padding-block:85px 75px}.paper-stage{height:390px}}
@media(max-width:1000px){.wrap{width:calc(100% - 52px)}.hero{gap:32px;padding-block:50px}.hero h1{font-size:52px}.hero-intro{font-size:19px}.paper-stage{height:310px}.header-row nav{gap:22px}.brand>span{font-size:21px}.series-grid{gap:16px}.series-name{font-size:22px}.series-card-copy{padding:19px}.series-images{height:110px}.system-grid{gap:22px}.colour-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.contact-row h2{font-size:34px}}
@media(max-width:760px){html{scroll-padding-top:135px}.wrap{width:calc(100% - 36px)}.header-row{min-height:90px;gap:18px;flex-wrap:wrap;padding-block:15px}.header-row nav{width:100%;justify-content:space-between;gap:12px}.brand img{width:42px;height:42px}.brand>span{font-size:21px}.nav-calculator{padding:9px 11px;min-height:40px}.header-row nav>a{font-size:14px}.hero{grid-template-columns:1fr;gap:33px;padding-block:37px 36px}.hero h1{font-size:clamp(43px,8vw,64px);max-width:550px}.hero h1 span{display:inline}.hero-intro{max-width:580px}.hero-actions{gap:20px}.hero-image{max-width:570px;width:100%}.paper-stage{height:310px}.series-grid{grid-template-columns:1fr}.series-open{display:grid;grid-template-columns:38% 1fr;align-items:stretch}.series-images{height:100%;min-height:210px;padding:17px 0 17px 17px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.series-card-copy{padding:22px}.series-name{font-size:26px}.series-description{font-size:16px}.series-action{padding-top:4px}.section-heading{display:block}.section-heading>p{margin-top:15px}.collections-section{padding-block:36px}.system-section{padding-block:38px}.system-grid{grid-template-columns:1fr 1fr;gap:28px 25px}.calculator-strip,.contact-row{align-items:start;flex-direction:column}.contact-row{gap:24px}.calculator-strip{padding:22px}.colour-panel{padding:21px 16px;scroll-margin-top:155px}.colour-heading{align-items:start}.colour-heading h3{font-size:27px}.colour-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}.colour-heading .button{max-width:130px}.footer-row{flex-wrap:wrap;gap:9px 20px}.preview-banner{font-size:11px}.preview-banner span{margin-left:5px}}
@media(max-width:390px){.wrap{width:calc(100% - 28px)}.brand small{font-size:12px}.hero h1{font-size:42px}.hero-actions{gap:17px}.hero-actions .button{font-size:15px;padding:12px 15px}.paper-stage{height:270px}.series-open{display:flex}.series-images{height:100px;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 12px 0}.system-grid{gap:26px 19px}.system-grid p{font-size:15px}.colour-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-row nav{gap:9px}.header-row nav>a{font-size:13px}.nav-calculator .icon{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}