:root{--paper:#faf8f2;--ink:#173f43;--teal:#4a8073;--coral:#cf7356;--line:#dce3d8}
html{scroll-padding-top:110px}body{background:radial-gradient(ellipse at 96% 5%,#e4ece255,transparent 32%),var(--paper)}
::selection{background:#dfb76c;color:#173f43}.container{max-width:1200px}.preview-ribbon{background:#e9eee4;color:#365e51;font-size:10px;padding:6px 16px}.topbar{background:#193e40;color:#f7f3e7}.topbar a{color:inherit}
.site-header{position:sticky;top:0;z-index:30;background:#faf8f2ed;border-bottom:1px solid #dce3d8;backdrop-filter:blur(18px);box-shadow:0 8px 35px #173f4305}.header-inner{min-height:94px}.button{border-radius:12px;box-shadow:0 7px 18px #173f4310;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 26px #173f4320}.button-coral{background:linear-gradient(120deg,#d98664,#bd634b)}
.hero{gap:65px;min-height:720px;padding-block:65px 75px;position:relative}.hero:before{content:'ALPHA / PET & CARE';position:absolute;bottom:21px;right:0;font:9px Arial;letter-spacing:4px;color:#8a9b8d}.hero h1{font-size:clamp(40px,4.7vw,66px);line-height:1.6}.hero-art:before{content:'';position:absolute;inset:-30px;background:radial-gradient(ellipse,#d8e4cc99,transparent 68%);z-index:-2}.photo-frame{border:8px solid #fffaf0;box-shadow:0 25px 60px #173f431c,0 0 0 1px #dddcc9;height:540px;border-radius:220px 220px 32px 32px}.orbit{border-color:#b4c1a4;transform:rotate(-8deg) scale(1.025)}.floating-note{border-radius:18px;box-shadow:0 15px 45px #173f431a}.note-top{animation:alpha-float 7s ease-in-out infinite}.note-bottom{animation:alpha-float 8s ease-in-out infinite reverse}.hero-spark{animation:alpha-turn 35s linear infinite}.hero-reassurance{border-right:2px solid #d0b372;padding-right:15px}
.care-strip{background:#edf1e6;border-block:1px solid #dbe2d3}.care-strip .container{min-height:88px}.section{padding-block:96px}.section-heading h2{letter-spacing:-1px}.eyebrow{color:#527266}.eyebrow>span{box-shadow:0 0 0 5px #cf735612}
.service-grid{gap:20px;counter-reset:care}.service-card{counter-increment:care;border-radius:24px;padding:30px 25px 22px;background:linear-gradient(145deg,#fff,#f6f7f0);border:1px solid #e0e5d9;box-shadow:0 10px 30px #183e4904;overflow:hidden}.service-card:before{content:'0' counter(care);position:absolute;left:22px;top:25px;font:13px Arial;letter-spacing:2px;color:#a2b19f}.service-card:after{content:'';position:absolute;bottom:0;right:0;width:0;height:3px;background:var(--coral);transition:width .35s}.service-card:hover:after{width:100%}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #173f4310;border-color:#b8c8b1}.service-icon{border-radius:18px;width:60px;height:60px;transition:transform .3s}.service-card:hover .service-icon{transform:rotate(-8deg)}.service-card p{font-size:12px}
.about-section{position:relative;background:#edf0e6;border-block:1px solid #e0e5d7;overflow:hidden}.about-photo{border:8px solid #faf8f1;box-shadow:0 20px 50px #173f4315;border-radius:28px}.about-caption{border-radius:18px;box-shadow:0 12px 35px #173f4314}.doctor-signature{background:#ffffff80;border:1px solid #fff;border-radius:18px;padding:17px 20px}
.shop-toolbar{background:#f0f1e9;padding:9px 15px;border-radius:16px;border:1px solid #e3e6da}.filter-tabs button{border-radius:10px}.product-card{border-radius:22px;overflow:hidden;border:1px solid #e3e6dc;background:#fffdf8;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #173f4310}.product-image{background:radial-gradient(ellipse at center,#f1ebdc,#f6f4ed);overflow:hidden}.product-image img{transition:transform .5s}.product-card:hover .product-image img{transform:scale(1.055)}.shop-advice{border-radius:16px;background:#edf1e7}
.gallery-section{background:#173f43;color:#f9f5e9;border-radius:36px;margin:15px 20px;overflow:hidden}.gallery-section .eyebrow,.gallery-section p{color:#bdcfc3}.gallery-tile{border-radius:20px;border:1px solid #ffffff26;box-shadow:0 10px 25px #0001}.gallery-tile img{transition:transform .7s}.gallery-tile:hover img{transform:scale(1.045)}
.article-card{border:1px solid #e0e5d8;border-radius:22px;padding:12px 12px 20px;background:#fffdf8;transition:transform .25s,box-shadow .25s}.article-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #173f4310}.article-image{border-radius:14px;overflow:hidden}.article-meta,.article-card h3,.article-card>a{margin-inline:8px}.faq-list details{background:#fffdf8;border:1px solid #e1e6db;border-radius:15px;padding-inline:20px;margin-bottom:12px}.faq-list details[open]{background:#edf2e7;border-color:#b8c9b0}.contact-card{background:linear-gradient(135deg,#dfe9d8,#edf0df);border:1px solid #d1ddc9;border-radius:25px;padding:36px}.site-footer{background:#edf0e6;border-top:1px solid #dce3d4}.footer-main{padding-top:16px}.footer-bottom{padding-block:24px}
dialog{border:1px solid #d9e1d2;border-radius:25px;box-shadow:0 30px 100px #102b3533}dialog[open]{animation:alpha-dialog .25s ease-out}.form-grid input,.form-grid select{border-radius:10px;padding:13px}
.care-journey{margin-top:30px;margin-bottom:45px;background:#f0eadc;border:1px solid #e4dbc8;border-radius:28px;padding:35px 40px;display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center}.care-journey h2{font-size:25px;margin:0}.care-journey p{font-size:12px;color:#66766b;margin-top:10px}.journey-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.journey-steps li{border-right:1px solid #d5c9b0;padding-right:19px}.journey-steps span{font:11px Arial;letter-spacing:2px;color:#a16f4e;display:block;margin-bottom:12px}.journey-steps b{font-size:13px}.journey-steps p{font-size:11px;line-height:2;margin:7px 0 0}
@media(max-width:900px){.care-journey{grid-template-columns:1fr;padding:28px;gap:25px}}@media(max-width:640px){.journey-steps{grid-template-columns:1fr;gap:22px}.care-journey{border-radius:22px;padding:26px 22px}.journey-steps li{display:grid;grid-template-columns:30px 1fr;column-gap:12px}.journey-steps span{grid-row:1/3;margin-top:4px}.journey-steps p{grid-column:2}}
.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal-ready.is-visible{opacity:1;transform:none}
@keyframes alpha-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes alpha-turn{to{rotate:360deg}}@keyframes alpha-dialog{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.hero{gap:35px;min-height:640px}.photo-frame{height:460px}.gallery-section{margin-inline:12px}.header-inner{min-height:80px}}
@media(max-width:640px){.hero{padding-block:35px 50px;gap:35px}.hero h1{font-size:40px}.hero:before{bottom:10px;font-size:8px}.photo-frame{height:410px;border-width:6px}.hero-art{margin-inline:15px}.section{padding-block:60px}.service-card{padding:25px 20px 18px;border-radius:20px}.gallery-section{border-radius:24px;margin-inline:8px}.shop-toolbar{padding:8px}.contact-card{padding:28px}.header-inner{min-height:74px}}
.gallery-section{margin-inline:auto;padding-inline:32px}.gallery-footnote{border-color:#ffffff26}.gallery-footnote,.gallery-footnote .text-link{color:#d7e4d8}.gallery-section .eyebrow>span{background:#e2b878}
@media(max-width:640px){.gallery-section{margin-inline:auto;padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}