.pw-site-header { border-bottom: 1px solid var(--colour-line); background: rgba(251, 250, 246, .94); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 20; }
.pw-site-header__inner { min-height: 72px; display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--space-5); align-items: center; }
.pw-site-header__brand { justify-self: center; font-family: var(--font-serif); font-size: clamp(1.4rem, 2.2vw, 2.2rem); line-height: 1; text-decoration: none; white-space: nowrap; }
.pw-site-header__nav { display: flex; gap: var(--space-5); align-items: center; color: var(--colour-ink-soft); font-size: var(--text-body-small); }
.pw-site-header__nav:last-child { justify-content: end; }
.pw-site-header__menu { display: none; justify-self: end; }
.pw-immersive-hero { min-height: calc(100svh - 72px); display: grid; align-items: center; padding-block: var(--space-7); }
.pw-immersive-hero__grid { display: grid; gap: var(--space-7); align-items: center; }
.pw-immersive-hero__copy { max-width: 44rem; }
.pw-immersive-hero__copy .pw-standfirst { margin-top: var(--space-5); max-width: 38rem; }
.pw-immersive-hero__actions { margin-top: var(--space-6); display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; }
.pw-immersive-hero__stage { min-height: 30rem; position: relative; }
.pw-immersive-hero__image { height: min(72svh, 48rem); min-height: 30rem; box-shadow: var(--shadow-cinematic); }
.pw-immersive-hero__sliver { width: 32%; height: 62%; position: absolute; left: 0; top: 18%; border: .625rem solid var(--colour-paper); box-shadow: var(--shadow-soft); }
.pw-editorial-story { display: grid; gap: var(--space-7); align-items: center; }
.pw-editorial-story__image { min-height: 28rem; box-shadow: var(--shadow-editorial); }
.pw-editorial-story__body { max-width: 36rem; }
.pw-editorial-story__body .pw-standfirst { margin-top: var(--space-5); }
.pw-editorial-story__notes { margin-top: var(--space-6); display: grid; gap: var(--space-4); }
.pw-editorial-story__note { border-top: 1px solid var(--colour-line); display: grid; grid-template-columns: 3rem 1fr; gap: var(--space-4); padding-top: var(--space-4); font-family: var(--font-serif); font-size: clamp(1.25rem, 2vw, 1.7rem); line-height: var(--leading-heading); }
.pw-editorial-story__note span:first-child { color: var(--colour-warm-clay); }
.pw-mood-collection { background: var(--colour-linen); }
.pw-mood-collection__head { max-width: 58rem; margin-inline: auto; text-align: center; }
.pw-mood-collection__head .pw-standfirst { margin: var(--space-5) auto 0; max-width: 42rem; }
.pw-mood-collection__grid { margin-top: var(--space-7); display: grid; gap: var(--space-5); }
.pw-mood-card { color: var(--colour-white); display: grid; min-height: 27rem; position: relative; overflow: hidden; border-radius: var(--radius-subtle); text-decoration: none; box-shadow: var(--shadow-soft); }
.pw-mood-card .pw-image { grid-area: 1 / 1; height: 100%; border-radius: 0; }
.pw-mood-card::after { content: ""; grid-area: 1 / 1; background: linear-gradient(180deg, rgba(16, 37, 34, 0) 38%, rgba(16, 37, 34, .78)); z-index: 1; }
.pw-mood-card__content { grid-area: 1 / 1; align-self: end; padding: var(--space-5); position: relative; z-index: 2; }
.pw-mood-card__label { color: rgba(255, 253, 249, .78); font-size: var(--text-label); font-weight: 800; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.pw-mood-card__title { margin: var(--space-2) 0 0; font-family: var(--font-serif); font-size: clamp(1.75rem, 3vw, 3rem); font-weight: 400; line-height: 1; }
.pw-article-header { padding-block: var(--space-7) var(--space-8); }
.pw-article-header__meta { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-5); margin-bottom: var(--space-5); color: var(--colour-deep-teal); font-size: var(--text-label); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.pw-article-header__title { max-width: 68rem; }
.pw-article-header__standfirst { margin-top: var(--space-5); max-width: 46rem; }
.pw-article-header__image { margin-top: var(--space-7); min-height: 34rem; box-shadow: var(--shadow-editorial); }
.pw-design-principle { border-block: 1px solid var(--colour-line); }
.pw-design-principle__grid { display: grid; gap: var(--space-6); }
.pw-design-principle__intro { max-width: var(--container-narrow); }
.pw-principle-list { display: grid; gap: 1px; background: var(--colour-line); }
.pw-principle { background: var(--colour-paper); padding: var(--space-5); }
.pw-principle__label { color: var(--colour-warm-clay); font-size: var(--text-label); font-weight: 800; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.pw-principle h3 { margin-top: var(--space-3); }
.pw-principle p { margin-top: var(--space-3); }
.pw-pieces { background: var(--colour-paper-soft); }
.pw-pieces__head { max-width: 44rem; }
.pw-pieces__head .pw-standfirst { margin-top: var(--space-4); }
.pw-product-grid { margin-top: var(--space-7); display: grid; gap: var(--space-5); }
.pw-product-card { background: var(--colour-white); border: 1px solid var(--colour-line); display: grid; grid-template-rows: auto 1fr; min-height: 100%; text-decoration: none; transition: border-color var(--duration-medium) var(--ease-editorial), transform var(--duration-medium) var(--ease-editorial); }
.pw-product-card:hover { border-color: var(--colour-line-dark); transform: translateY(-2px); }
.pw-product-card__image { aspect-ratio: 4 / 5; border-radius: 0; box-shadow: none; }
.pw-product-card__body { padding: var(--space-5); }
.pw-product-card__reason { color: var(--colour-deep-teal); font-size: var(--text-label); font-weight: 800; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.pw-product-card h3 { margin-top: var(--space-3); font-family: var(--font-serif); font-size: 1.55rem; font-weight: 400; line-height: 1.08; }
.pw-product-card p { margin-top: var(--space-3); color: var(--colour-muted); font-size: var(--text-body-small); }
.pw-continue { background: var(--colour-forest-shadow); color: var(--colour-white); }
.pw-continue .pw-eyebrow { color: var(--colour-brass-glow); }
.pw-continue .pw-copy, .pw-continue .pw-standfirst { color: rgba(255, 253, 249, .78); }
.pw-continue__head { max-width: 52rem; }
.pw-continue__grid { margin-top: var(--space-7); display: grid; gap: 1px; background: rgba(255, 255, 255, .16); }
.pw-continue-card { background: var(--colour-forest-shadow); color: var(--colour-white); min-height: 13rem; padding: var(--space-5); display: flex; flex-direction: column; justify-content: flex-end; text-decoration: none; transition: background-color var(--duration-medium) var(--ease-editorial); }
.pw-continue-card:hover { background: #17342f; }
.pw-continue-card span { color: var(--colour-brass-glow); font-size: var(--text-label); font-weight: 800; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.pw-continue-card h3 { margin: var(--space-3) 0 0; font-family: var(--font-serif); font-size: clamp(1.6rem, 2.6vw, 2.7rem); font-weight: 400; line-height: 1; }
.pw-newsletter { background: var(--colour-paper); }
.pw-newsletter__box { border-block: 1px solid var(--colour-line); display: grid; gap: var(--space-6); padding-block: var(--space-7); align-items: center; }
.pw-newsletter__copy { max-width: 42rem; }
.pw-newsletter__copy .pw-standfirst { margin-top: var(--space-4); }
.pw-newsletter__form { display: grid; gap: var(--space-3); }
.pw-newsletter__field { min-height: 52px; border: 1px solid var(--colour-line-dark); border-radius: var(--radius-pill); background: var(--colour-white); color: var(--colour-ink); padding: 0 var(--space-5); }
.pw-newsletter__hint { color: var(--colour-faint); font-size: var(--text-caption); }
@media (min-width: 48rem) { .pw-mood-collection__grid, .pw-product-grid, .pw-continue__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pw-design-principle__grid { grid-template-columns: .85fr 1.15fr; } .pw-newsletter__box { grid-template-columns: 1fr minmax(20rem, .55fr); } }
@media (min-width: 75rem) { .pw-immersive-hero__grid { grid-template-columns: minmax(0, .86fr) minmax(30rem, 1.14fr); } .pw-editorial-story { grid-template-columns: minmax(0, 1.1fr) minmax(24rem, .9fr); } .pw-editorial-story--reverse { grid-template-columns: minmax(24rem, .9fr) minmax(0, 1.1fr); } .pw-editorial-story--reverse .pw-editorial-story__media { order: 2; } .pw-mood-collection__grid { grid-template-columns: .9fr 1.2fr .9fr; align-items: center; } .pw-mood-collection__grid .pw-mood-card:nth-child(2) { min-height: 36rem; } .pw-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .pw-continue__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 63.99rem) { .pw-site-header__inner { min-height: 64px; grid-template-columns: 1fr auto; } .pw-site-header__brand { justify-self: start; white-space: normal; order: 1; } .pw-site-header__nav { display: none; } .pw-site-header__nav[aria-label="Primary"] { order: 3; } .pw-site-header__nav[aria-label="Secondary"] { order: 4; } .pw-site-header__menu { display: inline-flex; order: 2; } .pw-site-header.is-open .pw-site-header__nav { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); width: 100%; } .pw-site-header.is-open .pw-site-header__nav[aria-label="Primary"] { border-top: 1px solid var(--colour-line); margin-top: var(--space-3); padding-top: var(--space-4); } .pw-site-header.is-open .pw-site-header__nav[aria-label="Secondary"] { padding-bottom: var(--space-4); } .pw-immersive-hero { min-height: auto; padding-block: var(--space-6) var(--space-8); } .pw-immersive-hero__image, .pw-article-header__image, .pw-editorial-story__image { min-height: 28rem; height: 58svh; } .pw-immersive-hero__sliver { display: none; } .pw-mood-card { min-height: 25rem; } .pw-newsletter__form .pw-button { width: 100%; } }