/*
Theme Name: DaoSeal777 Editorial
Theme URI: https://example.com/
Author: DaoSeal777
Description: Editable luxury Taoist storefront theme. Hero, product cards, trust strip and links are editable in Appearance > Customize; navigation uses WordPress menus.
Version: 2.0.0
Text Domain: tao-essence
*/
:root{--gold:#b98936;--gold2:#d5a94f;--ink:#27251f;--cream:#efe4cf;--paper:#f4ead8;--line:rgba(145,104,43,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eee2cc;color:var(--ink);font-family:Georgia,'Times New Roman',serif}a{text-decoration:none;color:inherit}.site-header{height:64px;display:flex;align-items:center;padding:0 5.2vw;background:rgba(25,25,22,.94);border-bottom:1px solid #b68838;color:#e4c27d;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:18px}.brand img{width:45px;height:45px;object-fit:contain}.brand-name{font-size:27px;letter-spacing:.19em;white-space:nowrap}.nav{margin-left:auto;display:flex;gap:28px;align-items:center}.nav a{font-size:15px}.nav a:hover{color:#fff0bd}.hero{min-height:390px;background-size:cover;background-position:center;position:relative;display:grid;place-items:center;text-align:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,10,.05),rgba(25,28,25,.38) 37%,rgba(28,30,27,.48) 50%,rgba(20,20,18,.05) 72%)}.hero-copy{position:relative;z-index:2;max-width:760px;padding:34px 20px;color:#f4e2bd}.kicker{font-size:13px;letter-spacing:.3em;text-transform:uppercase}.hero h1{font-size:49px;line-height:1.04;font-weight:400;letter-spacing:.035em;margin:10px 0 12px}.hero p{font-family:Arial,sans-serif;line-height:1.5;font-size:16px;max-width:650px;margin:0 auto 20px}.btn{display:inline-block;border:1px solid #b98631;border-radius:28px;padding:11px 30px;letter-spacing:.08em;background:rgba(32,29,23,.72);color:#f0d59a;box-shadow:0 0 0 2px rgba(217,166,72,.15),0 0 16px rgba(200,147,49,.2)}.catalog{padding:18px 2vw 14px;background:linear-gradient(#e9dcc6,#f5ead7);border-top:1px solid #c6a46d}.section-title{text-align:center;font-size:25px;letter-spacing:.17em;font-weight:400;margin:0 0 17px;color:#4a3a25;display:flex;align-items:center;gap:18px;justify-content:center}.section-title:before,.section-title:after{content:"";height:1px;width:13vw;background:#aa7d36}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1600px;margin:auto}.product-card{display:grid;grid-template-columns:47% 53%;min-height:235px;border:1px solid #a97d3c;background:rgba(250,243,230,.86);overflow:hidden}.product-card img{width:100%;height:100%;object-fit:cover}.product-info{padding:20px 16px;display:flex;flex-direction:column}.product-info h2{font-size:18px;line-height:1.08;font-weight:400;margin:0 0 10px;text-transform:uppercase}.product-info p{font:14px/1.35 Arial,sans-serif;margin:0 0 12px;color:#39372f}.price{font-size:20px;margin-top:auto;margin-bottom:10px}.product-info .btn{padding:9px 18px;text-align:center;background:transparent;color:#3c3327;box-shadow:none}.trust{padding:28px 7vw;background:linear-gradient(rgba(248,235,210,.94),rgba(244,224,187,.96)),radial-gradient(circle at 50% 120%,#fff5d9,#ead2a8);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c7a66e}.trust-item{display:flex;justify-content:center;gap:16px;align-items:center;border-right:1px solid #b99b6b}.trust-item:last-child{border:0}.trust-icon{font-size:37px;color:#8c6226}.trust strong{display:block;font-size:14px;letter-spacing:.05em;font-weight:400}.trust span{font:13px Arial,sans-serif;color:#655e52}.site-footer{text-align:center;padding:20px;background:#26251f;color:#c8b795;font:12px Arial,sans-serif}.content-page{max-width:1100px;margin:50px auto;padding:0 24px;min-height:50vh}.content-page h1{font-weight:400;color:#8b642d}.menu-toggle{display:none}@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:42px}}@media(max-width:760px){.site-header{padding:0 18px}.brand-name{font-size:19px}.nav{display:none}.product-grid{grid-template-columns:1fr}.product-card{min-height:220px}.trust{grid-template-columns:1fr;gap:16px}.trust-item{border-right:0;border-bottom:1px solid #c9ad7d;padding-bottom:16px}.hero{min-height:430px}.hero h1{font-size:36px}.section-title{font-size:20px}.catalog{padding-left:12px;padding-right:12px}}

/* WordPress Primary Menu */
.nav{
    margin-left:auto;
    display:flex;
    align-items:center;
}
.nav ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:28px;
}
.nav li{
    margin:0;
    padding:0;
    list-style:none;
}
.nav li::marker{
    content:"";
}
.nav a{
    display:block;
    font-size:15px;
    color:#e4c27d;
    white-space:nowrap;
}
.nav a:hover{
    color:#fff0bd;
}



.trust{
    background:
        linear-gradient(rgba(246,225,187,.54),rgba(240,211,159,.48)),
        url('assets/lower-bg.png') center 78% / cover no-repeat;
}
/* Final translucent product cards */
.catalog .product-card{
    background:transparent !important;
}

.catalog .product-info{
    background:rgba(250,243,230,.12) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

/* Deeper lower-section landscape */
.catalog{
    background:
        linear-gradient(rgba(239,225,200,.68),rgba(243,228,202,.62)),
        url('assets/lower-bg.png') center 42% / cover no-repeat !important;
}

/* DaoSeal777 Mobile Navigation */
@media (max-width:760px){
    .site-header{
        height:60px;
        padding:0 16px;
        position:relative;
    }

    .brand{
        gap:10px;
    }

    .brand img{
        width:38px;
        height:38px;
    }

    .brand-name{
        font-size:18px;
        letter-spacing:.12em;
    }

    .menu-toggle{
        display:block;
        margin-left:auto;
        padding:4px 6px;
        border:0;
        background:transparent;
        color:#e4c27d;
        font-size:29px;
        line-height:1;
        cursor:pointer;
    }

    .site-header .nav{
        display:none;
        position:absolute;
        top:60px;
        left:0;
        right:0;
        margin:0;
        padding:18px 22px 20px;
        background:rgba(25,25,22,.98);
        border-bottom:1px solid #b68838;
    }

    .site-header .nav.mobile-open{
        display:block;
    }

    .site-header .nav ul{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:0;
    }

    .site-header .nav li{
        width:100%;
        border-bottom:1px solid rgba(228,194,125,.18);
    }

    .site-header .nav li:last-child{
        border-bottom:0;
    }

    .site-header .nav a{
        display:block;
        padding:13px 4px;
        font-size:16px;
    }
}

/* DaoSeal777 Mobile Product Cards */
@media (max-width:760px){
    .product-grid{
        gap:14px;
    }

    .product-card{
        display:block;
        min-height:0;
    }

    .product-card img{
        display:block;
        width:100%;
        height:240px;
        object-fit:cover;
    }

    .product-info{
        padding:18px 18px 20px;
    }

    .product-info h2{
        font-size:20px;
        line-height:1.05;
        margin-bottom:9px;
    }

    .product-info p{
        font-size:14px;
        line-height:1.45;
    }

    .price{
        margin-top:6px;
        font-size:20px;
    }

    .product-info .btn{
        width:100%;
        margin-top:2px;
    }
}

/* DaoSeal777 Brand Video */
.brand-video{
    padding:72px 6%;
    background:#181713;
    color:#f5ead6;
}

.brand-video-inner{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:.85fr 1.45fr;
    gap:52px;
    align-items:center;
}

.brand-video-copy .kicker{
    color:#c9a45c;
    font-size:12px;
    letter-spacing:.18em;
    margin-bottom:14px;
}

.brand-video-copy h2{
    margin:0 0 18px;
    color:#e4c27d;
    font-size:32px;
    line-height:1.08;
    letter-spacing:.04em;
}

.brand-video-copy p{
    margin:0;
    max-width:420px;
    color:#d6c9b4;
    font-size:16px;
    line-height:1.7;
}

.brand-video-frame{
    position:relative;
    aspect-ratio:16 / 9;
    border:1px solid rgba(228,194,125,.65);
    padding:6px;
    background:#0d0d0b;
    box-shadow:0 18px 50px rgba(0,0,0,.28);
}

.brand-video-placeholder{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    background:
        radial-gradient(circle at center,rgba(201,164,92,.16),transparent 45%),
        linear-gradient(135deg,#25231d,#11110f);
    color:#c9a45c;
    font-size:12px;
    letter-spacing:.18em;
}

.brand-video-play{
    display:flex;
    align-items:center;
    justify-content:center;
    width:68px;
    height:68px;
    border:1px solid #c9a45c;
    border-radius:50%;
    padding-left:4px;
    font-size:24px;
    color:#e4c27d;
}

@media (max-width:760px){
    .brand-video{
        padding:48px 18px;
    }

    .brand-video-inner{
        display:block;
    }

    .brand-video-copy{
        margin-bottom:28px;
    }

    .brand-video-copy h2{
        font-size:27px;
    }

    .brand-video-copy p{
        font-size:14px;
    }

    .brand-video-frame{
        width:100%;
        padding:4px;
    }

    .brand-video-play{
        width:58px;
        height:58px;
        font-size:20px;
    }
}

/* DaoSeal777 Video Player */
.brand-video-frame iframe{
    display:block;
    width:100%;
    height:100%;
    border:0;
}

/* ========================================
   DaoSeal777 Shop Page
======================================== */

.shop-page{
    background:#eee1c8;
}

/* Shop Hero */
.shop-hero{
    position:relative;
    padding:92px 6% 82px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 15%,rgba(201,164,92,.18),transparent 38%),
        linear-gradient(180deg,#171713 0%,#222019 100%);
    color:#f5ead6;
    border-bottom:1px solid rgba(201,164,92,.45);
}

.shop-hero-inner{
    max-width:850px;
    margin:0 auto;
}

.shop-hero .kicker{
    margin-bottom:16px;
    color:#c9a45c;
    font-size:12px;
    letter-spacing:.22em;
}

.shop-hero h1{
    margin:0 0 20px;
    color:#e4c27d;
    font-size:46px;
    line-height:1.05;
    letter-spacing:.045em;
}

.shop-hero p{
    max-width:650px;
    margin:0 auto;
    color:#d8cbb7;
    font-size:17px;
    line-height:1.7;
}

/* Collection */
.shop-collection{
    padding:72px 6% 90px;
    background:
        linear-gradient(rgba(239,225,200,.70),rgba(243,228,202,.65)),
        url('assets/lower-bg.png') center 42% / cover fixed no-repeat;
}

.shop-collection-inner{
    max-width:1180px;
    margin:0 auto;
}

.shop-section-heading{
    margin-bottom:38px;
    text-align:center;
}

.shop-section-heading .kicker{
    margin-bottom:10px;
    color:#8d682b;
    font-size:12px;
    letter-spacing:.20em;
}

.shop-section-heading h2{
    margin:0;
    color:#332a1e;
    font-size:32px;
    letter-spacing:.055em;
}

/* Product Grid */
.shop-product-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px;
}

.shop-product-card{
    overflow:hidden;
    background:rgba(249,241,225,.80);
    border:1px solid rgba(143,104,43,.38);
    box-shadow:0 16px 42px rgba(55,42,24,.12);
}

.shop-product-image{
    display:block;
    overflow:hidden;
    aspect-ratio:16 / 10;
    background:#d8c8a9;
}

.shop-product-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}

.shop-product-card:hover .shop-product-image img{
    transform:scale(1.025);
}

.shop-product-info{
    padding:26px 28px 30px;
}

.shop-product-info h3{
    margin:0 0 11px;
    color:#32291d;
    font-size:24px;
    line-height:1.15;
}

.shop-product-info p{
    min-height:48px;
    margin:0 0 18px;
    color:#675a48;
    font-size:14px;
    line-height:1.6;
}

.shop-product-price{
    margin-bottom:18px;
    color:#8a6528;
    font-size:21px;
    font-weight:600;
}

.shop-product-info .btn{
    display:inline-block;
}

/* Shop Mobile */
@media (max-width:760px){

    .shop-hero{
        padding:62px 20px 54px;
    }

    .shop-hero h1{
        font-size:34px;
    }

    .shop-hero p{
        font-size:15px;
    }

    .shop-collection{
        padding:48px 18px 62px;
        background-attachment:scroll;
    }

    .shop-section-heading{
        margin-bottom:28px;
    }

    .shop-section-heading h2{
        font-size:27px;
    }

    .shop-product-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .shop-product-image{
        aspect-ratio:4 / 3;
    }

    .shop-product-info{
        padding:20px 20px 23px;
    }

    .shop-product-info h3{
        font-size:21px;
    }

    .shop-product-info p{
        min-height:0;
    }

    .shop-product-info .btn{
        width:100%;
        text-align:center;
    }
}

/* ========================================
   DaoSeal777 Product Detail
======================================== */

.product-detail-page{
    min-height:calc(100vh - 60px);
    background:
        linear-gradient(rgba(239,225,200,.74),rgba(243,228,202,.68)),
        url('assets/lower-bg.png') center 42% / cover fixed no-repeat;
}

.product-detail-hero{
    max-width:1180px;
    margin:0 auto;
    padding:82px 6% 96px;
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:64px;
    align-items:center;
}

/* Product Image */
.product-detail-image{
    overflow:hidden;
    border:1px solid rgba(143,104,43,.48);
    background:#d8c8a9;
    box-shadow:0 22px 55px rgba(55,42,24,.18);
}

.product-detail-image img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:4 / 3;
    object-fit:cover;
}

/* Product Information */
.product-detail-content{
    padding:10px 0;
}

.product-back-link{
    display:inline-block;
    margin-bottom:34px;
    color:#8a6528;
    font-size:11px;
    letter-spacing:.16em;
    text-decoration:none;
}

.product-back-link:hover{
    color:#4e3a1d;
}

.product-detail-content .kicker{
    margin-bottom:13px;
    color:#96702e;
    font-size:12px;
    letter-spacing:.19em;
}

.product-detail-content h1{
    margin:0 0 18px;
    color:#30271c;
    font-size:46px;
    line-height:1.05;
    letter-spacing:.015em;
}

.product-detail-price{
    margin-bottom:24px;
    color:#8a6528;
    font-size:26px;
    font-weight:600;
}

.product-detail-intro{
    max-width:520px;
    margin:0;
    color:#5f5343;
    font-size:17px;
    line-height:1.75;
}

.product-detail-divider{
    width:70px;
    height:1px;
    margin:28px 0;
    background:#a47b35;
}

.product-detail-note{
    max-width:500px;
    margin:0 0 28px;
    color:#665946;
    font-size:14px;
    line-height:1.65;
    font-style:italic;
}

.product-detail-button{
    min-width:245px;
    text-align:center;
}

/* Product Detail Mobile */
@media (max-width:760px){

    .product-detail-page{
        background-attachment:scroll;
    }

    .product-detail-hero{
        display:block;
        padding:34px 18px 58px;
    }

    .product-detail-image{
        margin-bottom:32px;
    }

    .product-detail-image img{
        aspect-ratio:4 / 3;
    }

    .product-back-link{
        margin-bottom:25px;
    }

    .product-detail-content h1{
        font-size:34px;
    }

    .product-detail-price{
        font-size:23px;
    }

    .product-detail-intro{
        font-size:15px;
    }

    .product-detail-button{
        display:block;
        width:100%;
        min-width:0;
    }
}

/* ========================================
   Product Story / Tradition Section
======================================== */

.product-story{
    padding:88px 6% 96px;
    background:
        radial-gradient(circle at 50% 0%,rgba(201,164,92,.12),transparent 42%),
        linear-gradient(180deg,#1d1c18 0%,#151512 100%);
    color:#f3e8d3;
    border-top:1px solid rgba(201,164,92,.38);
}

.product-story-inner{
    max-width:1180px;
    margin:0 auto;
}

.product-story-heading{
    max-width:720px;
    margin:0 auto 58px;
    text-align:center;
}

.product-story-heading .kicker{
    margin-bottom:14px;
    color:#c9a45c;
    font-size:12px;
    letter-spacing:.20em;
}

.product-story-heading h2{
    margin:0;
    color:#e4c27d;
    font-size:36px;
    line-height:1.1;
    letter-spacing:.055em;
}

.product-story-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:34px;
}

.product-story-block{
    padding:30px 28px 32px;
    border-top:1px solid rgba(201,164,92,.68);
    background:rgba(255,255,255,.018);
}

.product-story-block span{
    display:block;
    margin-bottom:22px;
    color:#a98546;
    font-size:12px;
    letter-spacing:.15em;
}

.product-story-block h3{
    margin:0 0 15px;
    color:#e5c985;
    font-size:21px;
    line-height:1.25;
}

.product-story-block p{
    margin:0;
    color:#cfc2ad;
    font-size:14px;
    line-height:1.75;
}

/* Product Story Mobile */
@media (max-width:760px){

    .product-story{
        padding:58px 18px 64px;
    }

    .product-story-heading{
        margin-bottom:38px;
    }

    .product-story-heading h2{
        font-size:29px;
    }

    .product-story-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .product-story-block{
        padding:24px 20px 26px;
    }

    .product-story-block span{
        margin-bottom:14px;
    }
}

/* Product Story transparent mountain background */
.product-story{
    background:
        linear-gradient(rgba(37,34,28,.78),rgba(31,29,24,.82)),
        url('assets/lower-bg.png') center 62% / cover no-repeat;
}

.product-story-block{
    background:rgba(30,28,23,.28);
}

/* Product Story light mountain background */
.product-story{
    background:
        linear-gradient(rgba(231,213,180,.68),rgba(218,196,157,.72)),
        url('assets/lower-bg.png') center 62% / cover no-repeat;
    color:#3b3023;
}

.product-story-heading .kicker{
    color:#80602b;
}

.product-story-heading h2{
    color:#3b3023;
}

.product-story-block{
    background:rgba(250,242,225,.20);
    border-top:1px solid rgba(126,91,39,.65);
}

.product-story-block span{
    color:#8b672d;
}

.product-story-block h3{
    color:#443522;
}

.product-story-block p{
    color:#5d5141;
}

/* Product Story white headings */
.product-story-heading h2{
    color:#fff;
}

.product-story-block h3{
    color:#fff;
}

/* Product Story slightly deeper warm overlay */
.product-story{
    background:
        linear-gradient(rgba(205,181,140,.75),rgba(190,164,123,.78)),
        url('assets/lower-bg.png') center 62% / cover no-repeat;
}

/* ========================================
   Hand-Drawn Process Section
======================================== */

.product-process{
    padding:88px 6% 100px;
    background:#eee2cc;
    color:#3b3023;
}

.product-process-inner{
    max-width:1180px;
    margin:0 auto;
}

.product-process-heading{
    max-width:720px;
    margin:0 auto 54px;
    text-align:center;
}

.product-process-heading .kicker{
    margin-bottom:13px;
    color:#8b672d;
    font-size:12px;
    letter-spacing:.20em;
}

.product-process-heading h2{
    margin:0 0 18px;
    color:#33291d;
    font-size:36px;
    line-height:1.1;
    letter-spacing:.05em;
}

.product-process-heading p{
    margin:0 auto;
    max-width:620px;
    color:#665846;
    font-size:15px;
    line-height:1.7;
}

.product-process-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
}

.product-process-step{
    position:relative;
}

.product-process-number{
    margin-bottom:10px;
    color:#8b672d;
    font-size:12px;
    letter-spacing:.15em;
}

.product-process-media{
    aspect-ratio:4 / 3;
    margin-bottom:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(126,91,39,.38);
    background:
        radial-gradient(circle at center,rgba(201,164,92,.13),transparent 48%),
        rgba(244,233,212,.65);
    color:#9a7a45;
    font-size:10px;
    letter-spacing:.18em;
}

.product-process-step h3{
    margin:0 0 10px;
    color:#3b3023;
    font-size:21px;
}

.product-process-step p{
    margin:0;
    color:#665846;
    font-size:14px;
    line-height:1.65;
}

/* Process Mobile */
@media (max-width:760px){

    .product-process{
        padding:58px 18px 68px;
    }

    .product-process-heading{
        margin-bottom:38px;
    }

    .product-process-heading h2{
        font-size:29px;
    }

    .product-process-grid{
        grid-template-columns:1fr;
        gap:34px;
    }

    .product-process-media{
        margin-bottom:18px;
    }
}

/* Hand-Drawn Process transparent golden mountain background */
.product-process{
    background:
        linear-gradient(rgba(225,204,166,.70),rgba(211,185,142,.74)),
        url('assets/lower-bg.png') center 52% / cover no-repeat;
}

.product-process-media{
    background:rgba(247,235,213,.32);
    backdrop-filter:blur(1px);
    -webkit-backdrop-filter:blur(1px);
}

/* ========================================
   Product Detail — Unified Fixed Mountain Background
======================================== */

.product-detail-page{
    background:
        linear-gradient(rgba(218,194,153,.66),rgba(204,176,132,.70)),
        url('assets/lower-bg.png') center center / cover fixed no-repeat !important;
}

/* Sections become transparent over one shared background */

.product-detail-hero{
    background:transparent !important;
}

.product-story{
    background:rgba(181,151,108,.18) !important;
}

.product-process{
    background:rgba(244,226,194,.16) !important;
}

/* Process image placeholders remain lightly translucent */

.product-process-media{
    background:rgba(247,235,213,.28);
}

/* Product Detail — stronger mountain contrast */
.product-detail-page{
    background:
        linear-gradient(rgba(205,178,132,.48),rgba(185,151,103,.52)),
        url('assets/lower-bg.png') center center / cover fixed no-repeat !important;
}

.product-story{
    background:rgba(145,111,70,.12) !important;
}

.product-process{
    background:rgba(238,215,177,.10) !important;
}

/* Product Detail — stronger section separation over shared fixed background */

/* 第一屏：明亮暖金 */
.product-detail-hero{
    background:rgba(236,216,181,.22) !important;
}

/* 第二屏：明顯加深 */
.product-story{
    background:rgba(104,76,43,.38) !important;
}

/* 第三屏：重新提亮 */
.product-process{
    background:rgba(239,218,181,.30) !important;
}

/* 加強區域交界线 */
.product-story,
.product-process{
    border-top:1px solid rgba(117,82,38,.48);
}

/* ========================================
   Living With Your Talisman
======================================== */

.product-living{
    padding:88px 6% 96px;
    background:rgba(116,86,51,.30) !important;
    border-top:1px solid rgba(117,82,38,.52);
    color:#f7efe1;
}

.product-living-inner{
    max-width:1180px;
    margin:0 auto;
}

.product-living-heading{
    max-width:720px;
    margin:0 auto 56px;
    text-align:center;
}

.product-living-heading .kicker{
    margin-bottom:13px;
    color:#f0d79e;
    font-size:12px;
    letter-spacing:.20em;
}

.product-living-heading h2{
    margin:0 0 18px;
    color:#fff;
    font-size:36px;
    line-height:1.1;
    letter-spacing:.05em;
}

.product-living-heading p{
    max-width:620px;
    margin:0 auto;
    color:#f0e5d3;
    font-size:15px;
    line-height:1.7;
}

.product-living-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    border-top:1px solid rgba(255,238,204,.42);
    border-bottom:1px solid rgba(255,238,204,.32);
}

.product-living-item{
    padding:34px 34px 38px;
}

.product-living-item + .product-living-item{
    border-left:1px solid rgba(255,238,204,.30);
}

.product-living-item span{
    display:block;
    margin-bottom:22px;
    color:#efd18d;
    font-size:12px;
    letter-spacing:.15em;
}

.product-living-item h3{
    margin:0 0 13px;
    color:#fff;
    font-size:23px;
}

.product-living-item p{
    margin:0;
    color:#eee1ce;
    font-size:14px;
    line-height:1.75;
}

@media (max-width:760px){

    .product-living{
        padding:58px 18px 64px;
    }

    .product-living-heading{
        margin-bottom:38px;
    }

    .product-living-heading h2{
        font-size:29px;
    }

    .product-living-grid{
        grid-template-columns:1fr;
    }

    .product-living-item{
        padding:26px 20px 29px;
    }

    .product-living-item + .product-living-item{
        border-left:0;
        border-top:1px solid rgba(255,238,204,.30);
    }

    .product-living-item span{
        margin-bottom:14px;
    }
}

/* ========================================
   What You Receive + Final CTA
======================================== */

.product-receive{
    padding:88px 6% 100px;
    background:rgba(235,215,180,.32) !important;
    border-top:1px solid rgba(117,82,38,.52);
    color:#3b3023;
}

.product-receive-inner{
    max-width:1180px;
    margin:0 auto;
}

.product-receive-heading{
    max-width:720px;
    margin:0 auto 54px;
    text-align:center;
}

.product-receive-heading .kicker{
    margin-bottom:13px;
    color:#80602b;
    font-size:12px;
    letter-spacing:.20em;
}

.product-receive-heading h2{
    margin:0 0 18px;
    color:#fff;
    font-size:36px;
    line-height:1.1;
    letter-spacing:.05em;
}

.product-receive-heading p{
    max-width:650px;
    margin:0 auto;
    color:#574a3a;
    font-size:15px;
    line-height:1.7;
}

.product-receive-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
    margin-bottom:58px;
}

.product-receive-item{
    padding:30px 28px 32px;
    background:rgba(250,241,222,.22);
    border-top:1px solid rgba(126,91,39,.65);
}

.product-receive-item span{
    display:block;
    margin-bottom:20px;
    color:#856129;
    font-size:12px;
    letter-spacing:.15em;
}

.product-receive-item h3{
    margin:0 0 13px;
    color:#fff;
    font-size:21px;
    line-height:1.25;
}

.product-receive-item p{
    margin:0;
    color:#574b3c;
    font-size:14px;
    line-height:1.7;
}


/* Final Purchase CTA */

.product-final-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:32px 36px;
    background:rgba(54,43,29,.76);
    border:1px solid rgba(224,190,119,.62);
    box-shadow:0 18px 45px rgba(55,42,24,.16);
}

.product-final-cta .kicker{
    margin-bottom:8px;
    color:#d9b86e;
    font-size:11px;
    letter-spacing:.18em;
}

.product-final-cta h3{
    margin:0;
    color:#fff;
    font-size:27px;
    font-weight:500;
}

.product-final-cta .btn{
    min-width:245px;
    text-align:center;
}


/* Mobile */

@media (max-width:760px){

    .product-receive{
        padding:58px 18px 68px;
    }

    .product-receive-heading{
        margin-bottom:38px;
    }

    .product-receive-heading h2{
        font-size:29px;
    }

    .product-receive-grid{
        grid-template-columns:1fr;
        gap:16px;
        margin-bottom:38px;
    }

    .product-receive-item{
        padding:24px 20px 26px;
    }

    .product-final-cta{
        display:block;
        padding:27px 22px;
    }

    .product-final-cta h3{
        margin-bottom:22px;
    }

    .product-final-cta .btn{
        display:block;
        width:100%;
        min-width:0;
        text-align:center;
    }
}

/* ========================================
   Product Detail — High Contrast Pass
======================================== */

/* Shared mountain: clearer, warmer, less gray */
.product-detail-page{
    background:
        linear-gradient(rgba(207,171,105,.24),rgba(180,137,72,.28)),
        url('assets/lower-bg.png') center center / cover fixed no-repeat !important;
}

/* 01 — Product Hero / LIGHT */
.product-detail-hero{
    background:rgba(250,231,191,.54) !important;
}

/* 02 — Tradition / DARK */
.product-story{
    background:rgba(31,29,23,.72) !important;
}

/* 03 — Process / LIGHT */
.product-process{
    background:rgba(248,226,184,.58) !important;
}

/* 04 — Living / DARK */
.product-living{
    background:rgba(38,33,25,.70) !important;
}

/* 05 — What You Receive / LIGHT */
.product-receive{
    background:rgba(249,226,181,.56) !important;
}

/* Stronger text on light sections */
.product-detail-content h1,
.product-process-heading h2{
    color:#2d2114 !important;
}

.product-detail-intro,
.product-detail-note,
.product-process-heading p,
.product-process-step p{
    color:#493a28 !important;
}

/* Stronger gold accents */
.product-detail-price,
.product-process-heading .kicker,
.product-process-number{
    color:#8b5a0a !important;
}

/* Dark sections: clean ivory + bright gold */
.product-story-heading h2,
.product-story-block h3,
.product-living-heading h2,
.product-living-item h3{
    color:#fff8e9 !important;
}

.product-story-heading .kicker,
.product-story-block span,
.product-living-heading .kicker,
.product-living-item span{
    color:#e6bd64 !important;
}

.product-story-block p,
.product-living-heading p,
.product-living-item p{
    color:#eee1ca !important;
}

/* ========================================
   Product Detail — Extra High Contrast
======================================== */

/* 底層金山：減少灰霧，讓原图更直接 */
.product-detail-page{
    background:
        linear-gradient(rgba(190,145,72,.12),rgba(154,108,47,.16)),
        url('assets/lower-bg.png') center center / cover fixed no-repeat !important;
}

/* 01 第一屏：明亮暖金 */
.product-detail-hero{
    background:rgba(255,232,181,.66) !important;
}

/* 02 第二屏：深炭黑金 */
.product-story{
    background:rgba(24,22,18,.82) !important;
}

/* 03 第三屏：明亮暖金 */
.product-process{
    background:rgba(255,230,176,.68) !important;
}

/* 04 第四屏：深炭黑金 */
.product-living{
    background:rgba(25,23,19,.82) !important;
}

/* 05 第五屏：明亮暖金 */
.product-receive{
    background:rgba(255,230,176,.68) !important;
}

/* 明亮區域：文字真正壓深 */
.product-detail-content h1,
.product-process-heading h2{
    color:#21170c !important;
}

.product-detail-intro,
.product-detail-note,
.product-process-heading p,
.product-process-step p,
.product-receive-heading p,
.product-receive-item p{
    color:#352719 !important;
}

/* 金色强调：提高飽和度 */
.product-detail-price,
.product-process-heading .kicker,
.product-process-number,
.product-receive-heading .kicker,
.product-receive-item span{
    color:#8f5700 !important;
}

/* 深色區域：白字 + 明金 */
.product-story-heading h2,
.product-story-block h3,
.product-living-heading h2,
.product-living-item h3{
    color:#fffaf0 !important;
}

.product-story-heading .kicker,
.product-story-block span,
.product-living-heading .kicker,
.product-living-item span{
    color:#f0c76c !important;
}

.product-story-block p,
.product-living-heading p,
.product-living-item p{
    color:#f1e5cf !important;
}

/* 分區邊界更明确 */
.product-story,
.product-process,
.product-living,
.product-receive{
    border-top:1px solid rgba(184,130,42,.75) !important;
}

/* 第五屏標題 */
.product-receive-heading h2,
.product-receive-item h3{
    color:#21170c !important;
}

/* ========================================
   Product Detail — White Xuan Paper Sections
======================================== */

/* 01 / 03 / 05 — warm white Xuan-paper feeling */
.product-detail-hero,
.product-process,
.product-receive{
    background:rgba(250,248,240,.82) !important;
}

/* Main headings — deep ink */
.product-detail-content h1,
.product-process-heading h2,
.product-receive-heading h2{
    color:#211d17 !important;
}

/* Body copy — softer ink */
.product-detail-intro,
.product-detail-note,
.product-process-heading p,
.product-process-step p,
.product-receive-heading p,
.product-receive-item p{
    color:#4b453c !important;
}

/* Section/item headings */
.product-process-step h3,
.product-receive-item h3{
    color:#29231c !important;
}

/* Gold accents */
.product-detail-price,
.product-detail-content .kicker,
.product-process-heading .kicker,
.product-process-number,
.product-receive-heading .kicker,
.product-receive-item span{
    color:#9a6815 !important;
}

/* Process image areas — translucent paper */
.product-process-media{
    background:rgba(255,253,247,.56) !important;
    border:1px solid rgba(154,104,21,.42) !important;
}

/* Receive cards — subtle paper-on-paper layering */
.product-receive-item{
    background:rgba(255,253,247,.34) !important;
    border-top:1px solid rgba(154,104,21,.60) !important;
}

/* Clear gold boundary between light/dark sections */
.product-story,
.product-process,
.product-living,
.product-receive{
    border-top:1px solid rgba(166,112,24,.72) !important;
}

/* White Xuan Paper — reveal more mountain background */
.product-detail-hero,
.product-process,
.product-receive{
    background:rgba(250,248,240,.48) !important;
}

/* Keep text strong over the more visible background */
.product-detail-content h1,
.product-process-heading h2,
.product-receive-heading h2{
    color:#1f1a14 !important;
}

.product-detail-intro,
.product-detail-note,
.product-process-heading p,
.product-process-step p,
.product-receive-heading p,
.product-receive-item p{
    color:#3f382f !important;
}

/* ========================================
   Homepage Editorial Product Showcase
======================================== */

.editorial-catalog{
    padding:82px 6% 96px;
    background:
        linear-gradient(rgba(250,247,239,.82),rgba(247,241,228,.78)),
        url('assets/lower-bg.png') center center / cover no-repeat !important;
}

.editorial-catalog-inner{
    max-width:1240px;
    margin:0 auto;
}

.editorial-heading{
    max-width:760px;
    margin:0 auto 58px;
    text-align:center;
}

.editorial-heading .kicker{
    margin-bottom:12px;
    color:#94651b;
    font-size:11px;
    letter-spacing:.22em;
}

.editorial-heading h2{
    margin:0 0 14px;
    color:#271e14;
    font-size:38px;
    line-height:1.08;
    letter-spacing:.045em;
}

.editorial-heading p{
    margin:0;
    color:#5b5043;
    font-size:15px;
    line-height:1.7;
}


/* Product 01 + 02 */

.editorial-product{
    display:grid;
    grid-template-columns:1.35fr .65fr;
    min-height:420px;
    margin-bottom:42px;
    border-top:1px solid rgba(151,103,27,.55);
    border-bottom:1px solid rgba(151,103,27,.38);
}

.editorial-product-reverse{
    grid-template-columns:.65fr 1.35fr;
}

.editorial-product-image{
    display:block;
    min-height:330px;
    overflow:hidden;
}

.editorial-product-image img{
    display:block;
    width:100%;
    height:100%;
    min-height:330px;
    object-fit:cover;
    transition:transform .6s ease;
}

.editorial-product:hover .editorial-product-image img{
    transform:scale(1.018);
}

.editorial-product-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:48px 44px;
    background:rgba(255,252,244,.52);
}

.editorial-number{
    margin-bottom:18px;
    color:#95651a;
    font-size:11px;
    letter-spacing:.18em;
}

.editorial-product-copy h3,
.editorial-collection-copy h3,
.editorial-bespoke h3{
    margin:0 0 16px;
    color:#281f15;
    font-size:31px;
    line-height:1.08;
    font-weight:500;
}

.editorial-product-copy p{
    margin:0 0 21px;
    color:#514638;
    font-size:15px;
    line-height:1.7;
}

.editorial-price{
    margin-bottom:19px;
    color:#31261a;
    font-size:20px;
}

.editorial-link{
    display:inline-block;
    align-self:flex-start;
    padding-bottom:5px;
    color:#755019;
    border-bottom:1px solid #a6782c;
    font-size:11px;
    letter-spacing:.12em;
    text-decoration:none;
}

.editorial-link:hover{
    color:#24190c;
}


/* Product 03 — Wide Collection */

.editorial-collection{
    margin:58px 0;
    background:#1d1b17;
    border:1px solid rgba(190,145,66,.58);
}

.editorial-collection-image{
    display:block;
    height:360px;
    overflow:hidden;
}

.editorial-collection-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.editorial-collection-copy{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:50px;
    padding:34px 40px 38px;
}

.editorial-collection .editorial-number{
    color:#d4ad61;
}

.editorial-collection-copy h3{
    color:#fff7e7;
}

.editorial-collection-copy p{
    max-width:600px;
    margin:0;
    color:#ddd0ba;
    font-size:14px;
    line-height:1.7;
}

.editorial-collection-action{
    min-width:250px;
    text-align:right;
}

.editorial-collection .editorial-price{
    color:#f2dfb7;
}

.editorial-collection .editorial-link{
    color:#e0ba6c;
}


/* Product 04 — Bespoke */

.editorial-bespoke{
    margin-top:58px;
    padding:28px 0 18px;
    border-top:1px solid rgba(151,103,27,.65);
    border-bottom:1px solid rgba(151,103,27,.50);
}

.editorial-bespoke-main{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:80px;
    align-items:end;
    padding:34px 0 38px;
}

.editorial-bespoke .kicker{
    margin-bottom:12px;
    color:#96671d;
    font-size:11px;
    letter-spacing:.18em;
}

.editorial-bespoke h3{
    margin:0;
    font-size:42px;
}

.editorial-bespoke-copy p{
    margin:0 0 18px;
    color:#514638;
    font-size:15px;
    line-height:1.7;
}


/* Mobile */

@media (max-width:760px){

    .editorial-catalog{
        padding:56px 18px 66px;
    }

    .editorial-heading{
        margin-bottom:38px;
    }

    .editorial-heading h2{
        font-size:29px;
    }

    .editorial-product,
    .editorial-product-reverse{
        display:flex;
        flex-direction:column;
        min-height:0;
        margin-bottom:28px;
    }

    .editorial-product-reverse .editorial-product-copy{
        order:2;
    }

    .editorial-product-reverse .editorial-product-image{
        order:1;
    }

    .editorial-product-image{
        min-height:0;
    }

    .editorial-product-image img{
        min-height:0;
        aspect-ratio:4 / 3;
    }

    .editorial-product-copy{
        padding:28px 22px 31px;
    }

    .editorial-product-copy h3{
        font-size:26px;
    }

    .editorial-collection{
        margin:38px 0;
    }

    .editorial-collection-image{
        height:auto;
    }

    .editorial-collection-image img{
        aspect-ratio:4 / 3;
    }

    .editorial-collection-copy{
        display:block;
        padding:27px 22px 30px;
    }

    .editorial-collection-action{
        min-width:0;
        margin-top:22px;
        text-align:left;
    }

    .editorial-bespoke{
        margin-top:38px;
    }

    .editorial-bespoke-main{
        display:block;
        padding:25px 0 30px;
    }

    .editorial-bespoke h3{
        margin-bottom:20px;
        font-size:32px;
    }
}

/* ========================================
   Homepage Taoist Knowledge — Editorial
======================================== */

.knowledge-editorial{
    position:relative;
    padding:88px 6vw 92px;
    overflow:hidden;
    background:
        linear-gradient(110deg,rgba(20,19,16,.96),rgba(31,28,22,.90)),
        url('assets/lower-bg.png') center 58% / cover no-repeat;
    border-top:1px solid rgba(190,145,66,.55);
    border-bottom:1px solid rgba(190,145,66,.55);
}

.knowledge-editorial-inner{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:.78fr 1.22fr;
    gap:8vw;
    max-width:1240px;
    margin:0 auto;
}


/* Left editorial introduction */

.knowledge-intro{
    padding-top:10px;
}

.knowledge-intro .kicker{
    margin-bottom:20px;
    color:#d5ad61;
    font-size:11px;
    letter-spacing:.28em;
}

.knowledge-intro h2{
    margin:0 0 26px;
    color:#fff6e4;
    font-size:45px;
    line-height:1.04;
    font-weight:400;
    letter-spacing:.035em;
}

.knowledge-intro p{
    max-width:390px;
    margin:0 0 32px;
    color:#cfc4b1;
    font-family:Arial,sans-serif;
    font-size:14px;
    line-height:1.75;
}

.knowledge-all{
    display:inline-block;
    padding-bottom:6px;
    color:#ddb86e;
    border-bottom:1px solid rgba(221,184,110,.72);
    font-size:11px;
    letter-spacing:.15em;
    transition:.25s ease;
}

.knowledge-all:hover{
    color:#fff0c8;
    border-color:#fff0c8;
}


/* Right article index */

.knowledge-index{
    border-top:1px solid rgba(196,155,83,.55);
}

.knowledge-row{
    display:grid;
    grid-template-columns:58px 1fr 34px;
    gap:22px;
    align-items:center;
    min-height:145px;
    padding:25px 5px;
    border-bottom:1px solid rgba(196,155,83,.42);
    transition:background .25s ease,padding .25s ease;
}

.knowledge-row:hover{
    padding-left:15px;
    padding-right:15px;
    background:rgba(218,177,99,.055);
}

.knowledge-number{
    align-self:start;
    padding-top:5px;
    color:#b98b3f;
    font-size:12px;
    letter-spacing:.12em;
}

.knowledge-row-copy h3{
    margin:0 0 9px;
    color:#f7ecd7;
    font-size:21px;
    line-height:1.2;
    font-weight:400;
    letter-spacing:.035em;
}

.knowledge-row-copy p{
    max-width:620px;
    margin:0;
    color:#aaa08f;
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height:1.6;
}

.knowledge-arrow{
    color:#d4ad62;
    font-size:24px;
    text-align:right;
    transition:transform .25s ease,color .25s ease;
}

.knowledge-row:hover .knowledge-arrow{
    color:#f4d797;
    transform:translateX(5px);
}


/* Mobile */

@media(max-width:760px){

    .knowledge-editorial{
        padding:62px 20px 66px;
    }

    .knowledge-editorial-inner{
        display:block;
    }

    .knowledge-intro{
        padding:0 0 45px;
    }

    .knowledge-intro h2{
        font-size:35px;
    }

    .knowledge-intro p{
        max-width:100%;
    }

    .knowledge-row{
        grid-template-columns:38px 1fr 24px;
        gap:12px;
        min-height:130px;
        padding:22px 0;
    }

    .knowledge-row:hover{
        padding-left:0;
        padding-right:0;
    }

    .knowledge-row-copy h3{
        font-size:18px;
    }

    .knowledge-row-copy p{
        font-size:12px;
    }

    .knowledge-arrow{
        font-size:20px;
    }
}


/* ========================================
   Knowledge — Warm Editorial Override
======================================== */

.knowledge-editorial{
    background:
        linear-gradient(rgba(250,247,239,.76),rgba(245,235,216,.72)),
        url('assets/lower-bg.png') center 58% / cover no-repeat !important;
    border-top:1px solid rgba(151,103,27,.42);
    border-bottom:1px solid rgba(151,103,27,.42);
}

.knowledge-intro .kicker{
    color:#95651a !important;
}

.knowledge-intro h2{
    color:#281f15 !important;
}

.knowledge-intro p{
    color:#5a5043 !important;
}

.knowledge-all{
    color:#79531a !important;
    border-color:rgba(151,103,27,.65) !important;
}

.knowledge-all:hover{
    color:#2b1e0d !important;
    border-color:#79531a !important;
}

.knowledge-index{
    border-top-color:rgba(151,103,27,.48) !important;
}

.knowledge-row{
    border-bottom-color:rgba(151,103,27,.38) !important;
}

.knowledge-row:hover{
    background:rgba(255,250,238,.34) !important;
}

.knowledge-number{
    color:#95651a !important;
}

.knowledge-row-copy h3{
    color:#302519 !important;
}

.knowledge-row-copy p{
    color:#665b4c !important;
}

.knowledge-arrow{
    color:#a27429 !important;
}

.knowledge-row:hover .knowledge-arrow{
    color:#5f4013 !important;
}


/* ========================================
   Brand Video — Warm Editorial Override
======================================== */

.brand-video{
    background:
        linear-gradient(rgba(247,240,226,.76),rgba(242,226,198,.70)),
        url('assets/lower-bg.png') center 52% / cover no-repeat !important;
    border-top:1px solid rgba(151,103,27,.42) !important;
    border-bottom:1px solid rgba(151,103,27,.42) !important;
}

.brand-video-copy .kicker{
    color:#95651a !important;
}

.brand-video-copy h2{
    color:#281f15 !important;
}

.brand-video-copy p{
    color:#5b5043 !important;
}

/* Keep the actual video as the dark visual focal point */
.brand-video-frame{
    background:#171713 !important;
    border-color:rgba(151,103,27,.68) !important;
    box-shadow:
        0 18px 45px rgba(74,51,20,.16),
        0 0 0 1px rgba(255,245,218,.22) !important;
}

.brand-video-placeholder{
    background:
        radial-gradient(circle at center,rgba(185,137,54,.16),transparent 48%),
        #171713 !important;
    color:#d8b56f !important;
}

.brand-video-play{
    color:#d8b56f !important;
}


/* ========================================
   DaoSeal777 Knowledge Center
======================================== */

.knowledge-page{
    background:#f4ead8;
    color:#2c241a;
}


/* ---------- Knowledge Hero ---------- */

.knowledge-page-hero{
    position:relative;
    min-height:430px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            90deg,
            rgba(246,235,214,.94) 0%,
            rgba(246,235,214,.78) 48%,
            rgba(239,216,174,.48) 100%
        ),
        url('assets/lower-bg.png') center 42% / cover no-repeat;
    border-bottom:1px solid rgba(151,103,27,.42);
}

.knowledge-page-hero-inner{
    width:100%;
    max-width:1240px;
    margin:0 auto;
    padding:78px 6%;
}

.knowledge-page-hero .kicker{
    margin-bottom:20px;
    color:#95651a;
    font-size:11px;
    letter-spacing:.26em;
}

.knowledge-page-hero h1{
    max-width:760px;
    margin:0 0 24px;
    color:#281f15;
    font-size:58px;
    line-height:1.02;
    font-weight:400;
    letter-spacing:.025em;
}

.knowledge-page-hero p{
    max-width:590px;
    margin:0;
    color:#5c5143;
    font-family:Arial,sans-serif;
    font-size:15px;
    line-height:1.75;
}


/* ---------- Featured Article ---------- */

.knowledge-featured{
    padding:82px 6%;
    background:
        linear-gradient(rgba(250,247,239,.82),rgba(247,240,226,.76)),
        url('assets/lower-bg.png') center 62% / cover no-repeat;
}

.knowledge-featured-inner{
    max-width:1240px;
    margin:0 auto;
}

.knowledge-featured-label{
    display:flex;
    justify-content:space-between;
    padding-bottom:14px;
    margin-bottom:32px;
    border-bottom:1px solid rgba(151,103,27,.55);
    color:#95651a;
    font-size:11px;
    letter-spacing:.18em;
}

.knowledge-featured-content{
    display:grid;
    grid-template-columns:.72fr 1.28fr;
    min-height:450px;
    border-bottom:1px solid rgba(151,103,27,.42);
}

.knowledge-featured-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:40px 58px 40px 0;
}

.knowledge-featured-copy .kicker{
    margin-bottom:18px;
    color:#95651a;
    font-size:10px;
    letter-spacing:.2em;
}

.knowledge-featured-copy h2{
    margin:0 0 24px;
    color:#281f15;
    font-size:42px;
    line-height:1.04;
    font-weight:400;
}

.knowledge-featured-copy p{
    margin:0 0 28px;
    color:#5d5245;
    font-family:Arial,sans-serif;
    font-size:14px;
    line-height:1.75;
}

.knowledge-read{
    align-self:flex-start;
    padding-bottom:6px;
    border-bottom:1px solid #9d7027;
    color:#79531a;
    font-size:11px;
    letter-spacing:.14em;
}

.knowledge-read:hover{
    color:#281b0c;
}

.knowledge-featured-visual{
    min-height:450px;
    padding:22px;
    border-left:1px solid rgba(151,103,27,.38);
}

.knowledge-visual-placeholder{
    width:100%;
    height:100%;
    min-height:406px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(rgba(44,37,27,.12),rgba(44,37,27,.20)),
        url('assets/lower-bg.png') center / cover no-repeat;
    border:1px solid rgba(151,103,27,.45);
    color:rgba(255,247,226,.92);
    font-size:12px;
    letter-spacing:.28em;
    text-shadow:0 2px 12px rgba(0,0,0,.38);
}


/* ---------- Knowledge Library ---------- */

.knowledge-library{
    padding:76px 6% 96px;
    background:rgba(249,244,233,.94);
}

.knowledge-library-inner{
    max-width:1240px;
    margin:0 auto;
}

.knowledge-library-heading{
    display:grid;
    grid-template-columns:.45fr 1.55fr;
    align-items:end;
    padding-bottom:27px;
    border-bottom:1px solid rgba(151,103,27,.58);
}

.knowledge-library-heading .kicker{
    color:#95651a;
    font-size:10px;
    letter-spacing:.22em;
}

.knowledge-library-heading h2{
    margin:0;
    color:#2d2419;
    font-size:34px;
    line-height:1.05;
    font-weight:400;
    letter-spacing:.04em;
}

.knowledge-library-row{
    display:grid;
    grid-template-columns:90px 1fr 50px;
    gap:30px;
    align-items:center;
    min-height:165px;
    padding:29px 8px;
    border-bottom:1px solid rgba(151,103,27,.38);
    transition:
        padding .25s ease,
        background .25s ease;
}

.knowledge-library-row:hover{
    padding-left:20px;
    padding-right:20px;
    background:rgba(231,211,175,.20);
}

.knowledge-library-number{
    align-self:start;
    padding-top:4px;
    color:#a17227;
    font-size:13px;
    letter-spacing:.14em;
}

.knowledge-library-category{
    margin-bottom:8px;
    color:#9a6b22;
    font-size:9px;
    letter-spacing:.18em;
}

.knowledge-library-copy h3{
    margin:0 0 10px;
    color:#302519;
    font-size:24px;
    line-height:1.15;
    font-weight:400;
}

.knowledge-library-copy p{
    max-width:720px;
    margin:0;
    color:#665b4d;
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height:1.65;
}

.knowledge-library-arrow{
    color:#a5772c;
    font-size:25px;
    text-align:right;
    transition:transform .25s ease;
}

.knowledge-library-row:hover .knowledge-library-arrow{
    transform:translateX(6px);
}


/* ---------- Knowledge Mobile ---------- */

@media(max-width:760px){

    .knowledge-page-hero{
        min-height:390px;
    }

    .knowledge-page-hero-inner{
        padding:62px 20px;
    }

    .knowledge-page-hero h1{
        font-size:39px;
    }

    .knowledge-featured{
        padding:58px 20px;
    }

    .knowledge-featured-content{
        display:flex;
        flex-direction:column;
        min-height:0;
    }

    .knowledge-featured-copy{
        padding:20px 0 34px;
    }

    .knowledge-featured-copy h2{
        font-size:33px;
    }

    .knowledge-featured-visual{
        min-height:300px;
        padding:0;
        border-left:0;
        border-top:1px solid rgba(151,103,27,.38);
    }

    .knowledge-visual-placeholder{
        min-height:300px;
    }

    .knowledge-library{
        padding:55px 20px 70px;
    }

    .knowledge-library-heading{
        display:block;
    }

    .knowledge-library-heading .kicker{
        margin-bottom:12px;
    }

    .knowledge-library-heading h2{
        font-size:29px;
    }

    .knowledge-library-row{
        grid-template-columns:38px 1fr 24px;
        gap:12px;
        min-height:150px;
        padding:25px 0;
    }

    .knowledge-library-row:hover{
        padding-left:0;
        padding-right:0;
    }

    .knowledge-library-copy h3{
        font-size:19px;
    }

    .knowledge-library-copy p{
        font-size:12px;
    }
}


/* ========================================
   Taoist Knowledge — Single Article
======================================== */

.knowledge-article{
    background:#f7f1e5;
    color:#30271c;
}


/* ---------- Article Hero ---------- */

.knowledge-article-hero{
    position:relative;
    padding:92px 6% 82px;
    background:
        linear-gradient(
            90deg,
            rgba(248,239,222,.94),
            rgba(244,229,201,.76)
        ),
        url('assets/lower-bg.png') center 42% / cover no-repeat;
    border-bottom:1px solid rgba(151,103,27,.42);
}

.knowledge-article-hero-inner{
    max-width:1000px;
    margin:0 auto;
}

.knowledge-article-meta{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:26px;
    color:#95651a;
    font-size:10px;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.knowledge-article-meta a{
    padding-bottom:3px;
    border-bottom:1px solid rgba(149,101,26,.45);
}

.knowledge-article-hero h1{
    max-width:900px;
    margin:0 0 26px;
    color:#281f15;
    font-size:58px;
    line-height:1.04;
    font-weight:400;
    letter-spacing:.018em;
}

.knowledge-article-excerpt{
    max-width:720px;
    margin:0 0 26px;
    color:#5d5245;
    font-family:Arial,sans-serif;
    font-size:16px;
    line-height:1.75;
}

.knowledge-article-date{
    color:#8a7962;
    font-size:11px;
    letter-spacing:.1em;
    text-transform:uppercase;
}


/* ---------- Featured Image ---------- */

.knowledge-article-image{
    padding:60px 6% 0;
    background:#faf6ed;
}

.knowledge-article-image-inner{
    max-width:1100px;
    margin:0 auto;
}

.knowledge-article-featured-image{
    display:block;
    width:100%;
    height:auto;
    max-height:620px;
    object-fit:cover;
    border:1px solid rgba(151,103,27,.38);
}


/* ---------- Article Body ---------- */

.knowledge-article-body{
    padding:72px 24px 88px;
    background:
        linear-gradient(rgba(250,247,239,.94),rgba(247,240,226,.92)),
        url('assets/lower-bg.png') center bottom / cover no-repeat;
}

.knowledge-article-content{
    max-width:760px;
    margin:0 auto;
    color:#40372c;
    font-family:Georgia,'Times New Roman',serif;
    font-size:18px;
    line-height:1.9;
}

.knowledge-article-content > *:first-child{
    margin-top:0;
}

.knowledge-article-content p{
    margin:0 0 1.55em;
}

.knowledge-article-content h2{
    margin:2.2em 0 .75em;
    color:#2c2116;
    font-size:32px;
    line-height:1.2;
    font-weight:400;
}

.knowledge-article-content h3{
    margin:1.9em 0 .7em;
    color:#5f431d;
    font-size:23px;
    line-height:1.25;
    font-weight:400;
}

.knowledge-article-content blockquote{
    margin:2.2em 0;
    padding:8px 0 8px 28px;
    border-left:1px solid #a7772b;
    color:#66543d;
    font-size:20px;
    line-height:1.7;
    font-style:italic;
}

.knowledge-article-content img{
    max-width:100%;
    height:auto;
}

.knowledge-article-content a{
    color:#825b20;
    border-bottom:1px solid rgba(130,91,32,.45);
}

.knowledge-article-content ul,
.knowledge-article-content ol{
    margin:1.4em 0 1.7em;
    padding-left:1.5em;
}

.knowledge-article-content li{
    margin-bottom:.65em;
}


/* ---------- Article Footer ---------- */

.knowledge-article-footer{
    padding:34px 6% 58px;
    background:#f7f1e5;
    border-top:1px solid rgba(151,103,27,.35);
}

.knowledge-back{
    display:block;
    max-width:760px;
    margin:0 auto;
    color:#79531a;
    font-size:11px;
    letter-spacing:.15em;
}


/* ---------- Mobile ---------- */

@media(max-width:760px){

    .knowledge-article-hero{
        padding:64px 20px 58px;
    }

    .knowledge-article-hero h1{
        font-size:40px;
    }

    .knowledge-article-excerpt{
        font-size:15px;
    }

    .knowledge-article-image{
        padding:32px 20px 0;
    }

    .knowledge-article-body{
        padding:50px 20px 64px;
    }

    .knowledge-article-content{
        font-size:17px;
        line-height:1.82;
    }

    .knowledge-article-content h2{
        font-size:28px;
    }

    .knowledge-article-content h3{
        font-size:21px;
    }

    .knowledge-article-footer{
        padding:28px 20px 45px;
    }
}



/* =========================================================
   DaoSeal777 — Editorial Product Detail V2
   ========================================================= */

.product-editorial{
    background:#f4eddf;
    color:#2b241c;
}

.pe-hero{
    min-height:82vh;
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);
    background:
        linear-gradient(rgba(248,242,230,.84),rgba(238,224,197,.80)),
        url('assets/lower-bg.png') center/cover no-repeat;
    border-bottom:1px solid rgba(139,99,34,.35);
}

.pe-hero-media{
    min-height:720px;
    overflow:hidden;
    position:relative;
}

.pe-hero-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.pe-hero-copy{
    padding:110px 9% 90px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.pe-kicker{
    font-size:12px;
    letter-spacing:.24em;
    text-transform:uppercase;
    color:#93651e;
    margin-bottom:28px;
}

.pe-hero h1{
    margin:0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(54px,5.5vw,92px);
    line-height:.92;
    font-weight:400;
    letter-spacing:-.045em;
    color:#2b2117;
}

.pe-lead{
    max-width:580px;
    margin:36px 0 0;
    font-size:18px;
    line-height:1.8;
    color:#5d5143;
}

.pe-buy{
    margin-top:48px;
    padding-top:24px;
    border-top:1px solid rgba(139,99,34,.38);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:25px;
}

.pe-buy span{
    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
}

.pe-buy a,
.pe-final a{
    color:#714d17;
    text-decoration:none;
    font-size:12px;
    letter-spacing:.17em;
    font-weight:600;
}

.pe-story{
    max-width:1240px;
    margin:auto;
    padding:145px 7%;
    display:grid;
    grid-template-columns:150px 1fr;
}

.pe-number{
    font-family:Georgia,"Times New Roman",serif;
    color:#a87b36;
    font-size:18px;
}

.pe-story-copy{
    max-width:820px;
}

.pe-story h2,
.pe-split h2,
.pe-process h2,
.pe-living h2,
.pe-receive h2,
.pe-final h2{
    margin:0 0 34px;
    font-family:Georgia,"Times New Roman",serif;
    font-weight:400;
    letter-spacing:-.035em;
    line-height:1.02;
    color:#2b2117;
}

.pe-story h2{
    font-size:clamp(46px,5.2vw,78px);
}

.pe-story p,
.pe-split p,
.pe-living p{
    max-width:650px;
    font-size:17px;
    line-height:1.9;
    color:#625749;
}

.pe-split{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    min-height:680px;
    background:#24231e;
    color:#eee4d2;
}

.pe-split-copy{
    padding:120px 11%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.pe-split h2{
    color:#f0e6d3;
    font-size:clamp(44px,5vw,74px);
}

.pe-split p{
    color:#c8bda9;
}

.pe-symbol-panel{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-left:1px solid rgba(220,184,115,.24);
    background:
        radial-gradient(circle at center,rgba(190,143,66,.13),transparent 48%);
}

.pe-symbol-panel span{
    font-family:serif;
    font-size:clamp(130px,18vw,260px);
    line-height:1;
    color:#c59a50;
    opacity:.88;
}

.pe-symbol-panel small{
    margin-top:25px;
    color:#cdbb9a;
    letter-spacing:.28em;
    font-size:10px;
}

.pe-process{
    padding:140px 7%;
    max-width:1400px;
    margin:auto;
}

.pe-process-head{
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:50px;
    align-items:end;
    margin-bottom:85px;
}

.pe-process h2{
    font-size:clamp(44px,5vw,72px);
    margin:0;
}

.pe-process-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid rgba(139,99,34,.38);
    border-bottom:1px solid rgba(139,99,34,.38);
}

.pe-process-grid article{
    padding:45px 38px 55px;
    border-right:1px solid rgba(139,99,34,.28);
}

.pe-process-grid article:last-child{
    border-right:0;
}

.pe-process-grid article > span{
    color:#a87b36;
    font-family:Georgia,"Times New Roman",serif;
}

.pe-process-grid h3{
    margin:45px 0 20px;
    font-family:Georgia,"Times New Roman",serif;
    font-weight:400;
    font-size:25px;
    letter-spacing:.05em;
}

.pe-process-grid p{
    color:#665b4c;
    line-height:1.75;
    margin:0;
}

.pe-living{
    min-height:680px;
    padding:120px 8%;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:60px;
    background:
        linear-gradient(rgba(241,227,201,.79),rgba(247,241,229,.82)),
        url('assets/lower-bg.png') center/cover no-repeat;
    border-top:1px solid rgba(139,99,34,.30);
    border-bottom:1px solid rgba(139,99,34,.30);
}

.pe-living h2{
    font-size:clamp(45px,5vw,76px);
}

.pe-living-word{
    text-align:right;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(70px,10vw,150px);
    line-height:.77;
    letter-spacing:-.07em;
    color:rgba(113,77,23,.16);
}

.pe-receive{
    max-width:1320px;
    margin:auto;
    padding:140px 7%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:100px;
}

.pe-receive h2{
    font-size:clamp(44px,4.5vw,68px);
}

.pe-receive-list{
    border-top:1px solid rgba(139,99,34,.40);
}

.pe-receive-list > div{
    display:grid;
    grid-template-columns:65px 1fr;
    padding:28px 0;
    border-bottom:1px solid rgba(139,99,34,.30);
}

.pe-receive-list span{
    color:#a87b36;
    font-family:Georgia,"Times New Roman",serif;
}

.pe-receive-list p{
    margin:0;
    line-height:1.65;
    color:#51483d;
}

.pe-final{
    padding:145px 7%;
    text-align:center;
    background:#23221d;
    color:#eee4d2;
}

.pe-final h2{
    color:#f1e5cf;
    font-size:clamp(46px,5.8vw,82px);
    max-width:1050px;
    margin:0 auto 30px;
}

.pe-final p{
    color:#c4b69f;
    font-size:17px;
    margin:0 0 42px;
}

.pe-final a{
    display:inline-block;
    color:#d2ad6c;
    border-bottom:1px solid rgba(210,173,108,.6);
    padding-bottom:8px;
}

.product-editorial-custom .pe-hero{
    background:
        linear-gradient(rgba(239,229,211,.82),rgba(229,209,175,.80)),
        url('assets/lower-bg.png') center/cover no-repeat;
}

@media (max-width:900px){

    .pe-hero{
        grid-template-columns:1fr;
    }

    .pe-hero-media{
        min-height:55vh;
    }

    .pe-hero-copy{
        padding:70px 7%;
    }

    .pe-story{
        padding:90px 7%;
        grid-template-columns:1fr;
        gap:25px;
    }

    .pe-split{
        grid-template-columns:1fr;
    }

    .pe-split-copy{
        padding:90px 7%;
    }

    .pe-symbol-panel{
        min-height:430px;
        border-left:0;
        border-top:1px solid rgba(220,184,115,.24);
    }

    .pe-process{
        padding:90px 7%;
    }

    .pe-process-head{
        grid-template-columns:1fr;
    }

    .pe-process-grid{
        grid-template-columns:1fr;
    }

    .pe-process-grid article{
        border-right:0;
        border-bottom:1px solid rgba(139,99,34,.28);
    }

    .pe-process-grid article:last-child{
        border-bottom:0;
    }

    .pe-living{
        padding:90px 7%;
        grid-template-columns:1fr;
    }

    .pe-living-word{
        text-align:left;
        font-size:22vw;
    }

    .pe-receive{
        padding:90px 7%;
        grid-template-columns:1fr;
        gap:50px;
    }

    .pe-final{
        padding:100px 7%;
    }
}

@media (max-width:560px){

    .pe-hero-media{
        min-height:430px;
    }

    .pe-hero h1{
        font-size:48px;
    }

    .pe-buy{
        align-items:flex-start;
        flex-direction:column;
    }

    .pe-story h2,
    .pe-split h2,
    .pe-process h2,
    .pe-living h2,
    .pe-receive h2{
        font-size:40px;
    }
}

/* =========================================================
   PRODUCT EDITORIAL — MAGAZINE HERO CORRECTION
   ========================================================= */

@media (min-width: 901px){

    .product-editorial .pe-hero{
        min-height:auto !important;
        max-width:1380px;
        margin:0 auto;
        padding:110px 7% 130px !important;

        display:grid !important;
        grid-template-columns:minmax(320px, .82fr) minmax(380px, 1fr) !important;
        gap:9% !important;
        align-items:center !important;

        background:
            linear-gradient(rgba(248,242,230,.84),rgba(238,224,197,.80)),
            url('assets/lower-bg.png') center/cover no-repeat !important;
    }

    /* 圖片成为“版面中的攝影作品”，不再成為半屏背景牆 */
    .product-editorial .pe-hero-media{
        min-height:0 !important;
        height:auto !important;
        max-height:none !important;
        overflow:visible !important;
        position:relative;
    }

    .product-editorial .pe-hero-media img{
        display:block !important;
        width:100% !important;
        height:auto !important;
        max-height:520px !important;
        object-fit:contain !important;
        object-position:center !important;
    }

    /* 右側文字不再撐滿 */
    .product-editorial .pe-hero-copy{
        padding:0 !important;
        max-width:520px !important;
        justify-self:start;
    }

    .product-editorial .pe-hero h1{
        font-size:clamp(38px,3.2vw,58px) !important;
        line-height:1.02 !important;
        letter-spacing:-.035em !important;
        margin:0 !important;
    }

    .product-editorial .pe-lead{
        max-width:410px !important;
        margin-top:32px !important;
        font-size:15px !important;
        line-height:1.85 !important;
    }

    .product-editorial .pe-buy{
        max-width:440px;
        margin-top:48px !important;
    }
}

/* 大顯示器繼續限制尺寸，不跟着螢幕無限放大 */
@media (min-width: 1500px){

    .product-editorial .pe-hero{
        max-width:1440px;
        padding-left:110px !important;
        padding-right:110px !important;
    }

    .product-editorial .pe-hero-media img{
        max-height:500px !important;
    }

    .product-editorial .pe-hero h1{
        font-size:54px !important;
    }
}


/* =========================================================
   PRODUCT EDITORIAL — COMPACT MAGAZINE SCALE
   Screens 2–6
   ========================================================= */

@media (min-width: 901px){

    /* ---------- 02 PURPOSE ---------- */

    .product-editorial .pe-story{
        max-width:1080px !important;
        margin:0 auto !important;
        padding:85px 60px !important;
        grid-template-columns:80px minmax(0,650px) !important;
        gap:35px !important;
    }

    .product-editorial .pe-story h2{
        font-size:40px !important;
        line-height:1.08 !important;
        margin-bottom:24px !important;
    }

    .product-editorial .pe-story p{
        max-width:570px !important;
        font-size:15px !important;
        line-height:1.75 !important;
    }


    /* ---------- 03 TALISMAN ---------- */

    .product-editorial .pe-split{
        min-height:0 !important;
        max-width:1180px !important;
        margin:0 auto !important;
        grid-template-columns:1.05fr .95fr !important;
    }

    .product-editorial .pe-split-copy{
        padding:80px 70px !important;
    }

    .product-editorial .pe-split h2{
        font-size:40px !important;
        line-height:1.08 !important;
        margin-bottom:24px !important;
    }

    .product-editorial .pe-split p{
        font-size:15px !important;
        line-height:1.75 !important;
        max-width:500px !important;
    }

    .product-editorial .pe-symbol-panel{
        min-height:430px !important;
    }

    .product-editorial .pe-symbol-panel span{
        font-size:110px !important;
    }


    /* ---------- 04 PROCESS ---------- */

    .product-editorial .pe-process{
        max-width:1080px !important;
        margin:0 auto !important;
        padding:90px 60px !important;
    }

    .product-editorial .pe-process-head{
        grid-template-columns:180px 1fr !important;
        gap:50px !important;
        margin-bottom:55px !important;
    }

    .product-editorial .pe-process h2{
        font-size:40px !important;
        line-height:1.08 !important;
    }

    .product-editorial .pe-process-grid article{
        padding:32px 28px 38px !important;
    }

    .product-editorial .pe-process-grid h3{
        margin:28px 0 14px !important;
        font-size:19px !important;
    }

    .product-editorial .pe-process-grid p{
        font-size:14px !important;
        line-height:1.7 !important;
    }


    /* ---------- 05 MODERN CARRY ---------- */

    .product-editorial .pe-living{
        min-height:0 !important;
        max-width:1180px !important;
        margin:0 auto !important;
        padding:90px 75px !important;
        grid-template-columns:1fr .8fr !important;
        gap:70px !important;
    }

    .product-editorial .pe-living h2{
        font-size:40px !important;
        line-height:1.08 !important;
        margin-bottom:24px !important;
    }

    .product-editorial .pe-living p{
        max-width:500px !important;
        font-size:15px !important;
        line-height:1.75 !important;
    }

    .product-editorial .pe-living-word{
        font-size:68px !important;
        line-height:.9 !important;
    }


    /* ---------- 06 WHAT YOU RECEIVE ---------- */

    .product-editorial .pe-receive{
        max-width:1080px !important;
        margin:0 auto !important;
        padding:90px 60px !important;
        grid-template-columns:.9fr 1.1fr !important;
        gap:80px !important;
    }

    .product-editorial .pe-receive h2{
        font-size:38px !important;
        line-height:1.1 !important;
        margin-bottom:20px !important;
    }

    .product-editorial .pe-receive-list > div{
        padding:20px 0 !important;
    }

    .product-editorial .pe-receive-list p{
        font-size:14px !important;
    }


    /* ---------- FINAL ---------- */

    .product-editorial .pe-final{
        padding:85px 60px !important;
    }

    .product-editorial .pe-final h2{
        max-width:760px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        font-size:40px !important;
        line-height:1.1 !important;
    }

    .product-editorial .pe-final p{
        font-size:15px !important;
    }


    /* ---------- GLOBAL SMALL DETAILS ---------- */

    .product-editorial .pe-number{
        font-size:14px !important;
    }

    .product-editorial .pe-kicker{
        font-size:10px !important;
        margin-bottom:20px !important;
        letter-spacing:.22em !important;
    }
}


/* =========================================================
   PRODUCT EDITORIAL — MOBILE COMPACT
   Desktop untouched
   ========================================================= */

@media (max-width: 900px){

    /* ---------- HERO ---------- */

    .product-editorial .pe-hero{
        min-height:0 !important;
        display:block !important;
    }

    .product-editorial .pe-hero-media{
        min-height:0 !important;
        height:auto !important;
        padding:34px 28px 0 !important;
        overflow:visible !important;
    }

    .product-editorial .pe-hero-media img{
        width:100% !important;
        height:auto !important;
        max-height:360px !important;
        object-fit:contain !important;
        display:block !important;
    }

    .product-editorial .pe-hero-copy{
        padding:46px 28px 58px !important;
    }

    .product-editorial .pe-hero h1{
        font-size:36px !important;
        line-height:1.03 !important;
        letter-spacing:-.035em !important;
    }

    .product-editorial .pe-lead{
        max-width:340px !important;
        margin-top:24px !important;
        font-size:14px !important;
        line-height:1.7 !important;
    }

    .product-editorial .pe-buy{
        margin-top:32px !important;
        padding-top:18px !important;
    }

    .product-editorial .pe-buy span{
        font-size:18px !important;
    }


    /* ---------- PURPOSE ---------- */

    .product-editorial .pe-story{
        padding:70px 28px !important;
        display:block !important;
    }

    .product-editorial .pe-story .pe-number{
        margin-bottom:28px !important;
    }

    .product-editorial .pe-story h2{
        font-size:32px !important;
        line-height:1.08 !important;
        margin-bottom:22px !important;
    }

    .product-editorial .pe-story p{
        font-size:14px !important;
        line-height:1.75 !important;
        max-width:360px !important;
    }


    /* ---------- TALISMAN / FORM ---------- */

    .product-editorial .pe-split{
        min-height:0 !important;
        display:block !important;
    }

    .product-editorial .pe-split-copy{
        padding:70px 28px !important;
    }

    .product-editorial .pe-split h2{
        font-size:32px !important;
        line-height:1.08 !important;
    }

    .product-editorial .pe-split p{
        font-size:14px !important;
        line-height:1.75 !important;
    }

    .product-editorial .pe-symbol-panel{
        min-height:260px !important;
        padding:45px 20px !important;
    }

    .product-editorial .pe-symbol-panel span{
        font-size:82px !important;
    }


    /* ---------- PROCESS ---------- */

    .product-editorial .pe-process{
        padding:70px 28px !important;
    }

    .product-editorial .pe-process-head{
        display:block !important;
        margin-bottom:42px !important;
    }

    .product-editorial .pe-process-head > div{
        margin-bottom:28px !important;
    }

    .product-editorial .pe-process h2{
        font-size:32px !important;
        line-height:1.08 !important;
    }

    .product-editorial .pe-process-grid{
        display:block !important;
    }

    .product-editorial .pe-process-grid article{
        padding:28px 4px 32px !important;
        border-right:0 !important;
    }

    .product-editorial .pe-process-grid h3{
        margin:20px 0 12px !important;
        font-size:18px !important;
    }

    .product-editorial .pe-process-grid p{
        font-size:13px !important;
        line-height:1.7 !important;
    }


    /* ---------- MODERN CARRY ---------- */

    .product-editorial .pe-living{
        min-height:0 !important;
        display:block !important;
        padding:70px 28px !important;
    }

    .product-editorial .pe-living h2{
        font-size:32px !important;
        line-height:1.08 !important;
    }

    .product-editorial .pe-living p{
        font-size:14px !important;
        line-height:1.75 !important;
        max-width:350px !important;
    }

    .product-editorial .pe-living-word{
        margin-top:55px !important;
        text-align:left !important;
        font-size:48px !important;
        line-height:.9 !important;
    }


    /* ---------- WHAT YOU RECEIVE ---------- */

    .product-editorial .pe-receive{
        display:block !important;
        padding:70px 28px !important;
    }

    .product-editorial .pe-receive-title{
        margin-bottom:45px !important;
    }

    .product-editorial .pe-receive h2{
        font-size:30px !important;
        line-height:1.1 !important;
    }

    .product-editorial .pe-receive-list > div{
        grid-template-columns:45px 1fr !important;
        padding:18px 0 !important;
    }

    .product-editorial .pe-receive-list p{
        font-size:13px !important;
    }


    /* ---------- FINAL ---------- */

    .product-editorial .pe-final{
        padding:75px 28px !important;
    }

    .product-editorial .pe-final h2{
        font-size:32px !important;
        line-height:1.1 !important;
    }

    .product-editorial .pe-final p{
        font-size:14px !important;
    }


    /* ---------- SMALL TYPOGRAPHY ---------- */

    .product-editorial .pe-kicker{
        font-size:9px !important;
        letter-spacing:.20em !important;
        margin-bottom:18px !important;
    }

    .product-editorial .pe-number{
        font-size:13px !important;
    }
}


/* Smaller phones */
@media (max-width: 480px){

    .product-editorial .pe-hero-media{
        padding:26px 22px 0 !important;
    }

    .product-editorial .pe-hero-media img{
        max-height:300px !important;
    }

    .product-editorial .pe-hero-copy,
    .product-editorial .pe-story,
    .product-editorial .pe-split-copy,
    .product-editorial .pe-process,
    .product-editorial .pe-living,
    .product-editorial .pe-receive,
    .product-editorial .pe-final{
        padding-left:22px !important;
        padding-right:22px !important;
    }

    .product-editorial .pe-hero h1{
        font-size:32px !important;
    }

    .product-editorial .pe-story h2,
    .product-editorial .pe-split h2,
    .product-editorial .pe-process h2,
    .product-editorial .pe-living h2,
    .product-editorial .pe-final h2{
        font-size:29px !important;
    }

    .product-editorial .pe-receive h2{
        font-size:28px !important;
    }
}


/* =========================================================
   PRODUCT EDITORIAL — MOBILE REFINED SCALE
   ========================================================= */

@media (max-width: 900px){

    /* 產品圖進一步縮小，讓圖片成为內容的一部分，而不是佔滿一屏 */
    .product-editorial .pe-hero-media{
        padding:28px 42px 0 !important;
        text-align:center !important;
    }

    .product-editorial .pe-hero-media img{
        width:auto !important;
        max-width:100% !important;
        max-height:270px !important;
        margin:0 auto !important;
        object-fit:contain !important;
    }

    /* Hero文字 */
    .product-editorial .pe-hero-copy{
        padding:36px 30px 50px !important;
    }

    .product-editorial .pe-hero h1{
        font-size:28px !important;
        line-height:1.08 !important;
    }

    .product-editorial .pe-lead{
        font-size:13px !important;
        line-height:1.7 !important;
        max-width:310px !important;
        margin-top:20px !important;
    }

    .product-editorial .pe-buy{
        margin-top:26px !important;
    }

    .product-editorial .pe-buy span{
        font-size:16px !important;
    }

    /* 所有章節標題統一縮小 */
    .product-editorial .pe-story h2,
    .product-editorial .pe-split h2,
    .product-editorial .pe-process h2,
    .product-editorial .pe-living h2{
        font-size:27px !important;
        line-height:1.12 !important;
    }

    .product-editorial .pe-receive h2{
        font-size:26px !important;
        line-height:1.12 !important;
    }

    .product-editorial .pe-final h2{
        font-size:27px !important;
        line-height:1.12 !important;
    }

    /* 正文 */
    .product-editorial .pe-story p,
    .product-editorial .pe-split p,
    .product-editorial .pe-living p{
        font-size:13px !important;
        line-height:1.7 !important;
    }

    /* 中間巨型漢字 */
    .product-editorial .pe-symbol-panel{
        min-height:190px !important;
        padding:30px 20px !important;
    }

    .product-editorial .pe-symbol-panel span{
        font-size:60px !important;
    }

    /* EVERYDAY CARRY 等裝飾大字 */
    .product-editorial .pe-living-word{
        margin-top:40px !important;
        font-size:36px !important;
        line-height:.95 !important;
    }

    /* 各章節仍然保留空氣，不因為縮字變擁擠 */
    .product-editorial .pe-story,
    .product-editorial .pe-split-copy,
    .product-editorial .pe-process,
    .product-editorial .pe-living,
    .product-editorial .pe-receive{
        padding-top:58px !important;
        padding-bottom:58px !important;
    }

    .product-editorial .pe-final{
        padding-top:65px !important;
        padding-bottom:65px !important;
    }
}

@media (max-width: 480px){

    .product-editorial .pe-hero-media{
        padding-left:48px !important;
        padding-right:48px !important;
    }

    .product-editorial .pe-hero-media img{
        max-height:235px !important;
    }

    .product-editorial .pe-hero h1{
        font-size:26px !important;
    }

    .product-editorial .pe-story h2,
    .product-editorial .pe-split h2,
    .product-editorial .pe-process h2,
    .product-editorial .pe-living h2,
    .product-editorial .pe-final h2{
        font-size:25px !important;
    }

    .product-editorial .pe-receive h2{
        font-size:24px !important;
    }
}


/* =========================================================
   DAOSEAL777 — MEET THE MASTER
   Quiet Editorial Portrait
   ========================================================= */

.master-page{
    background:#f5efe4;
    color:#2d261d;
}

.master-page .master-kicker{
    margin-bottom:20px;
    color:#94671f;
    font-size:10px;
    font-weight:600;
    letter-spacing:.22em;
    text-transform:uppercase;
}


/* HERO */

.master-hero{
    background:
        linear-gradient(rgba(248,243,233,.84),rgba(239,227,205,.80)),
        url('assets/lower-bg.png') center 55% / cover no-repeat;
    border-bottom:1px solid rgba(145,103,35,.30);
}

.master-hero-inner{
    max-width:1180px;
    min-height:650px;
    margin:0 auto;
    padding:90px 60px 105px;

    display:grid;
    grid-template-columns:.82fr 1fr;
    gap:10%;
    align-items:center;
}

.master-portrait{
    display:flex;
    justify-content:center;
}

.master-photo-placeholder{
    width:100%;
    max-width:390px;
    aspect-ratio:4 / 5;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(rgba(38,35,29,.70),rgba(38,35,29,.82)),
        url('assets/lower-bg.png') center / cover no-repeat;

    border:1px solid rgba(169,128,57,.42);
}

.master-photo-placeholder span{
    color:#d0ad6e;
    font-family:Georgia,"Times New Roman",serif;
    font-size:17px;
    letter-spacing:.16em;
}

.master-photo-placeholder small{
    margin-top:15px;
    color:#b9aa91;
    font-size:8px;
    letter-spacing:.18em;
}

.master-hero-copy{
    max-width:510px;
}

.master-hero h1{
    margin:0;
    color:#2b2218;
    font-family:Georgia,"Times New Roman",serif;
    font-size:52px;
    font-weight:400;
    line-height:1.02;
    letter-spacing:-.035em;
}

.master-intro{
    max-width:410px;
    margin:30px 0 0;
    color:#5c5144;
    font-size:16px;
    line-height:1.8;
}

.master-role{
    max-width:430px;
    margin-top:42px;
    padding-top:20px;

    display:flex;
    gap:26px;

    border-top:1px solid rgba(145,103,35,.35);

    color:#76531e;
    font-size:9px;
    letter-spacing:.16em;
}


/* STORY */

.master-story{
    max-width:1050px;
    margin:0 auto;
    padding:105px 60px 115px;

    display:grid;
    grid-template-columns:90px minmax(0,650px);
    gap:35px;
}

.master-section-number{
    color:#a77b38;
    font-family:Georgia,"Times New Roman",serif;
    font-size:14px;
}

.master-story h2,
.master-hand h2,
.master-tradition h2{
    margin:0 0 30px;
    color:#2b2218;
    font-family:Georgia,"Times New Roman",serif;
    font-size:40px;
    font-weight:400;
    line-height:1.08;
    letter-spacing:-.025em;
}

.master-story p,
.master-hand p,
.master-tradition p{
    max-width:570px;
    color:#615649;
    font-size:15px;
    line-height:1.85;
}

.master-statement{
    margin-bottom:25px;
    color:#33291e !important;
    font-family:Georgia,"Times New Roman",serif;
    font-size:19px !important;
}


/* HAND */

.master-hand{
    max-width:1180px;
    margin:0 auto 110px;

    display:grid;
    grid-template-columns:1fr 1fr;

    background:#25241f;
}

.master-hand-visual{
    min-height:470px;
}

.master-process-placeholder{
    width:100%;
    height:100%;
    min-height:470px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(rgba(26,25,22,.52),rgba(26,25,22,.67)),
        url('assets/lower-bg.png') center / cover no-repeat;
}

.master-process-placeholder span{
    color:#d0ad6e;
    font-family:Georgia,"Times New Roman",serif;
    font-size:16px;
    letter-spacing:.17em;
}

.master-process-placeholder small{
    margin-top:15px;
    color:#b7a98f;
    font-size:8px;
    letter-spacing:.18em;
}

.master-hand-copy{
    padding:75px 65px;

    display:flex;
    flex-direction:column;
    justify-content:center;
}

.master-hand h2{
    color:#eee3cf;
}

.master-hand p{
    color:#c4b9a6;
}


/* TRADITION */

.master-tradition{
    background:
        linear-gradient(rgba(246,237,220,.79),rgba(245,239,228,.84)),
        url('assets/lower-bg.png') center / cover no-repeat;

    border-top:1px solid rgba(145,103,35,.27);
    border-bottom:1px solid rgba(145,103,35,.27);
}

.master-tradition-inner{
    max-width:1080px;
    margin:0 auto;
    padding:105px 60px;

    display:grid;
    grid-template-columns:70px 1fr .55fr;
    gap:45px;
    align-items:center;
}

.master-character{
    text-align:center;
    color:rgba(133,91,28,.15);
    font-family:serif;
    font-size:115px;
}


/* BELIEF */

.master-belief{
    max-width:880px;
    margin:0 auto;
    padding:120px 60px;
    text-align:center;
}

.master-belief .master-section-number{
    margin-bottom:25px;
}

.master-belief h2{
    margin:0;
    color:#30261a;
    font-family:serif;
    font-size:38px;
    font-weight:400;
    letter-spacing:.10em;
}

.master-belief-en{
    margin:28px 0 38px;

    display:flex;
    justify-content:center;
    gap:32px;

    color:#906521;
    font-size:9px;
    letter-spacing:.17em;
}

.master-belief p{
    max-width:530px;
    margin:0 auto;
    color:#62574a;
    font-size:14px;
    line-height:1.85;
}


/* CLOSING */

.master-closing{
    padding:95px 40px;
    text-align:center;
    background:#24231e;
}

.master-closing h2{
    max-width:760px;
    margin:0 auto 25px;

    color:#eee3cf;
    font-family:Georgia,"Times New Roman",serif;
    font-size:38px;
    font-weight:400;
    line-height:1.1;
    letter-spacing:-.025em;
}

.master-closing p{
    color:#bfb29e;
    font-size:14px;
}

.master-links{
    margin-top:40px;

    display:flex;
    justify-content:center;
    gap:40px;
}

.master-links a{
    padding-bottom:7px;

    color:#d1aa68;
    border-bottom:1px solid rgba(209,170,104,.55);

    text-decoration:none;
    font-size:9px;
    font-weight:600;
    letter-spacing:.17em;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:900px){

    .master-hero-inner{
        min-height:0;
        padding:55px 28px 70px;

        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:48px;
    }

    .master-portrait{
        justify-content:flex-start;
    }

    .master-photo-placeholder{
        max-width:270px;
    }

    .master-hero-copy{
        max-width:420px;
    }

    .master-hero h1{
        font-size:32px;
    }

    .master-intro{
        max-width:330px;
        font-size:14px;
    }

    .master-role{
        gap:18px;
        flex-wrap:wrap;
    }


    .master-story{
        padding:70px 28px;
        display:block;
    }

    .master-story .master-section-number{
        margin-bottom:25px;
    }

    .master-story h2,
    .master-hand h2,
    .master-tradition h2{
        font-size:27px;
    }

    .master-story p,
    .master-hand p,
    .master-tradition p{
        font-size:13px;
        line-height:1.75;
    }

    .master-statement{
        font-size:16px !important;
    }


    .master-hand{
        margin:0;
        display:block;
    }

    .master-hand-visual{
        min-height:0;
        padding:45px 45px 0;
    }

    .master-process-placeholder{
        min-height:260px;
    }

    .master-hand-copy{
        padding:58px 28px 65px;
    }


    .master-tradition-inner{
        padding:70px 28px;
        display:block;
    }

    .master-tradition-copy{
        margin-top:25px;
    }

    .master-character{
        margin-top:45px;
        text-align:left;
        font-size:65px;
    }


    .master-belief{
        padding:80px 28px;
    }

    .master-belief h2{
        font-size:27px;
    }

    .master-belief-en{
        gap:10px;
        flex-direction:column;
    }


    .master-closing{
        padding:75px 28px;
    }

    .master-closing h2{
        font-size:27px;
    }

    .master-links{
        gap:22px;
        flex-direction:column;
        align-items:center;
    }
}

@media (max-width:480px){

    .master-photo-placeholder{
        max-width:235px;
    }

    .master-hero h1{
        font-size:29px;
    }

    .master-story h2,
    .master-hand h2,
    .master-tradition h2,
    .master-closing h2{
        font-size:25px;
    }

    .master-belief h2{
        font-size:25px;
    }
}


/* =========================================================
   DAOSEAL777 — MAGAZINE PROFILE V2
   ========================================================= */

.profile-page{
    background:#f4eee3;
    color:#30281f;
}

/* Cover — current AI image already contains editorial typography */

.profile-cover{
    padding:72px 6% 82px;
    background:
        linear-gradient(180deg,#eee1ca 0%,#f5efe5 100%);
}

.profile-cover-inner{
    max-width:1240px;
    margin:0 auto;
}

.profile-cover-image{
    width:100%;
    overflow:hidden;
    box-shadow:0 22px 60px rgba(52,39,20,.10);
}

.profile-cover-image img{
    display:block;
    width:100%;
    height:auto;
}

/* Avoid duplicated text while temporary hero artwork contains typography */
.profile-cover-copy{
    display:none;
}


/* Opening editorial text */

.profile-opening{
    max-width:1040px;
    margin:0 auto;
    padding:110px 60px 125px;

    display:grid;
    grid-template-columns:150px minmax(0,590px);
    gap:70px;
}

.profile-opening-side{
    padding-top:7px;
    color:#9a7133;
    font-size:9px;
    letter-spacing:.24em;
    writing-mode:vertical-rl;
}

.profile-opening-copy{
    max-width:590px;
}

.profile-lead{
    margin:0 0 35px;
    color:#32271c;
    font-family:Georgia,"Times New Roman",serif;
    font-size:27px;
    line-height:1.35;
}

.profile-opening-copy p:not(.profile-lead){
    margin:0 0 22px;
    color:#665b4e;
    font-size:15px;
    line-height:1.9;
}


/* Hand / process editorial spread */

.profile-hand{
    max-width:1160px;
    margin:0 auto 125px;
    display:grid;
    grid-template-columns:1.35fr .65fr;
    align-items:end;
    gap:55px;
}

.profile-hand-image{
    min-height:460px;
    background:
        linear-gradient(rgba(32,29,24,.28),rgba(32,29,24,.38)),
        url('assets/lower-bg.png') center / cover no-repeat;
}

.profile-hand-caption{
    padding:0 25px 35px 0;
}

.profile-small-title{
    color:#9a7133;
    font-size:9px;
    font-weight:600;
    letter-spacing:.22em;
}

.profile-hand-caption p{
    max-width:260px;
    margin:22px 0 0;
    color:#342b21;
    font-family:Georgia,"Times New Roman",serif;
    font-size:23px;
    line-height:1.45;
}


/* Interview */

.profile-interview{
    max-width:1080px;
    margin:0 auto;
    padding:115px 60px 130px;

    display:grid;
    grid-template-columns:.7fr 1.3fr;
    gap:100px;

    border-top:1px solid rgba(135,95,35,.25);
}

.profile-interview-title span{
    color:#9a7133;
    font-size:9px;
    letter-spacing:.22em;
}

.profile-interview-title h2{
    margin:20px 0 0;
    color:#30261c;
    font-family:Georgia,"Times New Roman",serif;
    font-size:38px;
    font-weight:400;
    line-height:1.08;
}

.profile-question{
    margin-bottom:48px;
}

.profile-question:last-child{
    margin-bottom:0;
}

.profile-question h3{
    margin:0 0 15px;
    color:#352b21;
    font-family:Georgia,"Times New Roman",serif;
    font-size:19px;
    font-weight:400;
}

.profile-question p{
    max-width:550px;
    margin:0;
    color:#685d50;
    font-size:14px;
    line-height:1.85;
}


/* Philosophy pause */

.profile-philosophy{
    padding:120px 40px;
    text-align:center;
    background:
        linear-gradient(rgba(239,224,195,.83),rgba(246,239,226,.91)),
        url('assets/lower-bg.png') center / cover no-repeat;
}

.profile-philosophy-inner{
    max-width:850px;
    margin:0 auto;
}

.profile-character{
    margin-bottom:28px;
    color:rgba(125,84,26,.18);
    font-family:serif;
    font-size:62px;
}

.profile-philosophy h2{
    margin:0;
    color:#33281d;
    font-family:serif;
    font-size:37px;
    font-weight:400;
    letter-spacing:.11em;
}

.profile-translation{
    margin-top:25px;
    color:#936923;
    font-size:9px;
    letter-spacing:.19em;
}

.profile-philosophy p{
    margin:42px auto 0;
    color:#5e5245;
    font-family:Georgia,"Times New Roman",serif;
    font-size:17px;
    line-height:1.65;
}


/* Quiet ending */

.profile-ending{
    padding:90px 30px 100px;
    text-align:center;
    background:#27251f;
}

.profile-ending-brand{
    color:#d1ad70;
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    letter-spacing:.18em;
}

.profile-ending p{
    margin:24px 0 0;
    color:#c4b8a4;
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    line-height:1.55;
}

.profile-ending-links{
    margin-top:38px;
    display:flex;
    justify-content:center;
    gap:42px;
}

.profile-ending-links a{
    color:#d1ad70;
    text-decoration:none;
    font-size:9px;
    letter-spacing:.18em;
    border-bottom:1px solid rgba(209,173,112,.45);
    padding-bottom:6px;
}


/* Mobile */

@media(max-width:900px){

    .profile-cover{
        padding:35px 20px 48px;
    }

    .profile-cover-image{
        box-shadow:0 12px 35px rgba(52,39,20,.09);
    }

    .profile-opening{
        padding:70px 30px 80px;
        display:block;
    }

    .profile-opening-side{
        margin-bottom:28px;
        writing-mode:horizontal-tb;
    }

    .profile-lead{
        font-size:22px;
    }

    .profile-opening-copy p:not(.profile-lead){
        font-size:13px;
    }

    .profile-hand{
        margin:0 30px 85px;
        display:block;
    }

    .profile-hand-image{
        min-height:280px;
    }

    .profile-hand-caption{
        padding:30px 0 0;
    }

    .profile-hand-caption p{
        font-size:19px;
    }

    .profile-interview{
        padding:75px 30px 85px;
        display:block;
    }

    .profile-interview-title{
        margin-bottom:55px;
    }

    .profile-interview-title h2{
        font-size:29px;
    }

    .profile-question h3{
        font-size:17px;
    }

    .profile-question p{
        font-size:13px;
    }

    .profile-philosophy{
        padding:80px 25px;
    }

    .profile-character{
        font-size:48px;
    }

    .profile-philosophy h2{
        font-size:27px;
    }

    .profile-philosophy p{
        font-size:15px;
    }

    .profile-ending{
        padding:70px 25px 80px;
    }
}

@media(max-width:480px){

    .profile-cover{
        padding:22px 14px 38px;
    }

    .profile-opening{
        padding-left:25px;
        padding-right:25px;
    }

    .profile-hand{
        margin-left:25px;
        margin-right:25px;
    }

    .profile-hand-image{
        min-height:230px;
    }

    .profile-philosophy h2{
        font-size:24px;
        letter-spacing:.06em;
    }
}


/* Meet the Master — Living Practice editorial image */
.profile-hand-image{
    background:
        url('https://daoseal777.com/wp-content/uploads/2026/09/daoseal777-living-practice.png')
        center center / cover no-repeat;
}


/* =========================================================
   MEET THE MASTER — EDITORIAL INTERVIEW
   ========================================================= */

@media (min-width:901px){

    .profile-interview{
        max-width:1120px;
        margin:0 auto;
        padding:125px 65px 145px;

        display:grid;
        grid-template-columns:280px minmax(0,580px);
        justify-content:space-between;
        gap:100px;

        border-top:1px solid rgba(135,95,35,.22);
    }

    .profile-interview-title{
        align-self:start;
        position:sticky;
        top:120px;
    }

    .profile-interview-title span{
        display:block;
        margin-bottom:22px;

        color:#9b7131;
        font-size:9px;
        letter-spacing:.24em;
    }

    .profile-interview-title h2{
        margin:0;

        color:#30261c;
        font-family:Georgia,"Times New Roman",serif;
        font-size:36px;
        font-weight:400;
        line-height:1.08;
        letter-spacing:-.025em;
    }

    .profile-interview-body{
        padding-top:4px;
    }

    .profile-question{
        margin:0;
        padding:0 0 54px;
    }

    .profile-question + .profile-question{
        padding-top:48px;
        border-top:1px solid rgba(151,109,46,.24);
    }

    .profile-question h3{
        max-width:520px;
        margin:0 0 22px;

        color:#31271d;
        font-family:Georgia,"Times New Roman",serif;
        font-size:21px;
        font-weight:400;
        line-height:1.4;
    }

    .profile-question p{
        max-width:510px;
        margin:0;

        color:#665b4e;
        font-size:14px;
        line-height:1.9;
    }

    /* First question becomes the editorial lead */
    .profile-question:first-child h3{
        font-size:27px;
        line-height:1.32;
    }

    .profile-question:first-child p{
        color:#4f453a;
        font-size:15px;
        line-height:1.95;
    }

}


/* Mobile — retain magazine rhythm without FAQ cards */

@media (max-width:900px){

    .profile-interview{
        padding:78px 30px 90px;
    }

    .profile-interview-title{
        margin-bottom:55px;
    }

    .profile-interview-title h2{
        font-size:28px;
        line-height:1.08;
    }

    .profile-question{
        margin:0;
        padding:0 0 42px;
    }

    .profile-question + .profile-question{
        padding-top:38px;
        border-top:1px solid rgba(151,109,46,.22);
    }

    .profile-question:first-child h3{
        font-size:21px;
    }

    .profile-question h3{
        margin-bottom:16px;
        font-size:17px;
        line-height:1.45;
    }

    .profile-question p,
    .profile-question:first-child p{
        font-size:13px;
        line-height:1.8;
    }

}


/* =========================================================
   MEET THE MASTER — PHILOSOPHICAL SIGNATURE
   ========================================================= */

.profile-philosophy{
    position:relative;
    overflow:hidden;

    padding:145px 40px 155px;

    background:
        linear-gradient(
            180deg,
            rgba(247,241,230,.94) 0%,
            rgba(239,225,200,.84) 52%,
            rgba(247,241,230,.96) 100%
        ),
        url('assets/lower-bg.png') center 48% / cover no-repeat;

    text-align:center;
    border-top:1px solid rgba(145,103,35,.16);
    border-bottom:1px solid rgba(145,103,35,.16);
}

.profile-philosophy-inner{
    position:relative;
    z-index:2;

    max-width:820px;
    margin:0 auto;
}

/* Dao character becomes a quiet editorial mark */
.profile-character{
    margin:0 0 40px;

    color:#a47a3c;
    opacity:.28;

    font-family:serif;
    font-size:34px;
    font-weight:400;
    line-height:1;
}

.profile-philosophy h2{
    margin:0;

    color:#30271e;

    font-family:
        "Noto Serif TC",
        "Songti TC",
        "PMingLiU",
        serif;

    font-size:36px;
    font-weight:400;
    line-height:1.45;
    letter-spacing:.16em;
}

.profile-translation{
    position:relative;

    margin:31px auto 0;
    padding-top:28px;

    color:#946a2d;

    font-size:9px;
    font-weight:500;
    letter-spacing:.22em;
}

.profile-translation::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:42px;
    height:1px;
    transform:translateX(-50%);

    background:rgba(151,109,46,.55);
}

.profile-philosophy p{
    max-width:440px;
    margin:55px auto 0;

    color:#51473c;

    font-family:Georgia,"Times New Roman",serif;
    font-size:17px;
    font-style:italic;
    line-height:1.75;
}


/* Mobile */

@media(max-width:900px){

    .profile-philosophy{
        padding:95px 28px 105px;
    }

    .profile-character{
        margin-bottom:30px;
        font-size:28px;
    }

    .profile-philosophy h2{
        font-size:26px;
        line-height:1.55;
        letter-spacing:.10em;
    }

    .profile-translation{
        max-width:300px;
        margin-top:25px;

        font-size:8px;
        line-height:1.7;
        letter-spacing:.16em;
    }

    .profile-philosophy p{
        margin-top:42px;
        font-size:15px;
    }
}

@media(max-width:480px){

    .profile-philosophy{
        padding:82px 24px 90px;
    }

    .profile-philosophy h2{
        font-size:23px;
        letter-spacing:.07em;
    }

}


/* =========================================================
   MEET THE MASTER — EDITORIAL CLOSING
   ========================================================= */

.profile-ending{
    position:relative;

    padding:105px 40px 92px;

    background:#27251f;
    color:#eee5d7;

    text-align:center;
}

/* small editorial signature */
.profile-ending-brand{
    margin-bottom:32px;

    color:#b99250;

    font-size:9px;
    font-weight:500;
    letter-spacing:.32em;
}

/* restrained closing statement */
.profile-ending > p{
    max-width:520px;
    margin:0 auto;

    color:#eee5d7;

    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
    font-weight:400;
    line-height:1.45;
    letter-spacing:-.015em;
}

/* quiet navigation, not CTA buttons */
.profile-ending-links{
    position:relative;

    display:flex;
    justify-content:center;
    align-items:center;
    gap:48px;

    margin-top:55px;
    padding-top:31px;
}

.profile-ending-links::before{
    content:"";

    position:absolute;
    top:0;
    left:50%;

    width:46px;
    height:1px;

    transform:translateX(-50%);

    background:rgba(185,146,80,.55);
}

.profile-ending-links a{
    position:relative;

    color:#bdb3a5;
    text-decoration:none;

    font-size:9px;
    font-weight:500;
    letter-spacing:.22em;

    transition:
        color .25s ease,
        opacity .25s ease;
}

.profile-ending-links a + a::before{
    content:"";

    position:absolute;
    left:-25px;
    top:50%;

    width:2px;
    height:2px;

    border-radius:50%;

    background:#806b4c;
}

.profile-ending-links a:hover{
    color:#d6b778;
}


/* Mobile */

@media(max-width:900px){

    .profile-ending{
        padding:82px 28px 74px;
    }

    .profile-ending-brand{
        margin-bottom:27px;
    }

    .profile-ending > p{
        font-size:20px;
        line-height:1.5;
    }

    .profile-ending-links{
        gap:38px;
        margin-top:44px;
        padding-top:27px;
    }

    .profile-ending-links a + a::before{
        left:-20px;
    }
}


/* =========================================================
   HEADER — BRAND PRESENCE
   ========================================================= */

@media (min-width:761px){

    .site-header{
        height:70px;
    }

    .site-header .brand{
        gap:14px;
    }

    .site-header .brand img{
        width:62px;
        height:62px;
        object-fit:contain;
    }

    .site-header .brand-name{
        font-size:30px;
        letter-spacing:.19em;
    }

}


/* =========================================================
   HEADER — CORRECT HORIZONTAL LOGO
   ========================================================= */

@media (min-width:761px){

    .site-header .brand img{
        width:220px;
        height:auto;
        max-height:48px;
        object-fit:contain;
    }

    .site-header .brand-name{
        display:none;
    }

}


/* Header brand correction */
@media (min-width:761px){

    .site-header .brand{
        gap:8px;
    }

    .site-header .brand img{
        width:190px;
        height:auto;
        max-height:48px;
        object-fit:contain;
    }

    .site-header .brand-name{
        display:inline-block;
        font-size:30px;
        letter-spacing:.10em;
        white-space:nowrap;
    }

}


/* Header — square deity logo */
@media (min-width:761px){

    .site-header .brand{
        gap:10px;
    }

    .site-header .brand img{
        width:52px;
        height:52px;
        max-width:none;
        max-height:none;
        object-fit:contain;
    }

    .site-header .brand-name{
        display:inline-block;
        font-size:30px;
        letter-spacing:.035em;
        white-space:nowrap;
    }

}


/* Knowledge — Subject Index */
.knowledge-subjects {
    background: #f4ecdc;
    padding: 54px 0 58px;
}

.knowledge-subjects-inner {
    width: min(86%, 1340px);
    margin: 0 auto;
    border-top: 1px solid rgba(166, 116, 45, .55);
    border-bottom: 1px solid rgba(166, 116, 45, .55);
}

.knowledge-subjects-heading {
    padding: 20px 0 18px;
    border-bottom: 1px solid rgba(166, 116, 45, .32);
}

.knowledge-subjects-heading .kicker {
    font-size: 12px;
    letter-spacing: .24em;
}

.knowledge-subjects-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.knowledge-subject {
    display: block;
    padding: 28px 24px 32px;
    color: inherit;
    text-decoration: none;
    min-height: 150px;
}

.knowledge-subject + .knowledge-subject {
    border-left: 1px solid rgba(166, 116, 45, .30);
}

.knowledge-subject-number {
    display: block;
    margin-bottom: 20px;
    font-size: 11px;
    letter-spacing: .18em;
    color: #9a6828;
}

.knowledge-subject h2 {
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 1.18;
    letter-spacing: .02em;
    font-weight: 500;
}

.knowledge-subject p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    opacity: .68;
}


/* =========================================================
   Knowledge Journal — Editorial Magazine
   Lead Stories / Desktop
   ========================================================= */

.knowledge-journal{
    padding:92px 6% 110px;
    background:#f7f1e6;
}

.knowledge-journal-inner{
    max-width:1240px;
    margin:0 auto;
}

.knowledge-journal-heading{
    display:grid;
    grid-template-columns:.45fr 1.55fr;
    align-items:end;
    padding-bottom:28px;
    margin-bottom:72px;
    border-bottom:1px solid rgba(151,103,27,.48);
}

.knowledge-journal-heading .kicker{
    color:#95651a;
    font-size:10px;
    letter-spacing:.22em;
}

.knowledge-journal-heading h2{
    margin:0;
    color:#2d2419;
    font-size:34px;
    line-height:1.05;
    font-weight:400;
    letter-spacing:.04em;
}


/* Lead editorial stories */

.knowledge-editorial-stories{
    display:flex;
    flex-direction:column;
    gap:120px;
}

.knowledge-editorial-story{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
    gap:76px;
    align-items:center;
}


/* Second story reverses the editorial composition */

.knowledge-editorial-story-2{
    grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);
}

.knowledge-editorial-story-2 .knowledge-story-visual{
    grid-column:2;
    grid-row:1;
}

.knowledge-editorial-story-2 .knowledge-story-copy{
    grid-column:1;
    grid-row:1;
}


/* Story visual */

.knowledge-story-visual{
    display:block;
    min-height:430px;
    overflow:hidden;
    text-decoration:none;
}

.knowledge-story-image{
    display:block;
    width:100%;
    height:430px;
    object-fit:cover;
}

.knowledge-story-placeholder{
    display:flex;
    width:100%;
    min-height:430px;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:
        radial-gradient(circle at 50% 38%, rgba(197,159,91,.17), transparent 34%),
        linear-gradient(145deg,#39342b 0%,#24231f 100%);
    color:#d7b77a;
    text-align:center;
}

.knowledge-story-placeholder span{
    margin-bottom:14px;
    font-size:9px;
    letter-spacing:.28em;
    opacity:.72;
}

.knowledge-story-placeholder strong{
    font-family:Georgia,serif;
    font-size:21px;
    font-weight:400;
    letter-spacing:.12em;
}


/* Story typography */

.knowledge-story-copy{
    max-width:460px;
}

.knowledge-story-meta{
    display:flex;
    gap:22px;
    margin-bottom:24px;
    color:#99691f;
    font-size:9px;
    letter-spacing:.19em;
    text-transform:uppercase;
}

.knowledge-story-copy h3{
    margin:0 0 22px;
    color:#2c241a;
    font-size:38px;
    line-height:1.08;
    font-weight:400;
    letter-spacing:-.015em;
}

.knowledge-story-copy h3 a{
    color:inherit;
    text-decoration:none;
}

.knowledge-story-copy p{
    max-width:430px;
    margin:0 0 28px;
    color:#665b4d;
    font-family:Arial,sans-serif;
    font-size:14px;
    line-height:1.75;
}

.knowledge-story-read{
    display:inline-block;
    color:#8f611b;
    font-size:10px;
    letter-spacing:.18em;
    text-decoration:none;
}

.knowledge-story-read:hover{
    opacity:.65;
}


/* Journal Story 02 — portrait editorial treatment */
.knowledge-editorial-story-1{
    grid-template-columns:minmax(300px,.72fr) minmax(360px,1fr);
    gap:110px;
}

.knowledge-editorial-story-1 .knowledge-story-visual{
    width:78%;
    max-width:460px;
    min-height:0;
    aspect-ratio:3 / 4;
}

.knowledge-editorial-story-1 .knowledge-story-image,
.knowledge-editorial-story-1 .knowledge-story-placeholder{
    width:100%;
    height:100%;
    min-height:0;
}


/* Knowledge Journal — editorial preview typography */
.knowledge-story-preview{
    margin:30px 0 32px;
    max-width:470px;
}

.knowledge-story-preview h2,
.knowledge-story-preview h3,
.knowledge-story-preview h4{
    margin:0 0 22px;
    color:#33291e;
    font-size:22px;
    line-height:1.25;
    font-weight:500;
}

.knowledge-story-preview p{
    margin:0 0 18px;
    color:#665b4d;
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height:1.75;
}

.knowledge-story-preview p strong,
.knowledge-story-preview p b{
    font-weight:400;
}


/* Journal Story 03 — square editorial treatment */
.knowledge-editorial-story-2{
    grid-template-columns:minmax(360px,.9fr) minmax(360px,1fr);
    gap:120px;
    align-items:center;
}

.knowledge-editorial-story-2 .knowledge-story-copy{
    max-width:500px;
}

.knowledge-editorial-story-2 .knowledge-story-visual{
    width:82%;
    max-width:520px;
    min-height:0;
    aspect-ratio:1 / 1;
    justify-self:end;
}

.knowledge-editorial-story-2 .knowledge-story-image,
.knowledge-editorial-story-2 .knowledge-story-placeholder{
    width:100%;
    height:100%;
    min-height:0;
}


/* ========================================
   Knowledge Featured — Editorial Rebalance
======================================== */

@media (min-width:761px){

    .knowledge-featured-content{
        grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);
        min-height:0;
        align-items:stretch;
    }

    .knowledge-featured-copy{
        justify-content:center;
        padding:54px 72px 54px 0;
    }

    .knowledge-featured-copy h2{
        max-width:440px;
        margin-bottom:20px;
        font-size:46px;
        line-height:1.02;
    }

    .knowledge-featured-excerpt{
        max-width:440px;
        margin-bottom:24px !important;
        font-size:14px !important;
        line-height:1.7 !important;
    }

    .knowledge-featured-preview{
        max-width:470px;
        margin-bottom:30px;
    }

    .knowledge-featured-preview p{
        margin:0 0 14px;
        color:#665b4d;
        font-family:Arial,sans-serif;
        font-size:13px;
        line-height:1.72;
    }

    .knowledge-featured-visual{
        min-height:0;
        padding:30px;
        display:flex;
        align-items:center;
    }

    .knowledge-featured-image{
        display:block;
        width:100%;
        height:auto;
        max-height:560px;
        object-fit:cover;
    }
}


/* ========================================
   Knowledge Featured — Mobile Responsive Image
======================================== */

@media (max-width:760px){

    .knowledge-featured-content{
        width:100%;
    }

    .knowledge-featured-visual{
        display:block;
        width:100%;
        min-height:0;
        height:auto;
        padding:0;
        overflow:hidden;
    }

    .knowledge-featured-image{
        display:block;
        width:100%;
        max-width:100%;
        height:auto;
        max-height:none;
        object-fit:contain;
    }

}

/* ========================================
   Knowledge Journal — Editorial Digest 04+
======================================== */

.knowledge-journal-more{
    margin-top:110px;
}

.knowledge-journal-more-heading{
    padding-bottom:18px;
    border-bottom:1px solid rgba(151,103,27,.48);
    color:#33291e;
    font-size:18px;
    line-height:1.2;
    font-weight:400;
}

.knowledge-digest{
    width:100%;
}

.knowledge-digest-story{
    display:grid;
    grid-template-columns:70px minmax(0,1fr) minmax(220px,320px);
    gap:38px;
    align-items:center;
    padding:44px 0;
    border-bottom:1px solid rgba(151,103,27,.34);
}

.knowledge-digest-number{
    align-self:start;
    padding-top:4px;
    color:#a17227;
    font-size:11px;
    letter-spacing:.16em;
}

.knowledge-digest-copy{
    max-width:680px;
}

.knowledge-digest-category{
    margin-bottom:12px;
    color:#95651a;
    font-size:9px;
    letter-spacing:.19em;
    text-transform:uppercase;
}

.knowledge-digest-copy h3{
    margin:0 0 15px;
    color:#302519;
    font-size:30px;
    line-height:1.12;
    font-weight:400;
}

.knowledge-digest-copy h3 a{
    color:inherit;
}

.knowledge-digest-copy p{
    max-width:620px;
    margin:0 0 20px;
    color:#665b4d;
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height:1.7;
}

.knowledge-digest-read{
    display:inline-block;
    padding-bottom:5px;
    border-bottom:1px solid rgba(157,112,39,.75);
    color:#79531a;
    font-size:10px;
    letter-spacing:.14em;
}

.knowledge-digest-visual{
    display:block;
    width:100%;
    aspect-ratio:4 / 3;
    overflow:hidden;
}

.knowledge-digest-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}


/* When an article has no featured image,
   let the text use the available editorial width. */

.knowledge-digest-story:not(:has(.knowledge-digest-visual)){
    grid-template-columns:70px minmax(0,1fr);
}

.knowledge-digest-story:not(:has(.knowledge-digest-visual)) .knowledge-digest-copy{
    max-width:820px;
}


/* ---------- Mobile ---------- */

@media(max-width:760px){

    .knowledge-journal-more{
        margin-top:72px;
    }

    .knowledge-journal-more-heading{
        font-size:16px;
    }

    .knowledge-digest-story,
    .knowledge-digest-story:not(:has(.knowledge-digest-visual)){
        grid-template-columns:32px minmax(0,1fr);
        gap:14px;
        padding:34px 0;
    }

    .knowledge-digest-copy h3{
        font-size:24px;
    }

    .knowledge-digest-copy p{
        font-size:12px;
    }

    .knowledge-digest-visual{
        grid-column:2;
        width:100%;
        max-width:360px;
        margin-top:10px;
    }

}
/* HOME JOURNAL TEST MARKER */

/* ========================================
   Homepage Journal — Dynamic Editorial
======================================== */

.knowledge-editorial .knowledge-home-story{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr);
    gap:34px;
    align-items:center;
    min-height:0;
    padding:30px 0;
    border-bottom:1px solid rgba(151,103,27,.34);
}

.knowledge-editorial .knowledge-home-story:hover{
    padding-left:0;
    padding-right:0;
    background:transparent;
}

.knowledge-editorial .knowledge-home-image{
    display:block;
    width:100%;
    overflow:hidden;
}

.knowledge-editorial .knowledge-home-image img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:4 / 3;
    object-fit:cover;
}

.knowledge-editorial .knowledge-home-copy{
    position:static;
    display:block;
    min-width:0;
}

.knowledge-editorial .knowledge-home-copy .knowledge-number{
    display:block;
    margin:0 0 13px;
    padding:0;
    color:#9a6b24;
    font-size:9px;
    line-height:1.4;
    letter-spacing:.16em;
}

.knowledge-editorial .knowledge-home-copy h3{
    margin:0 0 14px;
    color:#302519;
    font-size:27px;
    line-height:1.08;
    font-weight:400;
    letter-spacing:0;
}

.knowledge-editorial .knowledge-home-copy h3 a{
    color:inherit;
}

.knowledge-editorial .knowledge-home-copy p{
    max-width:390px;
    margin:0 0 19px;
    color:#665b4d;
    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.65;
}

.knowledge-editorial .knowledge-home-copy .knowledge-arrow{
    display:inline-block;
    position:static;
    padding:0 0 4px;
    color:#79531a;
    border-bottom:1px solid rgba(157,112,39,.65);
    font-size:9px;
    line-height:1.4;
    letter-spacing:.14em;
    text-align:left;
    transform:none;
}

/* Secondary story */
.knowledge-editorial .knowledge-home-story:nth-child(2){
    grid-template-columns:minmax(0,.82fr) minmax(250px,1fr);
}

.knowledge-editorial .knowledge-home-story:nth-child(2) .knowledge-home-image{
    max-width:330px;
}

.knowledge-editorial .knowledge-home-story:nth-child(2) .knowledge-home-copy h3{
    font-size:23px;
}

@media(max-width:760px){

    .knowledge-editorial .knowledge-home-story,
    .knowledge-editorial .knowledge-home-story:nth-child(2){
        display:block;
        padding:30px 0;
    }

    .knowledge-editorial .knowledge-home-image,
    .knowledge-editorial .knowledge-home-story:nth-child(2) .knowledge-home-image{
        width:100%;
        max-width:none;
        margin:0 0 22px;
    }

    .knowledge-editorial .knowledge-home-image img{
        width:100%;
        height:auto;
        aspect-ratio:16 / 10;
        object-fit:cover;
    }

    .knowledge-editorial .knowledge-home-copy h3,
    .knowledge-editorial .knowledge-home-story:nth-child(2) .knowledge-home-copy h3{
        font-size:25px;
    }

    .knowledge-editorial .knowledge-home-copy p{
        max-width:100%;
    }
}