@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

:root{
  --bg:#F6F5F1;--secondary:#EEF2EC;--sage:#8AA67A;--sage-dark:#667D59;--sage-deep:#44543E;
  --gold:#C7A46B;--ink:#2F3A2E;--muted:#6B6B63;--white:#fff;--line:rgba(47,58,46,.12);
  --shadow:0 22px 70px rgba(47,58,46,.12);--shadow-sm:0 12px 35px rgba(47,58,46,.09);
  --radius:28px;--container:min(1180px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Poppins,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:var(--container);margin:auto}.serif{font-family:'Playfair Display',serif}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:600;color:var(--sage-dark)}.section{padding:110px 0}.section-sm{padding:70px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:42px}.section-title{font-family:'Playfair Display',serif;font-size:clamp(2.25rem,4vw,4.4rem);line-height:1.05;margin:8px 0 0;font-weight:600;letter-spacing:-.035em}.section-copy{max-width:580px;color:var(--muted)}

.topbar{background:var(--sage-deep);color:#f7f3e8;text-align:center;padding:9px 18px;font-size:.78rem;letter-spacing:.05em}.site-header{position:sticky;top:0;z-index:100;background:rgba(246,245,241,.88);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{border-bottom-color:var(--line);box-shadow:0 10px 35px rgba(47,58,46,.06)}.nav{height:78px;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:25px}.brand img{height:54px;width:auto;object-fit:contain}.nav-links{display:flex;justify-content:center;gap:28px;font-size:.88rem}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--sage-dark);transition:.25s}.nav-links a:hover:after,.nav-links a.active:after{right:0}.nav-actions{display:flex;align-items:center;gap:10px}.icon-btn{position:relative;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.55);display:grid;place-items:center;color:var(--ink);transition:.25s}.icon-btn:hover{transform:translateY(-2px);background:white;box-shadow:var(--shadow-sm)}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.cart-badge{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--sage-dark);color:#fff;display:grid;place-items:center;font-size:.62rem}.menu-btn{display:none}

.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:600;font-size:.84rem;transition:.3s}.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.btn-primary{background:var(--sage-dark);color:white;box-shadow:0 10px 26px rgba(102,125,89,.24)}.btn-primary:hover{background:var(--sage-deep);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid rgba(47,58,46,.28)}.btn-secondary:hover{background:white;transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#2a281f}.btn-block{width:100%}.text-link{display:inline-flex;gap:8px;align-items:center;font-weight:600;color:var(--sage-dark)}.text-link svg{width:18px;stroke:currentColor;fill:none}

.hero{min-height:calc(100vh - 112px);display:grid;align-items:center;padding:52px 0 70px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:rgba(138,166,122,.12);filter:blur(4px);left:-240px;top:18%}.hero-grid{display:grid;grid-template-columns:.95fr 1.15fr;gap:48px;align-items:center}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(3.5rem,7vw,7rem);line-height:.92;letter-spacing:-.055em;margin:18px 0 26px;font-weight:600}.hero h1 em{font-weight:500;color:var(--sage-dark)}.hero p{font-size:1rem;color:var(--muted);max-width:560px;margin:0 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{display:flex;gap:22px;margin-top:36px;flex-wrap:wrap}.hero-trust span{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}.hero-trust svg{width:18px;height:18px;stroke:var(--sage-dark);fill:none}.hero-visual{position:relative}.hero-frame{border-radius:44px;overflow:hidden;box-shadow:var(--shadow);background:var(--secondary);transform:rotate(1.2deg);position:relative}.hero-frame img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center}.hero-frame:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.6);border-radius:inherit}.floating-card{position:absolute;left:-36px;bottom:44px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-sm);padding:18px 20px;border-radius:20px;max-width:230px}.floating-card strong{font-family:'Playfair Display',serif;font-size:1.15rem;display:block}.floating-card small{color:var(--muted)}.sparkle{position:absolute;right:-25px;top:25px;width:72px;height:72px;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:white;box-shadow:0 14px 35px rgba(199,164,107,.35);animation:float 4s ease-in-out infinite}.sparkle svg{width:31px;stroke:currentColor;fill:none}@keyframes float{50%{transform:translateY(-10px) rotate(5deg)}}

.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.38)}.marquee-track{display:flex;width:max-content;animation:marquee 26s linear infinite}.marquee-item{padding:17px 28px;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.marquee-item:before{content:"✦";color:var(--gold)}@keyframes marquee{to{transform:translateX(-50%)}}

.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:28px;overflow:hidden}.benefit{background:var(--bg);padding:34px 28px;min-height:210px}.benefit-icon{width:54px;height:54px;border-radius:50%;background:var(--secondary);display:grid;place-items:center;margin-bottom:26px}.benefit-icon svg{width:27px;height:27px;fill:none;stroke:var(--sage-dark);stroke-width:1.6}.benefit h3{font-family:'Playfair Display',serif;font-size:1.28rem;margin:0 0 8px}.benefit p{font-size:.82rem;color:var(--muted);margin:0}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{position:relative;border-radius:24px;background:#fff;overflow:hidden;border:1px solid rgba(47,58,46,.08);transition:.35s}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-sm)}.product-media{background:var(--secondary);aspect-ratio:1;overflow:hidden;position:relative}.product-media img{width:100%;height:100%;object-fit:cover;transition:.55s}.product-card:hover .product-media img{transform:scale(1.045)}.product-tag{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-radius:999px;padding:7px 12px;font-size:.67rem;font-weight:600;letter-spacing:.06em}.wishlist{position:absolute;right:14px;top:14px;background:rgba(255,255,255,.82);width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center}.wishlist svg{width:19px;fill:none;stroke:var(--ink);stroke-width:1.6}.product-info{padding:20px}.product-category{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-dark)}.product-title{font-family:'Playfair Display',serif;font-size:1.22rem;margin:5px 0 6px}.product-rating{font-size:.72rem;color:var(--gold);display:flex;align-items:center;gap:6px}.product-rating span{color:var(--muted)}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.price{font-weight:700}.old-price{text-decoration:line-through;color:#9b9b93;font-size:.75rem;margin-left:5px}.quick-add{width:40px;height:40px;border-radius:50%;border:0;background:var(--sage-dark);color:white;display:grid;place-items:center;transition:.25s}.quick-add:hover{background:var(--sage-deep);transform:rotate(8deg)}.quick-add svg{width:18px;fill:none;stroke:currentColor;stroke-width:2}.section-actions-center{display:flex;justify-content:center;margin-top:28px}.coming-soon-card .product-tag{background:rgba(47,58,46,.9);color:#fff}.coming-soon-card .product-rating{color:var(--sage-dark)}.coming-soon-card .product-rating span{color:var(--sage-dark)}.coming-soon-card .price{font-weight:700}.coming-soon-price{color:var(--sage-dark)}.coming-soon-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:var(--secondary);color:var(--sage-deep);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.coming-soon-media{background:linear-gradient(145deg,#f4f3ed,#e5e9e2);display:grid;place-items:center;padding:20px}.coded-product-silhouette{position:relative;width:112px;height:170px;filter:drop-shadow(0 16px 16px rgba(24,31,24,.18));transform-origin:center bottom}.coded-product-silhouette span{position:absolute;display:block}.coded-body{left:50%;bottom:9px;transform:translateX(-50%);width:82px;height:126px;border-radius:15px 15px 18px 18px;background:linear-gradient(90deg,#202721 0%,#4c584a 48%,#202721 100%);border:1px solid rgba(255,255,255,.18);box-shadow:inset 8px 0 14px rgba(255,255,255,.05),inset -9px 0 15px rgba(0,0,0,.13)}.coded-cap{z-index:2;left:50%;top:7px;transform:translateX(-50%);width:48px;height:34px;border-radius:6px 6px 4px 4px;background:linear-gradient(90deg,#1d241e,#586456 50%,#1d241e);border:1px solid rgba(255,255,255,.16)}.coded-label{z-index:3;left:50%;top:82px;transform:translateX(-50%);width:52px;height:31px;border-top:1px solid rgba(199,164,107,.72);border-bottom:1px solid rgba(199,164,107,.72)}.coded-label:after{content:"ANSA";position:absolute;inset:0;display:grid;place-items:center;font-family:'Playfair Display',serif;font-size:.55rem;letter-spacing:.14em;color:rgba(222,197,151,.82)}.coded-product-peeling .coded-body{width:92px;height:104px;border-radius:19px;bottom:10px}.coded-product-peeling .coded-cap{top:24px;width:58px;height:31px}.coded-product-peeling .coded-label{top:91px;width:58px}.coded-product-sunblock .coded-body{width:76px;height:128px;bottom:10px;border-radius:11px 11px 22px 22px;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.coded-product-sunblock .coded-cap{top:auto;bottom:1px;width:62px;height:18px;border-radius:4px}.coded-product-sunblock .coded-label{top:70px;width:48px}.coded-product-essence .coded-body{width:67px;height:132px;border-radius:10px 10px 16px 16px}.coded-product-essence .coded-cap{width:38px;height:28px;top:5px}.coded-product-essence .coded-label{width:45px;top:83px}.coded-product-lotion .coded-body{width:88px;height:126px;border-radius:17px 17px 21px 21px}.coded-product-lotion .coded-cap{top:21px;width:34px;height:17px;border-radius:4px}.coded-product-lotion .coded-pump{z-index:3;left:50%;top:10px;width:49px;height:7px;border-radius:4px;background:#354035;transform:translateX(-34%)}.coded-product-lotion .coded-pump:before{content:"";position:absolute;left:0;top:5px;width:7px;height:15px;background:#354035;border-radius:2px}.coded-product-lotion .coded-label{top:84px;width:57px}@media(max-width:700px){.coded-product-silhouette{transform:scale(.8)}.coming-soon-media{padding:8px}.coming-soon-pill{font-size:.56rem;padding:7px 9px;max-width:100%;white-space:nowrap}.coming-soon-card .product-bottom{flex-direction:column;align-items:flex-start;gap:8px}.coming-soon-card .product-bottom>div{width:100%}.coming-soon-card .coming-soon-pill{align-self:flex-start}}

.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}.story-visual{min-height:620px;border-radius:36px;background:linear-gradient(145deg,#e7eee3,#f2e8d7);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.story-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(47,58,46,.2),transparent 50%)}.story-note{position:absolute;left:25px;right:25px;bottom:25px;background:rgba(255,255,255,.83);backdrop-filter:blur(14px);padding:22px;border-radius:22px;z-index:2}.story-note strong{font-family:'Playfair Display',serif;font-size:1.35rem;display:block}.story-content h2{font-family:'Playfair Display',serif;font-size:clamp(2.7rem,5vw,5.1rem);line-height:1.03;letter-spacing:-.04em;margin:12px 0 24px}.story-content p{color:var(--muted)}.ingredient-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.ingredient-chip{display:flex;gap:10px;align-items:center;padding:13px 15px;border-radius:14px;background:rgba(238,242,236,.9);font-size:.78rem}.ingredient-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}

.routine{background:var(--sage-deep);color:#f7f5ef;position:relative;overflow:hidden}.routine:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-240px;top:-180px}.routine-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.routine h2{font-family:'Playfair Display',serif;font-size:clamp(3rem,5vw,5.2rem);line-height:1.02;margin:12px 0 22px}.routine p{color:rgba(255,255,255,.7)}.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.04);transition:.25s}.step:hover{background:rgba(255,255,255,.08);transform:translateX(6px)}.step-num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#272b23;font-family:'Playfair Display',serif;font-size:1.3rem}.step h3{margin:0;font-size:.92rem}.step p{margin:2px 0 0;font-size:.75rem}.step svg{width:20px;stroke:rgba(255,255,255,.75);fill:none}

.testimonial-wrap{position:relative}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial{background:#fff;border-radius:24px;padding:28px;border:1px solid rgba(47,58,46,.08);min-height:270px;display:flex;flex-direction:column}.quote-mark{font-family:'Playfair Display',serif;font-size:4rem;line-height:.6;color:var(--sage);opacity:.55}.testimonial p{color:var(--muted);font-size:.88rem;flex:1}.testimonial-author{display:flex;align-items:center;gap:12px;margin-top:20px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--secondary);display:grid;place-items:center;font-weight:600;color:var(--sage-dark)}.testimonial-author strong{display:block;font-size:.85rem}.testimonial-author small{color:var(--muted);font-size:.7rem}

.cta-banner{border-radius:38px;background:linear-gradient(120deg,var(--secondary),#e8dfca);padding:65px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;position:relative;overflow:hidden}.cta-banner:after{content:"";width:240px;height:240px;border-radius:50%;position:absolute;right:-50px;top:-100px;background:rgba(138,166,122,.25)}.cta-banner h2{font-family:'Playfair Display',serif;font-size:clamp(2.3rem,4vw,4rem);line-height:1.05;margin:0 0 10px;position:relative;z-index:1}.cta-banner p{margin:0;color:var(--muted);position:relative;z-index:1}.cta-banner .btn{position:relative;z-index:2}

.footer{background:var(--sage-deep);color:#f7f5ef;padding:76px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .7fr 1fr;gap:45px}.footer-logo{filter:none;height:76px;width:auto;margin-bottom:20px}.footer p,.footer a{color:rgba(255,255,255,.69);font-size:.78rem}.footer a:hover{color:white}.footer h4{font-family:'Playfair Display',serif;font-size:1.1rem;margin:0 0 18px}.footer-links{display:grid;gap:9px}.socials{display:flex;gap:9px;margin-top:20px}.socials a{width:38px;height:38px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center}.socials svg{width:17px;height:17px;stroke:currentColor;fill:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.5);font-size:.7rem}

.page-hero{padding:82px 0 55px;text-align:center}.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(3rem,6vw,6rem);line-height:1;margin:12px 0 18px}.page-hero p{color:var(--muted);max-width:650px;margin:auto}.breadcrumb{display:flex;justify-content:center;gap:8px;font-size:.72rem;color:var(--muted);margin-bottom:15px}.breadcrumb span{color:var(--sage-dark)}

.shop-layout{display:grid;grid-template-columns:250px 1fr;gap:42px}.filter-panel{position:sticky;top:112px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.filter-group+.filter-group{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.filter-title{font-family:'Playfair Display',serif;font-size:1.1rem;margin-bottom:12px}.filter-option{display:flex;align-items:center;gap:9px;margin:9px 0;font-size:.78rem;color:var(--muted)}.filter-option input{accent-color:var(--sage-dark)}.shop-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px}.shop-toolbar p{font-size:.78rem;color:var(--muted);margin:0}.select{border:1px solid var(--line);border-radius:999px;background:#fff;padding:11px 40px 11px 15px;font-size:.76rem;color:var(--ink)}.shop-products{grid-template-columns:repeat(3,1fr)}

.product-detail{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:start}.gallery-main{border-radius:30px;overflow:hidden;background:var(--secondary)}.gallery-main img{width:100%;aspect-ratio:1;object-fit:cover}.product-detail-info{position:sticky;top:110px}.product-detail-info h1{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,5vw,4.9rem);line-height:1;margin:10px 0 14px}.detail-price{font-size:1.4rem;font-weight:700;margin:18px 0}.detail-desc{color:var(--muted);font-size:.88rem}.detail-benefits{display:grid;gap:10px;margin:24px 0}.detail-benefit{display:flex;gap:10px;align-items:center;font-size:.8rem}.detail-benefit svg{width:18px;stroke:var(--sage-dark);fill:none}.qty-row{display:flex;gap:12px;margin:25px 0}.qty-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}.qty-control button{width:42px;height:48px;border:0;background:transparent}.qty-control input{width:42px;border:0;text-align:center;background:transparent}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.accordion{border-top:1px solid var(--line);margin-top:32px}.accordion-item{border-bottom:1px solid var(--line)}.accordion-head{width:100%;padding:18px 0;border:0;background:transparent;display:flex;justify-content:space-between;text-align:left;font-weight:600}.accordion-content{max-height:0;overflow:hidden;transition:.3s;color:var(--muted);font-size:.8rem}.accordion-item.open .accordion-content{max-height:280px;padding-bottom:18px}

.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:40px}.cart-list{display:grid;gap:14px}.cart-item{display:grid;grid-template-columns:120px 1fr auto;gap:20px;background:#fff;border-radius:20px;padding:16px;border:1px solid var(--line);align-items:center}.cart-item img{width:120px;height:130px;object-fit:cover;border-radius:14px}.cart-item h3{font-family:'Playfair Display',serif;margin:0 0 4px}.cart-item small{color:var(--muted)}.remove-btn{border:0;background:none;color:#a05f56;font-size:.75rem;padding:0;margin-top:8px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;position:sticky;top:110px}.summary-card h2{font-family:'Playfair Display',serif;margin-top:0}.summary-row{display:flex;justify-content:space-between;font-size:.82rem;padding:11px 0;color:var(--muted)}.summary-total{border-top:1px solid var(--line);margin-top:8px;padding-top:17px;font-size:1rem;color:var(--ink);font-weight:700}.empty-state{text-align:center;background:#fff;border:1px solid var(--line);border-radius:25px;padding:70px 25px}.empty-state svg{width:64px;stroke:var(--sage);fill:none}.empty-state h3{font-family:'Playfair Display',serif;font-size:2rem;margin:15px 0 5px}

.checkout-layout{display:grid;grid-template-columns:1fr 390px;gap:45px}.checkout-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}.checkout-card+.checkout-card{margin-top:18px}.checkout-card h2{font-family:'Playfair Display',serif;margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:grid;gap:7px}.form-group.full{grid-column:1/-1}.form-group label{font-size:.75rem;font-weight:600}.form-control{width:100%;border:1px solid var(--line);border-radius:14px;background:#fbfbf8;padding:13px 14px;outline:none;transition:.2s}.form-control:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(138,166,122,.12)}textarea.form-control{min-height:105px;resize:vertical}.radio-card{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;margin-bottom:10px}.radio-card input{accent-color:var(--sage-dark)}.radio-card strong{display:block;font-size:.82rem}.radio-card small{color:var(--muted)}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-image{border-radius:35px;overflow:hidden;min-height:580px;background:var(--secondary);position:relative}.about-image img{position:absolute;width:100%;height:100%;object-fit:cover}.about-content h2{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,5vw,5rem);line-height:1.02;margin:12px 0 20px}.about-content p{color:var(--muted)}.values{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.value-card{padding:20px;border-radius:17px;background:var(--secondary)}.value-card strong{font-family:'Playfair Display',serif;display:block;margin-bottom:5px}.value-card small{color:var(--muted)}

.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{background:#fff;border:1px solid var(--line);border-radius:23px;overflow:hidden;transition:.3s}.article-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-sm)}.article-card img{width:100%;aspect-ratio:1.35;object-fit:cover}.article-body{padding:22px}.article-meta{font-size:.7rem;color:var(--sage-dark);letter-spacing:.08em;text-transform:uppercase}.article-card h3{font-family:'Playfair Display',serif;font-size:1.42rem;line-height:1.25;margin:8px 0}.article-card p{font-size:.78rem;color:var(--muted)}

.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.contact-panel{background:var(--sage-deep);color:#fff;border-radius:30px;padding:38px}.contact-panel h2{font-family:'Playfair Display',serif;font-size:2.5rem;line-height:1.1}.contact-panel p{color:rgba(255,255,255,.7)}.contact-item{display:flex;gap:13px;margin:22px 0}.contact-item svg{width:21px;stroke:var(--gold);fill:none;flex:0 0 auto}.contact-item strong{display:block;font-size:.83rem}.contact-item span{font-size:.75rem;color:rgba(255,255,255,.68)}.map-wrap{border-radius:30px;overflow:hidden;min-height:570px;border:1px solid var(--line)}.map-wrap iframe{width:100%;height:100%;border:0;min-height:570px}

.drawer{position:fixed;inset:0;z-index:300;pointer-events:none}.drawer.open{pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:rgba(25,31,25,.45);opacity:0;transition:.3s}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(430px,92vw);background:var(--bg);transform:translateX(100%);transition:.38s cubic-bezier(.22,.8,.2,1);padding:24px;overflow:auto}.drawer.open .drawer-panel{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.drawer-head h3{font-family:'Playfair Display',serif;font-size:1.7rem;margin:0}.drawer-close{border:0;background:none;width:38px;height:38px}.drawer-close svg{width:22px;stroke:currentColor}.mini-cart-list{display:grid;gap:12px}.mini-cart-item{display:grid;grid-template-columns:76px 1fr auto;gap:12px;align-items:center;background:white;border-radius:15px;padding:10px}.mini-cart-item img{width:76px;height:82px;object-fit:cover;border-radius:10px}.mini-cart-item strong{font-family:'Playfair Display',serif;font-size:.9rem}.mini-cart-item small{display:block;color:var(--muted);font-size:.7rem}.mini-remove{border:0;background:none;color:#a05f56}.drawer-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.drawer-total{display:flex;justify-content:space-between;font-weight:700;margin-bottom:15px}

.toast{position:fixed;left:50%;bottom:30px;z-index:500;transform:translate(-50%,30px);background:var(--sage-deep);color:white;padding:13px 20px;border-radius:999px;opacity:0;pointer-events:none;transition:.3s;box-shadow:var(--shadow-sm);font-size:.78rem}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(24px);transition:.75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

@media(max-width:1000px){
  .nav{grid-template-columns:180px 1fr auto}.nav-links{display:none}.menu-btn{display:grid}.hero-grid,.story-grid,.routine-grid,.about-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{padding-top:25px}.hero-visual{max-width:760px}.product-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.shop-layout{grid-template-columns:1fr}.filter-panel{position:relative;top:auto;display:none}.shop-products{grid-template-columns:repeat(2,1fr)}.product-detail{grid-template-columns:1fr}.product-detail-info{position:relative;top:auto}.cart-layout,.checkout-layout,.contact-grid{grid-template-columns:1fr}.summary-card{position:relative;top:auto}.article-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  :root{--container:min(100% - 28px,1180px)}.section{padding:78px 0}.section-sm{padding:52px 0}.topbar{font-size:.66rem}.nav{height:68px;grid-template-columns:1fr auto}.brand img{height:43px}.nav-actions .account-btn{display:none}.hero{padding-top:28px}.hero-grid{gap:28px}.hero h1{font-size:3.6rem}.hero-frame{border-radius:28px}.floating-card{left:10px;right:10px;bottom:12px;max-width:none}.sparkle{right:8px;top:8px;width:55px;height:55px}.hero-trust{gap:12px}.section-head{align-items:start;flex-direction:column}.benefits{grid-template-columns:1fr}.benefit{min-height:auto}.product-grid,.shop-products,.article-grid{grid-template-columns:1fr 1fr;gap:12px}.product-info{padding:14px}.product-title{font-size:1rem}.product-media{aspect-ratio:1}.story-visual{min-height:490px}.ingredient-list{grid-template-columns:1fr}.testimonials{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.testimonial{min-width:86%;scroll-snap-align:start}.cta-banner{padding:38px 25px;grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.page-hero{padding-top:55px}.shop-toolbar{align-items:flex-start;flex-direction:column}.product-detail{gap:30px}.detail-actions{grid-template-columns:1fr}.cart-item{grid-template-columns:85px 1fr}.cart-item img{width:85px;height:95px}.cart-item>div:last-child{grid-column:2}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.checkout-card{padding:20px}.values{grid-template-columns:1fr}.about-image{min-height:430px}.map-wrap,.map-wrap iframe{min-height:420px}
}
@media(max-width:420px){.product-grid,.shop-products{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:1fr}.hero h1{font-size:3.15rem}.nav-actions{gap:5px}.icon-btn{width:39px;height:39px}.cta-banner h2{font-size:2.35rem}}

/* === 2026 visual refinement: actual ANSA product photography === */
.hero-stage{
  position:relative;aspect-ratio:1.08/1;border-radius:46px;overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.96) 0 18%,rgba(255,255,255,.25) 18.3% 32%,transparent 32.3%),
    linear-gradient(150deg,#f4efe6 0%,#edf2e9 52%,#dfe9d9 100%);
  box-shadow:0 30px 80px rgba(47,58,46,.16);border:1px solid rgba(255,255,255,.8);
  isolation:isolate;
}
.hero-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.52),transparent 45%);z-index:-1}
.hero-stage:after{content:"";position:absolute;left:7%;right:7%;bottom:8%;height:18%;border-radius:50%;background:rgba(255,255,255,.72);filter:blur(.2px);box-shadow:0 22px 35px rgba(47,58,46,.14);z-index:0}
.stage-sun{position:absolute;width:150px;height:150px;border-radius:50%;right:6%;top:8%;background:rgba(199,164,107,.18);border:1px solid rgba(199,164,107,.25)}
.stage-arch{position:absolute;left:18%;top:12%;width:64%;height:66%;border-radius:170px 170px 26px 26px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 0 0 14px rgba(255,255,255,.12)}
.stage-podium{position:absolute;border-radius:50%;background:linear-gradient(180deg,#fffdf9,#e9e2d7);box-shadow:0 22px 34px rgba(47,58,46,.13);z-index:1}
.stage-podium-back{width:42%;height:12%;left:8%;bottom:23%}
.stage-podium-front{width:62%;height:15%;right:4%;bottom:11%}
.stage-leaf{position:absolute;width:22px;height:120px;border-radius:100% 0 100% 0;background:var(--sage);opacity:.82;z-index:2;transform-origin:bottom center}
.stage-leaf:after,.stage-leaf:before{content:"";position:absolute;width:20px;height:88px;border-radius:100% 0 100% 0;background:inherit;left:-20px;top:35px;transform:rotate(-35deg)}
.stage-leaf:after{left:17px;top:18px;transform:rotate(30deg)}
.stage-leaf-one{left:7%;bottom:17%;transform:rotate(-17deg)}
.stage-leaf-two{right:9%;bottom:16%;transform:rotate(19deg) scale(.92)}
.hero-product{position:absolute;z-index:3;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(21,27,20,.24));transition:transform .45s ease}
.hero-stage:hover .hero-product{transform:translateY(-7px)}
.hero-cleanser{height:53%;left:7%;bottom:18%}
.hero-toner{height:59%;left:35%;bottom:22%;transition-delay:.04s}
.hero-serum{height:47%;right:2%;bottom:18%;transition-delay:.08s}
.hero-cream{width:39%;right:21%;bottom:8%;transition-delay:.12s}
.stage-caption{position:absolute;left:8%;top:8%;z-index:4;display:grid;gap:3px}
.stage-caption span{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-dark);font-weight:700}
.stage-caption strong{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:600}

.product-media{display:grid;place-items:center;isolation:isolate;background:linear-gradient(145deg,#f4f3ed,#e8efe5);padding:28px}
.product-media:before{content:"";position:absolute;width:68%;height:68%;border-radius:50%;background:rgba(255,255,255,.58);z-index:-1;box-shadow:0 24px 35px rgba(47,58,46,.08)}
.product-media:after{content:"";position:absolute;left:17%;right:17%;bottom:12%;height:10%;border-radius:50%;background:rgba(255,255,255,.72);box-shadow:0 12px 22px rgba(47,58,46,.12);z-index:-1}
.product-media img{width:88%;height:88%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 15px 13px rgba(23,29,22,.2));transform-origin:center bottom}
.product-card:hover .product-media img{transform:translateY(-7px) scale(1.035)}
.product-orbit{position:absolute;width:64%;height:64%;border-radius:50%;border:1px solid rgba(138,166,122,.25);z-index:-1;transform:rotate(-17deg)}
.product-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);right:7%;top:8%;box-shadow:0 0 0 8px rgba(199,164,107,.13)}
.tone-rose{background:linear-gradient(145deg,#f7eee8,#eef2ec)}
.tone-sage{background:linear-gradient(145deg,#edf3e9,#f8f4ec)}
.tone-gold{background:linear-gradient(145deg,#f7f0e4,#eef2ec)}
.tone-night{background:linear-gradient(145deg,#e8eee4,#f4ece2)}
.tone-set{background:linear-gradient(145deg,#f2efe6,#dfe9da)}
.product-media.tone-set img{width:98%;height:92%}

.gallery-main{position:relative;display:grid;place-items:center;aspect-ratio:1;isolation:isolate;padding:56px;background:linear-gradient(145deg,#f2f0e8,#e4ece0)}
.gallery-main:before{content:"";position:absolute;width:70%;height:70%;border-radius:50%;background:rgba(255,255,255,.62);z-index:-1;box-shadow:0 25px 50px rgba(47,58,46,.1)}
.gallery-main:after{content:"";position:absolute;left:16%;right:16%;bottom:12%;height:10%;border-radius:50%;background:rgba(255,255,255,.74);box-shadow:0 18px 24px rgba(47,58,46,.13);z-index:-1}
.gallery-main img{width:88%;height:88%;aspect-ratio:auto;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 25px 22px rgba(26,31,24,.24))}
.gallery-orbit{position:absolute;width:64%;height:64%;border-radius:50%;border:1px solid rgba(138,166,122,.25);transform:rotate(18deg);z-index:-1}
.gallery-orbit:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--gold);left:8%;bottom:7%;box-shadow:0 0 0 10px rgba(199,164,107,.13)}

.story-visual{background:linear-gradient(145deg,#e7eee3,#f2e8d7)}
.story-stage{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 74% 18%,rgba(255,255,255,.85) 0 16%,transparent 16.5%),linear-gradient(155deg,#eef3eb,#eee3d4)}
.story-stage:after{content:"";position:absolute;left:10%;right:10%;bottom:10%;height:15%;border-radius:50%;background:rgba(255,255,255,.78);box-shadow:0 22px 38px rgba(47,58,46,.14)}
.story-ring{position:absolute;width:65%;height:65%;border:1px solid rgba(138,166,122,.3);border-radius:50%;left:18%;top:13%;transform:rotate(17deg)}
.story-ring:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--gold);right:8%;top:9%;box-shadow:0 0 0 12px rgba(199,164,107,.14)}
.story-pedestal{position:absolute;width:58%;height:17%;border-radius:50%;left:22%;bottom:16%;background:linear-gradient(#fffdf9,#e8dfd2);box-shadow:0 20px 34px rgba(47,58,46,.14);z-index:1}
.story-leaf{position:absolute;right:9%;bottom:18%;width:26px;height:160px;border-radius:100% 0 100% 0;background:var(--sage);transform:rotate(20deg);opacity:.82;z-index:2}
.story-leaf:before,.story-leaf:after{content:"";position:absolute;width:25px;height:110px;border-radius:100% 0 100% 0;background:inherit;left:-25px;top:35px;transform:rotate(-38deg)}
.story-leaf:after{left:21px;top:10px;transform:rotate(32deg)}
.story-product{position:absolute;z-index:3;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(23,29,22,.24))}
.story-cleanser{height:55%;left:7%;bottom:20%}
.story-serum{height:47%;left:36%;bottom:20%}
.story-cream{width:44%;right:3%;bottom:13%}

.about-image{background:linear-gradient(145deg,#e6eee3,#f2e8d7)}
.about-product-stage{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 23% 18%,rgba(255,255,255,.9) 0 15%,transparent 15.5%),linear-gradient(155deg,#eef4eb,#eee2d2)}
.about-product-stage:after{content:"";position:absolute;left:10%;right:10%;bottom:10%;height:16%;border-radius:50%;background:rgba(255,255,255,.78);box-shadow:0 22px 38px rgba(47,58,46,.14)}
.about-halo{position:absolute;width:68%;height:68%;border-radius:50%;border:1px solid rgba(138,166,122,.26);left:15%;top:13%;transform:rotate(-18deg)}
.about-plinth{position:absolute;left:19%;bottom:16%;width:62%;height:17%;border-radius:50%;background:linear-gradient(#fffdf8,#e4dbcd);box-shadow:0 19px 35px rgba(47,58,46,.15);z-index:1}
.about-product{position:absolute;z-index:3;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(23,29,22,.22))}
.about-toner{height:60%;left:11%;bottom:20%}
.about-serum{height:47%;left:40%;bottom:18%}
.about-cream{width:42%;right:3%;bottom:13%}
.about-leaf{position:absolute;width:23px;height:150px;border-radius:100% 0 100% 0;background:var(--sage);opacity:.8;z-index:2}
.about-leaf-a{left:7%;bottom:15%;transform:rotate(-18deg)}
.about-leaf-b{right:7%;top:20%;transform:rotate(34deg) scale(.7)}
.about-stamp{position:absolute;right:7%;top:7%;z-index:4;text-align:right;display:grid}
.about-stamp strong{font-family:'Playfair Display',serif;font-size:1.5rem}
.about-stamp span{font-size:.62rem;letter-spacing:.08em;color:var(--sage-dark)}

.article-media{width:100%;aspect-ratio:1.35;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:22px}
.article-media:before{content:"";position:absolute;width:60%;height:74%;border-radius:50%;background:rgba(255,255,255,.62);z-index:-1;box-shadow:0 15px 30px rgba(47,58,46,.08)}
.article-media:after{content:"";position:absolute;left:20%;right:20%;bottom:11%;height:9%;border-radius:50%;background:rgba(255,255,255,.74);box-shadow:0 10px 20px rgba(47,58,46,.12);z-index:-1}
.article-media span{position:absolute;width:55%;height:65%;border-radius:50%;border:1px solid rgba(138,166,122,.24);transform:rotate(-16deg);z-index:-1}
.article-media img{width:78%;height:88%;aspect-ratio:auto;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 15px 15px rgba(23,29,22,.2))}
.article-media.tone-set img,.article-media.tone-soft img{width:96%;height:93%}
.article-card>img{display:none}

.cart-item img,.mini-cart-item img{object-fit:contain;background:linear-gradient(145deg,#f3f0e9,#e6eee3);padding:8px}

@media(max-width:900px){
  .hero-stage{max-width:760px;margin:auto}
  .hero-cleanser{height:51%;left:8%}.hero-toner{height:57%;left:34%}.hero-serum{height:45%;right:2%}.hero-cream{width:38%}
}
@media(max-width:650px){
  .hero-stage{border-radius:28px;aspect-ratio:1/1.05}
  .hero-cleanser{height:49%;left:5%;bottom:20%}.hero-toner{height:54%;left:33%;bottom:23%}.hero-serum{height:42%;right:-1%;bottom:19%}.hero-cream{width:40%;right:18%;bottom:9%}
  .stage-caption{left:6%;top:6%}.stage-caption strong{font-size:.88rem}.stage-caption span{font-size:.54rem}
  .product-media{padding:16px}.product-media img{width:90%;height:90%}
  .gallery-main{padding:26px}
  .story-cleanser{height:51%;left:4%}.story-serum{height:43%;left:34%}.story-cream{width:46%;right:0}
  .about-toner{height:56%;left:7%}.about-serum{height:43%;left:35%}.about-cream{width:45%;right:0}
  .article-media{padding:12px}
}
/* Keep transparent packshots fully visible inside their visual stages. */
.product-media img{width:auto;height:auto;max-width:88%;max-height:88%}
.product-media.tone-set img{width:auto;height:auto;max-width:96%;max-height:92%}
.gallery-main img{width:auto;height:auto;max-width:88%;max-height:88%}
.article-media img{width:auto;height:auto;max-width:78%;max-height:88%}
.article-media.tone-set img,.article-media.tone-soft img{width:auto;height:auto;max-width:96%;max-height:93%}
.product-media img{position:absolute;inset:8%;width:84%;height:84%;max-width:none;max-height:none;object-fit:contain}
.product-media.tone-set img{position:absolute;inset:5%;width:90%;height:90%;max-width:none;max-height:none}
.gallery-main img{position:absolute;inset:8%;width:84%;height:84%;max-width:none;max-height:none;object-fit:contain}
.article-media img{position:absolute;inset:8% 12%;width:76%;height:84%;max-width:none;max-height:none;object-fit:contain}
.article-media.tone-set img,.article-media.tone-soft img{position:absolute;inset:5%;width:90%;height:90%;max-width:none;max-height:none}
.story-product{width:auto;height:auto;inset:auto}
.story-cleanser{width:auto;height:55%;left:7%;bottom:20%}
.story-serum{width:auto;height:47%;left:36%;bottom:20%}
.story-cream{width:44%;height:auto;right:3%;bottom:13%}
.about-product{width:auto;height:auto;inset:auto}
.about-toner{width:auto;height:60%;left:11%;bottom:20%}
.about-serum{width:auto;height:47%;left:40%;bottom:18%}
.about-cream{width:42%;height:auto;right:3%;bottom:13%}
@media(max-width:650px){
 .story-cleanser{width:auto;height:51%;left:4%;bottom:20%}.story-serum{width:auto;height:43%;left:34%;bottom:20%}.story-cream{width:46%;height:auto;right:0;bottom:13%}
 .about-toner{width:auto;height:56%;left:7%;bottom:20%}.about-serum{width:auto;height:43%;left:35%;bottom:18%}.about-cream{width:45%;height:auto;right:0;bottom:13%}
}
.story-visual img.story-product{position:absolute;inset:auto;width:auto;height:auto;object-fit:contain}
.story-visual img.story-cleanser{height:55%;width:auto;left:7%;bottom:20%}
.story-visual img.story-serum{height:47%;width:auto;left:36%;bottom:20%}
.story-visual img.story-cream{width:44%;height:auto;right:3%;bottom:13%}
.about-image img.about-product{position:absolute;inset:auto;width:auto;height:auto;object-fit:contain}
.about-image img.about-toner{height:60%;width:auto;left:11%;bottom:20%}
.about-image img.about-serum{height:47%;width:auto;left:40%;bottom:18%}
.about-image img.about-cream{width:42%;height:auto;right:3%;bottom:13%}
@media(max-width:650px){
 .story-visual img.story-cleanser{height:51%;width:auto;left:4%;bottom:20%}.story-visual img.story-serum{height:43%;width:auto;left:34%;bottom:20%}.story-visual img.story-cream{width:46%;height:auto;right:0;bottom:13%}
 .about-image img.about-toner{height:56%;width:auto;left:7%;bottom:20%}.about-image img.about-serum{height:43%;width:auto;left:35%;bottom:18%}.about-image img.about-cream{width:45%;height:auto;right:0;bottom:13%}
}


/* === Uploaded ANSA artwork integration (August 2026) === */
.hero-uploaded-gallery{padding:14px;background:#efece5;isolation:isolate}
.hero-uploaded-gallery:before{display:none}
.hero-uploaded-gallery:after{display:none}
.hero-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;height:100%;border-radius:34px;overflow:hidden}
.hero-photo-grid img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;background:#fff}
.hero-uploaded-gallery .stage-caption{left:28px;top:28px;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(47,58,46,.12)}

.product-media.product-photo{padding:0;background:#fff}
.product-media.product-photo:before,.product-media.product-photo:after{display:none}
.product-media.product-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:none}
.product-card:hover .product-media.product-photo img{transform:scale(1.025)}

.product-gallery{min-width:0}
.gallery-main.product-photo{padding:0;background:#fff;border:1px solid var(--line)}
.gallery-main.product-photo:before,.gallery-main.product-photo:after{display:none}
.gallery-main.product-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;filter:none;background:#fff;transition:opacity .2s ease}
.gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.gallery-thumb{aspect-ratio:1;border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;background:#fff;transition:.2s}
.gallery-thumb:hover,.gallery-thumb.active{border-color:var(--sage-dark);box-shadow:0 0 0 2px rgba(102,125,89,.12)}
.gallery-thumb img{width:100%;height:100%;object-fit:cover}

.story-uploaded-photo{display:grid;place-items:center;padding:24px;background:#fff}
.story-visual .story-uploaded-photo img{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;border-radius:22px}
.story-uploaded-photo:after{display:none}

.about-uploaded-photo{display:grid;place-items:center;padding:24px;background:#fff}
.about-image .about-uploaded-photo img{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;border-radius:22px}
.about-uploaded-photo:after{display:none}
.about-uploaded-photo .about-stamp{background:rgba(255,255,255,.88);backdrop-filter:blur(10px);padding:10px 12px;border-radius:12px;box-shadow:0 8px 24px rgba(47,58,46,.1)}

.article-media{padding:0;background:#fff}
.article-media:before,.article-media:after,.article-media span{display:none}
.article-media img,.article-media.tone-set img,.article-media.tone-soft img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:none}

.cart-item img,.mini-cart-item img{object-fit:cover;background:#fff;padding:0}

@media(max-width:700px){
 .hero-uploaded-gallery{padding:9px}
 .hero-photo-grid{gap:6px;border-radius:21px}
 .hero-uploaded-gallery .stage-caption{left:18px;top:18px;padding:8px 10px}
 .gallery-thumbs{gap:7px;margin-top:9px;overflow-x:auto;grid-template-columns:repeat(5,74px);padding-bottom:4px}
 .gallery-thumb{border-radius:10px}
 .story-uploaded-photo,.about-uploaded-photo{padding:12px}
}

/* Final visibility safeguards for uploaded artwork. */
.gallery-thumbs{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}
.article-media img,.article-media.tone-set img,.article-media.tone-soft img{object-fit:contain;background:#fff}
@media(max-width:700px){.gallery-thumbs{grid-template-columns:repeat(5,74px)}}

/* === Hero Beranda: komposisi kotak premium mengikuti referensi === */
.hero{min-height:auto;padding:64px 0 78px}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,560px);gap:68px;align-items:center}
.hero-copy{position:relative;z-index:2}
.hero-visual{width:100%;max-width:560px;justify-self:end;padding:30px;isolation:isolate}
.hero-visual:before{content:"";position:absolute;inset:0;border-radius:52px;background:linear-gradient(145deg,#c7d4c0 0%,#9bae90 100%);z-index:-2;box-shadow:0 28px 70px rgba(68,84,62,.16)}
.hero-visual:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-36px;top:-38px;background:rgba(255,255,255,.16);z-index:-1}
.hero-frame{width:100%;aspect-ratio:1/1;border-radius:38px;padding:10px;background:rgba(255,255,255,.94);box-shadow:0 22px 55px rgba(43,55,40,.20);transform:none;overflow:hidden}
.hero-frame img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:29px}
.hero-frame:after{inset:10px;border-radius:29px;border:1px solid rgba(255,255,255,.72);pointer-events:none}
.floating-card{left:-22px;bottom:42px;max-width:218px;border-radius:18px;padding:16px 18px}
.sparkle{right:7px;top:6px;width:66px;height:66px}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:42px}
  .hero-visual{justify-self:center;max-width:620px;padding:28px}
}
@media(max-width:700px){
  .hero{padding:34px 0 56px}
  .hero-grid{gap:30px}
  .hero-visual{max-width:100%;padding:16px}
  .hero-visual:before{border-radius:32px}
  .hero-frame{aspect-ratio:1/1;border-radius:25px;padding:7px}
  .hero-frame img,.hero-frame:after{border-radius:19px}
  .hero-frame:after{inset:7px}
  .floating-card{left:8px;right:8px;bottom:10px;max-width:none;padding:13px 15px}
  .sparkle{right:4px;top:3px;width:50px;height:50px}
}

/* Product detail copywriting — structured, readable, responsive */
.product-detail{align-items:start}
.product-detail-info h1{font-size:clamp(2.25rem,4.2vw,4.35rem);line-height:1.04}
.product-lead{font-family:'Playfair Display',serif;font-size:1.25rem;line-height:1.45;color:var(--dark);margin:22px 0 12px}
.detail-desc{font-size:.91rem;line-height:1.9;color:var(--muted)}
.product-copywriting{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.copy-block,.copy-mini{border:1px solid var(--line);border-radius:28px;background:#fff;padding:34px}
.copy-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;font-weight:700;color:var(--sage-dark);margin-bottom:10px}
.copy-block h2{font-family:'Playfair Display',serif;font-size:clamp(1.65rem,2.5vw,2.45rem);line-height:1.15;margin:0 0 24px;color:var(--dark)}
.copy-block ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.copy-benefits li{display:flex;align-items:flex-start;gap:11px;color:var(--muted);line-height:1.65;font-size:.87rem}
.copy-benefits li svg{width:19px;min-width:19px;margin-top:2px;stroke:var(--sage-dark);fill:none}
.copy-ingredients li{display:grid;gap:4px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.copy-ingredients li:last-child{border-bottom:0;padding-bottom:0}
.copy-ingredients strong{font-size:.9rem;color:var(--dark)}
.copy-ingredients span{font-size:.82rem;line-height:1.65;color:var(--muted)}
.copy-mini{grid-column:1/-1;display:grid;grid-template-columns:.55fr 1.45fr;gap:32px;background:linear-gradient(135deg,#eef2ec,#f8f6f1)}
.copy-mini>div{display:grid;align-content:start;gap:8px}
.copy-mini span{text-transform:uppercase;letter-spacing:.16em;font-size:.67rem;font-weight:700;color:var(--sage-dark)}
.copy-mini strong{font-family:'Playfair Display',serif;font-size:1.55rem;color:var(--dark)}
.copy-mini p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.8}
@media(max-width:800px){
 .product-copywriting{grid-template-columns:1fr;gap:14px;margin-top:12px}
 .copy-block,.copy-mini{padding:24px;border-radius:22px}
 .copy-mini{grid-column:auto;grid-template-columns:1fr;gap:24px}
 .product-lead{font-size:1.12rem}
}

/* Fix detail-page collision: long product content must stay in normal flow */
.product-detail-info{
  position:relative !important;
  top:auto !important;
  align-self:start;
  min-width:0;
}
.product-copywriting{
  position:relative;
  z-index:1;
  clear:both;
  width:100%;
}
.product-detail-info .detail-actions,
.product-detail-info .qty-row{
  position:relative;
  z-index:2;
}
@media(min-width:981px){
  .product-detail{
    grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
    grid-auto-flow:row;
  }
}
/* Home service strip — coded from visual reference */
.home-service-strip{background:var(--sage-dark);color:var(--white);overflow:hidden}
.home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px;margin:0 auto}
.home-service-item{min-height:230px;padding:30px 28px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid rgba(255,255,255,.22)}
.home-service-item:last-child{border-right:0}
.home-service-icon{width:92px;height:92px;border-radius:50%;background:var(--white);color:var(--sage-dark);display:grid;place-items:center;margin-bottom:24px}
.home-service-icon svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.home-service-item p{margin:0;font-size:.78rem;font-weight:500;line-height:1.18;color:var(--white)}
.home-service-item p span{font-size:.72rem}
@media(max-width:700px){.home-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.home-service-item{min-width:0;min-height:158px;padding:18px 7px 16px;border-right:1px solid rgba(255,255,255,.22);border-bottom:0}.home-service-item:last-child{border-right:0}.home-service-icon{width:54px;height:54px;margin-bottom:12px}.home-service-icon svg{width:36px;height:36px;stroke-width:2.5}.home-service-item p{font-size:.54rem;line-height:1.16}.home-service-item p span{font-size:.5rem}}

/* Floating WhatsApp — global master component */
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:90;display:inline-flex;align-items:center;gap:12px;min-height:66px;padding:8px 18px 8px 8px;border-radius:999px;background:linear-gradient(135deg,#25D366 0%,#1BAE57 100%);color:var(--white);box-shadow:0 18px 42px rgba(27,174,87,.28),0 8px 20px rgba(47,58,46,.12);border:1px solid rgba(255,255,255,.42);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.whatsapp-float:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(27,174,87,.34),0 10px 22px rgba(47,58,46,.15);filter:saturate(1.02)}
.whatsapp-float:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(37,211,102,.2),0 24px 50px rgba(27,174,87,.34)}
.whatsapp-float::before{content:"";position:absolute;inset:-7px;border-radius:999px;border:1px solid rgba(37,211,102,.18);animation:waPulse 2.6s ease-out infinite;pointer-events:none}
.whatsapp-float-icon{width:50px;height:50px;flex:0 0 50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 18px rgba(0,0,0,.08)}
.whatsapp-float-icon svg{width:27px;height:27px;display:block;fill:currentColor}
.whatsapp-float-text{display:flex;flex-direction:column;line-height:1.05}
.whatsapp-float-text strong{font-size:.92rem;font-weight:700;letter-spacing:.01em;color:var(--white)}
.whatsapp-float-text span{font-size:.72rem;color:rgba(255,255,255,.9);margin-top:4px;white-space:nowrap}
@keyframes waPulse{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(1.12)}100%{opacity:0;transform:scale(1.12)}}
@media(max-width:700px){.whatsapp-float{right:16px;bottom:16px;padding:8px;width:58px;min-height:58px;gap:0}.whatsapp-float::before{inset:-5px}.whatsapp-float-icon{width:42px;height:42px;flex-basis:42px}.whatsapp-float-icon svg{width:24px;height:24px}.whatsapp-float-text{display:none}}


/* ANSA Series Collection — replaces old routine section */
.series-collection{position:relative;overflow:hidden;background:#2f3b2e;color:#f7f3e8;padding:92px 0}
.series-collection:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(199,164,107,.14);right:-235px;top:-210px;pointer-events:none}
.series-collection-grid{display:grid;grid-template-columns:.76fr 1.34fr;gap:64px;align-items:center}
.series-collection-copy{max-width:400px}
.series-collection .eyebrow{color:var(--gold)}
.series-collection-copy h2{font-family:'Playfair Display',serif;font-size:clamp(2.9rem,4.8vw,4.9rem);line-height:1.03;letter-spacing:-.045em;margin:14px 0 24px;font-weight:600}
.series-collection-copy p{color:rgba(247,243,232,.72);font-size:.88rem;margin:0 0 28px}
.series-collection-copy .btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.series-list{display:grid;gap:10px}
.series-card{position:relative;min-height:136px;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:52px minmax(0,1fr) 34px;align-items:center;gap:16px;padding:18px 20px;color:#fff;border:1px solid rgba(255,255,255,.12);isolation:isolate;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.series-card:hover{transform:translateX(7px);box-shadow:0 18px 42px rgba(0,0,0,.18);border-color:rgba(255,255,255,.26)}
.series-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.series-card-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(17,20,16,.96) 0%,rgba(17,20,16,.88) 43%,rgba(17,20,16,.32) 70%,rgba(17,20,16,.06) 100%)}
.series-card--pilgrim .series-card-overlay{background:linear-gradient(90deg,rgba(57,66,43,.96) 0%,rgba(57,66,43,.88) 45%,rgba(57,66,43,.24) 76%,rgba(57,66,43,.04) 100%)}
.series-card--lumi{color:#33402f;border-color:rgba(47,58,46,.14)}
.series-card--lumi .series-card-overlay{background:linear-gradient(90deg,rgba(249,246,238,.98) 0%,rgba(249,246,238,.94) 46%,rgba(249,246,238,.42) 75%,rgba(249,246,238,.08) 100%)}
.series-card--clear .series-card-overlay{background:linear-gradient(90deg,rgba(54,89,122,.97) 0%,rgba(54,89,122,.90) 45%,rgba(54,89,122,.27) 76%,rgba(54,89,122,.04) 100%)}
.series-num{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#2c3027;font-family:'Playfair Display',serif;font-size:1.04rem;font-weight:700;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.series-card-copy{display:block;min-width:0;max-width:470px}
.series-card-copy strong{display:block;font-family:'Playfair Display',serif;font-size:2rem;line-height:1;letter-spacing:.015em;margin-bottom:5px}
.series-card-copy em{display:block;color:var(--gold);font-style:normal;text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:700;margin-bottom:7px}
.series-card--lumi .series-card-copy em{color:#9b7a42}
.series-card-copy small{display:block;max-width:440px;color:rgba(255,255,255,.76);font-size:.68rem;line-height:1.5}
.series-card--lumi .series-card-copy small{color:rgba(47,58,46,.72)}
.series-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.10);justify-self:end;transition:transform .25s ease,background .25s ease}
.series-card:hover .series-arrow{transform:translateX(3px);background:rgba(255,255,255,.18)}
.series-card--lumi .series-arrow{background:rgba(47,58,46,.08)}
.series-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
@media(max-width:980px){.series-collection{padding:72px 0}.series-collection-grid{grid-template-columns:1fr;gap:38px}.series-collection-copy{max-width:720px}.series-collection-copy h2{max-width:720px}.series-card{min-height:132px}}
@media(max-width:700px){.series-collection{padding:62px 0}.series-collection-grid{gap:30px}.series-collection-copy h2{font-size:clamp(2.5rem,12vw,3.7rem)}.series-collection-copy p{font-size:.82rem}.series-list{gap:10px}.series-card{min-height:150px;grid-template-columns:38px minmax(0,1fr) 26px;gap:10px;padding:14px 13px;border-radius:17px}.series-card>img{object-position:63% center}.series-card-overlay{background:linear-gradient(90deg,rgba(17,20,16,.98) 0%,rgba(17,20,16,.92) 57%,rgba(17,20,16,.54) 78%,rgba(17,20,16,.12) 100%)}.series-card--pilgrim .series-card-overlay{background:linear-gradient(90deg,rgba(57,66,43,.98) 0%,rgba(57,66,43,.93) 58%,rgba(57,66,43,.52) 80%,rgba(57,66,43,.12) 100%)}.series-card--lumi .series-card-overlay{background:linear-gradient(90deg,rgba(249,246,238,.99) 0%,rgba(249,246,238,.95) 58%,rgba(249,246,238,.60) 82%,rgba(249,246,238,.18) 100%)}.series-card--clear .series-card-overlay{background:linear-gradient(90deg,rgba(54,89,122,.98) 0%,rgba(54,89,122,.93) 58%,rgba(54,89,122,.54) 80%,rgba(54,89,122,.10) 100%)}.series-num{width:36px;height:36px;font-size:.82rem}.series-card-copy strong{font-size:1.55rem}.series-card-copy em{font-size:.55rem;line-height:1.35;max-width:245px}.series-card-copy small{font-size:.58rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:250px}.series-arrow{width:26px;height:26px}.series-arrow svg{width:14px;height:14px}}
@media(max-width:420px){.series-card{min-height:144px;grid-template-columns:34px minmax(0,1fr) 24px;padding:13px 11px;gap:9px}.series-num{width:33px;height:33px;font-size:.76rem}.series-card-copy strong{font-size:1.38rem}.series-card-copy em{font-size:.51rem}.series-card-copy small{font-size:.54rem}.series-arrow{width:24px;height:24px}}


/* Home article slider — 3-card grid */
.home-articles{overflow:hidden}
.home-articles-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}
.home-articles-head .section-title{max-width:760px}
.home-articles-all svg,.home-article-read svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.home-articles-all i,.home-article-read i{font-size:17px;transition:transform .2s ease}
.home-article-slider{position:relative}
.home-article-viewport{overflow:hidden;padding:4px 2px 12px}
.home-article-track{display:flex;gap:22px;transition:transform .62s cubic-bezier(.22,.61,.36,1);will-change:transform}
.home-article-slide{flex:0 0 calc((100% - 44px)/3);min-width:0;background:#fff;border:1px solid rgba(47,58,46,.10);border-radius:24px;overflow:hidden;box-shadow:0 12px 34px rgba(47,58,46,.06);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.home-article-slide:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(47,58,46,.11);border-color:rgba(102,125,89,.20)}
.home-article-media{position:relative;display:block;aspect-ratio:1.34;overflow:hidden;background:var(--secondary)}
.home-article-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.home-article-slide:hover .home-article-media img{transform:scale(1.045)}
.home-article-image-label{position:absolute;left:16px;top:16px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.91);backdrop-filter:blur(10px);font-size:.61rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sage-deep);box-shadow:0 5px 14px rgba(47,58,46,.07)}
.home-article-copy{padding:22px 22px 24px;display:flex;flex-direction:column;align-items:flex-start;min-height:245px}
.home-article-meta{display:flex;align-items:center;gap:7px;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sage-dark);font-weight:600}
.home-article-meta span{color:var(--gold)}
.home-article-copy h3{font-family:'Playfair Display',serif;font-size:1.48rem;line-height:1.22;letter-spacing:-.025em;margin:9px 0 10px;font-weight:600;transition:color .2s ease}
.home-article-title-link:hover h3{color:var(--sage-dark)}
.home-article-copy p{color:var(--muted);font-size:.78rem;line-height:1.7;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-article-read{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--sage-deep);font-size:.75rem;font-weight:700}
.home-article-read svg{transition:transform .2s ease}
.home-article-read:hover svg{transform:translateX(3px)}
.home-article-read:hover i{transform:translateX(3px)}
.home-article-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.home-article-position{display:flex;align-items:baseline;gap:7px;color:var(--muted);font-size:.72rem;letter-spacing:.08em}
.home-article-position strong{font-family:'Playfair Display',serif;color:var(--ink);font-size:1.32rem}
.home-article-controls{display:flex;gap:9px}
.home-article-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;background:#fff;color:var(--ink);box-shadow:0 7px 20px rgba(47,58,46,.05);transition:transform .22s ease,background .22s ease,color .22s ease}
.home-article-arrow:hover{background:var(--sage-deep);color:#fff;transform:translateY(-2px)}
.home-article-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-article-arrow i{font-size:20px}
@media(max-width:900px){.home-article-slide{flex-basis:calc((100% - 18px)/2)}.home-article-track{gap:18px}}
@media(max-width:700px){.home-articles-head{align-items:flex-start;flex-direction:column;margin-bottom:24px}.home-article-copy{min-height:230px;padding:20px}.home-article-copy h3{font-size:1.35rem}.home-article-footer{margin-top:12px}.home-article-arrow{width:42px;height:42px}}
@media(max-width:560px){.home-article-track{gap:14px}.home-article-slide{flex-basis:100%;border-radius:20px}.home-article-media{aspect-ratio:1.45}.home-article-copy{min-height:220px;padding:19px 18px 21px}.home-article-copy h3{font-size:1.42rem}.home-article-copy p{font-size:.77rem}.home-article-image-label{left:13px;top:13px}.home-article-position strong{font-size:1.2rem}}

/* Article detail generated from the same source */
.article-detail{max-width:920px;margin:0 auto}
.article-detail-head{padding:34px 0 32px}
.article-detail-head h1{font-family:'Playfair Display',serif;font-size:clamp(3rem,6vw,5.7rem);line-height:1.02;letter-spacing:-.045em;margin:12px 0 20px;font-weight:600}
.article-detail-head>p{max-width:720px;color:var(--muted);font-size:1rem}
.article-detail-media{border-radius:30px;overflow:hidden;background:var(--secondary);box-shadow:var(--shadow-sm)}
.article-detail-media img{width:100%;aspect-ratio:1.55;object-fit:cover}
.article-detail-body{max-width:720px;margin:44px auto 0;font-size:.98rem;line-height:1.95;color:var(--muted)}
.article-detail-body p{margin:0 0 22px}
.article-detail-body .btn{margin-top:14px;color:var(--ink)}
.article-card .text-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.article-card .text-link i{font-size:17px}.article-media{display:block;background:var(--secondary)}.article-body .text-link{margin-top:16px}
.article-card .article-media img{object-fit:cover;background:var(--secondary)}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 30px}.search-box{display:flex;align-items:center;gap:10px;min-width:min(420px,100%);padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper)}.search-box .mdi{font-size:20px;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.chip{border:1px solid var(--line);background:var(--paper);padding:10px 14px;border-radius:999px;font-size:12px;font-weight:700}.chip.active,.chip:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:700px){.toolbar{align-items:stretch}.search-box{min-width:100%}.chips{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.chip{white-space:nowrap}}

@media(max-width:800px){.article-detail-head{padding-top:26px}.article-detail-media{border-radius:22px}.article-detail-media img{aspect-ratio:1.25}.article-detail-body{margin-top:32px}}
@media(max-width:480px){.article-detail-head h1{font-size:2.75rem}.article-detail-head>p{font-size:.88rem}.article-detail-body{font-size:.9rem;line-height:1.85}}