@font-face{font-family:Jost;src:url(fonts/jost-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url(fonts/jost-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Cormorant;src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Cormorant;src:url(fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:Caveat;src:url(fonts/caveat-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--g:#2c4a3a;--o:#6b7a4a;--t:#c48a5a;--c:#f5f3ec;--i:#26332c;--serif:Cormorant,Georgia,serif;--sans:Jost,"Segoe UI",Arial,sans-serif;--hand:Caveat,cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:8.5rem;overflow-x:clip}
body{margin:0;background:var(--c);color:var(--i);font:400 16px/1.65 var(--sans)}
h1,h2,.logo b{font-family:var(--serif);color:var(--g);font-weight:500;margin:0 0 .5em;line-height:1.1}
h2{font-size:2.3rem}h3{font-size:.95rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--g);margin:0 0 .5em}
.c{text-align:center}.c::before,.c::after{content:"";display:inline-block;width:40px;height:16px;margin:0 .7em;vertical-align:middle;-webkit-mask:url(img/svg/orn.svg) center/contain no-repeat;mask:url(img/svg/orn.svg) center/contain no-repeat;background-color:var(--g)}.c::after{transform:scaleX(-1)}
.wrap{max-width:1140px;margin:0 auto;padding:3rem 1.5rem}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.5rem;background:rgba(245,243,236,.94);backdrop-filter:blur(6px)}
.top nav{display:flex;gap:1.5rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.top nav a{color:var(--i);text-decoration:none}.top nav a:hover{color:var(--t)}
.logo{display:flex;flex-direction:column;align-items:center;text-decoration:none;line-height:1.15}.logo svg{width:110px;height:42px}.logo b{font-size:2rem;margin:0}.logo span{color:var(--t);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.logo small{color:var(--g);font-size:.68rem}
.btn{display:inline-block;background:var(--g);color:#fff;padding:.7rem 1.5rem;border-radius:99px;text-decoration:none;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;border:0;cursor:pointer;font-family:var(--sans)}.btn.ter{background:var(--t)}.btn:hover{filter:brightness(1.1)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--t);outline-offset:3px}
.hero{position:relative;max-width:1400px;margin:0 auto;min-height:540px;display:flex;align-items:center;overflow:hidden}
.hero img{position:absolute;right:0;top:0;width:74%;height:100%;object-fit:cover;object-position:50% 50%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34%);mask-image:linear-gradient(to right,transparent 0,#000 34%)}
.hero-t{position:relative;z-index:1;width:44%;padding:2rem 1.5rem 2rem 2rem}.hero h1{font-size:clamp(2.4rem,4vw,3.3rem);color:var(--g)}.hero-t p:not(.sub){max-width:23em}
.sub{color:var(--t);text-transform:uppercase;letter-spacing:.1em;font-size:1.05rem}
.badge{position:absolute;right:3%;bottom:8%;width:130px;height:130px;transform:rotate(-8deg);z-index:1}
.grid4{display:grid;grid-template-columns:repeat(4,1fr)}.grid4 article{text-align:center;padding:0 1.4rem;border-left:1px solid var(--t)}.grid4 article:first-child{border:0}.grid4 p{font-size:.9rem}
.ico{width:64px;height:64px;color:var(--g)}
.dim{display:grid;grid-template-columns:1.2fr 1.3fr auto;gap:2rem;align-items:center;background:var(--g);color:#fff;border-radius:12px;padding:2rem 2.5rem}
.dim h2{color:#fff;margin-bottom:.2em}.dim ul{list-style:none;margin:0;padding:0;font-size:.95rem}.dim li::before{content:"🐾 ";font-size:.8em}
.phi{background:#efece2;border-radius:16px;max-width:1092px}.phi-g{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:2rem;align-items:center}
.row{display:flex;gap:1rem;margin-bottom:1.4rem}.row p{margin:0;font-size:.88rem}.rd{flex:none;width:62px;height:62px;border-radius:50%;background:var(--o);color:#fff;display:grid;place-items:center}.rd .ico{width:40px;height:40px;color:#fff}.row>.ic .ico{width:44px;height:44px}.row>.ic{flex:none}
.blob{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:42% 58% 46% 54%/30% 42% 60% 44%}
.ap{display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:2.5rem;align-items:center}.map{display:block;width:100%;height:auto;max-width:100%;min-width:0;overflow:hidden}.ap h2{margin-bottom:.6em}
.devise{font-family:var(--hand);font-size:1.7rem;line-height:1.2;color:var(--g)}.note{display:flex;gap:.5rem;align-items:center;font-size:.85rem}.note .ico{width:44px;height:44px}
.faq{max-width:780px;margin:auto}details{border-bottom:1px solid #d8d4c4;padding:.9rem 0}summary{cursor:pointer;font-weight:500;color:var(--g)}details p{margin:.6rem 0 0}
.cta{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;background:var(--g);color:#fff;border-radius:12px;padding:2.5rem}
.cta h2,.cta h3{color:#fff}.cta h3{font-family:var(--hand);font-size:2rem;text-transform:none;letter-spacing:0;font-weight:500}.cta a{color:#fff;font-size:1.1rem}
.foot{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.foot .copy{grid-column:1/-1;text-align:center;font-size:.75rem;margin:0;border-top:1px solid #d8d4c4;padding-top:1rem}.leg p{margin:.2rem 0;font-size:.85rem}
#ml{background:0;border:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.leg .llink{margin:.6rem 0 0;font-size:.72rem;color:#a09a89}.llink a{color:inherit;text-decoration:none}.llink a:hover{text-decoration:underline}
dialog{max-width:560px;border:0;border-radius:12px;padding:1.5rem 2rem}dialog::backdrop{background:rgba(0,0,0,.5)}
@media(max-width:900px){.top nav{display:none}.hero{flex-direction:column;align-items:stretch}.hero img{position:relative;width:100%;height:300px;order:-1;-webkit-mask-image:none;mask-image:none}.hero-t{width:100%}.badge{width:96px;height:96px;top:230px;bottom:auto}.dim,.phi-g,.ap,.cta,.foot{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 0}.grid4 article:nth-child(3){border:0}.blob{max-width:320px;margin:auto}.c::before,.c::after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{font-size:15px}
.top{padding-inline:max(1.5rem,calc((100% - 1140px)/2 + 1.5rem))}.hero{max-width:1140px}.hero-t{padding-left:1.5rem;width:46%}.hero img{width:78%}.badge{right:2rem}
h1{font-size:clamp(2.6rem,4.4vw,3.6rem)}h2{font-size:1.5rem;text-transform:uppercase;letter-spacing:.07em}
.logo .lg{width:150px;height:56px;fill:var(--g)}.ico{fill:currentColor}.grid4 h3{text-align:center;font-size:.85rem;min-height:2.7em}.ico{width:60px;height:60px}
.rd .ico{width:32px;height:32px;color:#fff}.row>.ic .ico{width:38px;height:38px}.note .ico{width:44px;height:44px;color:var(--g)}
.blob{border-radius:44% 56% 40% 58%/32% 40% 62% 44%}
.ap{grid-template-columns:.85fr 1.4fr .85fr;gap:2rem}.ap>*{min-width:0}.ap>div:last-child{border-left:1px solid var(--t);padding-left:2rem}.uk{width:36px;height:24px;flex:none}.uknote{display:flex;gap:.55rem;align-items:center;margin-top:1.1rem;font-size:.95rem;font-weight:500;color:var(--g)}
.cta{grid-template-columns:190px 1.3fr 1fr}.cta>*{min-width:0}.ban{display:block;width:100%;height:90px;max-width:100%;fill:var(--t)}
.foot{grid-template-columns:1fr 1fr 110px;align-items:center}.leg{border-left:1px solid var(--t);padding-left:2rem}.spr{width:70px;height:90px;fill:var(--g);justify-self:center}
.foot .logo .lg{width:170px;height:64px}
@media(max-width:900px){.ap>div:last-child,.leg{border:0;padding:0}.ap,.cta,.foot{grid-template-columns:1fr}.ban{height:60px}.hero-t{width:100%}.hero img{width:100%}.grid4 h3{font-size:.75rem;overflow-wrap:break-word}.grid4 article{padding:0 .9rem}}
.fcol{display:grid;gap:.7rem;align-content:start}
.f{display:grid;gap:.6rem}
.f label{display:grid;gap:.3rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#dfe7db}
.f input,.f textarea{font:400 1rem/1.4 var(--sans);color:var(--i);background:#fff;padding:.5rem .8rem;border:1px solid #fff;border-radius:8px;min-width:0}
.f textarea{resize:vertical}
.f input:focus,.f textarea:focus{outline:3px solid var(--t);outline-offset:0}
.hp{position:absolute;opacity:0;height:1px;width:1px;margin:-1px;left:-9999px}
.f .btn{width:max-content}.f .count{font-size:.7rem;color:#dfe7db;letter-spacing:.04em;text-align:right;margin:0}
.fmini{margin:1.5rem 0 0;line-height:1.9}.fmini a{font-size:1.3rem}
.fnote{display:flex;gap:.5rem;align-items:center;font-size:.78rem;color:#dfe7db;margin:1.8rem 0 0}
.fnote .ico{width:34px;height:34px;color:#fff;flex:none}
.fmsg{background:#fff;color:var(--i);padding:1.1rem 1.4rem;border-radius:12px;font-size:1rem;margin:0}
.fmsg.err{background:#f8e7d8}