:root{--black:#111;--cream:#f5f2eb;--line:rgba(17,17,17,.16);--muted:rgba(17,17,17,.62);--shell:1480px;--gutter:clamp(22px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--black);font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.site-shell{width:min(100%,var(--shell));margin:auto;padding-inline:var(--gutter)}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.eyebrow{margin:0 0 15px;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.text-link{font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}.site-header{position:sticky;top:0;z-index:100;background:rgba(245,242,235,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.admin-bar .site-header{top:32px}.header-inner{min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.brand{font-size:28px;font-weight:500;letter-spacing:.24em}.primary-nav .menu{display:flex;gap:34px;list-style:none;margin:0;padding:0}.primary-nav a,.cart-link{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.cart-link{justify-self:end}.menu-toggle{display:none}.hero{position:relative;min-height:calc(100vh - 82px);display:flex;align-items:flex-end;background:linear-gradient(120deg,#bdb4a8,#e9e4db);background-image:var(--hero-image);background-size:cover;background-position:center;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,17,.42),rgba(17,17,17,.08) 55%,transparent)}.hero-content{position:relative;z-index:1;color:#fff;padding-bottom:clamp(55px,9vh,105px)}.hero h1{margin:0 0 25px;font-size:clamp(60px,8vw,118px);line-height:.9;font-weight:500;letter-spacing:-.05em}.hero-link{color:#fff}.home-collection,.shop-shell,.single-product-shell{padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(100px,10vw,150px)}.section-heading,.shop-header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:38px}.section-heading h2,.shop-header h1{margin:0;font-size:clamp(36px,5vw,72px);line-height:.96;font-weight:500;letter-spacing:-.04em}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 18px}.product-card-image{display:block;background:#eee9e1;overflow:hidden;aspect-ratio:4/5}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.product-card:hover .product-card-image img{transform:scale(1.015)}.product-card-row{display:flex;justify-content:space-between;gap:14px;padding-top:16px}.product-number{margin:0 0 5px;font-size:10px;letter-spacing:.12em;color:var(--muted)}.product-card h2,.product-card h3{margin:0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.product-color{margin:5px 0 0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.product-price{margin:0;font-size:12px;white-space:nowrap}.outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:15px;border:1px solid var(--black);padding:0 20px;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.outline-button:hover{background:var(--black);color:var(--cream)}.manifesto{background:var(--black);color:var(--cream);padding:clamp(90px,12vw,170px) 0}.manifesto-grid{display:grid;grid-template-columns:1fr 2fr;gap:70px}.manifesto h2{margin:0;font-size:clamp(54px,7vw,106px);line-height:.94;font-weight:500;letter-spacing:-.045em}.manifesto p:not(.eyebrow){max-width:620px;font-size:22px;color:rgba(245,242,235,.72)}.editorial-section{padding:clamp(90px,10vw,150px) 0}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.editorial-grid h2{margin:0 0 25px;font-size:clamp(42px,5.2vw,75px);line-height:.97;font-weight:500;letter-spacing:-.04em}.editorial-grid p:not(.eyebrow){max-width:600px;font-size:18px;color:var(--muted)}.palette{display:grid;grid-template-columns:repeat(4,1fr);aspect-ratio:2/1;border:1px solid var(--line)}.palette i{display:block}.palette .black{background:#111}.palette .white{background:#f5f2eb}.palette .grey{background:#aaa8a2}.palette .stone{background:#d5c7b3}.newsletter{padding:90px 0;border-top:1px solid var(--line)}.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px}.newsletter h2{margin:0;font-size:clamp(42px,5vw,72px);font-weight:500;letter-spacing:-.04em}.newsletter-line{border-bottom:1px solid var(--black);padding:16px 0;font-size:10px;letter-spacing:.16em}.site-footer{border-top:1px solid var(--line);padding:48px 0 60px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-brand{font-size:20px;letter-spacing:.22em}.footer-grid p,.footer-menu a,.footer-meta{font-size:10px;letter-spacing:.14em;text-transform:uppercase}.footer-menu{list-style:none;margin:0;padding:0;display:grid;gap:10px}.footer-meta{justify-self:end}.single-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);gap:clamp(55px,7vw,110px);align-items:start}.single-image-wrap{background:#eee9e1;aspect-ratio:4/5;overflow:hidden}.single-image-wrap img{width:100%;height:100%;object-fit:cover}.color-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.color-link{border:1px solid var(--line);padding:12px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.1em}.color-link.active{border-color:var(--black)}.color-dot{width:18px;height:18px;border:1px solid rgba(17,17,17,.15);flex:0 0 auto}.color-essential-001-black{background:#111}.color-essential-002-off-white{background:#f1eee7}.color-studio-003-washed-grey{background:#8e8c88}.color-form-004-stone{background:#d0c2ad}.single-summary{position:sticky;top:120px}.admin-bar .single-summary{top:152px}.single-summary h1{margin:0 0 25px;font-size:clamp(52px,5.5vw,82px);line-height:.92;font-weight:500;letter-spacing:-.045em}.single-summary h1 span{font-weight:500}.single-price{font-size:20px;margin-bottom:24px}.single-short{max-width:500px;font-size:16px;margin-bottom:28px}.single-buy{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.single-buy form.cart{margin:0!important}.single-buy table.variations{width:100%;margin:0 0 22px!important}.single-buy table.variations tr{display:grid;grid-template-columns:90px 1fr;gap:15px;align-items:center}.single-buy table.variations th,.single-buy table.variations td{padding:0!important}.single-buy label{font-size:10px;letter-spacing:.14em;text-transform:uppercase}.single-buy select{width:100%;height:52px;background:transparent;border:1px solid var(--black);border-radius:0;padding:0 12px}.single-buy .quantity .qty{height:52px;width:68px;border:1px solid var(--black);background:transparent}.single-buy .single_add_to_cart_button,.single-buy .single_add_to_cart_button.alt{height:52px!important;border-radius:0!important;background:var(--black)!important;color:#fff!important;padding:0 32px!important;font-size:10px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important}.single-buy .single_add_to_cart_button.disabled{opacity:.38!important}.accordions details{border-bottom:1px solid var(--line)}.accordions summary{list-style:none;display:flex;justify-content:space-between;padding:20px 0;font-size:10px;font-weight:600;letter-spacing:.13em;cursor:pointer}.accordions summary::-webkit-details-marker{display:none}.accordions details>div{padding:0 0 20px;color:var(--muted)}.accordions details>div p:first-child{margin-top:0}.related-products{margin-top:120px}.related-grid{grid-template-columns:repeat(3,1fr)}.page-shell{padding:100px var(--gutter) 150px}.page-header h1{font-size:64px;font-weight:500}.entry-content{max-width:900px;font-size:17px}.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--black)!important;background:#ebe6dc!important;color:var(--black)!important}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:0!important;background:var(--black)!important;color:#fff!important}.woocommerce table.shop_table{border-radius:0;border-color:var(--line)}@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,1fr)}.single-grid{grid-template-columns:1fr}.single-summary{position:static}.manifesto-grid,.editorial-grid,.newsletter-grid{grid-template-columns:1fr}}@media(max-width:800px){.admin-bar .site-header{top:46px}.header-inner{grid-template-columns:1fr auto auto;min-height:68px}.brand{font-size:20px}.menu-toggle{display:block;border:0;background:transparent;width:32px}.menu-toggle span{display:block;height:1px;background:#111;margin:6px 0}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);padding:25px var(--gutter);border-bottom:1px solid var(--line)}.primary-nav.is-open{display:block}.primary-nav .menu{flex-direction:column;align-items:flex-start}.hero{min-height:calc(100svh - 68px)}.single-summary h1{font-size:52px}.footer-grid{grid-template-columns:1fr}.footer-meta{justify-self:start}}@media(max-width:560px){:root{--gutter:18px}.product-grid{grid-template-columns:1fr 1fr;gap:30px 10px}.product-card-row{display:block}.product-price{margin-top:7px}.product-card h2,.product-card h3{font-size:9px}.outline-button{width:100%;padding:0 8px;font-size:8px}.single-grid{gap:35px}.single-buy table.variations tr{grid-template-columns:1fr}.color-links{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:58px}.manifesto h2{font-size:52px}}

/* =========================================================
   WHYSAME v7 — PRODUCT IMAGE QUALITY
   Product photos are full-resolution PNG masters bundled
   directly with the theme. No WordPress thumbnail/srcset.
   ========================================================= */

.product-card-image {
    background: #f5f2eb;
}

.product-card-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    object-position: center;
    image-rendering: auto;
    transform: translateZ(0);
}

.single-image-wrap {
    background: #f5f2eb;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.single-image-wrap img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 780px;
    max-height: 780px;
    object-fit: contain;
    object-position: center;
    image-rendering: auto;
}

@media (min-width: 1200px) {
    .single-media {
        min-width: 0;
    }

    .single-image-wrap {
        min-height: 700px;
    }
}

@media (max-width: 800px) {
    .single-image-wrap {
        min-height: auto;
    }

    .single-image-wrap img {
        max-width: 100%;
        max-height: none;
    }
}


/* =========================================================
   WHYSAME v8 — COLLECTION / CART / CHECKOUT / LEGAL PAGES
   ========================================================= */

.collection-hero {
    min-height: 70vh;
    display: flex;
    align-items: flex-end;
    background: #111;
    color: #f5f2eb;
}

.collection-hero-inner {
    padding-top: 120px;
    padding-bottom: 90px;
}

.collection-hero h1 {
    margin: 0;
    font-size: clamp(82px, 13vw, 190px);
    line-height: .78;
    font-weight: 500;
    letter-spacing: -.06em;
}

.collection-intro {
    max-width: 650px;
    margin: 42px 0 0;
    font-size: clamp(18px, 2vw, 27px);
    color: rgba(245,242,235,.76);
}

.collection-statement {
    padding: clamp(90px, 11vw, 160px) 0;
}

.collection-statement-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 60px;
}

.collection-statement h2 {
    margin: 0 0 28px;
    font-size: clamp(56px, 8vw, 118px);
    line-height: .9;
    font-weight: 500;
    letter-spacing: -.05em;
}

.collection-statement p:not(.eyebrow) {
    max-width: 780px;
    margin: 0;
    font-size: 20px;
    line-height: 1.55;
    color: var(--muted);
}

.collection-products {
    padding-bottom: clamp(110px, 12vw, 170px);
}

.collection-product-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 70px 28px;
}

.collection-product-head {
    display: flex;
    gap: 18px;
    margin-bottom: 16px;
}

.collection-product-head > span {
    font-size: 11px;
    opacity: .55;
    letter-spacing: .15em;
}

.collection-product-head h3 {
    margin: 0 0 5px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .14em;
}

.collection-product-head p {
    margin: 0;
    font-size: 11px;
    letter-spacing: .2em;
}

.collection-product-image {
    display: block;
    background: #f5f2eb;
    overflow: hidden;
}

.collection-product-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    transition: transform .35s ease;
}

.collection-product:hover .collection-product-image img {
    transform: scale(1.01);
}

.collection-product-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 16px;
    font-size: 13px;
}

.collection-manifesto {
    padding: clamp(90px, 12vw, 170px) 0;
    background: #d8ccbb;
}

.collection-manifesto-inner h2 {
    max-width: 1100px;
    margin: 0;
    font-size: clamp(58px, 8vw, 120px);
    line-height: .9;
    font-weight: 500;
    letter-spacing: -.05em;
}

.collection-manifesto-inner > p:not(.eyebrow) {
    max-width: 680px;
    margin: 34px 0;
    font-size: 20px;
}

.collection-cta {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    padding: 0 24px;
    border: 1px solid #111;
    background: #111;
    color: #f5f2eb;
    font-size: 11px;
    letter-spacing: .15em;
}

.ws-commerce-header {
    padding-bottom: 28px;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--line);
}

.ws-commerce-header h1 {
    margin: 0;
    font-size: clamp(48px, 7vw, 96px);
    line-height: .94;
    font-weight: 500;
    letter-spacing: -.045em;
}

.ws-cart {
    display: grid;
    grid-template-columns: minmax(0,1.5fr) minmax(320px,.5fr);
    gap: 80px;
}

.ws-cart > .ws-commerce-header {
    grid-column: 1 / -1;
}

.ws-cart-item {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 28px;
    padding: 24px 0;
    border-top: 1px solid var(--line);
}

.ws-cart-image img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

.ws-cart-title-row {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

.ws-cart-title-row h2 {
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 500;
}

.ws-cart-meta {
    font-size: 12px;
    color: var(--muted);
}

.ws-cart-actions {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 38px;
}

.ws-cart-actions .qty {
    min-height: 44px;
    border: 1px solid var(--line);
    background: transparent;
}

.ws-remove {
    font-size: 10px;
    letter-spacing: .14em;
}

.ws-cart-update {
    margin-top: 25px;
}

.ws-cart-summary .cart_totals {
    width: 100% !important;
    float: none !important;
    background: #ebe6dc;
    padding: 28px;
}

.ws-cart-summary .cart_totals h2 {
    margin-top: 0;
    font-weight: 500;
}

.woocommerce-checkout .col2-set {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
    width: min(100%, 760px);
    float: left;
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
    width: calc(100% - 820px);
    float: right;
}

.woocommerce-checkout #order_review {
    background: #ebe6dc;
    padding: 28px;
}

.woocommerce-checkout-review-order-table {
    background: transparent;
}

.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout #order_review_heading {
    font-size: 26px;
    font-weight: 500;
}

.woocommerce-checkout .form-row {
    margin-bottom: 16px;
}

.woocommerce-checkout #payment {
    border-radius: 0;
    background: transparent;
}

.woocommerce-checkout #payment div.payment_box {
    background: #f5f2eb;
}

.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #f5f2eb;
}

.woocommerce-checkout #place_order {
    width: 100%;
    min-height: 54px;
}

.woocommerce-account .woocommerce {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 60px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid var(--line);
}

.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 15px 0;
    font-size: 11px;
    letter-spacing: .12em;
}

.entry-content {
    max-width: 900px;
}

.entry-content h2 {
    margin-top: 48px;
    font-size: 30px;
}

@media (max-width: 1000px) {
    .ws-cart {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .woocommerce-checkout .col2-set,
    .woocommerce-checkout #order_review_heading,
    .woocommerce-checkout #order_review {
        width: 100%;
        float: none;
    }

    .woocommerce-checkout #order_review_heading {
        margin-top: 50px;
    }
}

@media (max-width: 760px) {
    .collection-statement-grid,
    .collection-product-grid {
        grid-template-columns: 1fr;
    }

    .collection-hero {
        min-height: 60vh;
    }

    .collection-hero h1 {
        font-size: clamp(72px, 23vw, 120px);
    }

    .ws-cart-item {
        grid-template-columns: 115px 1fr;
        gap: 18px;
    }

    .ws-cart-title-row {
        display: block;
    }

    .ws-cart-price {
        margin-top: 8px;
    }

    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   WHYSAME v8.2 — ABOUT
   ========================================================= */

.about-hero {
    min-height: 74vh;
    display: flex;
    align-items: flex-end;
    background: #f5f2eb;
    border-bottom: 1px solid var(--line);
}

.about-hero-inner {
    width: 100%;
    padding-top: 120px;
    padding-bottom: clamp(70px, 9vw, 130px);
}

.about-hero h1 {
    margin: 18px 0 0;
    font-size: clamp(105px, 17vw, 250px);
    line-height: .72;
    font-weight: 500;
    letter-spacing: -.075em;
}

.about-hero-copy {
    display: flex;
    justify-content: flex-end;
    margin-top: 55px;
}

.about-hero-copy p {
    width: min(100%, 620px);
    margin: 0;
    font-size: clamp(20px, 2.1vw, 30px);
    line-height: 1.35;
}

.about-intro {
    padding: clamp(100px, 12vw, 180px) 0;
}

.about-grid {
    display: grid;
    grid-template-columns: minmax(180px, .7fr) minmax(0, 2fr);
    gap: 70px;
}

.about-copy-large p {
    max-width: 930px;
    margin: 0 0 42px;
    font-size: clamp(31px, 4vw, 58px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.about-manifesto {
    padding: 0 0 clamp(110px, 13vw, 190px);
}

.about-manifesto-line {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.about-manifesto-line span {
    padding: 18px 0;
    font-size: 10px;
    letter-spacing: .18em;
}

.about-manifesto-line span:nth-child(2) {
    text-align: center;
}

.about-manifesto-line span:last-child {
    text-align: right;
}

.about-manifesto-main {
    padding: clamp(80px, 10vw, 145px) 0 45px;
}

.about-manifesto-main h2 {
    margin: 18px 0 0;
    font-size: clamp(70px, 11vw, 165px);
    line-height: .82;
    font-weight: 500;
    letter-spacing: -.065em;
}

.about-manifesto-copy {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    max-width: 950px;
    margin-left: auto;
}

.about-manifesto-copy p {
    margin: 0;
    font-size: 17px;
    line-height: 1.55;
    color: var(--muted);
}


.about-collection {
    padding: clamp(95px, 11vw, 160px) 0;
    background: #111;
    color: #f5f2eb;
}

.about-collection-grid {
    display: grid;
    grid-template-columns: minmax(280px, .85fr) minmax(420px, 1.15fr);
    gap: clamp(48px, 6vw, 90px);
    align-items: start;
}

.about-collection-heading {
    max-width: 420px;
}

.about-collection-heading h2 {
    margin: 18px 0 0;
    max-width: 5.6ch;
    font-size: clamp(52px, 6.4vw, 88px);
    line-height: .9;
    font-weight: 500;
    letter-spacing: -.05em;
}

.about-color-list {
    border-top: 1px solid rgba(245, 242, 235, .25);
}

.about-color-list a {
    display: grid;
    grid-template-columns: 34px 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    min-height: 72px;
    border-bottom: 1px solid rgba(245, 242, 235, .25);
    color: inherit;
    transition: opacity .2s ease, transform .2s ease;
}

.about-color-list a:hover {
    opacity: .88;
    transform: translateX(4px);
}

.about-color-list a > span,
.about-color-list a > strong {
    font-size: 11px;
    letter-spacing: .14em;
}

.about-color-list strong {
    font-weight: 500;
}

.about-swatch {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(245,242,235,.35);
}

.swatch-black { background: #111; }
.swatch-offwhite { background: #f5f2eb; }
.swatch-grey { background: #8d8a84; }
.swatch-stone { background: #d8ccbb; }


.about-closing {
    padding: clamp(100px, 12vw, 175px) 0;
    background: #d8ccbb;
}

.about-closing h2 {
    margin: 22px 0 55px;
    font-size: clamp(72px, 12vw, 175px);
    line-height: .79;
    font-weight: 500;
    letter-spacing: -.065em;
}

.about-closing-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
}

.about-closing-bottom p {
    margin: 0;
    font-size: 17px;
    line-height: 1.5;
}

@media (max-width: 800px) {
    .about-hero {
        min-height: 65vh;
    }

    .about-hero h1 {
        font-size: clamp(88px, 29vw, 145px);
    }

    .about-hero-copy {
        justify-content: flex-start;
    }

    .about-grid,
    .about-collection-grid,
    .about-manifesto-copy {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .about-manifesto-line {
        grid-template-columns: 1fr;
    }

    .about-manifesto-line span,
    .about-manifesto-line span:nth-child(2),
    .about-manifesto-line span:last-child {
        text-align: left;
        border-bottom: 1px solid var(--line);
    }

    .about-manifesto-line span:last-child {
        border-bottom: 0;
    }

    .about-color-list a {
        grid-template-columns: 30px 42px 1fr;
    }

    .about-color-list a > span:last-child {
        grid-column: 3;
        padding-bottom: 15px;
        margin-top: -10px;
        opacity: .65;
    }

    .about-closing-bottom {
        display: block;
    }

    .about-closing-bottom .collection-cta {
        margin-top: 30px;
    }
}


/* =========================================================
   WHYSAME v8.3 — ABOUT forced template
   ========================================================= */

.about-principles {
    padding: clamp(100px, 12vw, 175px) 0;
    border-bottom: 1px solid var(--line);
}

.about-principles-head {
    display: grid;
    grid-template-columns: .7fr 2fr;
    gap: 70px;
    align-items: start;
    margin-bottom: clamp(65px, 8vw, 110px);
}

.about-principles-head h2 {
    margin: 0;
    font-size: clamp(70px, 10vw, 145px);
    line-height: .82;
    font-weight: 500;
    letter-spacing: -.06em;
}

.about-principles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--line);
}

.about-principles-grid article {
    min-height: 270px;
    padding: 28px 32px 30px 0;
    border-right: 1px solid var(--line);
}

.about-principles-grid article + article {
    padding-left: 32px;
}

.about-principles-grid article:last-child {
    border-right: 0;
}

.about-principles-grid span {
    display: block;
    margin-bottom: 70px;
    font-size: 10px;
    letter-spacing: .16em;
    opacity: .55;
}

.about-principles-grid h3 {
    margin: 0 0 18px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .14em;
}

.about-principles-grid p {
    max-width: 320px;
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: var(--muted);
}

@media (max-width: 800px) {
    .about-principles-head,
    .about-principles-grid {
        grid-template-columns: 1fr;
    }

    .about-principles-grid article,
    .about-principles-grid article + article {
        min-height: 0;
        padding: 28px 0;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .about-principles-grid article:last-child {
        border-bottom: 0;
    }

    .about-principles-grid span {
        margin-bottom: 35px;
    }
}


/* =========================================================
   WHYSAME v9 — COMING SOON / EARLY ACCESS
   ========================================================= */

.prelaunch-bar {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px var(--gutter);
    background: var(--black);
    color: var(--cream);
    text-align: center;
}

.prelaunch-bar a {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.prelaunch-bar span {
    margin-left: 22px;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
}

.hero-statement {
    max-width: 560px;
    margin: -8px 0 30px;
    font-size: clamp(15px, 1.5vw, 21px);
    letter-spacing: .15em;
}

.early-access-section {
    scroll-margin-top: 105px;
    padding: clamp(95px, 11vw, 165px) 0;
    background: var(--black);
    color: var(--cream);
}

.early-access-grid {
    display: grid;
    grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr);
    gap: clamp(55px, 9vw, 145px);
    align-items: start;
}

.early-access-heading h2 {
    margin: 0;
    font-size: clamp(60px, 7.5vw, 112px);
    line-height: .84;
    font-weight: 500;
    letter-spacing: -.055em;
}

.early-access-heading > p:last-child {
    max-width: 530px;
    margin: 35px 0 0;
    color: rgba(245,242,235,.7);
    font-size: 16px;
}

.early-access-form {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(105px,.45fr) minmax(0,1fr);
    gap: 24px 16px;
}

.early-access-field label {
    display: block;
    margin-bottom: 9px;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .17em;
}

.early-access-field input,
.early-access-field select {
    width: 100%;
    height: 52px;
    border: 0;
    border-bottom: 1px solid rgba(245,242,235,.56);
    border-radius: 0;
    outline: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 12px;
    letter-spacing: .08em;
}

.early-access-field input::placeholder {
    color: rgba(245,242,235,.5);
}

.early-access-field select option {
    background: var(--black);
    color: var(--cream);
}

.early-access-consent {
    grid-column: 1 / -1;
    margin-top: 6px;
}

.early-access-consent label {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    cursor: pointer;
}

.early-access-consent input {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    margin: 3px 0 0;
    accent-color: var(--cream);
}

.early-access-consent span {
    max-width: 620px;
    color: rgba(245,242,235,.68);
    font-size: 11px;
    line-height: 1.5;
}

.early-access-consent a {
    border-bottom: 1px solid currentColor;
}

.early-access-submit {
    grid-column: 1 / -1;
    min-height: 56px;
    margin-top: 8px;
    border: 1px solid var(--cream);
    border-radius: 0;
    background: var(--cream);
    color: var(--black);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .17em;
    cursor: pointer;
}

.early-access-submit:hover,
.early-access-submit:focus-visible {
    background: transparent;
    color: var(--cream);
}

.early-access-message {
    display: grid;
    gap: 5px;
    margin-bottom: 28px;
    border-left: 2px solid currentColor;
    padding: 4px 0 4px 16px;
}

.early-access-message strong {
    font-size: 11px;
    letter-spacing: .15em;
}

.early-access-message span {
    color: rgba(245,242,235,.7);
    font-size: 13px;
}

.early-access-honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.single-prelaunch {
    scroll-margin-top: 115px;
}

.single-prelaunch-label {
    margin: 0 0 12px;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .18em;
}

.single-prelaunch > h2 {
    margin: 0 0 10px;
    font-size: 27px;
    font-weight: 500;
    letter-spacing: -.025em;
}

.single-prelaunch > p:not(.single-prelaunch-label) {
    margin: 0 0 25px;
    color: var(--muted);
}

.early-access-form-wrap.is-compact .early-access-form {
    grid-template-columns: minmax(0,1fr) 115px;
}

.early-access-form-wrap.is-compact .early-access-field input,
.early-access-form-wrap.is-compact .early-access-field select {
    border-bottom-color: rgba(17,17,17,.42);
    color: var(--black);
}

.early-access-form-wrap.is-compact .early-access-field input::placeholder {
    color: rgba(17,17,17,.45);
}

.early-access-form-wrap.is-compact .early-access-field select option {
    background: var(--cream);
    color: var(--black);
}

.early-access-form-wrap.is-compact .early-access-consent span,
.early-access-form-wrap.is-compact .early-access-message span {
    color: var(--muted);
}

.early-access-form-wrap.is-compact .early-access-submit {
    border-color: var(--black);
    background: var(--black);
    color: var(--cream);
}

.early-access-form-wrap.is-compact .early-access-submit:hover,
.early-access-form-wrap.is-compact .early-access-submit:focus-visible {
    background: transparent;
    color: var(--black);
}

.shop-early-access {
    display: flex;
    justify-content: center;
    margin-top: 75px;
}

.footer-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 9px;
}

@media (max-width: 1050px) {
    .early-access-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .prelaunch-bar span {
        display: none;
    }

    .early-access-form {
        grid-template-columns: 1fr 105px;
    }

    .early-access-product {
        grid-column: 1 / -1;
    }

    .footer-meta {
        align-items: flex-start;
    }
}

@media (max-width: 560px) {
    .hero-statement {
        max-width: 300px;
        font-size: 12px;
        line-height: 1.55;
    }

    .early-access-form,
    .early-access-form-wrap.is-compact .early-access-form {
        grid-template-columns: 1fr;
    }

    .early-access-product,
    .early-access-consent,
    .early-access-submit {
        grid-column: 1;
    }
}
