:root{--cream:#f5f1e8;--olive:#4d5945;--ink:#292929;--paper:#fbfaf6;--line:rgba(41,41,41,.15)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{height:30px;background:var(--olive);color:#fff;display:grid;place-items:center;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}header{height:78px;border-bottom:1px solid var(--line);background:rgba(245,241,232,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font:700 1.08rem Manrope;letter-spacing:.17em}.logo small{display:block;font:500 .5rem "DM Sans";letter-spacing:.42em}nav{display:flex;gap:30px;font-size:.88rem;font-weight:500}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--ink);transition:.25s}nav a:hover:after,nav a.active:after{right:0}.intro{padding:88px 0 82px;border-bottom:1px solid var(--line)}.intro span,.tier{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--olive)}.intro h1{font:600 var(--page-title-size)/.9 Manrope;letter-spacing:-.065em;margin:16px 0 28px}.intro p{font-size:1.08rem;line-height:1.6;max-width:520px;color:#68665f;margin:0}.material{padding:92px 0;border-bottom:1px solid var(--line)}.material-grid{display:grid;grid-template-columns:.9fr 1fr;gap:clamp(48px,8vw,110px);align-items:center}.portland{background:var(--paper)}.portland .material-grid{direction:rtl}.portland .material-grid>*{direction:ltr}.sample{aspect-ratio:1.05;display:flex;align-items:flex-end;padding:30px;position:relative;overflow:hidden;box-shadow:0 25px 60px rgba(41,41,41,.09)}.sample:before,.sample:after{content:"";position:absolute;inset:0}.sample:before{background:repeating-linear-gradient(95deg,rgba(255,255,255,.05) 0 1px,rgba(0,0,0,.04) 1px 3px);mix-blend-mode:overlay}.sample:after{background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 42%,rgba(0,0,0,.11))}.sample span{font:600 clamp(2rem,4vw,4rem)/1 Manrope;letter-spacing:-.05em;position:relative;z-index:1}.sample-spirit{background:#b9a98d}.sample-portland{background:#59605b;color:#fff}.sample-pasaya{background:#87917a;color:#fff}.tier{display:block;margin-top:18px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.title-row h2{font:600 clamp(3rem,6vw,5.2rem)/.95 Manrope;letter-spacing:-.06em;margin:0}.benefits{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.benefit{border:1px solid var(--olive);color:var(--olive);padding:8px 13px;border-radius:100px;font-size:.76rem;letter-spacing:.04em;white-space:nowrap}.lead{font-size:1.02rem;line-height:1.75;color:#65635c;margin:30px 0}.facts{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);padding:20px 0;gap:20px}.facts b,.facts span{display:block}.facts b{font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;color:var(--olive);margin-bottom:6px}.facts span{font-size:.92rem}.colours{margin-top:32px}.colours h3{font:600 .86rem Manrope;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px}.swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.swatch-grid i{display:block;aspect-ratio:1;background:var(--colour);border-radius:50%;border:1px solid rgba(41,41,41,.14);box-shadow:inset 0 0 0 5px rgba(255,255,255,.22)}.swatch-grid span{display:block;font-size:.72rem;text-align:center;color:#6e6b64;margin-top:8px}.help{background:var(--olive);color:white;padding:74px 0}.help .wrap{display:flex;align-items:end;justify-content:space-between;gap:40px}.help span{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}.help h2{font:600 clamp(2.3rem,4.5vw,4.3rem)/1 Manrope;letter-spacing:-.05em;max-width:720px;margin:14px 0 0}.help a{background:var(--cream);color:var(--ink);padding:16px 22px;border-radius:100px;font-weight:600;white-space:nowrap}.help a b{margin-left:14px}footer{padding:24px 0;background:var(--olive);color:rgba(255,255,255,.62);font-size:.78rem}footer .wrap{display:flex;justify-content:space-between}@media(max-width:820px){.wrap{width:min(100% - 28px,1180px)}nav{display:none}.intro{padding:50px 0 46px}.material{padding:64px 0}.material-grid,.portland .material-grid{grid-template-columns:1fr;direction:ltr;gap:38px}.sample{aspect-ratio:1.35}.help .wrap{display:block}.help a{display:inline-block;margin-top:30px}}@media(max-width:520px){.title-row{display:block}.benefit,.benefits{display:inline-flex;margin-top:16px}.facts{grid-template-columns:1fr}.swatch-grid{gap:8px}.sample{aspect-ratio:1.1}.help{padding:44px 0}}

.sample{color:#fff}.sample:before{display:none}.sample:after{background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 42%,rgba(0,0,0,.38))}.sample>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sample span{text-shadow:0 2px 18px rgba(0,0,0,.28)}.swatch-grid{gap:14px 10px}.swatch-grid figure{margin:0;min-width:0}.swatch-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid rgba(41,41,41,.14);box-shadow:inset 0 0 0 5px rgba(255,255,255,.22);transition:transform .25s,box-shadow .25s}.swatch-grid figure:hover img{transform:scale(1.045);box-shadow:0 8px 22px rgba(41,41,41,.12)}.swatch-grid span{line-height:1.25}