/* ============================================================
NEW ARMANI TAILOR STUDIO — consolidated stylesheet
------------------------------------------------------------
All page styles live in this single file, as requested for
development. Every page's rules are scoped under a body class
(body.pg-index, body.pg-booking, body.pg-collection, body.pg-mens,
body.pg-womens, body.pg-product, body.pg-about, body.pg-occasion,
body.pg-process), because the design PDFs use two slightly
different palettes:
  homepage / booking : dark #191A23, light #F6F6F6
  all other pages    : dark #181A23, light #F5F5F5
Once the design team confirms a single palette, the per-page
:root variables can be merged into one global block.
Fonts: Prata + Jost are Google-Fonts stand-ins for the outlined
fonts in the PDFs — swap for the real families from Figma.
============================================================ */
html{scroll-behavior:smooth;}

@font-face {
    font-family: 'Shocka';
    src: url('../fonts/shocka/ShockaSerif-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Shocka';
    src: url('../fonts/shocka/ShockaSerif-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Deka';
    src: url('../fonts/deka-book/deka-light.eot');
    src: url('../fonts/deka-book/deka-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/deka-book/deka-light.woff') format('woff'),
    url('../fonts/deka-book/deka-light.woff2') format('woff');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Deka';
    src: url('../fonts/deka-book/deka-book.eot');
    src: url('../fonts/deka-book/deka-book.eot?#iefix') format('embedded-opentype'),
    url('../fonts/deka-book/deka-book.woff') format('woff'),
    url('../fonts/deka-book/deka-book.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Deka';
    src: url('../fonts/deka-book/deka-regular.eot');
    src: url('../fonts/deka-book/deka-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/deka-book/deka-regular.woff') format('woff'),
    url('../fonts/deka-book/deka-regular.woff2') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Deka';
    src: url('../fonts/deka-book/deka-bold.eot');
    src: url('../fonts/deka-book/deka-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/deka-book/deka-bold.woff') format('woff'),
    url('../fonts/deka-book/deka-bold.woff2') format('woff');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

body{
    --dark:#191A23;
    --light:#FFFFFF;
    --light-off:#F6F6F6;
    --grey-section:#EBEBEB;
    --card-grey:#D9D9D9;
    --gold:#CFA62B;
    --white:#FFFFFF;
    --text-muted:#6b6c75;
    --text-on-dark-muted:#b9bac2;
    --line-dark:rgba(255,255,255,.2);
    --line-light:rgba(25,26,35,.18);
    --header:#5A5B61;
    --panel:#E4E4E4;
    --line:#c9c9cd;
    --body-muted:#4a4b55;
    --on-dark-muted:#b9bac2;
    --rule:#E1E1E1;
    --tile-a:#EBEBEB;
    --tile-b:#DADADA;
    --tile-c:#E2E2E2;
    --tile-d:#EBEBEB;
    --tile-e:#DADADA;
    --row-panel:#EBEBEB;
    --serif:'Shocka', Georgia, serif;
    --sans:'Deka',Arial,sans-serif;
}

body{
    font-family:var(--sans);
    font-size:22px;
    line-height:1.65;
    color:var(--dark);
    background:var(--light);
}

/* ============================================================
   SHARED COMPONENTS -- collection, mens, womens, product,
   about, occasion, process pages (deduplicated; pg-index and
   pg-booking keep their own rules since their sizing/palette
   differ enough to stay separate)
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--sans);font-weight:300;background:var(--light);color:var(--dark);line-height:1.65;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.16; margin-bottom:20px;}

h2{font-size:clamp(38px,4.6vw,60px);}

.container{max-width:100%; margin:0 auto;padding:0 80px;}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:22px;font-weight:600;text-transform:uppercase;color:var(--gold);}
/*.eyebrow::before{content:'';width:26px;height:2px;background:var(--gold);flex-shrink:0;}*/

.btn{display:inline-block;font-family:var(--sans);font-weight:400;text-transform:uppercase;padding:14px 30px;border:1px solid transparent;cursor:pointer;transition:all .25s ease;text-align:center;background:transparent;}
.btn-light{background:var(--light);color:var(--dark);}
.btn-light:hover{background:transparent;color:var(--white);border-color:var(--white);}
.btn-outline-light{color:var(--white);border-color:var(--white);}
.btn-outline-light:hover{background:var(--white);color:var(--dark);}
.btn-outline-dark{color:var(--dark);border-color:var(--dark);}
.btn-outline-dark:hover{background:var(--dark);color:var(--white);}
.btn-outline-dark{color:var(--dark);border-color:var(--dark);}
.btn-outline-dark:hover{background:var(--dark);color:var(--white);}
.btn-gold{background:var(--gold);color:var(--dark);}
.btn-gold:hover{background:transparent;color:var(--gold);border-color:var(--gold);}
.btn-outline-gold{color:var(--gold);border-color:var(--gold);}
.btn-outline-gold:hover{background:var(--gold);color:var(--dark);}
.btn-link{text-transform:uppercase;font-weight:500;display:inline-flex;align-items:center;gap:8px;}
.btn-link::after{content:'›';font-size:16px;line-height:1;}

.hero .scroll-indicator{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:3;cursor:pointer;}
.hero .scroll-mouse{display:block;width:26px;height:42px;border:2px solid rgba(255,255,255,.75);border-radius:14px;position:relative;}
.hero .scroll-dot{position:absolute;top:6px;left:50%;width:4px;height:8px;margin-left:-2px;background:var(--white);border-radius:2px;animation:scrollDot 1.6s ease-in-out infinite;}
@keyframes scrollDot{0%{opacity:1;transform:translateY(0);}70%{opacity:0;transform:translateY(14px);}100%{opacity:0;transform:translateY(14px);}}
.site-header{background:var(--dark);color:var(--white);position:sticky;top:0;z-index:200;}
.nav{padding:0 80px; display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100px;gap:20px;}
.nav-links{display:flex;gap:32px;font-size:18px;text-transform:uppercase;}
.nav-links.right{justify-content:flex-end;align-items:center;}
.nav-links a{opacity:.94;transition:opacity .2s;white-space:nowrap; font-weight: 400;}
.nav-links a:hover{opacity:1;}
.brand img{height:55px;width:auto;mix-blend-mode:screen;}
.nav-cta{border:1px solid rgba(255,255,255,.9);padding:12px 24px;font-size:12.5px;transition:all .25s;}
.nav-cta:hover{background:var(--white);color:var(--dark);}
.nav-toggle{display:none;background:none;border:none;color:var(--white);font-size:26px;cursor:pointer;line-height:1;padding:6px 10px;}
.mobile-menu{display:none;flex-direction:column;background:rgba(24,26,35,.96);border-top:1px solid rgba(255,255,255,.2);padding:10px 24px 24px;}
.mobile-menu a{padding:13px 0;font-size:13px;text-transform:uppercase;color:var(--white);border-bottom:1px solid rgba(255,255,255,.16);}
.mobile-menu a:last-child{border-bottom:none;}
.mobile-menu.open{display:flex;}
.stitch{height:26px;background:url('stitch-strip.png') repeat-x center/auto 26px;}
.faq{background:var(--light);padding:100px 0 110px !important;}
.faq-head{text-align:center;margin-bottom:52px !important;}
.faq-head h2{font-size:clamp(32px,4.4vw,52px);margin-bottom:6px;}
.faq-head p{color:#33343d; font-size: 28px;}
.faq-list{max-width:1066px;margin:0 auto;border-top:1px solid var(--rule);}
.faq-item{border-bottom:1px solid var(--line-light);}
.faq-item:first-child{border-top:1px solid var(--line-light);}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 4px;font-weight:400;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';font-size:32px;font-weight:400;line-height:1;flex-shrink:0;transition:transform .25s;}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-answer{padding:0 4px 22px;color:#6b6c75;line-height:1.75;max-width:960px;}
.site-footer{background:var(--dark);color:var(--white);padding:96px 0 0;}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding-bottom:76px;}
.footer-col h4{font-family:var(--sans);text-transform:uppercase;font-weight:600;margin-bottom:24px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:13px;text-transform:uppercase;color:rgba(255,255,255,.86);}
.footer-col a{transition:opacity .2s;}
.footer-col a:hover{opacity:.7;}
.footer-col address{font-style:normal;line-height:1.9;color:rgba(255,255,255,.86);text-transform:uppercase;}
.footer-col address a.mail{display:block;text-transform:none;text-decoration:underline;color:var(--white);margin-bottom:8px;}
.footer-col address .tel{display:block;margin-bottom:14px;}
.footer-col .strong{display:block;margin-top:10px;font-weight:600;font-size:13px;color:var(--white);}
.social-title{margin-top:38px;}
.social-row{display:flex;gap:11px;margin-top:4px;}
.social-row a{width:30px;height:30px;border-radius:50%;background:var(--white);color:var(--dark);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:opacity .2s;}
.social-row a:hover{opacity:.8;}
.social-row a svg{width:16px;height:16px;}
.footer-bottom{padding:34px 24px 40px;text-align:center;font-size:13px;text-transform:uppercase;color:rgba(255,255,255,.8);}
@media (max-width:1024px){
    .nav-links{display:none;}
    .nav{grid-template-columns:auto 1fr auto;padding:0 24px;}
    .brand{justify-self:start;}
    .nav-toggle{display:block;justify-self:end;}
}
@media (max-width:640px){
    .container{padding:0 20px;}
    .footer-grid{grid-template-columns:1fr;gap:36px;}
    .faq-head p{font-size:19px;}
}

/* ============================================================
   index.html  (body.pg-index)
   ============================================================ */
body.pg-index{ font-family:var(--sans);font-weight:300;background:var(--light);color:var(--dark);line-height:1.65;}
.pg-index img{display:block;max-width:100%;}

.pg-index h1, .pg-index h2, .pg-index h3 {
    font-family: var(--serif);
    font-weight: 400;
    line-height: 1.18;
    margin-bottom: 40px;
}

.pg-index .container{max-width:100%;margin:0 auto;padding:0 120px;}
.eyebrow{text-transform:uppercase;font-weight:400;}

.pg-index .site-header{background:rgba(25,26,35,.7);color:var(--white);position:fixed;top:0;left:0;right:0;z-index:200;transition:background .35s ease;}
.pg-index .site-header.scrolled{background:var(--dark);}
.pg-index .nav{ padding: 0 80px; display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100px;gap:20px;}
.pg-index .nav-links{display:flex;gap:32px;font-size:18px;text-transform:uppercase;}
.pg-index .nav-links.right{justify-content:flex-end;align-items:center;}
.pg-index .nav-links a{opacity:.9;transition:opacity .2s;white-space:nowrap; font-weight: 400;}
.pg-index .nav-links a:hover{opacity:1;}
.pg-index .brand img{height:55px;width:auto;mix-blend-mode:screen;}
.pg-index .nav-cta{border:1px solid rgba(255,255,255,.55);padding:11px 22px;font-size:11px;transition:all .25s;}
.pg-index .nav-cta:hover{background:var(--white);color:var(--dark);}
.pg-index .nav-toggle{display:none;background:none;border:none;color:var(--white);font-size:26px;cursor:pointer;line-height:1;padding:6px 10px;}
.pg-index .mobile-menu{display:none;flex-direction:column;background:var(--dark);border-top:1px solid var(--line-dark);padding:10px 24px 24px;gap:0;}
.pg-index .mobile-menu a{padding:13px 0;font-size:13px;text-transform:uppercase;border-bottom:1px solid var(--line-dark);}
.pg-index .mobile-menu a:last-child{border-bottom:none;}
.pg-index .mobile-menu.open{display:flex;}
.pg-index .hero{position:relative;color:var(--white);overflow:hidden;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;}
.pg-index .hero-bg{position:absolute;inset:0;background:url('hero-bg.jpg') center 18%/cover no-repeat;}
.pg-index .hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,26,35,.5) 0%,rgba(25,26,35,.3) 45%,rgba(25,26,35,.55) 100%);}
.pg-index .hero-inner{position:relative;z-index:2;text-align:center;padding:24px;max-width:900px;margin:0 auto 130px;}
.pg-index .hero h1{font-size:clamp(40px,6vw,76px);margin-bottom:26px;}
.pg-index .hero p{font-size:22px;max-width:560px;margin:0 auto 36px;color:rgba(255,255,255,.92);}
.pg-index .hero-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;}
.pg-index .hero-trust{position:absolute;left:0;right:0;bottom:0;z-index:2;text-align:center;color:var(--gold);font-size:22px;font-weight:500;letter-spacing:.04em;padding:24px 24px 34px;}
.pg-index .hero-trust span{white-space:nowrap;}
.pg-index .hero-trust .sep{color:var(--gold);margin:0 14px;}
.pg-index .hero .scroll-indicator{bottom:110px;}
.pg-index .address-bar{background:var(--dark);color:rgba(255,255,255,.92);text-align:center; padding:17px 24px;}
.pg-index .address-bar .sep{margin:0 12px;opacity:.6;}
.pg-index .signature{background:var(--light);padding:90px 0 95px;text-align:center;}

.pg-index .signature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-bottom:56px;}
 .style-card{position:relative;overflow:hidden;background:var(--dark);}
 .style-card img{width:100%; aspect-ratio: 4/6; object-fit:cover;object-position:top center;transition:transform .5s ease;}
 .style-card:hover img{transform:scale(1.04);}
 .style-card figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(25,26,35,0),rgba(25,26,35,.88) 55%);color:var(--white);font-size:25px;text-transform:none;font-weight:500;padding:46px 12px 20px;}
.pg-index .story{background:var(--dark);color:var(--white);}
.pg-index .story-grid{display:grid;grid-template-columns:55.4% 44.6%;align-items:stretch;}
.pg-index .story-copy{display:flex;flex-direction:column;justify-content:center;padding:90px 60px 90px max(40px,calc((100vw - 1240px)/2 + 40px));}
.pg-index .story-copy p{color:var(--text-on-dark-muted);margin-bottom:22px;max-width:520px;}
.pg-index .story-copy p strong{color:var(--white);font-weight:500;}
.pg-index .story-copy .btn{align-self:flex-start;margin-top:16px;}
.pg-index .story-photo img{width:100%;height:100%;object-fit:cover;}
.pg-index .collection{background:var(--light);padding:80px 0 0;text-align:center;}
.pg-index .collection-cards{position:relative;display:grid;grid-template-columns:1fr 1fr;}
.pg-index .collection-card{position:relative;overflow:hidden;}
.pg-index .collection-card img{width:100%;height:640px;object-fit:cover;object-position:top center;transition:transform .5s ease;}
.pg-index .collection-card:hover img{transform:scale(1.03);}
.pg-index .card-label{position:absolute;bottom:70px;left:0;right:0;text-align:center;padding:0 20px;}
.pg-index .card-label h3{font-family:var(--sans);font-size:52px;text-transform:uppercase;font-weight:600;color:var(--gold);margin-bottom:12px;text-shadow:0 2px 14px rgba(0,0,0,.45);}
.pg-index .card-label span{color:var(--white);text-transform:uppercase;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.5);}
.pg-index .card-label span::after{content:' ›';}
.pg-index .collection-cta{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);z-index:3;}

@media (max-width: 1024px) {
    .pg-index .collection-cta {
        color: var(--dark);
        border-color: var(--dark);
    }
}
.pg-index .occasion-intro{text-align:center;padding:96px 24px 90px;}
@media (max-width: 1024px) {
    .pg-index .occasion-intro {
        padding: 10px 24px 50px;
    }
}
.pg-index .occasion-intro h2{font-size:clamp(30px,3.6vw,42px);font-family:var(--sans);font-weight:300;line-height:1.4; margin-bottom:0; }
.pg-index .occasion-intro h2 strong{font-weight:600;}
.pg-index .occasion-block{background:var(--grey-section);}
.pg-index .occasion-row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.pg-index .occasion-photo img{width:100%;height:100%;min-height:520px;object-fit:cover;}
.pg-index .occasion-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 50px;}
.pg-index .occasion-copy .eyebrow{color:var(--dark);margin-bottom:26px;}
.pg-index .occasion-copy h3{font-size:clamp(38px,4.6vw,60px);margin-bottom:24px;}
.pg-index .occasion-copy p{color:#4a4b55;max-width:420px;margin-bottom:40px;}
.pg-index .occasion-more{background:var(--light);text-align:center;padding:70px 24px;}
.pg-index .pricing-grid{display:grid;grid-template-columns:54.5% 45.5%;align-items:stretch;background:var(--dark);color:var(--white);}
.pg-index .pricing-panel{display:flex;flex-direction:column;justify-content:center;padding:100px 60px 100px max(40px,calc((100vw - 1240px)/2 + 40px));}
.pg-index .pricing-panel .lead{font-family:var(--serif);font-size:clamp(26px,2.6vw,34px);margin-bottom:6px;}
.pg-index .pricing-panel h3{font-size:clamp(36px,4vw,52px);margin-bottom:22px;}
.pg-index .pricing-panel .suit-note{color:var(--gold);margin-bottom:70px;}
.pg-index .pricing-panel .btn{align-self:flex-start;}
.pg-index .pricing-photo img{width:100%;height:100%;object-fit:cover;}
.pg-index .testimonials{background:var(--light);padding:100px 0 60px;text-align:center;}
.pg-index .testimonials h2{font-size:clamp(30px,3.8vw,44px);margin-bottom:40px;}
.pg-index .review-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:56px;flex-wrap:wrap;}
.pg-index .review-tab{font-family:var(--sans);padding:13px 34px;cursor:pointer;transition:all .25s;border:1px solid var(--dark);background:var(--white);color:var(--dark);}
.pg-index .review-tab.dark{background:var(--dark);color:var(--white);}
.pg-index .testimonial-wrap{position:relative;}
.pg-index .testimonial-grid{text-align:left;}
.pg-index .testimonial-grid .slick-track{display:flex;margin-left:-12px;margin-right:-12px;}
.pg-index .testimonial-grid .slick-slide{ margin-right: 20px; float:none;}
.pg-index .testimonial-grid .slick-slide > div{height:100%;padding:0 12px;}

.t-card .t-head, .t-card .t-dots, .t-card .t-title{
    padding: 0 !important;
}
.pg-index .t-card {
    height: 100%;
    background: var(--white);
    box-shadow: 0 6px 22px rgba(25, 26, 35, .08);
    padding: 26px 24px 30px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pg-index .t-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 6px;
}

.pg-index .t-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--dark);
    flex-shrink: 0;
    background-size: cover;
}
.pg-index .t-name{font-weight:500;  line-height:1.35;}
.pg-index .t-meta{font-size:13px;color:var(--text-muted);}
.pg-index .t-date{font-size:12px;color:#a3a4ab;}
.pg-index .t-dots{display:flex;gap:5px; color: #FFD700; }
.pg-index .t-dots i{width:12px;height:12px;border-radius:50%;background:#12A05E;display:inline-block;}
.pg-index .t-title{font-weight:500;font-size:14.5px;}
.pg-index .t-text{font-size:15px;color:#4a4b55;line-height:1.7;}
.pg-index .t-view-more{align-self:flex-start;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--dark);background:none;border:none;padding:0;margin-top:-4px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
.pg-index .t-view-more:hover{opacity:.7;}
.pg-index .t-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:30px;color:var(--dark);background:#fff;border:none;cursor:pointer;padding:8px;}
.pg-index .t-arrow.prev{left:-25px; z-index: 99;}
.pg-index .t-arrow.next{right:-25px;}
.pg-index .stats{background:var(--dark);color:var(--white);padding:56px 0;}
.pg-index .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.pg-index .stat img{height:46px;width:auto;margin:0 auto 16px;mix-blend-mode:screen;}
.pg-index .stat-value{font-weight:600;}
.pg-index .stat-value span{font-weight:300;}
.pg-index .stat-label{font-weight:300;color:rgba(255,255,255,.85);}
.pg-index .refer{background:var(--light);padding:110px 0;text-align:center;}
.pg-index .refer h2{font-size:clamp(32px,4.2vw,50px);margin-bottom:14px;}
.pg-index .refer .sub{color:#4a4b55;margin-bottom:56px;}
.pg-index .refer-form{max-width:610px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:24px;}
.pg-index .field label{display:block;margin-bottom:8px;font-weight:400;}
.pg-index .field input{width:100%;padding:15px 16px;border:none;background:var(--grey-section);font-family:var(--sans);font-weight:300;font-size:22px;outline:none;transition:box-shadow .2s;}
.pg-index .field input:focus{box-shadow:0 0 0 1px var(--dark) inset;}
.pg-index .field input::placeholder{color:#9a9ba3;}
.pg-index .refer-note{color:var(--text-muted);}
.pg-index .refer-form .btn{align-self:center;min-width:175px;margin-top:12px;}

.pg-index .promise{background:var(--dark);color:var(--white);padding:110px 0;text-align:center;}
.pg-index .promise h2{font-size:clamp(34px,4.6vw,56px);margin-bottom:16px;}
.pg-index .promise .sub{color:var(--white);font-weight:300;margin-bottom:64px;}
.pg-index .promise-wrap{position:relative;max-width:1060px;margin:0 auto 64px;}
.pg-index .promise-grid{display:block;}
.pg-index .promise-grid .slick-track{display:flex;align-items:center;}
.pg-index .promise-grid .slick-slide{box-sizing:border-box;height:auto;padding:20px 13px;}
.pg-index .p-card{background:var(--card-grey);border-radius:12px;overflow:hidden;color:var(--dark);transform:scale(1);transition:transform .4s ease;}
.pg-index .p-card img{width:100%;height:280px;object-fit:cover;}
.pg-index .slick-center .p-card{
    position: relative;
    z-index: 2;
    transform: scale(1.08);
}
.pg-index .p-card.center img{height:330px;}
.pg-index .p-card-body{padding:22px 20px 26px;}
.pg-index .p-card h3{font-family:var(--sans);font-size:18px;text-transform:uppercase;font-weight:600;margin-bottom:8px;}
.pg-index .p-card p{font-size:17px;color:#3c3d46;line-height:1;}

.pg-index .p-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--white);
    color: var(--dark);
    border: none;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
    z-index: 9;
}
.pg-index .p-arrow.prev{left:-64px;}
.pg-index .p-arrow.next{right:-64px;}


.pg-index .fabric{background:var(--light);padding:100px 0 90px;text-align:center;}
.pg-index .fabric h2{font-size:clamp(32px,4vw,48px);margin-bottom:14px;}
.pg-index .fabric .sub{color:#33343d;margin-bottom:60px;}
.pg-index .fabric .sub strong{font-weight:600;}
.pg-index .fabric-wrap{position:relative;margin-bottom:60px;}

.pg-index .fabric-grid {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.pg-index .f-tile {
    flex: 0 0 25%;
    min-width: 0;
    text-align: center;
    background: var(--white);
}

.pg-index .f-tile img.swatch {
    width: 100%;
    height: 440px;
    object-fit: cover;
    transition: transform .5s ease;
}

/*.pg-index .f-tile:hover img.swatch {*/
/*    transform: scale(1.05);*/
/*}*/
.pg-index .f-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px 16px;}
.pg-index .f-overlay img.brand{max-width:62%;height:auto;mix-blend-mode:screen;}
.pg-index .f-overlay span{position:absolute;bottom:32px;left:0;right:0;color:var(--white);font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;}
.pg-index .f-overlay span::after{content:' ›';}
.pg-index .f-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgb(255,255,255,0.5);border:none;font-size:30px;color:var(--dark);cursor:pointer;padding:8px;}
.pg-index .f-arrow.prev{left:0px; z-index: 99;}
.pg-index .f-arrow.next{right:0px;}

.journal {
    background: var(--light);
    padding: 40px 0 100px;
}

.journal-rule {
    border-top: 1px solid var(--line-light);
    max-width: 260px;
    margin: 0 auto 70px;
}

.journal h2 {
    font-size: clamp(30px, 3.8vw, 44px);
    text-align: center;
    margin-bottom: 64px;
}

.journal-grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 28px;
    margin-bottom: 64px;
}

.j-card {
    background: var(--white);
    box-shadow: 0 6px 22px rgba(25, 26, 35, .08);
    padding: 22px 22px 30px;
}

.j-card img {
    width: 100%;
    height: 225px;
    object-fit: cover;
    margin-bottom: 24px;
}

.j-card h3 {
    font-family: var(--sans);
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 12px;
}

.j-card p {
    color: #4a4b55;
    margin-bottom: 22px;
    line-height: 1.7;
}

.journal-more {
    text-align: center;
}

@media (max-width:1024px){
    .journal-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
    .journal-grid{grid-template-columns:1fr;max-width:540px;margin-left:auto;margin-right:auto;}
}

.pg-index .book-cta{background:var(--dark);color:var(--white);text-align:center;padding:110px 24px;}
.pg-index .book-cta .eyebrow{display:block;color:var(--gold);font-weight:500;margin-bottom:24px;}
.pg-index .book-cta h2{font-size:clamp(32px,4.6vw,58px);margin-bottom:46px;}

.pg-index .social-title{margin-top:34px;}
.pg-index .social-row{display:flex;gap:12px;margin-top:6px;}
.pg-index .social-row a{width:34px;height:34px;border-radius:50%;background:var(--white);color:var(--dark);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;transition:opacity .2s;}
.pg-index .social-row a:hover{opacity:.8;}
.pg-index .social-row a svg{width:17px;height:17px;}
@media (max-width:1100px){
    .pg-index .p-arrow.prev{left:-10px;}
    .pg-index .p-arrow.next{right:-10px;}
}
@media (max-width:1024px){
    .pg-index .signature-grid{grid-template-columns:repeat(2,1fr);}
    .pg-index .stats-grid{grid-template-columns:repeat(2,1fr);row-gap:44px;}
    .pg-index .f-tile{flex:0 0 50%;}
    .pg-index .journal-grid{grid-template-columns:1fr;max-width:540px;margin-left:auto;margin-right:auto;}
    .pg-index .promise-grid{max-width:480px;margin:0 auto;}
    .pg-index .p-card.center img{height:280px;}
    .pg-index .story-grid,.pg-index .pricing-grid{grid-template-columns:1fr;}
    .pg-index .story-copy,.pg-index .pricing-panel{padding:70px 40px;}
    .pg-index .story-photo img,.pg-index .pricing-photo img{height:auto;}
    .pg-index .occasion-row{grid-template-columns:1fr;}
    .pg-index .occasion-row .occasion-photo{order:0;}
    .pg-index .occasion-row .occasion-copy{order:1;padding:64px 28px;}
    .pg-index .occasion-photo img{min-height:0;height:auto;}
    .pg-index .collection-cards{grid-template-columns:1fr;}
    .pg-index .collection-card img{height:520px;}
    .pg-index .collection-cta{position:static;transform:none;margin:36px auto 70px;display:inline-block;}
    .pg-index .nav-links{display:none;}
    .pg-index .nav{grid-template-columns:auto 1fr auto;}
    .pg-index .brand{justify-self:start;}
    .pg-index .nav-toggle{display:block;justify-self:end;}
    .pg-index .nav-mobile-cta{display:block;}
}
@media (max-width:640px){
    .pg-index .container{padding:0 20px;}
    .pg-index .signature-grid{grid-template-columns:1fr;}
    .pg-index .style-card img{height:400px;}
    .pg-index .stats-grid{grid-template-columns:1fr;}
    .pg-index .fabric-grid{scroll-snap-type:x mandatory;}
    .pg-index .f-tile{flex:0 0 100%;scroll-snap-align:start;}
    .pg-index .f-tile img.swatch{height:360px;}
    .pg-index .hero-inner{padding:20px;margin:0 auto 90px;}
    .pg-index .hero-trust{font-size:15px;padding:16px 16px 26px;}
    .pg-index .hero-trust .sep{margin:0 8px;}
    .pg-index .hero .scroll-indicator{bottom:80px;}
    .pg-index .address-bar{font-size:15px;line-height:1.8;}
    .pg-index .address-bar .sep{display:block;visibility:hidden;height:0;margin:0;}
    .pg-index .footer-grid{grid-template-columns:1fr;gap:36px;}
    .pg-index .t-arrow{display:none;}
}
/* ============================================================
   booking.html  (body.pg-booking)
   ============================================================ */
body.pg-booking{font-family:var(--sans);font-weight:300;background:var(--light);color:var(--dark);line-height:1.6;}
.pg-booking img{display:block;max-width:100%;}
.pg-booking a{text-decoration:none;color:inherit;}
.pg-booking button{font-family:var(--sans);}
.pg-booking .container{max-width:1300px;margin:0 auto;padding:0 40px;}
.pg-booking .site-header{background:var(--dark);color:var(--white);position:sticky;top:0;z-index:200;}
.pg-booking .nav-cta{border:1px solid rgba(255,255,255,.7);padding:13px 26px;font-size:12px;letter-spacing:.14em;transition:all .25s;}
.pg-booking .nav-cta:hover{background:var(--white);color:var(--dark);}
.pg-booking .nav-toggle{display:none;background:none;border:none;color:var(--white);font-size:26px;cursor:pointer;line-height:1;padding:6px 10px;}
.pg-booking .mobile-menu{display:none;flex-direction:column;background:var(--header);border-top:1px solid rgba(255,255,255,.2);padding:10px 24px 24px;}
.pg-booking .mobile-menu a{padding:13px 0;font-size:13px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.2);}
.pg-booking .mobile-menu a:last-child{border-bottom:none;}
.pg-booking .mobile-menu.open{display:flex;}
.pg-booking .page-head{padding:70px 0 34px;}
.pg-booking .kicker{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:18px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;}
.pg-booking .kicker::before{content:'';width:26px;height:2px;background:var(--gold);}
.pg-booking .page-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,42px);margin-bottom:14px;}
.pg-booking .page-head .sub{color:#4a4b55;max-width:640px;}
.pg-booking .stepper{display:flex;align-items:center;gap:0;margin:36px 0 44px;flex-wrap:wrap;row-gap:16px;}
.pg-booking .step-node{display:flex;align-items:center;gap:14px;background:none;border:none;cursor:default;padding:0;}
.pg-booking .step-node.clickable{cursor:pointer;}
.pg-booking .step-circle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;border:1.5px solid #b6b7bc;color:#8b8c93;background:transparent;transition:all .25s;flex-shrink:0;}
.pg-booking .step-label{font-size:15.5px;color:#8b8c93;white-space:nowrap;transition:color .25s;}
.pg-booking .step-node.active .step-circle{background:var(--dark);border-color:var(--dark);color:var(--white);}
.pg-booking .step-node.active .step-label{font-size:18px;color:var(--dark);font-weight:400;}
.pg-booking .step-line{width:86px;height:1px;background:#c2c3c8;margin:0 22px;flex-shrink:1;}
.pg-booking .booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 375px;gap:90px;align-items:start;padding-bottom:110px;}
.pg-booking .step-panel{display:none;}
.pg-booking .step-panel.visible{display:block;}
.pg-booking .step-panel h2{font-family:var(--sans);font-size:18px;font-weight:600;margin-bottom:14px;}
.pg-booking .field-label{margin-bottom:8px;display:block;font-size:15px;font-weight:500;color:var(--dark);}
.pg-booking .field-label .req{color:#D0342C;}
.pg-booking .select-wrap{position:relative;max-width:690px;margin-bottom:34px;}
.pg-booking .select-wrap select{width:100%;appearance:none;-webkit-appearance:none;padding:14px 44px 14px 16px;font-family:var(--sans);font-size:16px;font-weight:300;color:var(--dark);background:var(--white);border:1px solid var(--line);outline:none;cursor:pointer;}
.pg-booking .select-wrap::after{content:'⌄';position:absolute;right:16px;top:50%;transform:translateY(-58%);font-size:16px;color:#6b6c75;pointer-events:none;}
.pg-booking .btn{display:inline-block;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:13px 34px;border:1px solid transparent;cursor:pointer;transition:all .25s;text-align:center;}
.pg-booking .btn-dark{background:var(--dark);color:var(--white);border-color:var(--dark);}
.pg-booking .btn-dark:hover{background:transparent;color:var(--dark);border-color:var(--dark);}
.pg-booking .btn:disabled{opacity:0.5;cursor:not-allowed;}

/* STEP 2 - Calendar & Time Slots */
.pg-booking .step2-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:44px;align-items:start;margin-bottom:40px;}
.pg-booking .calendar{background:var(--white);border:1px solid var(--line);padding:20px 18px 24px;border-radius:8px;min-width:280px;}
.pg-booking .cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px;}
.pg-booking .cal-nav{background:none;border:none;font-size:18px;cursor:pointer;color:var(--dark);padding:4px 8px;}
.pg-booking .cal-selects{display:flex;gap:8px;flex:1;justify-content:center;}
.pg-booking .cal-selects select{appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:13px;font-weight:300;padding:6px 22px 6px 10px;border:1px solid var(--line);background:var(--white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M1 1l4 4 4-4' stroke='%23555' fill='none'/></svg>") no-repeat right 8px center;cursor:pointer;outline:none;}
.pg-booking .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;}
.pg-booking .cal-grid .dow{font-size:12px;color:#8b8c93;padding:6px 0;}
.pg-booking .cal-day{font-size:13.5px;padding:0;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:none;cursor:pointer;color:var(--dark);transition:background .2s;width:100%;}
.pg-booking .cal-day:hover:not(.past):not(.muted){background:#e8e8ea;}
.pg-booking .cal-day.past{color:#b7b8bd;cursor:not-allowed;opacity:0.5;}
.pg-booking .cal-day.muted{color:#b7b8bd;cursor:default;}
.pg-booking .cal-day.muted:hover{background:none;}
.pg-booking .cal-day.selected{background:var(--dark);color:var(--white);}

/* TIME SLOTS - Fixed */
.pg-booking .slots-col{display:flex;flex-direction:column;gap:20px;width:100%;min-width:300px;}
.pg-booking .slot-group{background:var(--white);border:1px solid var(--line);padding:16px 18px 20px;border-radius:8px;}
.pg-booking .slot-group h3{font-family:var(--sans);font-size:15px;font-weight:500;margin-bottom:12px;}
.pg-booking .slot-group h3 small{font-size:12px;font-weight:300;color:#a0a1a8;margin-left:8px;}
.pg-booking .slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;}
.pg-booking .slot{font-size:11px;font-weight:400;padding:8px 4px;text-align:center;border:none;cursor:pointer;background:#ededee;color:#b3b4ba;transition:all .2s;min-width:0;border-radius:4px;width:100%;}
.pg-booking .slot.available{background:var(--white);color:var(--dark);border:1px solid var(--line);cursor:pointer;}
.pg-booking .slot.available:hover{border-color:var(--dark);}
.pg-booking .slot.selected{background:var(--dark);color:var(--white);border:1px solid var(--dark);}
.pg-booking .slot.past{opacity:0.4;cursor:not-allowed;}
.pg-booking .slot[disabled]{cursor:default;}

/* STEP 3 - Form Fields - Fixed */
.pg-booking .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px;max-width:100%;margin-bottom:8px;width:100%;}
.pg-booking .form-field{display:flex;flex-direction:column;gap:4px;width:100%;min-width: 330px;}
.pg-booking .form-field.full{grid-column:1 / -1;}
.pg-booking .form-field input,
.pg-booking .form-field textarea,
.pg-booking .form-field select{width:100% !important;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--white);font-family:var(--sans);font-size:22px;font-weight:300;outline:none;transition:border-color .2s;box-sizing:border-box;min-height:50px;}
.pg-booking .form-field input:focus,
.pg-booking .form-field textarea:focus,
.pg-booking .form-field select:focus{border-color:var(--dark);box-shadow:0 0 0 2px rgba(24,26,35,.05);}
.pg-booking .form-field input::placeholder,
.pg-booking .form-field textarea::placeholder{color:#a5a6ad;}
.pg-booking .form-field textarea{min-height:140px;resize:vertical;width:100% !important;}

.pg-booking .phone-row{display:flex;gap:10px;width:100%;}
.pg-booking .phone-row .cc{position:relative;flex:0 0 120px;}
.pg-booking .phone-row .cc select{width:100%;appearance:none;-webkit-appearance:none;padding:14px 30px 14px 12px;border:1px solid var(--line);border-radius:8px;background:var(--white);font-family:var(--sans);font-size:14px;font-weight:300;color:#6b6c75;outline:none;cursor:pointer;min-height:50px;}
.pg-booking .phone-row .cc::after{content:'⌄';position:absolute;right:12px;top:50%;transform:translateY(-58%);font-size:14px;color:#6b6c75;pointer-events:none;}
.pg-booking .phone-row input{flex:1;min-height:50px;}

.pg-booking .radio-row{display:flex;gap:34px;align-items:center;margin-top:4px;flex-wrap:wrap;}
.pg-booking .radio-row label{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer;color:#6b6c75;}
.pg-booking .radio-row input{accent-color:var(--dark);width:18px;height:18px;cursor:pointer;}
.pg-booking .radio-row input:checked+span{color:var(--dark);font-weight:500;}

.pg-booking .step3-actions{margin-top:34px;}

/* BOOKING DETAILS SIDEBAR */
.pg-booking .booking-details{background:var(--panel);padding:30px 34px 60px;position:sticky;top:110px;border-radius:12px;}
.pg-booking .booking-details h2{font-family:var(--sans);font-size:18px;font-weight:600;padding-bottom:14px;border-bottom:1.5px solid var(--dark);margin-bottom:26px;}
.pg-booking .bd-group{padding-bottom:20px;margin-bottom:20px;border-bottom:1.5px solid var(--dark);}
.pg-booking .bd-group:last-child{border-bottom:none;margin-bottom:0;}
.pg-booking .bd-label{font-size:16px;font-weight:500;color:#8b8c93;margin-bottom:6px;}
.pg-booking .bd-value{font-size:15px;color:#6b6c75;}
.pg-booking .bd-value .sep{margin:0 10px;color:#9a9ba3;}

/* RESPONSIVE */
@media (max-width:1024px){
    .pg-booking .booking-layout{grid-template-columns:1fr;gap:50px;}
    .pg-booking .booking-details{position:static;order:2;}
    .pg-booking .nav-links{display:none;}
    .pg-booking .nav{grid-template-columns:auto 1fr auto;}
    .pg-booking .brand{justify-self:start;}
    .pg-booking .nav-toggle{display:block;justify-self:end;}
    .pg-booking .step2-grid{grid-template-columns:1fr;}
    .pg-booking .calendar{max-width:380px;}
    .pg-booking .slots-col{min-width:0;}
    .pg-booking .slot-grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:768px){
    .pg-booking .step2-grid{grid-template-columns:1fr;}
    .pg-booking .calendar{max-width:340px;}
    .pg-booking .slot-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:640px){
    .pg-booking .container{padding:0 20px;}
    .pg-booking .page-head{padding:46px 0 20px;}
    .pg-booking .stepper{gap:0;}
    .pg-booking .step-line{width:26px;margin:0 10px;}
    .pg-booking .step-label{display:none;}
    .pg-booking .step-node.active .step-label{display:inline;font-size:13.5px;}
    .pg-booking .slot-grid{grid-template-columns:repeat(3,1fr);}
    .pg-booking .form-grid{grid-template-columns:1fr;gap:16px;}
    .pg-booking .form-field input,
    .pg-booking .form-field textarea{font-size:22px;padding:12px 14px;min-height:46px;}
    .pg-booking .booking-details{padding:26px 22px 40px;}
    .pg-booking .phone-row .cc{flex:0 0 100px;}
    .pg-booking .phone-row .cc select{font-size:13px;padding:12px 24px 12px 10px;min-height:46px;}
}
@media (max-width:480px){
    .pg-booking .slot-grid{grid-template-columns:repeat(2,1fr);}
    .pg-booking .slot{font-size:10px;padding:6px 2px;}
    .pg-booking .calendar{min-width:auto;padding:14px 12px 18px;}
    .pg-booking .cal-day{height:28px;font-size:12px;}
}
/* ============================================================
   collection.html  (body.pg-collection)
   ============================================================ */
.pg-collection .hero{position:relative;min-height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--white);padding:150px 24px 90px;overflow:hidden;}
.pg-collection .hero-bg{position:absolute;inset:0;background:url('col-hero.jpg') center/cover no-repeat;}
.pg-collection .hero-bg::after{content:'';position:absolute;inset:0;background:rgba(50,48,48,.58);}
.pg-collection .hero-inner{position:relative;z-index:2;max-width:880px;}
.pg-collection .hero h1{font-size:clamp(44px,5.6vw,74px);margin-bottom:26px;}
.pg-collection .hero p{line-height:1.55;max-width:660px;margin:0 auto 44px;}
.pg-collection .hero .btn{min-width:250px;}
.pg-collection .collection{background:var(--light);padding:112px 0 0;}
.pg-collection .collection-head{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:end;margin-bottom:66px;}
.pg-collection .collection-head h2{font-size:clamp(34px,4.2vw,50px);margin-top:16px;}
.pg-collection .collection-head .lead{color:var(--dark);line-height:1.5;padding-bottom:6px;}
.pg-collection .card-grid{display:grid;grid-template-columns:561fr 594fr;gap:0 38px;height:auto;min-height:600px;}
.pg-collection .card-right{display:grid;grid-template-rows:542fr 541fr;gap:31px;}
.pg-collection .tcard{position:relative;overflow:hidden;display:block;}
.pg-collection .tcard img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.pg-collection .tcard:hover img{transform:scale(1.04);}
.pg-collection .tcard::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,26,35,0) 38%,rgba(24,26,35,.78) 100%);}
.pg-collection .tcard-body{position:absolute;left:40px;right:32px;bottom:36px;z-index:2;color:var(--white);}
.pg-collection .tcard-body h3{font-family:var(--sans);font-size:28px;font-weight:500;letter-spacing:.01em;color:var(--gold);margin-bottom:10px;}
.pg-collection .tcard-body p{line-height:1.5;margin-bottom:24px;max-width:340px;}
.pg-collection .tcard-link{display:inline-flex;align-items:center;gap:16px;font-size:16px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;}
.pg-collection .tcard-link::after{content:'›';font-size:26px;line-height:0;font-weight:300;}
.pg-collection .hiw{background:var(--dark);color:var(--white);padding:104px 0 0;}
.pg-collection .hiw-head{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:start;margin-bottom:82px;}
.pg-collection .hiw-head h2{font-size:clamp(32px,4.4vw,52px);margin-top:22px;}
.pg-collection .hiw-head .lead{line-height:1.5;padding-top:34px;}
.pg-collection .hiw-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(207,165,43,.30);}
.pg-collection .hiw-col{padding:36px 30px 40px 22px;border-left:1px solid rgba(207,165,43,.30);}
.pg-collection .hiw-col:first-child{border-left:none;padding-left:0;}
.pg-collection .hiw-num{font-family:var(--serif);color:var(--gold);margin-bottom:22px;}
.pg-collection .hiw-col h3{font-family:var(--serif);font-weight:400;margin-bottom:8px;}
.pg-collection .hiw-col p{font-size:16px;line-height:1.62;color:var(--on-dark-muted);}
.pg-collection .hiw-spacer{height:106px;}
.pg-collection .ready{background:var(--dark);color:var(--white);text-align:center;padding:170px 24px 168px;}
.pg-collection .ready h2{font-size:clamp(32px,4.4vw,52px);margin-bottom:30px;}
.pg-collection .ready p{font-size:17px;line-height:1.55;max-width:600px;margin:0 auto 62px;}
.pg-collection .ready-actions{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;}
.pg-collection .ready-actions .btn{min-width:212px;}
@media (max-width:1024px){
    .pg-collection .collection-head,.pg-collection .hiw-head{grid-template-columns:1fr;gap:18px;align-items:start;}
    .pg-collection .collection-head .lead,.pg-collection .hiw-head .lead{padding-top:0;}
    .pg-collection .card-grid{grid-template-columns:1fr;height:auto;gap:31px;}
    .pg-collection .card-right{grid-template-rows:auto auto;}
    .pg-collection .tcard{height:520px;}
    .pg-collection .hiw-grid{grid-template-columns:repeat(2,1fr);}
    .pg-collection .hiw-col{border-left:none;border-top:1px solid rgba(207,165,43,.30);padding:30px 20px 34px 0;}
    .pg-collection .hiw-col:first-child{border-top:none;}
    .pg-collection .hiw-col:nth-child(2){border-top:none;}
    .pg-collection .hiw-spacer{height:70px;}
    .pg-collection .ready{padding:120px 24px;}
}
@media (max-width:640px){
    .pg-collection .hero{min-height:calc(100vh - 100px);padding:130px 20px 70px;}
    .pg-collection .tcard{height:430px;}
    .pg-collection .tcard-body{left:26px;right:22px;bottom:28px;}
    .pg-collection .hiw-grid{grid-template-columns:1fr;}
    .pg-collection .hiw-col{border-top:1px solid rgba(207,165,43,.30);padding:26px 0 30px;}
    .pg-collection .hiw-col:nth-child(2){border-top:1px solid rgba(207,165,43,.30);}
    .pg-collection .ready-actions .btn{width:100%;}
}

/* ============================================================
   mens-collection.html  (body.pg-mens)
   ============================================================ */
.pg-mens .hero{position:relative;min-height:calc(100vh - 100px);display:flex;align-items:center;overflow:hidden;}
.pg-mens .hero-bg{position:absolute;inset:0;background:url('men-hero.jpg') center/cover no-repeat;}
.pg-mens .hero-inner{position:relative;z-index:2;max-width:1300px;margin-left: 120px; padding:120px 40px 60px;width:50%;}
.pg-mens .hero-copy{max-width:620px;}
.pg-mens .hero h1{font-size:clamp(38px,4.6vw,58px);margin-bottom:6px;}
.pg-mens .hero .from{font-size:clamp(24px,2.4vw,30px);font-weight:300;margin-bottom:18px;}
.pg-mens .hero-rating{display:flex;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap;}
.pg-mens .stars{display:flex;gap:12px;font-size:19px;line-height:1;color:var(--dark);}
.pg-mens .hero-rating a{font-size:15px;text-decoration:underline;text-underline-offset:3px;}
.pg-mens .hero-rating span{font-size:18px;text-decoration:underline;text-underline-offset:3px;}
.pg-mens .hero p{line-height:1.62;max-width:520px;margin-bottom:56px;}
.pg-mens .hero .btn{background:rgba(255,255,255,.28);}
.pg-mens .mosaic{display:grid;grid-template-columns:562fr 774fr;height:1044px;}
.pg-mens .mos-left{display:grid;grid-template-rows:1fr;}
.pg-mens .mos-right{display:grid;grid-template-rows:1fr;}
.pg-mens .mos-right-bottom{display:grid;grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;height:100%;}
.pg-mens .tile{position:relative;overflow:hidden;display:flex;flex-direction:column;}
.pg-mens .tile-a{background:var(--tile-a);}
.pg-mens .tile-b{background:var(--tile-b);}
.pg-mens .tile-c{background:var(--tile-c);}
.pg-mens .tile-d{background:var(--tile-d);}
.pg-mens .tile-e{background:var(--tile-e);}
.pg-mens .tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0;}
.pg-mens .tile-copy{position:relative;z-index:2;max-width:230px;}
.pg-mens .tile-copy h3{font-family:var(--sans);font-size:26px;font-weight:400;line-height:1.15;margin-bottom:10px;}
.pg-mens .tile-copy p{font-size:13.5px;line-height:1.45;color:#3c3d46;}
.pg-mens .tile-arrow{position:relative;z-index:2;margin-top:auto;font-size:22px;line-height:1;color:var(--dark);}
/*.pg-mens .tile-a img{left:33.45%;top:4.50%;width:66.55%;height:95.50%;}*/
/*.pg-mens .tile-b img{left:64.86%;top:0;width:35.14%;height:100%;}*/
/*.pg-mens .tile-c img{left:25.32%;top:6.03%;width:74.68%;height:93.97%;}*/
/*.pg-mens .tile-d img{left:25.32%;top:3.59%;width:74.68%;height:96.41%;}*/
/*.pg-mens .tile-e img{left:32.74%;top:0;width:67.26%;height:100%;}*/
.pg-mens .tile-b .tile-copy,.pg-mens .tile-c .tile-copy,.pg-mens .tile-d .tile-copy{max-width:205px;}
.pg-mens .explore-band{background:var(--light);text-align:center;padding:56px 24px;}
.pg-mens .explore-band h2{font-family:var(--sans);font-size:clamp(24px,2.8vw,32px);font-weight:300;}
.pg-mens .explore-band h2 strong{font-weight:600;}
.pg-mens .trow{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--row-panel);}
.pg-mens .trow.women{background:#faead4;}
.pg-mens .trow-photo img{width:100%;height:auto;display:block;}
.pg-mens .trow-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 60px;}
.pg-mens .trow-eyebrow{text-transform:uppercase;color:var(--dark);margin-bottom:26px; font-weight: 400;}
.pg-mens .trow-copy h3{font-size:clamp(40px,4.8vw,60px);margin-bottom:26px;}
.pg-mens .trow-copy p{line-height:1.6;color:#3c3d46;max-width:340px;margin-bottom:40px;}
.pg-mens .trow-copy .btn{min-width:auto;}
.pg-mens .trow.photo-left .trow-photo{order:1;}
.pg-mens .trow.photo-left .trow-copy{order:2;}
.pg-mens .explore-more{background:var(--light);text-align:center;padding:42px 24px 56px;}

.pg-mens .why{background:var(--light);}
.pg-mens .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;max-width:1300px;margin:0 auto;padding:0 40px;}
.pg-mens .why-photo{display:flex;justify-content:center;}
.pg-mens .why-photo img{width:100%;max-width:390px;height:auto;object-fit:contain;}
.pg-mens .why-copy{padding:60px 0 130px 0;}
.pg-mens .why-copy h2{font-size:clamp(30px,3.6vw,44px);margin-bottom:8px;}
.pg-mens .why-copy .sub{font-family:var(--serif);font-size:clamp(20px,2.2vw,27px);font-weight:400;margin-bottom:40px;}
.pg-mens .why-copy p{ line-height:1.62;color:#3c3d46;margin-bottom:18px;max-width:540px;}
.pg-mens .pricing{display:grid;grid-template-columns:727fr 609fr;background:var(--dark);color:var(--white);}
.pg-mens .pricing-panel{display:flex;flex-direction:column;justify-content:center;padding:120px 60px 120px max(40px,calc((100vw - 1180px)/2 + 24px));}
.pg-mens .pricing-panel .lead{font-family:var(--serif);font-size:clamp(28px,2.8vw,36px);margin-bottom:10px;}
.pg-mens .pricing-panel h2{font-size:clamp(38px,4.4vw,58px);margin-bottom:26px;}
.pg-mens .pricing-panel .suit-note{color:var(--gold);font-size:18px;margin-bottom:74px;}
.pg-mens .pricing-panel .btn{align-self:flex-start;}
.pg-mens .pricing-photo{position:relative;min-height:759px;}
.pg-mens .pricing-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.pg-mens .book-cta{background:var(--dark);color:var(--white);text-align:center;padding:126px 24px 118px;}
.pg-mens .book-cta .kicker{display:block;color:var(--gold);font-size:15px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:64px;}
.pg-mens .book-cta h2{font-size:clamp(34px,4.8vw,58px);margin-bottom:64px;}
@media (max-width:1024px){
    .pg-mens .hero{min-height:calc(100vh - 100px);}
    .pg-mens .hero-inner{margin:0 24px;padding:32px 28px;width:auto;max-width:520px;background:rgba(255,255,255,.92);border-radius:10px;}
    .pg-mens .hero-bg{background-position:72% center;}
    .pg-mens .hero .btn{background:var(--dark);color:var(--white);border-color:var(--dark);}
    .pg-mens .mosaic{grid-template-columns:1fr;height:auto;}
    .pg-mens .mos-left,.pg-mens .mos-right{grid-template-rows:none;}
    .pg-mens .tile{min-height:420px;padding:48px 28px 30px;}
    .pg-mens .tile-copy{max-width:60%;}
    .pg-mens .tile-b .tile-copy,.pg-mens .tile-c .tile-copy,.pg-mens .tile-d .tile-copy{max-width:60%;}
    .pg-mens .trow{grid-template-columns:1fr;}
    .pg-mens .trow.photo-left .trow-photo{order:0;}
    .pg-mens .trow.photo-left .trow-copy{order:1;}
    .pg-mens .trow-copy{padding:64px 28px;}
    .pg-mens .trow-copy p{margin-bottom:48px;}
    .pg-mens .why-grid{grid-template-columns:1fr;gap:0;padding:0 24px;align-items:start;}
    .pg-mens .why-photo{order:2;margin-top:36px;}
    .pg-mens .why-copy{order:1;padding:20px 0 0;}
    .pg-mens .pricing{grid-template-columns:1fr;}
    .pg-mens .pricing-panel{padding:80px 28px;}
    .pg-mens .pricing-photo{min-height:0;height:520px;}
}
@media (max-width:640px){
    .pg-mens .hero{min-height:calc(100vh - 100px);}
    .pg-mens .hero-inner{margin:0 16px;padding:26px 20px;max-width:none;}
    .pg-mens .hero-copy{max-width:100%;}
    .pg-mens .hero p{margin-bottom:40px;}
    .pg-mens .tile{min-height:360px;}
    .pg-mens .tile-copy,.pg-mens .tile-b .tile-copy,.pg-mens .tile-c .tile-copy,.pg-mens .tile-d .tile-copy{max-width:66%;}
    .pg-mens .tile-copy h3{font-size:21px;}
    .pg-mens .mos-right-bottom{grid-template-columns:1fr;}
    .pg-mens .trow-eyebrow{margin-bottom:30px;}
    .pg-mens .trow-copy p{margin-bottom:38px;}
    .pg-mens .explore-more .btn{width:100%;min-width:0;}
    .pg-mens .pricing-photo{height:420px;}
}

/* ============================================================
   womens-collection.html  (body.pg-womens)
   ============================================================ */
.pg-womens .hero{position:relative;min-height:calc(100vh - 100px);display:flex;align-items:center;overflow:hidden;}
.pg-womens .hero-bg{position:absolute;inset:0;background:url('women-hero.jpg') center/cover no-repeat;}
.pg-womens .hero-inner{position:relative;z-index:2;max-width:1300px;margin:0 auto;padding:120px 40px 60px;width:100%;}
.pg-womens .hero-copy{max-width:620px;}
.pg-womens .hero h1{font-size:clamp(38px,4.6vw,58px);margin-bottom:6px;}
.pg-womens .hero .from{font-size:clamp(24px,2.4vw,30px);font-weight:300;margin-bottom:18px;}
.pg-womens .hero-rating{display:flex;align-items:center;gap:20px;margin-bottom:36px;flex-wrap:wrap;}
.pg-womens .stars{display:flex;gap:12px;font-size:19px;line-height:1;color:var(--dark);}
.pg-womens .hero-rating a{font-size:15px;text-decoration:underline;text-underline-offset:3px;}
.pg-womens .hero p{line-height:1.62;max-width:520px;margin-bottom:56px;}
.pg-womens .mosaic{display:grid;grid-template-columns:562fr 774fr;height:1044px;}
.pg-womens .mos-left{display:grid;grid-template-rows:1fr;}
.pg-womens .mos-right{display:grid;grid-template-rows:1fr;}
.pg-womens .mos-right-bottom{display:grid;grid-template-columns:387fr 387fr;grid-template-rows:1fr 1fr;height:100%;}
.pg-womens .tile{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:62px 36px 34px;}
.pg-womens .tile-a{background:var(--tile-a);}
.pg-womens .tile-b{background:var(--tile-b);}
.pg-womens .tile-c{background:var(--tile-c);}
.pg-womens .tile-d{background:var(--tile-d);}
.pg-womens .tile-e{background:var(--tile-e);}
.pg-womens .tile img{position:absolute;object-fit:contain;z-index:0;}
.pg-womens .tile-copy{position:relative;z-index:2;max-width:230px;}
.pg-womens .tile-copy h3{font-family:var(--sans);font-size:26px;font-weight:400;line-height:1.15;margin-bottom:10px;}
.pg-womens .tile-copy p{font-size:13.5px;line-height:1.45;color:#3c3d46;}
.pg-womens .tile-arrow{position:relative;z-index:2;margin-top:auto;font-size:22px;line-height:1;color:var(--dark);}
.pg-womens .mos-left .tile-a img{left:0;top:0;width:100%;height:100%;}
.pg-womens .tile-b img{left:57.24%;top:0;width:42.76%;height:100%;}
.pg-womens .tile-c img{left:20.67%;top:5.17%;width:79.33%;height:94.83%;}
.pg-womens .tile-d img{left:35.92%;top:3.45%;width:64.08%;height:96.55%;}
.pg-womens .tile-e img{left:51.60%;top:0;width:48.40%;height:100%;}
.pg-womens .mos-right-bottom .tile{padding:0;}
.pg-womens .mos-right-bottom .tile img{left:0;top:0;width:100%;height:100%;object-fit:contain;}
.pg-womens .tile-b .tile-copy,.pg-womens .tile-c .tile-copy,.pg-womens .tile-d .tile-copy{max-width:205px;}
.pg-womens .explore-band{background:var(--light);text-align:center;padding:56px 24px;}
.pg-womens .explore-band h2{font-family:var(--sans);font-size:clamp(24px,2.8vw,32px);font-weight:300;}
.pg-womens .explore-band h2 strong{font-weight:600;}
.pg-womens .trow{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--row-panel);}
.pg-womens .trow-photo img{width:100%;height:auto;display:block;}
.pg-womens .trow-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 60px;}
.pg-womens .trow-eyebrow{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--dark);margin-bottom:52px;}
.pg-womens .trow-copy h3{font-size:clamp(40px,4.8vw,60px);margin-bottom:26px;}
.pg-womens .trow-copy p{font-size:14.5px;line-height:1.6;color:#3c3d46;max-width:340px;margin-bottom:96px;}
.pg-womens .trow.photo-left .trow-photo{order:1;}
.pg-womens .trow.photo-left .trow-copy{order:2;}
.pg-womens .explore-more{background:var(--light);text-align:center;padding:42px 24px 56px;}
.pg-womens .explore-more .btn{min-width:258px;font-size:15px;padding:16px 34px;}
.pg-womens .why{background:var(--light);}
.pg-womens .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;max-width:1300px;margin:0 auto;padding:0 40px;}
.pg-womens .why-photo{display:flex;justify-content:center;}
.pg-womens .why-photo img{width:100%;max-width:390px;height:auto;object-fit:contain;}
.pg-womens .why-copy{padding:0 0 130px;}
.pg-womens .why-copy h2{font-size:clamp(30px,3.6vw,44px);margin-bottom:8px;}
.pg-womens .why-copy .sub{font-family:var(--serif);font-size:clamp(20px,2.2vw,27px);font-weight:400;margin-bottom:40px;}
.pg-womens .why-copy p{font-size:14.5px;line-height:1.62;color:#3c3d46;margin-bottom:18px;max-width:540px;}
.pg-womens .why-copy .btn{margin-top:42px;text-transform:none;letter-spacing:0;}
.pg-womens .pricing{display:grid;grid-template-columns:727fr 609fr;background:var(--dark);color:var(--white);}
.pg-womens .pricing-panel{display:flex;flex-direction:column;justify-content:center;padding:120px 60px 120px max(40px,calc((100vw - 1180px)/2 + 24px));}
.pg-womens .pricing-panel .lead{font-family:var(--serif);font-size:clamp(28px,2.8vw,36px);margin-bottom:10px;}
.pg-womens .pricing-panel h2{font-size:clamp(38px,4.4vw,58px);margin-bottom:26px;}
.pg-womens .pricing-panel .suit-note{color:var(--gold);font-size:18px;margin-bottom:74px;}
.pg-womens .pricing-panel .btn{align-self:flex-start;}
.pg-womens .pricing-photo{position:relative;min-height:759px;}
.pg-womens .pricing-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.pg-womens .book-cta{background:var(--dark);color:var(--white);text-align:center;padding:126px 24px 118px;}
.pg-womens .book-cta .kicker{display:block;color:var(--gold);font-size:15px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:64px;}
.pg-womens .book-cta h2{font-size:clamp(34px,4.8vw,58px);margin-bottom:64px;}
@media (max-width:1024px){
    .pg-womens .hero{min-height:calc(100vh - 100px);}
    .pg-womens .hero-inner{margin:0 24px;padding:32px 28px;width:auto;max-width:520px;background:rgba(255,255,255,.92);border-radius:10px;}
    .pg-womens .hero-bg{background-position:72% center;}
    .pg-womens .hero .btn{border-color:var(--dark);}
    .pg-womens .mosaic{grid-template-columns:1fr;height:auto;}
    .pg-womens .mos-left,.pg-womens .mos-right{grid-template-rows:none;}
    .pg-womens .tile{min-height:420px;padding:48px 28px 30px;}
    .pg-womens .tile-copy{max-width:60%;}
    .pg-womens .tile-b .tile-copy,.pg-womens .tile-c .tile-copy,.pg-womens .tile-d .tile-copy{max-width:60%;}
    .pg-womens .trow{grid-template-columns:1fr;}
    .pg-womens .trow.photo-left .trow-photo{order:0;}
    .pg-womens .trow.photo-left .trow-copy{order:1;}
    .pg-womens .trow-copy{padding:64px 28px;}
    .pg-womens .trow-copy p{margin-bottom:48px;}
    .pg-womens .why-grid{grid-template-columns:1fr;gap:0;padding:0 24px;align-items:start;}
    .pg-womens .why-photo{order:2;margin-top:36px;}
    .pg-womens .why-copy{order:1;padding:20px 0 0;}
    .pg-womens .pricing{grid-template-columns:1fr;}
    .pg-womens .pricing-panel{padding:80px 28px;}
    .pg-womens .pricing-photo{min-height:0;height:520px;}
}
@media (max-width:640px){
    .pg-womens .hero{min-height:calc(100vh - 100px);}
    .pg-womens .hero-inner{margin:0 16px;padding:26px 20px;max-width:none;}
    .pg-womens .hero-copy{max-width:100%;}
    .pg-womens .hero p{margin-bottom:40px;}
    .pg-womens .tile{min-height:360px;}
    .pg-womens .tile-copy,.pg-womens .tile-b .tile-copy,.pg-womens .tile-c .tile-copy,.pg-womens .tile-d .tile-copy{max-width:66%;}
    .pg-womens .tile-copy h3{font-size:21px;}
    .pg-womens .mos-right-bottom{grid-template-columns:1fr;}
    .pg-womens .trow-eyebrow{margin-bottom:30px;}
    .pg-womens .trow-copy p{margin-bottom:38px;}
    .pg-womens .explore-more .btn{width:100%;min-width:0;}
    .pg-womens .pricing-photo{height:420px;}
}

/* ============================================================
   product-collection.html  (body.pg-product)
   ============================================================ */
.pg-product .container{
    padding: 0 80px;
    max-width: 100%;
}

@media (max-width:1024px) {
    .pg-product .container {
        padding: 0 40px;
    }
}

.pg-product h2{text-transform:uppercase;margin-bottom:10px; font-size: 30px;}
.pg-product .btn:hover{background:var(--dark);color:var(--white);}
.pg-product .mobile-menu{display:none;flex-direction:column;background:var(--header);border-top:1px solid rgba(255,255,255,.2);padding:10px 24px 24px;}
.pg-product .page-top{padding:66px 0 0;}
.pg-product .filter-tabs{display:flex;gap:38px;margin:26px 0 10px;flex-wrap:wrap;}
.pg-product .filter-tab{display:inline-flex;align-items:center;gap:8px;background:none;border:none;font-family:var(--sans);font-weight:400;text-transform:uppercase;color:var(--dark);cursor:pointer;padding:6px 0;transition:opacity .2s;}
.pg-product .filter-tab:hover{opacity:.65;}
.pg-product .filter-tab .chev{font-size:13px;line-height:1;}
.pg-product .filter-tab.active{color:var(--gold);}
.pg-product .filter-tab-item{position:relative;display:inline-flex;}
.pg-product .filter-dropdown{position:absolute;top:100%;left:-24px;display:none;flex-direction:column;min-width:230px;background:#fff;box-shadow:0 16px 34px rgba(0,0,0,.14);padding:16px 0 12px;margin-top:0;z-index:30;}
.pg-product .filter-tab-item:hover .filter-dropdown,
.pg-product .filter-tab-item:focus-within .filter-dropdown{display:flex;}
.pg-product .filter-dropdown-link{display:block;padding:9px 24px;font-family:var(--sans);font-size:15px;font-weight:400;text-transform:uppercase;color:var(--dark);white-space:nowrap;transition:opacity .2s;}
.pg-product .filter-dropdown-link:hover{opacity:.65;}
.pg-product .filter-dropdown-link.active{color:var(--gold);}
.pg-product .sub-filter-tabs{gap:26px;margin:-8px 0 20px;padding-top:14px;border-top:1px solid rgba(0,0,0,.1);}

.pg-product .sub-filter-tabs .filter-tab {
    font-size: 14px;
    padding: 4px 10px;
    border-radius: 10px;
    border:1px solid gray;
}

.pg-product .sub-filter-tabs .filter-tab.active {
    border:1px solid var(--gold);
}

.pg-product .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 44px;margin:10px 0 0;}

@media (max-width:1330px){
    .pg-product .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:1024px){
    .pg-product .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:640px){
    .pg-product .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:560px){
    .pg-product .product-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .p-name{
        font-size: 18px;
    }
}


.pg-product .p-card{position:relative;overflow:hidden;display:block;aspect-ratio:262/329;}
.pg-product .p-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.pg-product .p-card:hover img{transform:scale(1.04);}
.pg-product .p-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,26,35,0) 62%,rgba(24,26,35,.72) 100%);}
.pg-product .p-card .p-name{position:absolute;left:12px;bottom:12px;z-index:2;color:var(--white);font-weight:400;}
.pg-product .no-products{grid-column:1/-1;text-align:center;padding:60px 0;color:#6b6c75;}
.pg-product .grid-more{text-align:center;padding:58px 0 88px;}
.pg-product .grid-more .btn{min-width:224px;}
.pg-product .also{padding:38px 0 0;}
.pg-product .also-head{text-align:center;margin-bottom:44px;}
.pg-product .also-head h2{font-family:var(--sans);text-transform:uppercase;margin-bottom:10px;}
.pg-product .also-head p{text-transform:uppercase;}
.pg-product .also-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.pg-product .a-tile{position:relative;overflow:hidden;display:block;aspect-ratio:334/329;}
.pg-product .a-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.pg-product .a-tile:hover img{transform:scale(1.04);}
.pg-product .a-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,26,35,0) 55%,rgba(24,26,35,.66) 100%);}
.pg-product .a-tile span{position:absolute;left:0;right:0;bottom:22px;z-index:2;text-align:center;color:var(--white);font-weight:400;text-transform:uppercase;}
.pg-product .also-space{height:70px;background:var(--light);}
@media (max-width:1024px){
    /*.pg-product .product-grid{grid-template-columns:repeat(2,1fr);gap:28px;}*/
    .pg-product .also-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
    .pg-product .filter-tabs{gap:22px; font-size: 16px;}
    .pg-product .sub-filter-tabs{gap:16px;}
    .pg-product .sub-filter-tabs .filter-tab {
        font-size: 12px;
    }
    /*.pg-product .product-grid{grid-template-columns:1fr;max-width:340px;margin-left:auto;margin-right:auto;}*/
    .pg-product .also-grid{grid-template-columns:1fr;}
    .pg-product .grid-more .btn{width:100%;min-width:0;}
}

/* ============================================================
   about.html  (body.pg-about)
   ============================================================ */
.pg-about .hero{position:relative;min-height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--white);padding:150px 24px 90px;overflow:hidden;}
.pg-about .hero-bg{position:absolute;inset:0;background:url('about-hero.jpg') center/cover no-repeat;}
.pg-about .hero-bg::after{content:'';position:absolute;inset:0;background:rgba(24,26,35,.50);}
.pg-about .hero-inner{position:relative;z-index:2;max-width:940px;}
.pg-about .hero h1{font-size:clamp(42px,5.4vw,72px);margin-bottom:26px;}
.pg-about .hero p{line-height:1.55;max-width:800px;margin:0 auto 44px;}
.pg-about .hero .btn{min-width:250px;}
.pg-about .craft{background:var(--light);padding:96px 0 100px;}
.pg-about .craft-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center;}
.pg-about .craft-copy h2{font-size:clamp(30px,3.8vw,46px);margin:20px 0 34px;}
.pg-about .craft-copy p{line-height:1.72;color:#33343d;margin-bottom:22px;}
.pg-about .craft-copy p strong{font-weight:600;color:var(--dark);}
.pg-about .craft-photo img{width:100%;height:100%;object-fit:cover;}
.pg-about .why-na{background:var(--dark);color:var(--white);padding:104px 0;}
.pg-about .why-na-head{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:start;margin-bottom:72px;}
.pg-about .why-na-head h2{font-size:clamp(30px,4vw,48px);margin-top:22px;}
.pg-about .why-na-head .lead{line-height:1.5;padding-top:34px;}
.pg-about .why-na-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(207,165,43,.30);}
.pg-about .why-na-col{padding:36px 28px 8px 20px;border-left:1px solid rgba(207,165,43,.30);}
.pg-about .why-na-col:first-child{border-left:none;padding-left:0;}
.pg-about .why-na-num{font-family:var(--serif);color:var(--gold);margin-bottom:22px;}
.pg-about .why-na-col h3{font-family:var(--serif);font-weight:400;margin-bottom:8px;}
.pg-about .why-na-col p{font-size:18px;line-height:1.62;color:var(--on-dark-muted);}
.pg-about .acol{background:var(--light);padding:104px 0 110px;}
.pg-about .acol-head{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:start;margin-bottom:64px;}
.pg-about .acol-head h2{font-size:clamp(30px,4vw,48px);margin-top:16px;}
.pg-about .acol-head .lead{font-size:16.5px;line-height:1.5;color:var(--dark);padding-top:36px;}
.pg-about .acol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:74px;}
.pg-about .acol-card{text-align:center;}
.pg-about .acol-card img{width:100%; aspect-ratio: 4/5; object-fit:cover;margin-bottom:26px;}

.pg-about .acol-card h3 {
    font-family: var(--sans);
    font-weight: 500;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
}

.pg-about .acol-card p {
    color: #33343d;
    max-width: 250px;
    margin: 0 auto 20px;
}
.pg-about .acol-link{font-size:12.5px;font-weight:500;text-transform:uppercase;color:var(--dark);display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--dark);padding-bottom:3px;}
.pg-about .acol-link::after{content:'›';font-size:16px;line-height:1;}
.pg-about .aocc{background:var(--dark);color:var(--white);padding:104px 0 96px;}
.pg-about .aocc-head{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:start;margin-bottom:64px;}
.pg-about .aocc-head h2{font-size:clamp(30px,4vw,48px);margin-top:22px;}
.pg-about .aocc-head .lead{line-height:1.5;padding-top:34px;}
.pg-about .aocc-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:54px 58px;margin-bottom:74px;}
.pg-about .aocc-card{position:relative;overflow:hidden;}
.pg-about .aocc-card img{width:100%;height:100%;object-fit:cover; aspect-ratio: 1;}
.pg-about .aocc-card.short img{height:648px;}
.pg-about .aocc-card.tall img{height:748px;}
.pg-about .aocc-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,26,35,0) 55%,rgba(24,26,35,.86) 100%);}
.pg-about .aocc-cap{position:absolute;left:0;right:0;bottom:36px;z-index:2;text-align:center;padding:0 24px;}
.pg-about .aocc-cap h3{font-family:var(--sans);font-weight:500;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.pg-about .aocc-cap p{color:var(--white);max-width:460px;margin:0 auto;}
.pg-about .aocc-cta{text-align:center;}

.pg-about .promise{background:var(--dark);color:var(--white);padding:104px 0;text-align:center;}
.pg-about .promise h2{font-size:clamp(34px,4.6vw,56px);margin-bottom:16px;}
.pg-about .promise .sub{font-size:19px;font-weight:300;margin-bottom:64px;}
.pg-about .promise-wrap{position:relative;max-width:1060px;margin:0 auto 64px;}
.pg-about .promise-grid{display:block;}
.pg-about .promise-grid .slick-track{display:flex;align-items:center;}
.pg-about .promise-grid .slick-slide{box-sizing:border-box;height:auto;padding:0 13px;}
.pg-about .p-card{background:var(--card-grey);border-radius:12px;overflow:hidden;color:var(--dark);transform:scale(1);transition:transform .4s ease;}
.pg-about .p-card img{width:100%;height:280px;object-fit:cover;}
.pg-about .slick-center .p-card{
    position: relative;
    z-index: 2;
    transform: scale(1.08);
}
.pg-about .p-card.center img{height:330px;}
.pg-about .p-card-body{padding:22px 20px 26px;}
.pg-about .p-card h3{font-family:var(--sans);font-size:18px;text-transform:uppercase;font-weight:600;margin-bottom:8px;}
.pg-about .p-card p{font-size:17px;color:#3c3d46;line-height:1.55;}

.pg-about .p-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--white);
    color: var(--dark);
    border: none;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
    z-index: 9;
}
.pg-about .p-arrow.prev{left:-64px;}
.pg-about .p-arrow.next{right:-64px;}

@media (max-width:1100px){
    .pg-about .p-arrow.prev{left:-10px;}
    .pg-about .p-arrow.next{right:-10px;}
}

@media (max-width:1024px){
    .pg-about .promise-grid{max-width:480px;margin:0 auto;}
    .pg-about .p-card.center img{height:280px;}
}

.pg-about .located{background:var(--dark);color:var(--white);padding:104px 0;}
.pg-about .located-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center;}
.pg-about .located-copy h2{font-size:clamp(30px,4vw,48px);margin:20px 0 30px;}
.pg-about .located-copy .studio{font-family:var(--serif);font-size:19px;margin-bottom:22px;}
.pg-about .located-copy p{line-height:1.72;color:var(--on-dark-muted);margin-bottom:22px;max-width:540px;}
.pg-about .located-copy .strongline{font-weight:600;color:var(--white);margin-bottom:40px;}
.pg-about .located-actions{display:flex;gap:20px;flex-wrap:wrap;}
.pg-about .located-map img{width:100%;max-width:520px;height:auto;object-fit:cover;margin-left:auto;}
@media (max-width:1100px){
    .pg-about .p-arrow.prev{left:-10px;}
    .pg-about .p-arrow.next{right:-10px;}
}
@media (max-width:1024px){
    .pg-about .hero{min-height:calc(100vh - 100px);padding:130px 20px 70px;}
    .pg-about .craft-grid,.pg-about .located-grid{grid-template-columns:1fr;gap:44px;}
    .pg-about .why-na-head,.pg-about .acol-head,.pg-about .aocc-head{grid-template-columns:1fr;gap:16px;}
    .pg-about .why-na-head .lead,.pg-about .acol-head .lead,.pg-about .aocc-head .lead{padding-top:0;}
    .pg-about .why-na-grid{grid-template-columns:repeat(2,1fr);}
    .pg-about .why-na-col{border-left:none;border-top:1px solid rgba(207,165,43,.30);padding:28px 18px 8px 0;}
    .pg-about .why-na-col:first-child,.pg-about .why-na-col:nth-child(2){border-top:none;}
    .pg-about .acol-grid{grid-template-columns:1fr;gap:56px;max-width:480px;margin:0 auto;}
    .pg-about .aocc-grid{grid-template-columns:1fr;gap:44px;}
    .pg-about .aocc-card.tall img,.pg-about .aocc-card.short img{height:540px;}
    .pg-about .promise-grid{max-width:480px;margin:0 auto;}
    .pg-about .p-card.center img{height:280px;}
    .pg-about .located-map img{margin:0 auto;}
}
@media (max-width:640px){
    .pg-about .why-na-grid{grid-template-columns:1fr;}
    .pg-about .why-na-col{border-top:1px solid rgba(207,165,43,.30);padding:26px 0 8px;}
    .pg-about .why-na-col:nth-child(2){border-top:1px solid rgba(207,165,43,.30);}
    .pg-about .aocc-card.tall img,.pg-about .aocc-card.short img{height:440px;}
    .pg-about .aocc-cta .btn{width:100%;font-size:15px;}
    .pg-about .located-actions .btn{width:100%;}
}

/* ============================================================
   occasion.html  (body.pg-occasion)
   ============================================================ */
.pg-occasion .btn-outline-dark{color:var(--dark);border-color:var(--dark);background:transparent;}
.pg-occasion .btn-outline-dark:hover{background:var(--dark);color:var(--white);}
.pg-occasion .hero{position:relative;min-height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--white);padding:150px 24px 90px;overflow:hidden;}
.pg-occasion .hero-bg{position:absolute;inset:0;background:url('occasion-hero.jpg') center/cover no-repeat;}
.pg-occasion .hero-bg::after{content:'';position:absolute;inset:0;background:rgba(24,26,35,.50);}
.pg-occasion .hero-inner{position:relative;z-index:2;max-width:900px;}
.pg-occasion .hero h1{font-size:clamp(42px,5.4vw,72px);margin-bottom:26px;}
.pg-occasion .hero p{line-height:1.55;max-width:700px;margin:0 auto 44px;}
.pg-occasion .hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.pg-occasion .hero-actions .btn{min-width:225px;}
.pg-occasion .story{background:var(--dark);color:var(--white);}
.pg-occasion .story-grid{display:grid;grid-template-columns:55.4% 44.6%;align-items:stretch;}
.pg-occasion .story-copy{display:flex;flex-direction:column;justify-content:center;padding:90px 60px 90px max(40px,calc((100vw - 1240px)/2 + 40px));}
.pg-occasion .story-copy p{color:var(--on-dark-muted);margin-bottom:22px;max-width:520px;}
.pg-occasion .story-copy p strong{color:var(--white);font-weight:500;}
.pg-occasion .story-copy .btn{align-self:flex-start;margin-top:16px;}
.pg-occasion .story-photo img{width:100%;height:100%;object-fit:cover;}
.pg-occasion .occasion-intro{background:var(--light);text-align:center;padding:96px 24px 90px;}
.pg-occasion .occasion-intro h2{font-size:clamp(28px,3.2vw,39px);font-family:var(--sans);font-weight:300;line-height:1.4;margin-bottom:20px;}
.pg-occasion .occasion-intro h2 strong{font-weight:600;}
.pg-occasion .occasion-block{background:var(--grey-section);}
.pg-occasion .occasion-row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.pg-occasion .occasion-photo img{width:100%;height:100%;min-height:520px;object-fit:cover;}
.pg-occasion .occasion-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 50px;}
.pg-occasion .occasion-copy h3{font-size:clamp(38px,4.6vw,60px);margin-bottom:24px;}
.pg-occasion .occasion-copy p{color:#4a4b55;max-width:420px;margin-bottom:40px;}
.pg-occasion .occasion-more{background:var(--light);text-align:center;padding:70px 24px;}
.pg-occasion .occasion-more .btn{min-width:258px;padding:16px 34px;}
.pg-occasion .book-cta{background:var(--dark);color:var(--white);text-align:center;padding:118px 24px 112px;}
.pg-occasion .book-cta .kicker{display:block;color:var(--gold);text-transform:uppercase;margin-bottom:60px;}
.pg-occasion .book-cta h2{font-size:clamp(34px,4.8vw,58px);margin-bottom:60px;}


.pg-occasion .aocc{color:var(--dark);padding:104px 0 96px; padding-top: 0px;}
.pg-occasion .aocc-head {margin-bottom:64px;}

.pg-occasion .aocc-head-alt {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pg-occasion .aocc-head h2{font-size:clamp(30px,4vw,48px);margin-top:10px; margin-bottom: 10px; text-align: center;}
.pg-occasion .aocc-head .lead{line-height:1.5;font-size: 28px;}
.pg-occasion .aocc-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:54px 58px;margin-bottom:74px;}
.pg-occasion .aocc-card{position:relative;overflow:hidden;}
.pg-occasion .aocc-card img{width:100%;height:100%;object-fit:cover; aspect-ratio: 1;}
.pg-occasion .aocc-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,26,35,0) 55%,rgba(24,26,35,.86) 100%);}
.pg-occasion .aocc-cap{position:absolute;left:0;right:0;bottom:36px;z-index:2;text-align:center;padding:0 24px;}
.pg-occasion .aocc-cap h3{font-family:var(--sans);font-weight:500;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.pg-occasion .aocc-cap p{color:var(--white);max-width:460px;margin:0 auto; line-height: 1;}
.pg-occasion .aocc-cta{text-align:center;}

@media (max-width:1024px){
    .pg-occasion .hero{min-height:calc(100vh - 100px);padding:130px 20px 70px;}
    .pg-occasion .story-grid{grid-template-columns:1fr;}
    .pg-occasion .story-copy{padding:70px 40px;}
    .pg-occasion .story-photo img{height:auto;min-height:0;}
    .pg-occasion .occasion-row{grid-template-columns:1fr;}
    .pg-occasion .occasion-row .occasion-photo{order:0;}
    .pg-occasion .occasion-row .occasion-copy{order:1;padding:64px 28px;}
    .pg-occasion .occasion-photo img{min-height:0;height:auto;}
    .pg-occasion .aocc-head .lead{font-size:20px;}
    .pg-occasion .aocc-grid{grid-template-columns:1fr 1fr;gap:40px 30px;}
}
@media (max-width:640px){
    .pg-occasion .hero-actions .btn{width:100%;}
    .pg-occasion .occasion-more .btn{width:100%;min-width:0;}
    .pg-occasion .aocc-grid{grid-template-columns:1fr;gap:30px;}
}

/* ============================================================
   our-process.html  (body.pg-process)
   ============================================================ */
.pg-process .btn-dark{background:var(--dark);color:var(--white);border-color:var(--dark);}
.pg-process .btn-dark:hover{background:transparent;color:var(--dark);}
.pg-process .hero{position:relative;min-height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--white);padding:150px 24px 40px;overflow:hidden;}
.pg-process .hero-bg{position:absolute;inset:0;background:url('process-hero.jpg') center/cover no-repeat;}
.pg-process .hero-bg::after{content:'';position:absolute;inset:0;background:rgba(24,26,35,.50);}
.pg-process .hero-inner{position:relative;z-index:2;max-width:940px;}
.pg-process .hero h1{font-size:clamp(40px,5.2vw,68px);margin-bottom:26px;}
.pg-process .hero p{line-height:1.6;max-width:820px;margin:0 auto 40px;}
.pg-process .hero .btn{min-width:250px;}
.pg-process .hero-trust{position:relative;z-index:2;color:var(--gold);font-weight:500;padding:56px 16px 20px;text-align:center;}
.pg-process .hero-trust .sep{margin:0 16px;}
.pg-process .hero .scroll-indicator{position:relative;left:auto;bottom:auto;transform:none;margin-top:10px;}
.pg-process .address-bar{background:var(--dark);color:rgba(255,255,255,.92);text-align:center;padding:17px 24px;}
.pg-process .address-bar .sep{margin:0 12px;opacity:.6;}
.pg-process .steps{background:var(--light);padding:96px 0 0;}
.pg-process .step{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:96px;}
.pg-process .step-copy .num{font-family:var(--serif);font-size:clamp(34px,3.6vw,54px);color:var(--gold);margin-bottom:26px;}
.pg-process .step-copy h2{font-size:clamp(26px,2.9vw,34px);margin-bottom:28px;}
.gold-line {
    height: 15px;
    border-top: 2px solid var(--gold);
    width: 200px;
}
.pg-process .step-copy p{line-height:1.7;color:#33343d;max-width:420px;margin-bottom:26px;}
.pg-process .step-copy .visit-link{font-size: 16px; display:inline-block;font-weight:500;text-transform:uppercase;color:var(--dark);border-bottom:1px solid var(--dark);padding-bottom:4px;}
.pg-process .step-photo img{width:100%;height:auto;object-fit:cover;}
.pg-process .step.photo-left .step-photo{order:1;}
.pg-process .step.photo-left .step-copy{order:2;justify-self:start;}
.pg-process .step.photo-left .step-copy{padding-left:60px;}
.pg-process .steps-cta{text-align:center;padding:20px 24px 110px;}
.pg-process .plan{background:var(--dark);color:var(--white);text-align:center;padding:112px 24px 108px;}
.pg-process .plan .kicker{display:block;color:var(--gold);text-transform:uppercase;margin-bottom:56px;}
.pg-process .plan h2{font-size:clamp(32px,4.6vw,56px);margin-bottom:38px;}
.pg-process .plan p{line-height:1.7;max-width:620px;margin:0 auto 52px;color:rgba(255,255,255,.92);}
.pg-process .whyproc{background:var(--light);text-align:center;padding:108px 0 116px;}
.pg-process .whyproc .kicker{display:block;color:var(--gold);text-transform:uppercase;margin-bottom:56px;}
.pg-process .whyproc h2{font-size:clamp(32px,4.6vw,56px);margin-bottom:38px;}
.pg-process .whyproc .lead{line-height:1.7;max-width:900px;margin:0 auto 84px;color:#33343d;}
.pg-process .whyproc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:26px;}
.pg-process .wp-col .icon{width:64px;height:64px;border-radius:50%;background:var(--dark);margin:0 auto 22px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.pg-process .wp-col .icon img{width:60%;height:60%;object-fit:contain;mix-blend-mode:screen;}
.pg-process .wp-col h3{font-family:var(--sans);margin-bottom:10px;font-size: 19px;}
.pg-process .wp-col p{line-height:1.6;color:#4a4b55; font-size: 18px;}
.pg-process .begin{background:var(--dark);color:var(--white);text-align:center;padding:112px 24px 108px;}
.pg-process .begin .kicker{display:block;color:var(--gold);text-transform:uppercase;margin-bottom:56px;}
.pg-process .begin h2{font-size:clamp(32px,4.6vw,56px);margin-bottom:38px;}
.pg-process .begin p{line-height:1.7;max-width:620px;margin:0 auto 52px;color:rgba(255,255,255,.92);}

.pg-process .promise{background:var(--dark);color:var(--white);padding:104px 0;text-align:center;}
.pg-process .promise h2{font-size:clamp(34px,4.6vw,56px);margin-bottom:16px;}
.pg-process .promise .sub{font-size:19px;font-weight:300;margin-bottom:64px;}
.pg-process .promise-wrap{position:relative;max-width:1060px;margin:0 auto 64px;}
.pg-process .promise-grid{display:block;}
.pg-process .promise-grid .slick-track{display:flex;align-items:center;}
.pg-process .promise-grid .slick-slide{box-sizing:border-box;height:auto;padding:20px 13px;}
.pg-process .p-card{background:var(--card-grey);border-radius:12px;overflow:hidden;color:var(--dark);transform:scale(1);transition:transform .4s ease;}
.pg-process .p-card img{width:100%;height:280px;object-fit:cover;}
.pg-process .slick-center .p-card{
    position: relative;
    z-index: 2;
    transform: scale(1.08);
}
.pg-process .p-card.center img{height:330px;}
.pg-process .p-card-body{padding:22px 20px 26px;}
.pg-process .p-card h3{font-family:var(--sans);font-size:18px;text-transform:uppercase;font-weight:600;margin-bottom:8px;}
.pg-process .p-card p{font-size:17px;color:#3c3d46;line-height:1.55;}

.pg-process .p-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--white);
    color: var(--dark);
    border: none;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
    z-index: 9;
}
.pg-process .p-arrow.prev{left:-64px;}
.pg-process .p-arrow.next{right:-64px;}

@media (max-width:1100px){
    .pg-process .p-arrow.prev{left:-10px;}
    .pg-process .p-arrow.next{right:-10px;}
}

@media (max-width:1024px){
    .pg-process .promise-grid{max-width:480px;margin:0 auto;}
    .pg-process .p-card.center img{height:280px;}
}

@media (max-width:1024px){
    .pg-process .hero{min-height:calc(100vh - 100px);padding:130px 20px 30px;}
    .pg-process .step{grid-template-columns:1fr;gap:36px;margin-bottom:80px;}
    .pg-process .step.photo-left .step-photo{order:0;}
    .pg-process .step.photo-left .step-copy{order:1;padding-left:0;}
    .pg-process .whyproc-grid{grid-template-columns:repeat(3,1fr);gap:40px 26px;}
}
@media (max-width:640px){
    .pg-process .hero-trust{font-size:17px;}
    .pg-process .hero-trust .sep{margin:0 8px;}
    .pg-process .address-bar{font-size:15px;line-height:1.8;}
    .pg-process .address-bar .sep{display:block;visibility:hidden;height:0;margin:0;}
    .pg-process .whyproc-grid{grid-template-columns:repeat(2,1fr);}
}
/* ============================================================
   GLOBAL — sticky contact bar (all pages)
   ------------------------------------------------------------
   Conversion bar: always visible, not dismissable. LINE targets
   Thai / Asian visitors (default chat app in Thailand), WhatsApp
   targets Western tourists planning a Bangkok visit.
   DEV: replace the LINE id (@newarmanibkk) with the studio's
   real LINE Official Account id, and adjust the WhatsApp
   prefilled message if the sales team prefers different wording.
   ============================================================ */
body[class^="pg-"]{padding-bottom:60px;}
.contact-bar{position:fixed;left:0;right:0;bottom:0;z-index:500;background:#14161e;border-top:2px solid #CFA52B;display:flex;align-items:center;justify-content:center;gap:18px;padding:9px 16px;box-shadow:0 -6px 18px rgba(0,0,0,.25);}
.contact-bar .cb-text{color:#fff;font-family:'Jost','Helvetica Neue',Arial,sans-serif;font-weight:300;}
.contact-bar .cb-text strong{font-weight:500;}
.contact-bar .cb-text .cb-short{display:none;}
.cb-btn{display:inline-flex;align-items:center;gap:8px;font-family:'Jost','Helvetica Neue',Arial,sans-serif;font-weight:500;color:#fff;padding:8px 18px;border-radius:999px;transition:transform .2s ease, box-shadow .2s ease;white-space:nowrap;}
.cb-btn svg{width:15px;height:15px;flex-shrink:0;}
.cb-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.35);}
.cb-line{background:#06C755;}
.cb-whatsapp{background:#25D366;}
@media (max-width:720px){
    body[class^="pg-"]{padding-bottom:56px;}
    .contact-bar{gap:10px;padding:8px 10px;}
    .contact-bar .cb-text{font-size:12.5px;}
    .contact-bar .cb-text .cb-long{display:none;}
    .contact-bar .cb-text .cb-short{display:inline;}
    .cb-btn{padding:7px 14px;font-size:12.5px;}
}
@media (max-width:360px){
    .contact-bar .cb-text{display:none;}
}



/*
=====================================
CUSTOM CLASSES
=====================================
 */
/* ============================================================
   NEWAR -- INDEPENDENT COMPONENT CLASSES
   No body class dependency. Uses design tokens from :root.
   ============================================================ */

/* ---- STITCH DIVIDER ---- */
.newar-stitch {
    height: 26px;
    background: url('stitch-strip.png') repeat-x center/auto 26px;
}

/* ---- READY / CTA SECTION ---- */
.newar-ready {
    background: var(--dark, #181A23);
    color: var(--white, #FFFFFF);
    text-align: center;
    padding: 170px 24px 168px;
}

.newar-ready-inner {
    max-width: 800px;
    margin: 0 auto;
}

.newar-ready-title {
    font-family: var(--serif, 'Prata', Georgia, serif);
    font-size: clamp(32px, 4.4vw, 52px);
    font-weight: 400;
    line-height: 1.16;
    margin-bottom: 30px;
    color: var(--white, #FFFFFF);
}

.newar-ready-sub {
    line-height: 1.55;
    max-width: 600px;
    margin: 0 auto 62px;
    color: rgba(255, 255, 255, 0.92);
    font-family: var(--sans, 'Jost', 'Helvetica Neue', Arial, sans-serif);
    font-weight: 300;
}

.newar-ready-actions {
    display: flex;
    gap: 22px;
    justify-content: center;
    flex-wrap: wrap;
}

/* ---- BUTTONS ---- */
.newar-btn {
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
    padding: 14px 30px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .25s ease;
    text-align: center;
    background: transparent;
    min-width: 212px;
}

.newar-btn-light {
    background: var(--light, #F5F5F5);
    color: var(--dark, #181A23);
    border-color: var(--light, #F5F5F5);
}

.newar-btn-light:hover {
    background: transparent;
    color: var(--white, #FFFFFF);
    border-color: var(--white, #FFFFFF);
}

.newar-btn-outline-light {
    color: var(--white, #FFFFFF);
    border-color: var(--white, #FFFFFF);
}

.newar-btn-outline-light:hover {
    background: var(--white, #FFFFFF);
    color: var(--dark, #181A23);
}

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) {
    .newar-ready {
        padding: 120px 24px;
    }
}

@media (max-width: 640px) {
    .newar-ready {
        padding: 80px 20px;
    }

    .newar-ready-actions {
        flex-direction: column;
        align-items: center;
    }

    .newar-ready-actions .newar-btn {
        width: 100%;
        min-width: 0;
        max-width: 320px;
    }
}

/* ============================================================
   single-suit.php  (.suit-single)  -- reuses the global --dark,
   --light, --gold, --white, --on-dark-muted, --rule vars above
   ============================================================ */
.suit-single{font-family:var(--sans);font-weight:300;background:var(--light);color:var(--dark);line-height:1.65;padding:40px 0 60px;}
.suit-single img{display:block;max-width:100%;}
.suit-single a{text-decoration:none;color:inherit;}
.suit-single h1,.suit-single h2,.suit-single h3{font-family:var(--sans);font-weight:400;line-height:1.16;}
.suit-single .container{
    padding: 0 80px;
    max-width: 100%;
}

.suit-single .breadcrumb{text-transform:uppercase;margin-bottom:24px;padding-top:10px; font-size: 18px}
.suit-single .breadcrumb a{color:var(--dark);transition:opacity .2s;}
.suit-single .breadcrumb a:hover{opacity:.6;}
.suit-single .breadcrumb .sep{margin:0 10px;color:#b7b8bd;}
.suit-single .breadcrumb .current{color:var(--gold);}
.suit-single .product-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:20px;}

.suit-single .product-gallery{display:flex;align-items:flex-start;gap:16px;}
.suit-single .gallery-main{position:relative;overflow:hidden;background:var(--white);box-shadow:0 4px 20px rgba(0,0,0,.06);order:2;flex:1;min-width:0;}
.suit-single .gallery-main img{width:100%;object-fit:cover;height: auto;}
.suit-single .gallery-thumbs{order:1;display:flex;flex-direction:column;gap:12px;width:100px;flex-shrink:0;}
.suit-single .gallery-thumbs img{width:100%;aspect-ratio: 1/1; object-fit:cover;cursor:pointer;border:2px solid transparent;transition:border-color .25s;}
.suit-single .gallery-thumbs img:hover,.suit-single .gallery-thumbs img.active{border-color:var(--gold);}

.suit-single .product-info h1{margin-bottom:24px; font-size: 54px;}
@media (max-width:640px) {
    .suit-single .product-info h1{font-size: 44px;}
}
.suit-single .product-info .suit-category{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:20px;display:block;}
.suit-single .product-info .description{line-height:1.7;color:#33343d;margin-bottom:32px;}

.suit-single .attributes {
    border-top: 1px solid var(--rule);
    padding-top: 28px;
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
}

.suit-single .attributes h3 {
    font-family: var(--sans);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: var(--dark);
}

.suit-single .attr-item {
    padding: 20px;
    border: 1px solid var(--rule);
}

.suit-single .attr-label {
    font-weight: 500;
    font-size: 20px;
    color: var(--dark);
}

.suit-single .attr-value {
    font-size: 20px;
    color: #4a4b55;
}

.suit-single .attr-value strong {
    color: var(--dark);
    font-weight: 500;
}

.suit-single .product-cta{margin-top:36px;display:flex;gap:16px;flex-wrap:wrap;}
.suit-single .product-cta .btn{min-width:200px;}
.suit-single .product-cta .btn-outline-dark{min-width:auto;}

@media (max-width: 1024px) {
    .suit-single .product-layout{grid-template-columns:1fr;gap:40px;}
    .suit-single .gallery-main img{height:480px;}
    .suit-single .gallery-thumbs{width:80px;}
}

@media (max-width: 640px) {
    .suit-single{padding:20px 0 40px;}
    .suit-single .container{padding:0 16px;}
    .suit-single .product-layout{gap:28px;}
    .suit-single .gallery-main img{height:360px;}
    .suit-single .product-gallery{flex-direction:column;}
    .suit-single .gallery-main{order:1;}
    .suit-single .gallery-thumbs{order:2;flex-direction:row;width:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
    .suit-single .attr-item{grid-template-columns:1fr;gap:4px;padding:10px 0;}
    .suit-single .product-cta .btn{width:100%;min-width:0;}
    .suit-single .breadcrumb{font-size:15px;}
}
.suit-single .page-title-flush{margin-bottom:0;}

/* ============================================================
   shared small helpers (moved from inline style attributes)
   ============================================================ */
.empty-grid-msg{grid-column:1/-1;text-align:center;color:#6b6c75;}
.acf-empty-notice{padding:40px 20px;text-align:center;background:#f8f9fa;}
.hiw-spacer.hiw-spacer-lg{height:138px;}
.story-copy h1{font-size:80px;}

@media (max-width:1024px){
    .story-copy h1{
        font-size:60px;
    }
}
@media (max-width:640px){
    .story-copy h1{
        font-size:40px;
    }
}

.located-map iframe{border:0;}
.cat-explore-grid{display:flex;flex-direction:row;width:100%;}
.cat-explore-grid .left{width:42%;}
.cat-explore-grid .right{width:58%;}
.cat-explore-grid .right-row{display:flex;flex-direction:row;}

@media (max-width:640px){
    .cat-explore-grid{flex-direction:column;}
    .cat-explore-grid .left{width:100%;}
    .cat-explore-grid .right{width:100%;}
}

/* ============================================================
   contact-page.html  (body.pg-contact)
   ============================================================ */
.pg-contact .contact-page{padding-top:68px;background:var(--light);}
.pg-contact .contact-intro{text-align:center;margin-bottom:54px;}
.pg-contact .contact-intro h1{font-size:clamp(42px,5.6vw,64px);margin-bottom:8px;}
.pg-contact .contact-intro p{color:#666871;}
.pg-contact .contact-main{display:grid;grid-template-columns:1fr .91fr;gap:64px;align-items:start;}
.pg-contact .contact-form{display:flex;flex-direction:column;gap:13px;}
.pg-contact .contact-form label{color:#5d5e65;font-weight:300;}
.pg-contact .contact-form input,.pg-contact .contact-form textarea{display:block;width:100%;margin-top:7px;border:0;background:#e9e9ea;color:var(--dark);font-family:var(--sans);font-weight:300;font-size:22px;padding:15px 14px;outline:none;}
.pg-contact .contact-form input{height:50px;}
.pg-contact .contact-form textarea{height:180px;resize:vertical;min-height:150px;}
.pg-contact .contact-form input:focus,.pg-contact .contact-form textarea:focus{box-shadow:0 0 0 1px #8d8f96 inset;}
.pg-contact .contact-submit{border:0;background:var(--dark);color:#fff;height:48px;margin-top:24px;font-family:var(--sans);text-transform:uppercase;font-weight:300;cursor:pointer;transition:background .2s;}
.pg-contact .contact-submit:hover{background:#2b2d37;}
.pg-contact .contact-map{display:block;background:#ececec;overflow:hidden;}
.pg-contact .contact-map img{width:100%;height:482px;object-fit:cover;}
.pg-contact .contact-map iframe{border:0;}
.pg-contact .contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:74px;margin-bottom:132px;}
.pg-contact .contact-card{min-height:122px;border:1px solid #dedee1;display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center;padding:24px 22px;background:#f7f7f7;}
.pg-contact .contact-icon{font-family:Arial,sans-serif;font-size:37px;line-height:1;text-align:center;font-weight:500;}
.pg-contact .contact-icon.social-f{font-size:45px;font-family:Arial,sans-serif;font-weight:700;}
.pg-contact .contact-icon.wa{display:flex;align-items:center;justify-content:center;color:#000;}
.pg-contact .contact-icon.wa svg{width:42px;height:42px;}
.pg-contact .contact-icon.line-icon{display:flex;align-items:center;justify-content:center;background:var(--dark);color:#fff;border-radius:50%;width:48px;height:48px;font-weight:600;font-size:13px;}
.pg-contact .contact-card h2{font-family:var(--sans);font-size:22px;font-weight:600;margin-bottom:1px;}
.pg-contact .contact-card p{color:#707178;line-height:1.35;min-height:30px;}
.pg-contact .contact-card a{display:inline-block;border:1px solid #777982;min-width:92px;text-align:center;padding:5px 10px;margin-top:7px;text-transform:uppercase;transition:.2s;}
.pg-contact .contact-card a:hover{background:var(--dark);color:#fff;border-color:var(--dark);}

/* ============================================================
   fabrics-page.html  (body.pg-fabric)
   ============================================================ */
.pg-fabric .fabric-page{background:#f8f8f8;}
.pg-fabric .fabric-intro{text-align:center;padding-top:54px;padding-bottom:28px;}
.pg-fabric .fabric-intro h1{font-size:clamp(32px,4.2vw,52px);margin-bottom:7px;}
.pg-fabric .fabric-intro p{color:#76777e;}
.pg-fabric .fabric-intro strong{font-weight:600;color:#45464d;}
.pg-fabric .fabric-brands{margin-bottom:54px;}
.pg-fabric .fabric-row-wrap{position:relative;width:100%;overflow:hidden;}
.pg-fabric .brand-row,.pg-fabric .fabric-row{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;}
.pg-fabric .brand-row::-webkit-scrollbar,.pg-fabric .fabric-row::-webkit-scrollbar{display:none;}
.pg-fabric .brand-card,.pg-fabric .fabric-card{flex:0 0 25%;min-width:0;text-align:center;background:#f8f8f8;}
.pg-fabric .brand-image,.pg-fabric .fabric-image{position:relative;overflow:hidden;background:#222;}
.pg-fabric .brand-image{height:285px;}
.pg-fabric .fabric-image{height:292px;}
.pg-fabric .brand-image img,.pg-fabric .fabric-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.pg-fabric .brand-card:hover img,.pg-fabric .fabric-card:hover img{transform:scale(1.035);}
.pg-fabric .brand-image::after,.pg-fabric .fabric-image::after{content:'';position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(0,0,0,.42));pointer-events:none;}
.pg-fabric .brand-image span,.pg-fabric .fabric-image span{position:absolute;z-index:2;left:0;right:0;bottom:15px;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.05em;}
.pg-fabric .brand-card h2{font-family:var(--sans);font-size:22px;font-weight:500;padding:12px 8px 0;}
.pg-fabric .fabric-section{padding:15px 0 55px;}
.pg-fabric .fabric-section-head{text-align:center;padding:0 24px 30px;}
.pg-fabric .fabric-section-head h2{font-size:clamp(31px,3.2vw,44px);margin-bottom:6px;}
.pg-fabric .fabric-section-head p{color:#777880;}
.pg-fabric .fabric-card h3{font-family:var(--sans);font-size:22px;font-weight:600;margin:12px 12px 2px;}
.pg-fabric .fabric-card p{font-size:18px;line-height:1.25;color:#777880;padding:0 18px;max-width:250px;margin:0 auto;}
.pg-fabric .fabric-arrow{position:absolute;z-index:5;top:42%;transform:translateY(-50%);background:rgba(24,26,35,.2);border:0;color:#fff;width:30px;height:50px;font-size:28px;cursor:pointer;transition:background .2s;}
.pg-fabric .fabric-arrow:hover{background:rgba(24,26,35,.55);}
.pg-fabric .fabric-arrow.prev{left:0;}
.pg-fabric .fabric-arrow.next{right:0;}
.pg-fabric .fabric-faq{padding:70px 0 90px;}

/* ============================================================
   lookbook-page.php  (body.pg-wedding)
   ============================================================ */
.pg-wedding .wedding-page{background:#f8f8f8;padding:54px 0 85px;}
.pg-wedding .lookbook-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:46px;}
.pg-wedding .lookbook-filter{font-size:14px;text-transform:uppercase;font-weight:400;letter-spacing:.02em;}
.pg-wedding .lookbook-filter span{display:inline-block;font-size:24px;margin-left:12px;transform:translateY(-1px);}
.pg-wedding .lookbook-view{display:flex;gap:11px;align-items:center;}
.pg-wedding .view-btn{border:0;background:transparent;color:#a6a7ac;font-size:24px;line-height:1;cursor:pointer;padding:3px;}
.pg-wedding .view-btn.active{color:var(--dark);}
.pg-wedding .lookbook-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:start;}
.pg-wedding .lookbook-column{display:flex;flex-direction:column;gap:13px;}
.pg-wedding .lookbook-column figure{overflow:hidden;background:#eee;}
.pg-wedding .lookbook-column img{width:100%;height:auto;transition:transform .45s ease;}
.pg-wedding .lookbook-column figure:hover img{transform:scale(1.015);}
.pg-wedding .lookbook-column .portrait-tall{height:760px;}
.pg-wedding .lookbook-column .portrait-tall img{height:100%;object-fit:cover;object-position:center;}
.pg-wedding .lookbook-gallery.grid-view{grid-template-columns:repeat(4,1fr);gap:12px;}
.pg-wedding .lookbook-gallery.grid-view .lookbook-column{display:contents;}
.pg-wedding .lookbook-gallery.grid-view figure{height:auto;aspect-ratio:4/5;}
.pg-wedding .lookbook-gallery.grid-view figure img{width:100%;height:100%;object-fit:cover;}

/* lookbook occasion dropdown */
.pg-wedding .lookbook-dropdown{position:relative;z-index:20;}
.pg-wedding .lookbook-dropdown summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;text-transform:uppercase;font-weight:400;letter-spacing:.02em;user-select:none;}
.pg-wedding .lookbook-dropdown summary::-webkit-details-marker{display:none;}
.pg-wedding .lookbook-dropdown summary span{display:inline-block;line-height:1;transition:transform .2s ease;transform:translateY(-1px);}
.pg-wedding .lookbook-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:190px;padding:8px;background:#fff;border:1px solid #dedee2;box-shadow:0 14px 30px rgba(20,21,27,.12);}
.pg-wedding .lookbook-menu a{display:block;padding:10px 12px;color:#181a23;font-size:12px;line-height:1.25;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;transition:background .18s ease,color .18s ease;}
.pg-wedding .lookbook-menu a:hover,.pg-wedding .lookbook-menu a.active{background:#181a23;color:#fff;}
@media (max-width:640px){.pg-wedding .lookbook-menu{min-width:175px;}}

/* shared responsive rules: contact-page.html / fabrics-page.html / wedding page (pg-contact, pg-fabric, pg-wedding) */
@media (max-width:1024px){
    .pg-contact .nav-links,.pg-fabric .nav-links,.pg-wedding .nav-links{display:none;}
    .pg-contact .nav,.pg-fabric .nav,.pg-wedding .nav{grid-template-columns:auto 1fr auto;padding:0 24px;}
    .pg-contact .brand,.pg-fabric .brand,.pg-wedding .brand{justify-self:start;}
    .pg-contact .nav-toggle,.pg-fabric .nav-toggle,.pg-wedding .nav-toggle{display:block;justify-self:end;}
    .pg-contact .contact-main{grid-template-columns:1fr;gap:40px;}
    .pg-contact .contact-map img{height:auto;aspect-ratio:1/1;}
    .pg-contact .contact-cards{grid-template-columns:repeat(2,1fr);}
    .pg-fabric .brand-card,.pg-fabric .fabric-card{flex-basis:50%;}
    .pg-wedding .lookbook-gallery{gap:10px;}
    .pg-wedding .lookbook-column{gap:10px;}
    .pg-wedding .lookbook-column .portrait-tall{height:auto;}
    .pg-wedding .lookbook-column .portrait-tall img{height:auto;}
    .pg-contact .footer-grid,.pg-fabric .footer-grid,.pg-wedding .footer-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
    .pg-contact .container,.pg-fabric .container,.pg-wedding .container{padding-left:20px;padding-right:20px;}
    .pg-contact .contact-page{padding-top:46px;}
    .pg-contact .contact-intro{margin-bottom:36px;}
    .pg-contact .contact-main{gap:30px;}
    .pg-contact .contact-cards{grid-template-columns:1fr;gap:14px;margin-top:46px;margin-bottom:76px;}
    .pg-contact .contact-card{min-height:108px;}
    .pg-fabric .fabric-intro{padding-top:38px;}
    .pg-fabric .brand-card,.pg-fabric .fabric-card{flex-basis:82%;}
    .pg-fabric .brand-image,.pg-fabric .fabric-image{height:260px;}
    .pg-fabric .fabric-faq{padding-top:45px;}
    .pg-fabric .faq-head p{font-size:18px;}
    .pg-wedding .wedding-page{padding-top:35px;}
    .pg-wedding .lookbook-toolbar{margin-bottom:28px;}
    .pg-wedding .lookbook-gallery{grid-template-columns:1fr;gap:10px;}
    .pg-wedding .lookbook-column{gap:10px;}
    .pg-wedding .lookbook-gallery.grid-view{grid-template-columns:repeat(2,1fr);}
    .pg-contact .footer-grid,.pg-fabric .footer-grid,.pg-wedding .footer-grid{grid-template-columns:1fr;gap:34px;}
}

/* ============================================================
   single-post.php  (body.blog-single via .blog-single wrapper)
   ============================================================ */
.blog-single{font-weight:300;background:var(--light,#F5F5F5);color:var(--dark,#181A23);line-height:1.65;}
.blog-single .container{max-width:1180px;margin:0 auto;padding:0 24px;}
.blog-single .eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--gold,#CFA52B);font-weight:600;text-transform:uppercase;}
.blog-single .eyebrow::before{content:'';width:26px;height:2px;background:var(--gold,#CFA52B);flex-shrink:0;}
.blog-single .btn{display:inline-block;font-weight:400;text-transform:uppercase;padding:14px 30px;border:1px solid transparent;cursor:pointer;transition:all .25s ease;text-align:center;background:transparent;}
.blog-single .btn-outline-dark{color:var(--dark,#181A23);border-color:var(--dark,#181A23);}
.blog-single .btn-outline-dark:hover{background:var(--dark,#181A23);color:var(--white,#FFFFFF);}
.blog-single .btn-dark{background:var(--dark,#181A23);color:var(--white,#FFFFFF);border-color:var(--dark,#181A23);}
.blog-single .btn-dark:hover{background:transparent;color:var(--dark,#181A23);}
.blog-single .btn-link{letter-spacing:.2em;text-transform:uppercase;font-weight:500;display:inline-flex;align-items:center;gap:8px;color:var(--dark,#181A23);text-decoration:none;}
.blog-single .btn-link::after{content:'›';font-size:16px;line-height:1;}
.blog-single .btn-link:hover{opacity:.7;}
.blog-single .blog-hero{padding:80px 0 60px;background:var(--dark,#181A23);color:var(--white,#FFFFFF);text-align:center;}
.blog-single .blog-hero .container{max-width:820px;}
.blog-single .blog-hero .eyebrow{color:var(--gold,#CFA52B);margin-bottom:18px;}
.blog-single .blog-hero .eyebrow::before{background:var(--gold,#CFA52B);}
.blog-single .blog-hero h1{font-family:var(--serif,'Prata',Georgia,serif);font-size:clamp(32px,4.4vw,50px);font-weight:400;line-height:1.16;margin-bottom:18px;}
.blog-single .blog-hero .blog-meta{color:rgba(255,255,255,.7);display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}
.blog-single .blog-hero .blog-meta .sep{color:rgba(255,255,255,.3);}
.blog-single .blog-featured-image{overflow:hidden;background:var(--dark,#181A23);}
.blog-single .blog-featured-image img{width:100%;object-fit:cover;}
.blog-single .blog-detail-grid{display:grid;grid-template-columns:1fr 320px;gap:60px;padding:60px 0 80px;align-items:start;}
.blog-single .blog-content{line-height:1.85;color:#33343d;}
.blog-single .blog-content h2,.blog-single .blog-content h3,.blog-single .blog-content h4{font-family:var(--serif);font-weight:400;margin:36px 0 16px;}
.blog-single .blog-content h2{font-size:28px;}
.blog-single .blog-content h3{font-size:24px;}
.blog-single .blog-content p{margin-bottom:22px;}
.blog-single .blog-content ul,.blog-single .blog-content ol{margin:0 0 22px 24px;}
.blog-single .blog-content li{margin-bottom:8px;}
.blog-single .blog-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0;}
.blog-single .blog-content blockquote{border-left:4px solid var(--gold,#CFA52B);padding:16px 24px;margin:24px 0;background:rgba(207,165,43,.06);font-style:italic;color:#4a4b55;}
.blog-single .blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid var(--rule,#E1E1E1);}
.blog-single .blog-tags .btn{font-size:10px;padding:8px 16px;}
.blog-single .blog-author-box{display:flex;align-items:center;gap:20px;background:var(--white,#FFFFFF);padding:24px 28px;border-radius:8px;margin:32px 0;box-shadow:0 4px 16px rgba(0,0,0,.04);}
.blog-single .blog-author-box img{border-radius:50%;width:64px;height:64px;object-fit:cover;}
.blog-single .blog-author-box h3{font-family:var(--sans,'Jost','Helvetica Neue',Arial,sans-serif);font-size:16px;font-weight:600;margin-bottom:4px;}
.blog-single .blog-author-box p{color:#6b6c75;margin:0;}
.blog-single .blog-nav{display:flex;justify-content:space-between;margin:36px 0 24px;padding-top:24px;border-top:1px solid var(--rule,#E1E1E1);}
.blog-single .blog-nav a{color:var(--dark,#181A23);text-decoration:none;transition:opacity .2s;}
.blog-single .blog-nav a:hover{opacity:.6;}
.blog-single .blog-comments{margin-top:48px;padding-top:32px;border-top:1px solid var(--rule,#E1E1E1);}
.blog-single .blog-comments .comment-respond{margin-top:24px;}
.blog-single .blog-comments .comment-respond input,.blog-single .blog-comments .comment-respond textarea{font-family:var(--sans,'Jost','Helvetica Neue',Arial,sans-serif);font-size:22px;}
.blog-single .sidebar-widget{margin-bottom:40px;background:var(--white,#FFFFFF);padding:28px 24px;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.04);}
.blog-single .sidebar-widget:last-child{margin-bottom:0;}
.blog-single .sidebar-widget .eyebrow{margin-bottom:22px;}
.blog-single .sidebar-widget h4{font-family:var(--sans,'Jost','Helvetica Neue',Arial,sans-serif);font-size:16px;font-weight:600;margin-bottom:16px;color:var(--dark,#181A23);}
.blog-single .sidebar-widget .no-posts{font-size:13px;color:#6b6c75;}
.blog-single .sidebar-recent-item{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);text-decoration:none;transition:opacity .2s;}
.blog-single .sidebar-recent-item:last-child{border-bottom:none;}
.blog-single .sidebar-recent-item:hover{opacity:.7;}
.blog-single .sidebar-recent-thumb{width:56px;height:56px;flex-shrink:0;overflow:hidden;border-radius:4px;}
.blog-single .sidebar-recent-thumb img{width:100%;height:100%;object-fit:cover;}
.blog-single .sidebar-recent-item h5{font-family:var(--sans,'Jost','Helvetica Neue',Arial,sans-serif);font-size:14px;font-weight:500;margin:0 0 4px;line-height:1.3;}
.blog-single .sidebar-recent-item .t-date{font-size:11px;color:#a3a4ab;text-transform:uppercase;letter-spacing:.05em;}
.blog-single .sidebar-cat-list{list-style:none;padding:0;margin:0;}
.blog-single .sidebar-cat-list li{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:14px;}
.blog-single .sidebar-cat-list li:last-child{border-bottom:none;}
.blog-single .sidebar-cat-list li a{color:var(--dark,#181A23);text-decoration:none;transition:opacity .2s;}
.blog-single .sidebar-cat-list li a:hover{opacity:.7;}
.blog-single .sidebar-cat-list li .count{color:#a3a4ab;font-size:12px;}
.blog-single .sidebar-instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.blog-single .sidebar-instagram-grid a{display:block;overflow:hidden;border-radius:4px;aspect-ratio:1/1;}
.blog-single .sidebar-instagram-grid a img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}
.blog-single .sidebar-instagram-grid a:hover img{transform:scale(1.05);}
.blog-single .sidebar-cta{background:var(--dark,#181A23);color:var(--white,#FFFFFF);text-align:center;}
.blog-single .sidebar-cta h4{color:var(--white,#FFFFFF);font-family:var(--serif,'Prata',Georgia,serif);font-size:26px;font-weight:400;}
.blog-single .sidebar-cta p{color:rgba(255,255,255,.8);margin-bottom:20px;}
.blog-single .sidebar-cta .btn{background:var(--white,#FFFFFF);color:var(--dark,#181A23);border-color:var(--white,#FFFFFF);width:100%;}
.blog-single .sidebar-cta .btn:hover{background:transparent;color:var(--white,#FFFFFF);}
@media (max-width:1024px){
    .blog-single .blog-detail-grid{grid-template-columns:1fr;gap:40px;}
    .blog-single .blog-featured-image img{height:380px;}
    .blog-single .blog-hero{padding:60px 0 40px;}
    .blog-single .sidebar-instagram-grid{grid-template-columns:repeat(6,1fr);}
}
@media (max-width:640px){
    .blog-single .container{padding:0 16px;}
    .blog-single .blog-hero h1{font-size:24px;}
    .blog-single .blog-hero .blog-meta{font-size:12px;gap:12px;}
    .blog-single .blog-featured-image img{height:260px;}
    .blog-single .blog-detail-grid{padding:32px 0 60px;}
    .blog-single .blog-content{font-size:15px;}
    .blog-single .blog-author-box{flex-direction:column;text-align:center;padding:20px;}
    .blog-single .blog-nav{flex-direction:column;gap:12px;text-align:center;}
    .blog-single .sidebar-instagram-grid{grid-template-columns:repeat(3,1fr);}
    .blog-single .blog-detail-grid{grid-template-columns:1fr;gap:32px;}
    .blog-single .sidebar-widget{padding:20px 16px;}
}