:root{--cream:#f5efe5;--paper:#fffdf9;--sand:#e9dfd0;--ink:#352519;--muted:#786a5d;--orange:#b77d2e;--orange-deep:#764c23;--yellow:#d6aa4c;--yellow-soft:#f2e6c8;--olive:#806139;--line:rgba(61,43,29,.14);--shadow:0 18px 50px rgba(67,48,27,.1);--font-body:'DM Sans',sans-serif;--font-display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.container{width:min(1240px,calc(100% - 56px));margin-inline:auto}.announcement{background:#422c1d;color:#f9f5e8;font-size:11px;letter-spacing:.025em}.announcement-inner{min-height:31px;display:flex;justify-content:space-between;align-items:center}.announcement-right{color:#e3d8c7}.announcement-right a{color:var(--yellow);font-weight:700;margin-left:8px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,253,248,.96);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(43,41,37,.06)}.header-main{min-height:80px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand-mark{width:44px;height:44px}.brand-type{display:flex;flex-direction:column;line-height:1.15}.brand-type strong{font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.055em;color:#422c1d}.brand-type small{font-size:8px;letter-spacing:.16em;color:#9b8052;margin-top:4px;font-weight:700}.search-box{height:43px;flex:1;min-width:150px;display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 5px 0 14px;box-shadow:inset 0 1px 2px rgba(43,41,37,.03)}.search-box svg{width:18px;height:18px;fill:none;stroke:#8b8277;stroke-width:1.8;flex:none}.search-box input{height:100%;border:0;outline:0;background:transparent;min-width:0;flex:1;padding:0 10px;color:var(--ink);font-size:12px}.search-box input::placeholder{color:#a0988e}.search-box button{height:33px;background:#694921;color:#fff;border:0;border-radius:4px;padding:0 15px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.search-box button:hover{background:var(--orange)}.header-contact{display:flex;align-items:center;gap:10px;white-space:nowrap}.contact-icon{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#f0e8d9;color:#79582d}.contact-icon svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.8}.header-contact strong,.header-contact small{display:block}.header-contact strong{font-size:11px}.header-contact small{font-size:9px;color:var(--muted);margin-top:2px}.button{border:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:45px;padding:0 18px;font-size:12px;font-weight:800;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(92,63,26,.13)}.button-yellow{color:#3b3528;background:var(--yellow)}.button-yellow:hover{background:#ffd854}.button-dark{background:#422c1d;color:#fff7e9}.button-dark:hover{background:#301e14}.button-outline{color:#fff;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.05)}.button-outline:hover{background:rgba(255,253,249,.92)}.hero-actions .button-outline{color:#694921;border-color:rgba(105,73,33,.42);background:rgba(255,253,249,.5)}.hero-actions .button-outline:hover{background:rgba(255,253,249,.92)}.button svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.7}.header-quote{flex:none;min-height:42px}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:4px;padding:10px}.menu-toggle span{display:block;width:100%;height:2px;background:var(--ink);margin:4px 0}.main-nav{background:var(--paper);color:var(--ink);border-top:1px solid #f0e9dd;border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;min-height:43px;justify-content:space-between}.nav-link{font-size:10px;text-transform:uppercase;letter-spacing:.085em;font-weight:700;color:rgba(53,37,25,.82);height:43px;display:flex;align-items:center;gap:8px;position:relative;transition:color .18s ease}.nav-link::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.nav-link:hover,.nav-link.active{color:var(--orange-deep)}.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1)}.nav-dot{font-size:8px;color:var(--orange);opacity:.85}.hero{height:448px;position:relative;margin-top:19px;overflow:hidden;border-radius:9px;background:#e5d4b5;isolation:isolate}.hero-photo,.hero-photo-wash{position:absolute;inset:0;width:100%;height:100%}.hero-photo{object-fit:cover;object-position:center 54%;z-index:-2}.hero-photo-wash{z-index:-1;background:linear-gradient(90deg,rgba(250,244,229,.98) 0%,rgba(250,244,229,.96) 30%,rgba(250,244,229,.78) 44%,rgba(250,244,229,.08) 70%,rgba(72,45,19,.05) 100%),linear-gradient(0deg,rgba(62,43,21,.11),transparent 26%)}.hero-copy{position:relative;z-index:1;padding:53px 0 0 7.3%;width:53%;height:100%}.eyebrow,.section-kicker{display:flex;align-items:center;gap:9px;color:var(--orange-deep);font-weight:800;font-size:9px;letter-spacing:.17em}.eyebrow-line{display:block;width:24px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--font-display);font-size:clamp(42px,5vw,67px);letter-spacing:-.075em;line-height:.99;margin:20px 0 15px;font-weight:800;color:#333029}.hero h1 em,.section-heading h2 em,.benefit-intro h2 em,.contact-copy h2 em,.quote-form h2 em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:14px;color:#62584c;margin-bottom:24px}.hero-actions{display:flex;gap:9px;align-items:center}.hero-actions .button{min-height:43px}.arrow{font-size:18px;line-height:1;margin-left:3px}.hero-proof{position:absolute;bottom:27px;left:7.3%;display:flex;gap:21px;color:#514c42;font-size:10px;font-weight:600}.hero-proof span{display:inline-flex;align-items:center;gap:6px}.hero-proof i{font-style:normal;width:16px;height:16px;border-radius:50%;background:#8a6631;color:#fff;display:grid;place-items:center;font-size:10px}.hero-stamp{position:absolute;right:31px;top:26px;width:86px;height:86px;border-radius:50%;border:1px solid rgba(255,253,248,.78);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 6px rgba(35,30,20,.3);transform:rotate(10deg);background:rgba(81,64,44,.18);backdrop-filter:blur(4px)}.hero-stamp strong{font-family:var(--font-display);font-size:22px;line-height:1.2}.stamp-top,.stamp-bottom{font-size:6px;letter-spacing:.13em;font-weight:700}.hero-index{position:absolute;right:25px;bottom:22px;color:white;font-size:9px;font-weight:700;letter-spacing:.14em;text-shadow:0 1px 5px rgba(0,0,0,.35);display:flex;align-items:center;gap:9px}.hero-index span{width:34px;height:1px;background:rgba(255,255,255,.8)}.section{padding-top:67px;padding-bottom:40px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.section-kicker{font-size:8px;margin-bottom:7px}.section-heading h2{font-family:var(--font-display);font-size:34px;letter-spacing:-.065em;line-height:1.06;margin:0;font-weight:800}.section-heading>p{font-size:11px;line-height:1.65;color:var(--muted);margin:0 0 3px}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.category-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.category-card:hover{transform:translateY(-4px);border-color:rgba(183,125,46,.45);box-shadow:0 12px 22px rgba(71,51,30,.09)}.category-image{height:139px;position:relative;overflow:hidden;background:#eee4d5}.category-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.category-card:hover img{transform:scale(1.06)}.category-card:nth-child(1) img{object-position:center 57%}.category-card:nth-child(2) img{object-position:center 48%}.category-card:nth-child(3) img{object-position:center 52%}.category-num{position:absolute;top:9px;left:9px;background:rgba(255,253,248,.91);color:#5a554d;padding:4px 6px;border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.08em}.category-caption{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:11px;font-weight:700;color:#503921}.caption-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.caption-copy strong{font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caption-copy small{font-size:8px;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-caption b{font-size:15px;color:var(--orange);font-weight:500}.featured-section{background:var(--cream);padding:49px 0 55px;margin-top:12px}.featured-heading{margin-bottom:23px}.text-link{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:#6a4b29;font-size:11px;font-weight:800;padding:6px 0}.text-link span{color:var(--orange);font-size:17px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{min-width:0;border:1px solid rgba(43,41,37,.11);border-radius:7px;overflow:hidden;background:var(--paper);transition:box-shadow .2s ease,transform .2s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(66,45,23,.1)}.product-photo{height:210px;display:block;position:relative;overflow:hidden;background:#e7ddce}.product-photo img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .45s ease}.product-card:hover .product-photo img{transform:scale(1.04)}.product-card:nth-child(2) .product-photo img{object-position:center 55%}.product-card:nth-child(4) .product-photo img{object-position:center 48%}.photo-tag{position:absolute;left:11px;top:11px;padding:5px 7px;background:rgba(255,253,248,.89);color:#514c42;border-radius:3px;font-size:7px;font-weight:800;letter-spacing:.12em}.photo-arrow{position:absolute;right:11px;top:11px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-size:15px;color:#342f25;transform:translateY(-3px);opacity:0;transition:all .2s ease}.product-card:hover .photo-arrow{transform:none;opacity:1}.product-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 13px 15px}.product-info h3{font-size:13px;line-height:1.25;margin:0 0 4px;font-weight:800;letter-spacing:-.02em}.product-info p{font-size:9px;color:var(--muted);line-height:1.4;margin:0}.quote-mini{border:0;border-bottom:1px solid #d8ad43;background:transparent;display:flex;align-items:center;gap:7px;color:#5e5c48;font-size:9px;font-weight:700;padding:4px 0;white-space:nowrap}.quote-mini span{color:var(--orange);font-size:14px}.empty-state{padding:26px;text-align:center;font-size:13px;color:var(--muted)}.benefits{display:grid;grid-template-columns:1.12fr repeat(3,1fr);align-items:center;gap:24px;padding-top:57px;padding-bottom:57px}.benefit-intro h2{font-family:var(--font-display);font-size:23px;line-height:1.12;letter-spacing:-.06em;margin:0;font-weight:800}.benefit-intro .section-kicker{margin-bottom:8px}.benefit-item{display:flex;align-items:center;gap:12px;border-left:1px solid var(--line);padding-left:20px;min-height:56px}.benefit-icon{height:43px;width:43px;border-radius:50%;background:#f1eadc;display:grid;place-items:center;color:#8a6631;flex:none}.benefit-icon svg{height:30px;width:30px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.benefit-item h3{font-size:12px;margin:0 0 4px;font-weight:800}.benefit-item p{font-size:9px;color:var(--muted);line-height:1.45;margin:0}.contact-band{position:relative;overflow:hidden;min-height:219px;margin-bottom:41px;background:#f2e5cd;border-radius:8px;padding:35px 6.3%;display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-band::before,.contact-band::after{content:'';position:absolute;pointer-events:none;border-radius:50%;border:1px solid rgba(183,125,46,.16)}.contact-band::before{width:260px;height:260px;right:135px;top:-145px}.contact-band::after{width:330px;height:330px;right:100px;top:-182px}.contact-copy,.contact-action{position:relative;z-index:1}.contact-copy .section-kicker{margin-bottom:8px}.contact-copy h2{font-family:var(--font-display);font-size:33px;line-height:1.03;letter-spacing:-.065em;margin:0 0 9px;font-weight:800}.contact-copy p{color:#72685b;font-size:10px;margin:0}.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.contact-action .button{min-width:190px;min-height:47px}.contact-action>span{font-size:9px;color:#766d60}.contact-action a{color:var(--orange-deep);font-weight:800}.contact-sparkle{position:absolute;right:6%;top:26px;font-size:52px;line-height:1;color:rgba(183,125,46,.25);transform:rotate(14deg)}.site-footer{background:#422c1d;color:#fbf5e9}.footer-main{min-height:103px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand .brand-type strong{color:#fbf5e9}.footer-brand .brand-type small{color:#d4aa58}.footer-note,.footer-contact{display:flex;flex-direction:column;gap:4px}.footer-note span:first-child,.footer-contact span{font-size:10px;font-weight:700}.footer-note span:last-child{font-size:9px;color:#d8cdbb}.footer-contact a{color:var(--yellow);font-weight:800;font-size:13px}.footer-button{min-height:39px;font-size:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);min-height:38px;display:flex;align-items:center;justify-content:space-between;color:#d8cdbb;font-size:8px;letter-spacing:.03em}.quote-dialog{border:0;border-radius:10px;padding:0;width:min(570px,calc(100% - 28px));max-height:min(92vh,850px);box-shadow:0 25px 90px rgba(30,25,19,.3);color:var(--ink)}.quote-dialog::backdrop{background:rgba(31,31,25,.57);backdrop-filter:blur(4px)}.quote-form{position:relative;padding:33px 37px 27px;background:#fffdf8}.dialog-close{position:absolute;right:18px;top:17px;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:21px;line-height:1;color:var(--muted)}.quote-form h2{font-family:var(--font-display);font-size:32px;line-height:1.05;letter-spacing:-.06em;margin:0 0 10px}.dialog-intro{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 19px;max-width:440px}.quote-form label{display:block;font-size:10px;font-weight:800;color:#48443e;margin-bottom:13px}.quote-form input:not([type=file]),.quote-form select,.quote-form textarea{width:100%;display:block;margin-top:6px;padding:11px 12px;border:1px solid #e2d8ca;border-radius:4px;outline:0;background:#fff;color:var(--ink);font-size:11px;font-weight:500}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#bd8b45;box-shadow:0 0 0 3px rgba(183,125,46,.1)}.quote-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.optional{font-weight:500;color:#938b80}.file-label{display:flex!important;align-items:center;gap:11px;border:1px dashed #d8c8ad;border-radius:5px;padding:10px 12px;cursor:pointer;background:#faf6ed}.file-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--yellow-soft);font-size:19px;color:#645536}.file-label strong,.file-label small{display:block}.file-label strong{font-size:10px}.file-label small{font-size:8px;color:var(--muted);margin-top:2px;font-weight:500}.file-label input{display:none}.form-submit{width:100%;margin-top:2px}.form-disclaimer{text-align:center;font-size:8px;color:#938b80;margin:10px 0 0}.toast{position:fixed;z-index:60;left:50%;bottom:22px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#333b2f;color:#fff8e8;padding:12px 18px;border-radius:5px;box-shadow:var(--shadow);font-size:11px;transition:all .22s ease}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.hero{height:465px}.category-image{height:153px}.product-photo{height:230px}}
@media(max-width:1050px){.container{width:min(100% - 40px,1240px)}.header-main{gap:17px}.brand-type strong{font-size:16px}.header-contact{display:none}.nav-link{font-size:9px}.hero{height:405px}.hero-copy{padding-top:48px;width:59%}.hero h1{font-size:58px}.hero-proof{gap:13px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-image{height:170px}.benefits{grid-template-columns:repeat(3,1fr);row-gap:24px}.benefit-intro{grid-column:1/-1}.benefit-intro h2 br{display:none}.benefit-item:first-of-type{border-left:0;padding-left:0}}
@media(max-width:720px){html{scroll-padding-top:90px}.container{width:calc(100% - 32px)}.announcement-inner{min-height:28px;font-size:9px}.announcement-right{display:none}.header-main{display:grid;grid-template-columns:minmax(0,1fr) 42px;grid-template-rows:auto auto;gap:9px 10px;min-height:66px;padding-top:9px;padding-bottom:9px}.brand{grid-column:1;grid-row:1;gap:7px}.menu-toggle{grid-column:2;grid-row:1;justify-self:end}.search-box{grid-column:1/-1;grid-row:2;width:100%}.brand-mark{height:37px;width:37px}.brand-type strong{font-size:13px}.brand-type small{font-size:6px;letter-spacing:.11em}.search-box{height:37px;padding-left:9px}.search-box input{font-size:10px;padding:0 6px}.search-box button{height:29px;padding:0 9px;font-size:8px}.header-quote{display:none}.menu-toggle{display:block;flex:none}.main-nav{display:none}.main-nav.open{display:block}.nav-inner{align-items:stretch;flex-direction:column;padding-top:6px;padding-bottom:8px}.nav-link{height:37px;border-bottom:1px solid rgba(255,255,255,.1);font-size:10px}.nav-link:last-child{border-bottom:0}.nav-link::after{display:none}.hero{width:calc(100% - 20px);height:auto;min-height:510px;margin-top:10px;border-radius:7px}.hero-photo{object-position:62% center}.hero-photo-wash{background:linear-gradient(180deg,rgba(249,243,228,.97) 0%,rgba(249,243,228,.9) 45%,rgba(249,243,228,.12) 82%),linear-gradient(90deg,rgba(249,243,228,.5),transparent)}.hero-copy{width:100%;height:510px;padding:38px 24px 0}.eyebrow{font-size:8px}.hero h1{font-size:clamp(45px,12vw,60px);margin-top:19px}.hero-copy>p{font-size:12px;margin-bottom:17px}.hero-actions{align-items:stretch;flex-direction:column;width:max-content;max-width:100%}.hero-actions .button{min-height:42px}.hero-proof{left:24px;right:20px;bottom:22px;display:flex;flex-wrap:wrap;gap:7px 12px;font-size:8px}.hero-proof i{width:13px;height:13px;font-size:8px}.hero-stamp{right:15px;top:auto;bottom:87px;width:66px;height:66px}.hero-stamp strong{font-size:17px}.stamp-top,.stamp-bottom{font-size:5px}.hero-index{right:16px;bottom:13px;font-size:7px}.section{padding-top:49px;padding-bottom:31px}.section-heading{align-items:flex-start;margin-bottom:18px;gap:12px}.section-heading h2{font-size:29px}.section-heading>p{max-width:46%;font-size:9px}.desktop-only{display:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-image{height:132px}.category-caption{height:48px;font-size:10px}.caption-copy strong{font-size:9px}.caption-copy small{font-size:7px}.featured-section{padding:39px 0 42px;margin-top:10px}.featured-heading{align-items:flex-end}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-photo{height:152px}.product-info{padding:10px 9px 11px;align-items:flex-start;flex-direction:column;gap:7px}.product-info h3{font-size:11px}.product-info p{font-size:8px}.quote-mini{font-size:8px}.benefits{grid-template-columns:1fr 1fr;gap:18px 12px;padding-top:40px;padding-bottom:40px}.benefit-intro{grid-column:1/-1}.benefit-intro h2{font-size:25px}.benefit-item{padding-left:0;border:0;gap:9px;align-items:flex-start}.benefit-icon{width:35px;height:35px}.benefit-icon svg{width:24px;height:24px}.benefit-item h3{font-size:10px}.benefit-item p{font-size:8px}.contact-band{width:calc(100% - 20px);padding:27px 23px;min-height:0;margin-bottom:24px;align-items:flex-start;flex-direction:column;gap:20px}.contact-copy h2{font-size:30px}.contact-copy p{max-width:280px;line-height:1.6}.contact-action{gap:7px}.contact-sparkle{right:8%;top:17px;font-size:38px}.footer-main{padding-top:19px;padding-bottom:18px;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:17px}.footer-brand .brand-mark{width:34px;height:34px}.footer-brand .brand-type strong{font-size:12px}.footer-note span:first-child{font-size:9px}.footer-note span:last-child{font-size:8px}.footer-contact span{font-size:8px}.footer-contact a{font-size:11px}.footer-button{justify-self:end;font-size:9px;min-height:35px;padding:0 11px}.footer-bottom{min-height:36px;gap:12px;font-size:7px}.footer-bottom span:last-child{text-align:right}.quote-form{padding:28px 21px 21px}.quote-form h2{font-size:29px}.dialog-intro{font-size:10px}.form-row{grid-template-columns:1fr;gap:0}.quote-form label{margin-bottom:11px}}
@media(max-width:400px){.container{width:calc(100% - 26px)}.brand-type small{display:none}.header-main{gap:7px}.search-box button{font-size:0;width:30px;padding:0;position:relative}.search-box button::after{content:'⌕';font-size:18px;position:absolute;inset:0;display:grid;place-items:center}.hero{width:calc(100% - 14px)}.hero-copy{padding-left:19px}.hero-proof{left:19px}.category-image{height:112px}.category-caption{height:47px}.product-photo{height:132px}.product-grid{gap:8px}.product-info{padding:9px 8px}.quote-mini{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}


/* Standalone service detail pages */
.brand-mark{object-fit:contain;background:#fff}
.detail-page{background:var(--paper)}
.detail-breadcrumb{display:flex;align-items:center;gap:9px;padding-top:20px;padding-bottom:12px;color:#887764;font-size:10px}
.detail-breadcrumb a:hover{color:var(--orange-deep)}
.detail-breadcrumb strong{color:var(--ink);font-weight:700}
.detail-hero{position:relative;isolation:isolate;min-height:385px;margin-top:8px;overflow:hidden;border-radius:9px;background:#ead8b8}
.detail-hero-photo,.detail-hero-wash{position:absolute;inset:0;width:100%;height:100%}
.detail-hero-photo{z-index:-2;object-fit:cover;object-position:center 52%;filter:sepia(.10) saturate(1.08)}
.detail-hero-wash{z-index:-1;background:linear-gradient(90deg,rgba(250,245,234,.98) 0%,rgba(250,245,234,.94) 37%,rgba(250,245,234,.72) 54%,rgba(250,245,234,.06) 83%),linear-gradient(0deg,rgba(87,59,27,.14),transparent 35%)}
.detail-hero-copy{width:min(650px,66%);padding:54px 0 48px 6.2%}
.detail-hero-copy .eyebrow{color:var(--orange-deep)}
.detail-hero h1{font-family:var(--font-display);font-size:clamp(40px,5.2vw,65px);font-weight:800;letter-spacing:-.075em;line-height:1.02;margin:20px 0 14px;color:#352519}
.detail-hero h1 em,.detail-spec h2 em,.related-heading h2 em{font-style:normal;color:var(--orange-deep)}
.detail-hero-copy>p{max-width:560px;color:#655746;font-size:13px;line-height:1.75;margin-bottom:21px}
.detail-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.detail-hero .button-outline{color:#694921;border-color:rgba(105,73,33,.4);background:rgba(255,253,249,.62)}
.detail-hero .button-outline:hover{background:rgba(255,253,249,.95)}
.detail-hero-label{position:absolute;right:18px;bottom:16px;color:#fffdf7;text-shadow:0 1px 6px rgba(52,34,17,.55);font-size:8px;font-weight:800;letter-spacing:.16em}
.detail-samples{padding-top:58px;padding-bottom:56px}
.detail-samples .section-heading{margin-bottom:22px}
.service-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.service-sample-card{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fffdf9;box-shadow:0 6px 20px rgba(72,51,26,.045);transition:transform .2s ease,box-shadow .2s ease}
.service-sample-card:hover{transform:translateY(-3px);box-shadow:0 13px 26px rgba(72,51,26,.1)}
.service-sample-photo{position:relative;display:block;height:210px;overflow:hidden;background:#eee4d3}
.service-sample-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:sepia(.09) saturate(1.08);transition:transform .4s ease}
.service-sample-card:hover .service-sample-photo img{transform:scale(1.04)}
.service-sample-info{padding:15px 16px 17px}
.sample-index{color:var(--orange-deep);font-size:8px;font-weight:800;letter-spacing:.14em}
.service-sample-info h3{margin:6px 0 6px;font-family:var(--font-display);font-size:16px;line-height:1.25;letter-spacing:-.035em}
.service-sample-info p{min-height:37px;color:var(--muted);font-size:10px;line-height:1.55;margin:0 0 10px}
.sample-link{display:inline-flex;align-items:center;gap:7px;color:#78511f;font-size:9px;font-weight:800;border-bottom:1px solid #d8b167;padding-bottom:3px}
.sample-link span{font-size:13px}
.detail-spec{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:28px;align-items:center;padding:29px 34px;margin-bottom:54px;border:1px solid rgba(135,100,48,.13);border-radius:8px;background:#f7f1e6}
.detail-spec-title .section-kicker{margin-bottom:8px}
.detail-spec-title h2,.related-heading h2{font-family:var(--font-display);font-size:25px;line-height:1.12;letter-spacing:-.06em;margin:0}
.detail-spec-item{display:flex;align-items:flex-start;gap:13px;border-left:1px solid rgba(120,82,37,.18);padding-left:19px}
.detail-spec-item>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#eadbbd;color:#775426;font-size:9px;font-weight:800}
.detail-spec-item h3{font-size:11px;margin:1px 0 5px}
.detail-spec-item p{font-size:9px;line-height:1.55;color:var(--muted);margin:0}
.related-band{display:grid;grid-template-columns:.9fr 1.5fr;gap:35px;align-items:center;margin-bottom:54px;padding:27px 30px;border-radius:8px;background:#f3e7d1}
.related-heading .section-kicker{margin-bottom:7px}
.related-heading h2{margin-bottom:13px}
.related-heading .button{min-height:39px;font-size:10px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.related-service{position:relative;min-height:107px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:14px 12px;border:1px solid rgba(111,76,35,.14);border-radius:6px;background:rgba(255,253,249,.77);transition:background .18s ease,transform .18s ease}
.related-service:hover{transform:translateY(-2px);background:#fffdf9}
.related-service strong{font-size:10px;line-height:1.25}
.related-service small{font-size:8px;color:var(--muted)}
.related-service-arrow{position:absolute;right:10px;top:8px;color:var(--orange);font-size:15px}
@media(max-width:900px){.detail-hero{min-height:350px}.detail-hero-copy{width:72%;padding-top:45px}.service-sample-photo{height:175px}.detail-spec{gap:18px;padding:25px}.related-band{grid-template-columns:1fr;gap:22px}}
@media(max-width:720px){.detail-breadcrumb{padding-top:16px;font-size:9px}.detail-hero{width:calc(100% - 20px);min-height:440px}.detail-hero-photo{object-position:62% center}.detail-hero-wash{background:linear-gradient(90deg,rgba(250,245,234,.96),rgba(250,245,234,.8) 58%,rgba(250,245,234,.15)),linear-gradient(0deg,rgba(87,59,27,.16),transparent 45%)}.detail-hero-copy{width:92%;padding:36px 18px 95px}.detail-hero h1{font-size:clamp(37px,10vw,52px)}.detail-hero-copy>p{font-size:12px}.detail-hero-label{right:13px;bottom:13px;font-size:7px}.detail-samples{padding-top:43px;padding-bottom:38px}.service-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.service-sample-photo{height:165px}.service-sample-info{padding:12px}.service-sample-info h3{font-size:14px}.service-sample-info p{font-size:9px;min-height:44px}.detail-spec{grid-template-columns:1fr;gap:17px;margin-bottom:36px;padding:23px 20px}.detail-spec-item{border-left:0;border-top:1px solid rgba(120,82,37,.18);padding:14px 0 0}.detail-spec-title h2,.related-heading h2{font-size:23px}.related-band{padding:22px 19px;margin-bottom:36px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-service{min-height:91px}}
@media(max-width:400px){.detail-hero{width:calc(100% - 14px)}.detail-hero-actions{gap:7px}.detail-hero-actions .button{font-size:10px;padding:0 12px}.service-sample-grid{gap:8px}.service-sample-photo{height:130px}.service-sample-info{padding:10px}.service-sample-info h3{font-size:12px}.service-sample-info p{font-size:8px}.related-grid{gap:7px}}

.hero-stamp .stamp-logo{width:31px;height:29px;margin:2px 0;object-fit:contain;background:#fff;border-radius:2px}

/* Real stock photography: a restrained warm tint keeps photographs aligned with the gold-and-cream palette. */
.hero-photo,.category-image img,.product-photo img,.detail-hero-photo,.service-sample-photo img{filter:sepia(.045) saturate(.96)}
.image-note{margin:11px 0 0;color:#827466;font-size:10px;line-height:1.55}
.image-note a{color:#8b5e25;text-decoration:underline;text-underline-offset:2px;font-weight:700}
.stamp-logo{width:34px;height:31px;object-fit:contain;border-radius:2px;background:#fffdf9;text-shadow:none}


/* Product sample preview and selection */
.service-sample-photo{width:100%;padding:0;border:0;color:inherit;font:inherit;text-align:left;cursor:zoom-in}
.service-sample-photo:focus-visible,.sample-select:focus-visible,.sample-clear:focus-visible,.sample-preview-close:focus-visible{outline:3px solid #d8ad50;outline-offset:3px}
.service-sample-card.is-selected{border-color:#bd8a33;box-shadow:0 0 0 2px rgba(189,138,51,.25),0 10px 26px rgba(72,51,26,.10)}
.sample-link.sample-select{background:transparent;cursor:pointer;font-family:var(--font-body);line-height:1.4}
.sample-selection{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:18px 20px;border:1px solid rgba(157,112,42,.24);border-radius:8px;background:#f7f1e6}
.sample-selection[hidden]{display:none}
.sample-selection-copy{display:grid;gap:5px;min-width:0}
.sample-selection-copy .section-kicker{margin:0}
.sample-selection-copy strong{color:var(--ink);font-family:var(--font-display);font-size:16px}
.sample-selection-copy [data-selection-names]{color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.sample-selection-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.sample-clear{padding:7px 0;border:0;border-bottom:1px solid #c9bca3;background:transparent;color:var(--muted);font:600 11px var(--font-body);cursor:pointer}
.sample-preview-dialog{width:min(920px,calc(100vw - 36px));max-width:none;max-height:calc(100vh - 36px);padding:0;border:1px solid rgba(120,82,37,.18);border-radius:12px;background:#fffdf9;color:var(--ink);box-shadow:0 24px 90px rgba(35,24,14,.32)}
.sample-preview-dialog::backdrop{background:rgba(28,20,13,.68);backdrop-filter:blur(3px)}
.sample-preview-shell{position:relative;padding:18px}
.sample-preview-close{position:absolute;z-index:2;top:24px;right:24px;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(46,31,21,.78);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.sample-preview-figure{margin:0}
.sample-preview-figure img{display:block;width:100%;max-height:min(68vh,720px);object-fit:contain;border-radius:7px;background:#f3ecdf;filter:sepia(.06) saturate(1.04)}
.sample-preview-figure figcaption{display:grid;gap:5px;padding:14px 2px 3px}
.sample-preview-figure figcaption strong{font-family:var(--font-display);font-size:20px}
.sample-preview-figure figcaption span{color:var(--muted);font-size:12px}
.sample-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:13px;border-top:1px solid var(--line)}
.sample-preview-actions>span{color:var(--muted);font-size:11px}
@media(max-width:700px){
  .sample-selection{align-items:stretch;flex-direction:column;padding:16px}
  .sample-selection-actions{justify-content:space-between;gap:12px}
  .sample-selection-actions .button{padding:12px 14px;font-size:11px}
  .sample-preview-dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px);border-radius:9px}
  .sample-preview-shell{padding:12px}
  .sample-preview-close{top:18px;right:18px;width:36px;height:36px}
  .sample-preview-figure img{max-height:58vh}
  .sample-preview-figure figcaption strong{font-size:17px}
  .sample-preview-actions{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  .service-sample-card,.service-sample-photo img{transition:none}
}


/* Mobile polish: readable type and comfortable touch targets */
@media (max-width: 720px) {
  .header-main { grid-template-columns: minmax(0, 1fr) 44px; }
  .menu-toggle { width: 44px; height: 44px; }
  .search-box { height: 44px; }
  .search-box input { min-height: 42px; font-size: 12px; }
  .search-box button { min-height: 40px; }
  .nav-link { min-height: 44px; height: auto; padding-block: 10px; }
  .hero-actions .button,
  .detail-hero-actions .button { min-height: 46px; }

  .section-heading { align-items: flex-start; flex-direction: column; gap: 7px; }
  .section-heading > p { max-width: none; font-size: 11px; line-height: 1.6; }
  .category-caption { height: auto; min-height: 52px; align-items: flex-start; padding: 8px 9px; }
  .category-caption .caption-copy strong {
    overflow: visible;
    font-size: 10px;
    line-height: 1.35;
    text-overflow: clip;
    white-space: normal;
  }
  .category-caption .caption-copy small {
    overflow: visible;
    font-size: 9px;
    line-height: 1.35;
    text-overflow: clip;
    white-space: normal;
  }

  .product-info h3 { font-size: 12px; line-height: 1.35; }
  .product-info p { font-size: 10px; line-height: 1.5; }
  .quote-mini { min-height: 44px; font-size: 10px; line-height: 1.35; white-space: normal; }
  .benefit-item h3 { font-size: 11px; }
  .benefit-item p { font-size: 10px; line-height: 1.5; }
  .hero-proof { font-size: 9px; }
  .contact-action .button,
  .footer-button { min-height: 44px; }
  .footer-bottom {
    min-height: 0;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 6px 12px;
    padding-block: 10px;
    font-size: 9px;
  }
  .footer-bottom span:last-child { text-align: left; }

  .service-sample-info h3 { font-size: 14px; }
  .service-sample-info p { min-height: 0; font-size: 10px; line-height: 1.55; }
  .service-sample-photo .photo-arrow { min-height: 40px; font-size: 10px; }
  .sample-select,
  .sample-clear,
  .sample-preview-close,
  .dialog-close { min-width: 44px; min-height: 44px; }
  .sample-selection-actions .button { min-height: 44px; }

  .quote-form label { font-size: 11px; }
  .quote-form input:not([type="file"]),
  .quote-form select,
  .quote-form textarea { min-height: 46px; font-size: 16px; }
  .quote-form textarea { min-height: 110px; }
  .dialog-close { top: 10px; right: 10px; width: 44px; height: 44px; }
}

@media (max-width: 400px) {
  .header-main { grid-template-columns: minmax(0, 1fr) 44px; }
  .search-box { height: 44px; }
  .search-box button { width: 44px; min-width: 44px; height: 40px; }
  .category-caption { min-height: 55px; padding: 8px; }
  .catalog-icon-title { min-height: 30px; font-size: 11px; }
  .quote-mini { font-size: 10px; }
  .service-sample-grid { gap: 10px; }
  .service-sample-photo { height: 138px; }
  .service-sample-info { padding: 11px; }
  .service-sample-info h3 { font-size: 13px; }
  .service-sample-info p { font-size: 10px; }
  .detail-hero-actions { gap: 8px; }
  .detail-hero-actions .button { padding-inline: 13px; font-size: 11px; }
  .sample-preview-close { top: 12px; right: 12px; width: 44px; height: 44px; }
}


/* Clearer Vietnamese text hierarchy on small screens */
@media (max-width: 720px) {
  .section-kicker { font-size: 9px; }
  .detail-breadcrumb { font-size: 10px; }
  .detail-hero-label { font-size: 8px; }
  .image-note { font-size: 11px; line-height: 1.55; }
  .sample-index { font-size: 9px; }
  .sample-link { min-height: 44px; padding-block: 8px; font-size: 10px; }
  .service-sample-info h3 { font-size: 14px; }
  .service-sample-info p { font-size: 11px; line-height: 1.55; }
  .product-info p { font-size: 11px; }
  .quote-mini { font-size: 11px; }
  .category-caption .caption-copy small { font-size: 10px; }
  .footer-bottom { font-size: 10px; }
}

@media (max-width: 400px) {
  .detail-breadcrumb { font-size: 10px; }
  .detail-hero-label { font-size: 8px; }
  .service-sample-info h3 { font-size: 14px; }
  .service-sample-info p { font-size: 11px; }
}


/* Keep long service headlines balanced on narrow phones */
@media (max-width: 400px) {
  .detail-hero-copy { width: 100%; padding-left: 15px; padding-right: 15px; }
  .detail-hero h1 { font-size: clamp(33px, 10.5vw, 38px); line-height: 1.02; }
}


.keep-together { white-space: nowrap; }


/* Brand refresh: bright Vietnamese golden-orange palette */
:root {
  --cream: #FFF3C7;
  --paper: #FFFEF8;
  --sand: #F2D06A;
  --ink: #33200A;
  --muted: #665238;
  --orange: #B45A00;
  --orange-deep: #8E3C00;
  --yellow: #FFC233;
  --yellow-soft: #FFE9A6;
  --olive: #9A5B00;
  --line: rgba(130, 78, 8, .20);
  --shadow: 0 18px 50px rgba(111, 72, 8, .13);
}
body { background-color: var(--paper); }
.site-header { background: rgba(255, 254, 248, .97); }
.main-nav { border-top-color: #F3DA8A; }
.search-box button { background: #9E4B00; }
.search-box button:hover { background: #B45A00; }
.contact-icon, .benefit-icon { background: #FFE9A6; color: #8E3C00; }
.hero { background: #F3C13B; }
.hero-photo-wash {
  background: linear-gradient(90deg, rgba(255, 247, 219, .98) 0%, rgba(255, 238, 174, .92) 30%, rgba(255, 220, 105, .70) 46%, rgba(255, 190, 45, .06) 72%, rgba(72, 45, 19, .05) 100%), linear-gradient(0deg, rgba(62, 43, 21, .10), transparent 26%);
}
.detail-page { background: #FFFEF8; }
.detail-hero-wash {
  background: linear-gradient(90deg, rgba(255, 246, 211, .97) 0%, rgba(255, 232, 147, .87) 39%, rgba(255, 209, 73, .20) 68%, rgba(54, 34, 12, .04) 100%);
}
.detail-spec, .related-band, .sample-selection {
  background: #FFF0B5;
  border-color: rgba(180, 90, 0, .24);
}
.detail-spec-item > span { background: #FFD970; color: #783500; }
.category-image, .product-photo, .service-sample-photo, .product-detail-media { background: #FFE8A1; }
.category-image img, .product-photo img, .service-sample-photo img, .hero-photo, .detail-hero-photo {
  filter: saturate(1.05) contrast(1.01);
}
.category-card:hover { border-color: rgba(180, 90, 0, .46); }
.category-num, .photo-tag { background: rgba(255, 249, 224, .95); color: #503000; }
.contact-band { background: linear-gradient(135deg, #FFE68C 0%, #FFD04A 58%, #F7AA1A 100%); }
.contact-band::before, .contact-band::after { border-color: rgba(161, 87, 0, .20); }
.file-label { background: #FFF6D9; border-color: #D99A21; }
.quote-form input:not([type=file]), .quote-form select, .quote-form textarea { border-color: #E9CB7B; }
.quote-form input:focus, .quote-form select:focus, .quote-form textarea:focus { border-color: #B45A00; box-shadow: 0 0 0 3px rgba(180, 90, 0, .12); }
.button-yellow { color: #33200A; background: #FFC233; }
.button-yellow:hover { background: #FFB515; }
@media (max-width: 720px) {
  .detail-hero-wash {
    background: linear-gradient(90deg, rgba(255, 246, 213, .97), rgba(255, 232, 151, .84) 58%, rgba(255, 209, 73, .12)), linear-gradient(0deg, rgba(87, 59, 27, .14), transparent 45%);
  }
}
.brand-type small { color: #704500; }
.search-box input::placeholder { color: #6D5D45; opacity: 1; }
