:root {
            --canvas: #f8f7f2;
            --paper: #ffffff;
            --cream: #f3eee5;
            --cream2: #f6f1e8;
            --sand: #e8dfd1;
            --sage: #82906f;
            --sage-d: #42513b;
            --forest: #183625;
            --olive: #657354;
            --clay: #a56f55;
            --ink: #161b17;
            --ink-2: #30372f;
            --muted: #737970;
            --line: #e5e4dd;
            --lime: #d8e89e;
            --shadow: 0 24px 70px rgba(48, 55, 47, .11);
            --shadow-soft: 0 14px 40px rgba(48, 55, 47, .07);
            --r-xl: 34px;
            --r-lg: 24px;
            --r-md: 16px;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0
        }

        html {
            scroll-behavior: smooth;
            scroll-padding-top: 98px
        }

        body {
            font-family: 'Manrope', sans-serif;
            background: var(--canvas);
            color: var(--ink);
            overflow-x: hidden
        }

        a {
            color: inherit
        }

        button,
        input,
        textarea {
            font: inherit
        }

        button {
            cursor: pointer
        }

        img {
            display: block;
            max-width: 100%
        }

        ::selection {
            background: var(--sage-d);
            color: #fff
        }

        .announce {
            height: 34px;
            background: var(--forest);
            color: #fff;
            overflow: hidden
        }

        .announce-inner {
            display: flex;
            width: max-content;
            height: 100%;
            align-items: center;
            animation: ticker 40s linear infinite
        }

        .announce-item {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            padding: 0 24px;
            font-size: .66rem;
            font-weight: 800;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .72)
        }

        .announce-item i {
            color: var(--lime);
            font-size: .58rem
        }

        @keyframes ticker {
            to {
                transform: translateX(-50%)
            }
        }

        .site-header {
            position: sticky;
            top: 0;
            z-index: 1000;
            padding: 14px 24px 0;
            background: linear-gradient(var(--canvas) 0 70%, transparent)
        }

        .nav-shell {
            max-width: 1420px;
            margin: auto;
            min-height: 72px;
            padding: 9px 12px 9px 18px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 28px;
            background: rgba(255, 255, 255, .92);
            backdrop-filter: blur(18px);
            border: 1px solid rgba(22, 27, 23, .08);
            border-radius: 22px;
            box-shadow: 0 10px 34px rgba(34, 43, 35, .07)
        }

        .brand {
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
            min-width: max-content
        }

        .brand-mark {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--sage-d);
            color: #fff;
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.45rem;
            font-weight: 700
        }

        .brand-copy strong {
            display: block;
            font-size: .96rem;
            letter-spacing: .16em;
            text-transform: uppercase
        }

        .brand-copy small {
            display: block;
            margin-top: 2px;
            color: var(--muted);
            font-size: .56rem;
            letter-spacing: .16em;
            text-transform: uppercase
        }

        .nav-links {
            display: flex;
            align-items: center;
            gap: 28px
        }

        .nav-links a {
            text-decoration: none;
            font-size: .72rem;
            font-weight: 700;
            letter-spacing: .03em;
            position: relative
        }

        .nav-links a:after {
            content: '';
            position: absolute;
            height: 1px;
            left: 0;
            right: 100%;
            bottom: -7px;
            background: var(--sage-d);
            transition: .25s
        }

        .nav-links a:hover:after {
            right: 0
        }

        .nav-actions {
            display: flex;
            align-items: center;
            gap: 8px
        }

        .nav-icon {
            position: relative;
            width: 43px;
            height: 43px;
            border-radius: 50%;
            border: 1px solid var(--line);
            background: #fff;
            color: var(--ink)
        }

        .nav-icon:hover {
            background: var(--sage-d);
            color: #fff
        }

        .bdg {
            position: absolute;
            top: -4px;
            right: -3px;
            min-width: 18px;
            height: 18px;
            padding: 0 4px;
            border-radius: 9px;
            background: var(--clay);
            color: #fff;
            border: 2px solid #fff;
            display: grid;
            place-items: center;
            font-size: .54rem;
            font-weight: 800
        }

        .nav-cta {
            height: 43px;
            padding: 0 18px;
            border-radius: 999px;
            border: 0;
            background: var(--ink);
            color: #fff;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 9px;
            font-size: .68rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .08em
        }

        .nav-cta:hover {
            background: var(--sage-d)
        }

        .page {
            max-width: 1420px;
            margin: auto;
            padding: 0 24px
        }

        .hero {
            padding-top: 30px
        }

        .hero-card {
            min-height: 650px;
            position: relative;
            overflow: hidden;
            border-radius: var(--r-xl);
            background: linear-gradient(112deg, #f1eadd 0 48%, #d9d2c1 48% 100%);
            box-shadow: var(--shadow);
            display: grid;
            grid-template-columns: 1.02fr .98fr
        }

        .hero-card:before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(105deg, rgba(255, 255, 255, .7), transparent 52%), repeating-linear-gradient(112deg, transparent 0 37px, rgba(255, 255, 255, .14) 38px 39px);
            pointer-events: none
        }

        .hero-copy {
            position: relative;
            z-index: 3;
            padding: 74px 30px 44px 64px;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            width: max-content;
            padding: 8px 12px;
            border-radius: 999px;
            background: rgba(130, 144, 111, .12);
            color: var(--sage-d);
            font-size: .62rem;
            font-weight: 900;
            letter-spacing: .12em;
            text-transform: uppercase
        }

        .eyebrow:before {
            content: '';
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--sage)
        }

        .hero h1 {
            margin-top: 24px;
            max-width: 650px;
            font-size: clamp(4.2rem, 6.7vw, 7.6rem);
            line-height: .82;
            letter-spacing: -.065em;
            font-weight: 700
        }

        .hero h1 em {
            display: block;
            font-family: 'Cormorant Garamond', serif;
            font-weight: 600;
            color: var(--sage-d)
        }

        .hero-desc {
            max-width: 520px;
            margin-top: 25px;
            color: var(--ink-2);
            font-size: 1rem;
            line-height: 1.82
        }

        .hero-actions {
            margin-top: 31px;
            display: flex;
            gap: 12px;
            flex-wrap: wrap
        }

        .btn-dark,
        .btn-light {
            min-height: 52px;
            padding: 0 20px;
            border-radius: 12px;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            font-size: .68rem;
            font-weight: 900;
            letter-spacing: .08em;
            text-transform: uppercase;
            transition: .25s
        }

        .btn-dark {
            background: var(--ink);
            color: #fff
        }

        .btn-dark:hover {
            transform: translateY(-3px);
            background: var(--sage-d)
        }

        .btn-light {
            background: rgba(255, 255, 255, .62);
            border: 1px solid rgba(22, 27, 23, .11)
        }

        .btn-light:hover {
            background: #fff
        }

        .hero-trust {
            margin-top: 44px;
            display: flex;
            gap: 24px;
            flex-wrap: wrap
        }

        .hero-trust span {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: .68rem;
            font-weight: 700;
            color: var(--ink-2)
        }

        .hero-trust i {
            color: var(--sage-d)
        }

        .hero-art {
            position: relative;
            min-height: 650px;
            overflow: hidden
        }

        .hero-art:before {
            content: '';
            position: absolute;
            width: 440px;
            height: 440px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .42);
            right: 48px;
            top: 70px
        }

        .leaf {
            position: absolute;
            width: 210px;
            height: 310px;
            right: 20px;
            top: 10px;
            opacity: .38;
            transform: rotate(16deg);
            background: radial-gradient(ellipse at 50% 100%, transparent 0 39%, var(--sage-d) 40% 42%, transparent 43%), repeating-radial-gradient(ellipse at 50% 100%, transparent 0 27px, rgba(66, 81, 59, .8) 28px 31px, transparent 32px 58px);
            border-radius: 60% 10% 60% 10%
        }

        .display-plinth {
            position: absolute;
            left: 16%;
            right: 8%;
            bottom: 62px;
            height: 112px;
            border-radius: 50%;
            background: linear-gradient(180deg, #d4b68f, #a77b4f);
            box-shadow: 0 26px 35px rgba(65, 52, 39, .2)
        }

        .hero-product {
            position: absolute;
            object-fit: cover;
            filter: drop-shadow(0 24px 24px rgba(34, 37, 31, .2));
            z-index: 2
        }

        .hero-product.one {
            width: 490px;
            height: 490px;
            border-radius: 50%;
            left: 21%;
            bottom: 98px
        }

        .hero-product.two {
            width: 190px;
            height: 230px;
            right: 7%;
            bottom: 105px
        }

        .hero-product.three {
            width: 160px;
            height: 200px;
            left: 2%;
            bottom: 105px
        }

        .hero-product.four {
            width: 155px;
            height: 190px;
            right: 25%;
            top: 105px
        }

        .return-seal {
            position: absolute;
            z-index: 5;
            right: 38px;
            top: 45px;
            width: 118px;
            height: 118px;
            border-radius: 50%;
            background: var(--sage-d);
            color: #fff;
            display: grid;
            place-items: center;
            text-align: center;
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.02rem;
            line-height: 1.05;
            box-shadow: 0 14px 30px rgba(38, 54, 39, .2);
            transform: rotate(7deg)
        }

        .return-seal strong {
            display: block;
            font-family: 'Manrope';
            font-size: 1.6rem
        }

        .hero-note {
            position: absolute;
            z-index: 4;
            left: 34px;
            top: 34px;
            padding: 13px 15px;
            border-radius: 14px;
            background: rgba(255, 255, 255, .78);
            backdrop-filter: blur(10px);
            font-size: .68rem;
            line-height: 1.5;
            box-shadow: var(--shadow-soft)
        }

        .hero-note strong {
            display: block;
            color: var(--sage-d);
            font-size: .74rem
        }

        .benefit-strip {
            margin-top: 18px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 22px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            box-shadow: var(--shadow-soft)
        }

        .benefit {
            padding: 20px 22px;
            display: grid;
            grid-template-columns: 46px 1fr;
            gap: 12px;
            align-items: center;
            border-right: 1px solid var(--line)
        }

        .benefit:last-child {
            border-right: 0
        }

        .benefit-icon {
            width: 46px;
            height: 46px;
            border-radius: 50%;
            background: var(--cream2);
            display: grid;
            place-items: center;
            color: var(--sage-d);
        }

        .benefit-icon i {
            font-size: 1.2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 30%;
        }

        .benefit strong {
            display: block;
            font-size: .72rem;
            text-transform: uppercase;
            letter-spacing: .05em
        }

        .benefit span {
            display: block;
            margin-top: 3px;
            color: var(--muted);
            font-size: .68rem
        }

        .section {
            padding: 104px 0
        }

        .section-head {
            text-align: center;
            max-width: 760px;
            margin: 0 auto 44px
        }

        .section-kicker {
            color: var(--sage-d);
            font-size: .63rem;
            font-weight: 900;
            letter-spacing: .13em;
            text-transform: uppercase
        }

        .section-title {
            margin-top: 10px;
            font-size: clamp(2.8rem, 4.7vw, 5.2rem);
            line-height: .9;
            letter-spacing: -.05em
        }

        .section-title em {
            font-family: 'Cormorant Garamond', serif;
            color: var(--sage-d);
            font-weight: 600
        }

        .section-copy {
            margin: 17px auto 0;
            max-width: 630px;
            color: var(--muted);
            font-size: .92rem;
            line-height: 1.8
        }

        .category-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px
        }

        .category-card {
            position: relative;
            min-height: 370px;
            border-radius: 22px;
            overflow: hidden;
            background: var(--cream);
            text-decoration: none
        }

        .category-card:after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, transparent 45%, rgba(17, 23, 18, .72));
            z-index: 2
        }

        .category-card img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 12%;
            padding: 30px;
            transition: .45s;
            filter: drop-shadow(0 18px 20px rgba(36, 41, 35, .15))
        }

        .category-card:nth-child(2) {
            background: #e7ddcf
        }

        .category-card:nth-child(3) {
            background: #e4e6d8
        }

        .category-card:nth-child(4) {
            background: #ded8ca
        }

        .category-card:hover img {
            transform: scale(1.08) translateY(-7px)
        }

        .category-label {
            position: absolute;
            z-index: 3;
            left: 22px;
            right: 22px;
            bottom: 20px;
            color: #fff
        }

        .category-label small {
            display: block;
            font-size: .57rem;
            letter-spacing: .13em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .72)
        }

        .category-label h3 {
            margin-top: 5px;
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.75rem;
            line-height: 1
        }

        .category-label span {
            display: inline-flex;
            margin-top: 9px;
            align-items: center;
            gap: 8px;
            font-size: .65rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em
        }

        .member-banner {
            margin-top: 24px;
            min-height: 145px;
            padding: 28px 34px;
            border-radius: 24px;
            background: linear-gradient(115deg, #183625, #2f5a3d 58%, #163024);
            color: #fff;
            display: grid;
            grid-template-columns: auto 1fr auto;
            gap: 24px;
            align-items: center;
            overflow: hidden;
            position: relative
        }

        .member-banner:after {
            content: '';
            position: absolute;
            right: -60px;
            top: -120px;
            width: 330px;
            height: 330px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, .13);
            box-shadow: 0 0 0 55px rgba(255, 255, 255, .035), 0 0 0 110px rgba(255, 255, 255, .025)
        }

        .member-icon {
            position: relative;
            z-index: 2;
            width: 76px;
            height: 76px;
            border-radius: 50%;
            background: #e9ddc5;
            color: var(--sage-d);
            display: grid;
            place-items: center;
            font-size: 1.45rem
        }

        .member-copy {
            position: relative;
            z-index: 2
        }

        .member-copy small {
            font-size: .59rem;
            letter-spacing: .13em;
            text-transform: uppercase;
            color: #dce5bf;
            font-weight: 900
        }

        .member-copy h3 {
            font-family: 'Cormorant Garamond', serif;
            font-size: 2.25rem;
            font-weight: 600;
            margin-top: 5px
        }

        .member-copy p {
            margin-top: 3px;
            color: rgba(255, 255, 255, .7);
            font-size: .76rem
        }

        .member-banner a {
            position: relative;
            z-index: 2;
            min-height: 48px;
            padding: 0 18px;
            border-radius: 10px;
            background: #f6ead9;
            color: var(--ink);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: .66rem;
            font-weight: 900;
            letter-spacing: .07em;
            text-transform: uppercase
        }

        .top-picks {
            padding-top: 0
        }

        .top-picks-track {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 14px
        }

        .pick-card {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 20px;
            overflow: hidden;
            transition: .28s
        }

        .pick-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow-soft)
        }

        .pick-image {
            height: 225px;
            background: var(--cream2);
            position: relative;
            display: grid;
            place-items: center;
            overflow: hidden
        }

        .pick-image img {
            width: 84%;
            height: 84%;
            object-fit: contain;
            transition: .35s;
            filter: drop-shadow(0 13px 15px rgba(37, 41, 35, .12))
        }

        .pick-card:hover .pick-image img {
            transform: scale(1.07)
        }

        .pick-number {
            position: absolute;
            left: 13px;
            top: 12px;
            color: rgba(24, 54, 37, .34);
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.15rem
        }

        .pick-heart {
            position: absolute;
            right: 12px;
            top: 12px;
            z-index: 2;
            width: 36px;
            height: 36px;
            border: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, .82);
            color: var(--ink)
        }

        .pick-heart.on,
        .pick-heart:hover {
            background: var(--sage-d);
            color: #fff
        }

        .pick-copy {
            padding: 16px
        }

        .pick-copy>span {
            font-size: .54rem;
            text-transform: uppercase;
            letter-spacing: .11em;
            font-weight: 900;
            color: var(--sage-d)
        }

        .pick-copy h3 {
            font-size: .84rem;
            line-height: 1.35;
            min-height: 2.7em;
            margin-top: 6px
        }

        .pick-bottom {
            margin-top: 14px;
            padding-top: 12px;
            border-top: 1px solid var(--line);
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .pick-bottom strong {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.25rem
        }

        .pick-bottom button {
            width: 34px;
            height: 34px;
            border: 0;
            border-radius: 50%;
            background: var(--sage-d);
            color: #fff
        }

        .why-panel {
            background: #fff;
            border-radius: 28px;
            border: 1px solid var(--line);
            padding: 52px 42px
        }

        .why-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            margin-top: 40px
        }

        .why-item {
            padding: 10px 26px;
            text-align: center;
            border-right: 1px solid var(--line)
        }

        .why-item:last-child {
            border-right: 0
        }

        .why-icon {
            width: 58px;
            height: 58px;
            margin: auto;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--cream2);
            color: var(--sage-d);
            font-size: 1.1rem
        }

        .why-item h3 {
            margin-top: 16px;
            font-size: .73rem;
            text-transform: uppercase;
            letter-spacing: .05em
        }

        .why-item p {
            margin-top: 7px;
            color: var(--muted);
            font-size: .72rem;
            line-height: 1.55
        }

        .testimonial {
            display: grid;
            grid-template-columns: .9fr 1.1fr;
            min-height: 480px;
            border-radius: 28px;
            overflow: hidden;
            background: #eee6da
        }

        .testimonial-copy {
            padding: 58px;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .testimonial-label {
            font-size: .6rem;
            text-transform: uppercase;
            letter-spacing: .14em;
            color: var(--sage-d);
            font-weight: 900
        }

        .quote-mark {
            margin-top: 10px;
            font-family: 'Cormorant Garamond', serif;
            color: var(--sage);
            font-size: 4.4rem;
            line-height: .6
        }

        .testimonial blockquote {
            font-family: 'Cormorant Garamond', serif;
            font-size: 2rem;
            line-height: 1.18;
            color: var(--ink-2)
        }

        .stars {
            margin-top: 20px;
            color: #8a7a53;
            font-size: .7rem;
            letter-spacing: .15em
        }

        .testimonial cite {
            margin-top: 15px;
            font-style: normal;
            font-size: .72rem;
            font-weight: 800
        }

        .testimonial-art {
            position: relative;
            overflow: hidden;
            background: linear-gradient(135deg, #d7d1c2, #b9b59f)
        }

        .testimonial-art:before {
            content: '';
            position: absolute;
            width: 420px;
            height: 420px;
            border-radius: 50%;
            right: -30px;
            top: 35px;
            background: rgba(255, 255, 255, .35)
        }

        .testimonial-art img {
            position: absolute;
            width: 66%;
            height: 75%;
            right: 10%;
            bottom: 0;
            object-fit: contain;
            filter: drop-shadow(0 22px 22px rgba(30, 37, 31, .2))
        }

        .testimonial-art .mini-product {
            width: 32%;
            height: 38%;
            left: 7%;
            right: auto;
            bottom: 35px
        }

        .testimonial-badge {
            position: absolute;
            z-index: 2;
            top: 30px;
            left: 30px;
            padding: 12px 14px;
            border-radius: 14px;
            background: rgba(255, 255, 255, .8);
            backdrop-filter: blur(10px);
            font-size: .68rem;
            line-height: 1.45
        }

        .testimonial-badge strong {
            display: block;
            color: var(--sage-d)
        }

        .store-section {
            padding: 105px 0
        }

        .store-intro {
            display: flex;
            justify-content: space-between;
            gap: 40px;
            align-items: end;
            margin-bottom: 32px
        }

        .store-intro .section-title {
            max-width: 760px
        }

        .store-intro p {
            max-width: 490px;
            color: var(--muted);
            font-size: .86rem;
            line-height: 1.75
        }

        .catalog-shell {
            display: grid;
            grid-template-columns: 1fr;
            gap: 22px
        }

        .catalog-panel {
            position: sticky;
            top: 96px;
            z-index: 50;
            background: rgba(255, 255, 255, .95);
            border: 1px solid var(--line);
            border-radius: 20px;
            padding: 14px;
            box-shadow: 0 12px 36px rgba(48, 55, 47, .07);
            backdrop-filter: blur(16px)
        }

        .catalog-panel-head {
            display: none
        }

        .catalog-controls {
            display: grid;
            grid-template-columns: 290px 1fr;
            gap: 12px;
            align-items: center
        }

        .catalog-search {
            position: relative
        }

        .catalog-search i {
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            font-size: .72rem;
            color: var(--muted)
        }

        .catalog-search input {
            width: 100%;
            height: 46px;
            border: 1px solid var(--line);
            background: var(--canvas);
            border-radius: 12px;
            padding: 0 14px 0 40px;
            outline: none;
            font-size: .76rem
        }

        .catalog-search input:focus {
            border-color: var(--sage)
        }

        .catalog-nav {
            display: flex;
            gap: 7px;
            overflow-x: auto;
            padding-bottom: 2px
        }

        .catalog-nav::-webkit-scrollbar {
            height: 4px
        }

        .catalog-nav::-webkit-scrollbar-thumb {
            background: var(--sand);
            border-radius: 8px
        }

        .catalog-filter {
            flex: 0 0 auto;
            height: 43px;
            padding: 0 13px;
            border: 1px solid var(--line);
            background: #fff;
            border-radius: 11px;
            display: flex;
            align-items: center;
            gap: 9px;
            color: var(--ink-2)
        }

        .catalog-filter span {
            display: flex;
            align-items: center;
            gap: 7px;
            font-size: .64rem;
            font-weight: 800
        }

        .catalog-filter b {
            font-size: .55rem;
            color: var(--muted)
        }

        .catalog-filter.active,
        .catalog-filter:hover {
            background: var(--sage-d);
            color: #fff;
            border-color: var(--sage-d)
        }

        .catalog-filter.active b,
        .catalog-filter:hover b {
            color: rgba(255, 255, 255, .68)
        }

        .catalog-note {
            display: none
        }

        .collection {
            padding: 30px;
            margin-bottom: 22px;
            border-radius: 25px;
            background: #fff;
            border: 1px solid var(--line)
        }

        .collection.is-hidden,
        .collection.search-empty {
            display: none
        }

        .coll-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid var(--line)
        }

        .coll-title-line {
            display: flex;
            align-items: center;
            gap: 12px
        }

        .coll-icon {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--cream2);
            color: var(--sage-d)
        }

        .coll-name {
            font-family: 'Cormorant Garamond', serif;
            font-size: 2rem;
            font-weight: 700
        }

        .coll-meta {
            font-size: .63rem;
            text-transform: uppercase;
            letter-spacing: .08em;
            color: var(--muted)
        }

        .coll-meta span {
            font-size: 1.05rem;
            color: var(--sage-d);
            font-weight: 900
        }

        .coll-grid {
            margin-top: 22px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px
        }

        .item-card {
            border: 1px solid var(--line);
            border-radius: 19px;
            overflow: hidden;
            background: #fff;
            transition: .27s
        }

        .item-card.search-hidden {
            display: none
        }

        .item-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow-soft)
        }

        .item-img {
            height: 235px;
            position: relative;
            display: grid;
            place-items: center;
            overflow: hidden;
            background: #f2eee6
        }

        .tone-violet .item-img {
            background: #ece9df
        }

        .tone-coral .item-img {
            background: #f0e6dd
        }

        .tone-blue .item-img {
            background: #e9eee6
        }

        .item-img img {
            width: 86%;
            height: 86%;
            object-fit: contain;
            transition: .35s;
            filter: drop-shadow(0 14px 16px rgba(40, 45, 39, .12))
        }

        .item-card:hover .item-img img {
            transform: scale(1.07)
        }

        .item-index {
            position: absolute;
            left: 12px;
            top: 10px;
            font-family: 'Cormorant Garamond', serif;
            color: rgba(24, 54, 37, .3);
            font-size: 1.1rem
        }

        .item-tag {
            position: absolute;
            left: 12px;
            bottom: 11px;
            padding: 6px 8px;
            border-radius: 8px;
            background: rgba(255, 255, 255, .76);
            font-size: .52rem;
            letter-spacing: .09em;
            text-transform: uppercase;
            font-weight: 900
        }

        .item-fave {
            position: absolute;
            right: 11px;
            top: 11px;
            width: 37px;
            height: 37px;
            border: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, .82);
            color: var(--ink);
            z-index: 2
        }

        .item-fave.on,
        .item-fave:hover {
            background: var(--sage-d);
            color: #fff
        }

        .item-copy {
            padding: 16px
        }

        .item-cat {
            color: var(--sage-d);
            font-size: .54rem;
            letter-spacing: .1em;
            text-transform: uppercase;
            font-weight: 900
        }

        .item-name {
            margin-top: 6px;
            font-size: .9rem;
            line-height: 1.3;
            min-height: 2.6em
        }

        .item-desc {
            margin-top: 8px;
            color: var(--muted);
            font-size: .69rem;
            line-height: 1.55;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            min-height: 3.2em
        }

        .item-row {
            margin-top: 15px;
            padding-top: 13px;
            border-top: 1px solid var(--line);
            display: flex;
            justify-content: space-between;
            align-items: end
        }

        .price-label {
            display: block;
            color: var(--muted);
            font-size: .5rem;
            text-transform: uppercase;
            letter-spacing: .09em;
            font-weight: 800
        }

        .item-price {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.35rem;
            font-weight: 700
        }

        .btn-add {
            width: 42px;
            height: 42px;
            border: 0;
            border-radius: 50%;
            background: var(--ink);
            color: #fff
        }

        .btn-add span {
            display: none
        }

        .btn-add:hover {
            background: var(--sage-d);
            transform: rotate(6deg)
        }

        .info-grid {
            display: grid;
            grid-template-columns: .92fr 1.08fr;
            gap: 18px
        }

        .about-card,
        .faq-card,
        .contact-card {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 26px;
            padding: 38px
        }

        .about-card {
            background: var(--forest);
            color: #fff;
            position: relative;
            overflow: hidden
        }

        .about-card:after {
            content: '';
            position: absolute;
            right: -100px;
            bottom: -130px;
            width: 330px;
            height: 330px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, .12);
            box-shadow: 0 0 0 55px rgba(255, 255, 255, .035), 0 0 0 110px rgba(255, 255, 255, .025)
        }

        .about-card .section-kicker {
            color: #dce5bf
        }

        .about-card .section-title {
            font-size: 3.6rem;
            position: relative;
            z-index: 2
        }

        .about-card .section-title em {
            color: #dce5bf
        }

        .about-card>p {
            position: relative;
            z-index: 2;
            margin-top: 18px;
            color: rgba(255, 255, 255, .68);
            font-size: .85rem;
            line-height: 1.8
        }

        .about-list {
            position: relative;
            z-index: 2;
            margin-top: 28px;
            display: grid;
            gap: 12px
        }

        .about-list div {
            display: flex;
            align-items: flex-start;
            gap: 11px;
            padding-top: 12px;
            border-top: 1px solid rgba(255, 255, 255, .12)
        }

        .about-list i {
            color: #dce5bf;
            margin-top: 3px
        }

        .about-list strong {
            display: block;
            font-size: .75rem
        }

        .about-list span {
            display: block;
            margin-top: 3px;
            color: rgba(255, 255, 255, .56);
            font-size: .69rem;
            line-height: 1.5
        }

        .support-stack {
            display: grid;
            gap: 18px
        }

        .faq-card .section-title,
        .contact-card .section-title {
            font-size: 3.3rem
        }

        .faq-wrap {
            margin-top: 23px;
            border-top: 1px solid var(--line)
        }

        .faq-item {
            border-bottom: 1px solid var(--line)
        }

        .faq-q {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 16px;
            align-items: center;
            padding: 19px 0;
            cursor: pointer
        }

        .faq-q span {
            font-size: .79rem;
            font-weight: 800
        }

        .faq-icon {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--cream2);
            transition: .25s
        }

        .faq-item.open .faq-icon {
            background: var(--sage-d);
            color: #fff;
            transform: rotate(45deg)
        }

        .faq-a {
            max-height: 0;
            overflow: hidden;
            color: var(--muted);
            font-size: .74rem;
            line-height: 1.75;
            transition: .32s;
            padding-right: 42px
        }

        .faq-item.open .faq-a {
            max-height: 220px;
            padding-bottom: 18px
        }

        .contact-card>p {
            margin-top: 15px;
            color: var(--muted);
            font-size: .8rem;
            line-height: 1.7
        }

        .contact-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 8px;
            margin-top: 20px
        }

        .contact-item {
            padding: 12px;
            border-radius: 13px;
            background: var(--cream2);
            display: flex;
            align-items: center;
            gap: 9px
        }

        .c-ico {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: #fff;
            color: var(--sage-d);
            flex: none
        }

        .c-txt strong {
            display: block;
            font-size: .8rem;
            text-transform: uppercase;
            letter-spacing: .06em
        }

        .c-txt span,
        .c-txt a {
            display: block;
            margin-top: 2px;
            color: var(--muted);
            font-size: .75rem;
            text-decoration: none
        }

        .contact-form {
            margin-top: 18px
        }

        .cf-row,
        .ff-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px
        }

        .cf,
        .ff {
            width: 100%;
            min-height: 48px;
            border: 1px solid var(--line);
            border-radius: 12px;
            background: var(--canvas);
            padding: 12px 14px;
            outline: none;
            margin-bottom: 10px;
            font-size: .76rem
        }

        .cf:focus,
        .ff:focus {
            border-color: var(--sage);
            background: #fff
        }

        .btn-send,
        .btn-sub,
        .btn-checkout {
            min-height: 48px;
            border: 0;
            border-radius: 12px;
            background: var(--ink);
            color: #fff;
            padding: 0 18px;
            font-size: .64rem;
            font-weight: 900;
            letter-spacing: .08em;
            text-transform: uppercase
        }

        .btn-send:hover,
        .btn-sub:hover,
        .btn-checkout:hover {
            background: var(--sage-d)
        }

        .newsletter {
            padding-bottom: 110px
        }

        .newsletter-panel {
            padding: 48px;
            border-radius: 28px;
            background: #eee6da;
            display: grid;
            grid-template-columns: .9fr 1.1fr;
            gap: 50px;
            align-items: center
        }

        .newsletter-copy .section-title {
            font-size: 3.8rem
        }

        .newsletter-copy p {
            margin-top: 15px;
            color: var(--muted);
            font-size: .82rem;
            line-height: 1.75
        }

        .unsub-link {
            margin-top: 15px;
            border: 0;
            background: transparent;
            color: var(--sage-d);
            font-size: .68rem;
            text-decoration: underline
        }

        .newsletter-form {
            background: #fff;
            border-radius: 20px;
            padding: 28px
        }

        .newsletter-form h3 {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.8rem
        }

        .newsletter-form>p {
            margin: 4px 0 18px;
            color: var(--muted);
            font-size: .7rem
        }

        .field-label {
            display: block;
            margin: 0 0 6px 2px;
            color: var(--muted);
            font-size: .53rem;
            letter-spacing: .1em;
            text-transform: uppercase;
            font-weight: 900
        }

        .check-row {
            margin: 2px 0 14px
        }

        .check-item {
            display: flex;
            gap: 8px;
            align-items: flex-start;
            color: var(--muted);
            font-size: .67rem;
            line-height: 1.5
        }

        .check-item input {
            margin-top: 3px;
            accent-color: var(--sage-d)
        }

        footer {
            background: #101713;
            color: #fff;
            padding: 68px 24px 26px
        }

        .footer-grid {
            max-width: 1420px;
            margin: auto;
            display: grid;
            grid-template-columns: 1.4fr repeat(3, 1fr);
            gap: 50px
        }

        .footer-logo {
            font-family: 'Cormorant Garamond', serif;
            font-size: 2.1rem;
            font-weight: 700
        }

        .footer-logo em {
            font-style: italic;
            color: #dce5bf
        }

        .footer-desc {
            max-width: 330px;
            margin-top: 12px;
            color: rgba(255, 255, 255, .5);
            font-size: .76rem;
            line-height: 1.75
        }

        .footer-socials {
            display: flex;
            gap: 8px;
            margin-top: 19px
        }

        .footer-socials a {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: rgba(255, 255, 255, .08);
            text-decoration: none
        }

        .footer-socials a:hover {
            background: #dce5bf;
            color: var(--ink)
        }

        .footer-col h4 {
            color: #dce5bf;
            font-size: .6rem;
            letter-spacing: .12em;
            text-transform: uppercase;
            margin-bottom: 16px
        }

        .footer-col a,
        .footer-col button,
        .footer-col span {
            display: block;
            border: 0;
            background: none;
            color: rgba(255, 255, 255, .5);
            text-decoration: none;
            margin-bottom: 10px;
            padding: 0;
            font-size: .72rem;
            text-align: left
        }

        .footer-col a:hover,
        .footer-col button:hover {
            color: #fff
        }

        .footer-bottom {
            max-width: 1420px;
            margin: 44px auto 0;
            padding-top: 22px;
            border-top: 1px solid rgba(255, 255, 255, .09);
            display: flex;
            justify-content: center;
            gap: 18px;
            color: rgba(255, 255, 255, .35);
            font-size: .74rem
        }

        .ov {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 2200;
            background: rgba(16, 23, 19, .72);
            backdrop-filter: blur(10px);
            align-items: center;
            justify-content: center;
            padding: 18px
        }

        .ov.show {
            display: flex
        }

        .ovbox {
            width: 100%;
            max-height: 90vh;
            overflow-y: auto;
            position: relative;
            border-radius: 24px;
            padding: 36px;
            background: #fff;
            box-shadow: 0 30px 100px rgba(0, 0, 0, .3);
            animation: pop .28s ease
        }

        .ov-close {
            position: absolute;
            right: 15px;
            top: 15px;
            width: 38px;
            height: 38px;
            border: 0;
            border-radius: 50%;
            background: var(--cream2)
        }

        .ov-close:hover {
            background: var(--sage-d);
            color: #fff
        }

        .ov-title {
            font-family: 'Cormorant Garamond', serif;
            font-size: 2.2rem;
            font-weight: 700;
            margin-bottom: 22px
        }

        .empty-st {
            text-align: center;
            padding: 44px 20px;
            color: var(--muted)
        }

        .empty-st i {
            display: block;
            font-size: 2.2rem;
            color: var(--sage-d);
            margin-bottom: 12px
        }

        .empty-st h6 {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.5rem;
            color: var(--ink)
        }

        .item-row-cart {
            display: grid;
            grid-template-columns: 64px 1fr auto;
            gap: 12px;
            align-items: center;
            padding: 12px;
            border-radius: 14px;
            background: var(--cream2);
            margin-bottom: 9px
        }

        .cart-img {
            width: 64px;
            height: 64px;
            border-radius: 12px;
            background: #fff;
            overflow: hidden;
            display: grid;
            place-items: center
        }

        .cart-img img {
            width: 100%;
            height: 100%;
            object-fit: contain
        }

        .cart-info h6 {
            font-size: .77rem
        }

        .cart-info p {
            font-family: 'Cormorant Garamond', serif;
            color: var(--sage-d);
            font-size: 1rem;
            font-weight: 700
        }

        .qty-ctrl {
            display: flex;
            align-items: center;
            gap: 7px;
            margin-top: 5px
        }

        .qty-btn {
            width: 23px;
            height: 23px;
            border: 0;
            border-radius: 50%;
            background: var(--sage-d);
            color: #fff
        }

        .qty-val {
            font-size: .7rem
        }

        .btn-remove {
            border: 0;
            background: none;
            color: var(--muted)
        }

        .btn-remove:hover {
            color: var(--clay)
        }

        .cart-total-row {
            display: flex;
            justify-content: space-between;
            padding: 14px 16px;
            border-radius: 12px;
            background: var(--cream2);
            margin-top: 14px
        }

        .cart-total-row span:last-child {
            font-family: 'Cormorant Garamond', serif;
            color: var(--sage-d);
            font-size: 1.25rem
        }

        .cod-box {
            padding: 14px;
            border-radius: 13px;
            border: 1px solid #cdd7bf;
            background: #f0f4e9;
            margin-bottom: 12px
        }

        .toast-wrap {
            position: fixed;
            right: 0;
            bottom: 28px;
            z-index: 3000
        }

        .tmsg {
            display: flex;
            align-items: center;
            gap: 9px;
            padding: 13px 19px;
            border-radius: 12px 0 0 12px;
            background: var(--forest);
            color: #fff;
            box-shadow: var(--shadow);
            transform: translateX(110%);
            transition: .35s;
            font-size: .73rem
        }

        .tmsg.show {
            transform: translateX(0)
        }

        .tmsg i {
            color: #dce5bf
        }

        @keyframes pop {
            from {
                opacity: 0;
                transform: translateY(20px) scale(.98)
            }

            to {
                opacity: 1;
                transform: none
            }
        }

        @media(max-width:1100px) {
            .nav-links {
                display: none
            }

            .hero-card {
                grid-template-columns: 1fr
            }

            .hero-copy {
                padding: 58px
            }

            .hero-art {
                min-height: 520px
            }

            .benefit-strip {
                grid-template-columns: repeat(2, 1fr)
            }

            .benefit:nth-child(2) {
                border-right: 0
            }

            .benefit:nth-child(-n+2) {
                border-bottom: 1px solid var(--line)
            }

            .category-grid {
                grid-template-columns: repeat(2, 1fr)
            }

            .top-picks-track {
                grid-template-columns: repeat(3, 1fr)
            }

            .coll-grid {
                grid-template-columns: repeat(3, 1fr)
            }

            .info-grid {
                grid-template-columns: 1fr
            }

            .testimonial {
                grid-template-columns: 1fr
            }

            .testimonial-art {
                min-height: 420px
            }

            .footer-grid {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        @media(max-width:760px) {
            .site-header {
                padding: 9px 10px 0
            }

            .nav-shell {
                min-height: 64px;
                padding: 8px 9px 8px 12px
            }

            .brand-copy small,
            .nav-cta {
                display: none
            }

            .page {
                padding: 0 12px
            }

            .hero {
                padding-top: 18px
            }

            .hero-card {
                border-radius: 24px
            }

            .hero-copy {
                padding: 46px 24px
            }

            .hero h1 {
                font-size: clamp(3.4rem, 17vw, 5.3rem)
            }

            .hero-desc {
                font-size: .88rem
            }

            .hero-art {
                min-height: 440px
            }

            .hero-product.one {
                width: 220px;
                height: 260px;
                left: 22%
            }

            .hero-product.two {
                width: 145px;
                height: 180px
            }

            .hero-product.three {
                width: 120px;
                height: 150px
            }

            .hero-product.four {
                width: 120px;
                height: 150px
            }

            .return-seal {
                width: 92px;
                height: 92px;
                right: 20px;
                font-size: .78rem
            }

            .return-seal strong {
                font-size: 1.25rem
            }

            .benefit-strip {
                grid-template-columns: 1fr
            }

            .benefit,
            .benefit:nth-child(2) {
                border-right: 0;
                border-bottom: 1px solid var(--line)
            }

            .benefit:last-child {
                border-bottom: 0
            }

            .section {
                padding: 78px 0
            }

            .section-title {
                font-size: 3.1rem
            }

            .category-grid {
                grid-template-columns: 1fr 1fr;
                gap: 10px
            }

            .category-card {
                min-height: 280px
            }

            .member-banner {
                grid-template-columns: 1fr;
                text-align: center;
                justify-items: center
            }

            .member-copy h3 {
                font-size: 1.9rem
            }

            .top-picks-track {
                display: flex;
                overflow-x: auto
            }

            .pick-card {
                min-width: 230px
            }

            .why-panel {
                padding: 38px 18px
            }

            .why-grid {
                grid-template-columns: 1fr 1fr;
                gap: 24px
            }

            .why-item {
                border-right: 0
            }

            .testimonial-copy {
                padding: 38px 24px
            }

            .testimonial blockquote {
                font-size: 1.65rem
            }

            .store-intro {
                display: block
            }

            .store-intro p {
                margin-top: 15px
            }

            .catalog-controls {
                grid-template-columns: 1fr
            }

            .catalog-panel {
                top: 78px
            }

            .collection {
                padding: 20px 13px
            }

            .coll-grid {
                grid-template-columns: 1fr 1fr;
                gap: 10px
            }

            .item-img {
                height: 190px
            }

            .contact-list {
                grid-template-columns: 1fr
            }

            .newsletter-panel {
                grid-template-columns: 1fr;
                padding: 30px 20px;
                gap: 28px
            }

            .newsletter-copy .section-title {
                font-size: 3rem
            }

            .cf-row,
            .ff-row {
                grid-template-columns: 1fr
            }

            .footer-grid {
                grid-template-columns: 1fr
            }

            .footer-bottom {
                flex-direction: column
            }

            .ovbox {
                padding: 32px 17px
            }

            .item-row-cart {
                grid-template-columns: 58px 1fr auto
            }
        }

        @media(max-width:480px) {
            .brand-mark {
                width: 40px;
                height: 40px
            }

            .nav-icon {
                width: 40px;
                height: 40px
            }

            .hero-copy {
                padding: 40px 20px
            }

            .hero h1 {
                font-size: 3.45rem
            }

            .hero-actions {
                display: grid
            }

            .btn-dark,
            .btn-light {
                justify-content: center
            }

            .hero-trust {
                display: grid;
                gap: 10px
            }

            .hero-art {
                min-height: 390px
            }

            .hero-note {
                display: none
            }

            .display-plinth {
                bottom: 45px
            }

            .hero-product.one {
                left: 20%;
                bottom: 72px
            }

            .hero-product.two,
            .hero-product.three {
                bottom: 75px
            }

            .hero-product.four {
                top: 65px
            }

            .category-grid {
                grid-template-columns: 1fr
            }

            .category-card {
                min-height: 310px
            }

            .coll-grid {
                grid-template-columns: 1fr
            }

            .item-img {
                height: 260px
            }

            .why-grid {
                grid-template-columns: 1fr
            }

            .testimonial-art {
                min-height: 340px
            }

            .about-card,
            .faq-card,
            .contact-card {
                padding: 28px 20px
            }

            .about-card .section-title,
            .faq-card .section-title,
            .contact-card .section-title {
                font-size: 2.75rem
            }
        }
    
/* ===== multi-page additions ===== */
.item-name a,.pick-copy h3 a,.cart-info h6 a{color:inherit;text-decoration:none}.item-name a:hover{color:var(--clay)}
.item-img>a,.pick-image>a{display:contents}
a.unsub-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
a.btn-dark,a.btn-light{text-decoration:none}
.nav-links a[aria-current="page"]{color:var(--forest);font-weight:800}
.crumbs{font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:26px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--forest)}
.pd-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.pd-img{aspect-ratio:1;background:var(--cream);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft);overflow:hidden}.pd-img img{width:100%;height:100%;object-fit:cover}
.pd-title{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.02;margin:12px 0 8px}
.pd-sku{font-size:.8rem;color:var(--muted);font-weight:600}
.pd-price{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:2.6rem;color:var(--clay);margin:14px 0}.pd-price del{font-size:1.2rem;color:var(--muted);margin-right:10px;font-weight:600}
.pd-desc{color:var(--ink-2);line-height:1.85;max-width:60ch;margin:14px 0 24px}
.pd-buy{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pd-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}.pd-qty button{width:46px;height:48px;border:0;background:none;color:var(--ink)}.pd-qty span{min-width:38px;text-align:center;font-weight:700}
.pd-btn{border:1.5px solid var(--forest);background:var(--paper);color:var(--forest);border-radius:12px;padding:0 24px;min-height:48px;font-weight:700;cursor:pointer}.pd-btn.solid{background:var(--forest);color:#fff}.pd-btn:hover{background:var(--sage-d);border-color:var(--sage-d);color:#fff}
.pd-wish.on{background:var(--clay);border-color:var(--clay);color:#fff}
.pd-facts{list-style:none;padding:24px 0 0;margin:30px 0 0;border-top:1px solid var(--line);display:grid;gap:12px;font-size:.9rem;color:var(--ink-2)}
.pd-facts i{width:26px;color:var(--sage)}.pd-facts a{color:var(--ink);text-decoration:underline}
.pd-missing{max-width:560px;margin:0 auto;padding:60px 0;text-align:center}.pd-missing p{color:var(--muted);margin:14px 0 24px}
.related{margin-top:80px}.related h2{font-family:'Cormorant Garamond',serif;font-size:2.2rem;margin-bottom:24px}
.legal{max-width:860px}.legal h1{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:clamp(2.2rem,4.5vw,3.4rem);margin:12px 0 26px}
.legal-body{background:var(--paper);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-soft);padding:clamp(22px,4vw,46px);font-size:.92rem;line-height:1.85;color:var(--ink-2)}
.legal-body h2{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--ink);margin:26px 0 8px}.legal-body p{margin-bottom:12px}
.legal-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:28px;font-size:.85rem;font-weight:700}.legal-links a{color:var(--sage-d)}
@media(max-width:900px){.pd-grid{grid-template-columns:1fr;gap:28px}}