@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--navy:#07112c;--ink:#0a111f;--lavender:#d9d2e5;--white:#fff;--muted:#647083}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.page-width{width:min(1137px,calc(100% - 48px));margin-inline:auto}
.site-header{position:fixed;z-index:50;inset:0 0 auto;height:80px;color:#fff}.site-header.solid,.site-header.scrolled{background:var(--navy);box-shadow:0 8px 25px rgba(0,0,0,.12)}.nav-shell{width:min(1137px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;cursor:pointer;touch-action:manipulation}.logo img{width:56px;height:56px;object-fit:contain}.nav-links{display:flex;gap:40px;align-items:center}.nav-links a{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--lavender);transition:width .2s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.menu-button{display:none;background:none;border:1px solid rgba(255,255,255,.55);color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:11px;padding:9px 12px}
.home-hero{height:100vh;min-height:680px;display:flex;align-items:center;position:relative;overflow:hidden;color:#fff}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,44,.95),rgba(7,17,44,.8) 43%,rgba(7,17,44,.2) 78%,rgba(7,17,44,.16))}.hero-content{position:relative;z-index:2;padding-top:45px}.hero-content h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(68px,7.5vw,96px);line-height:1;letter-spacing:-.025em;margin:0;font-weight:700}.hero-content h1 span{display:block}.hero-content>p{max-width:500px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.86);margin:24px 0 30px}.hero-actions{display:flex;gap:16px}.button{min-height:50px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;cursor:pointer;transition:.2s}.button.lavender{background:var(--lavender);border-color:var(--lavender);color:var(--navy)}.button.lavender:hover{background:transparent;color:#fff}.button.outline{border-color:rgba(255,255,255,.7);color:#fff}.button.outline:hover{background:#fff;color:var(--navy)}.button.navy{background:var(--navy);border-color:var(--navy);color:#fff}.button.navy:hover{background:var(--lavender);border-color:var(--lavender);color:var(--navy)}.scroll-mark{position:absolute;z-index:2;right:5%;bottom:36px;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.18em;font-size:10px}.scroll-mark i{width:46px;height:1px;background:rgba(255,255,255,.7)}
.ticker{overflow:hidden;white-space:nowrap;background:var(--lavender);color:var(--navy)}.ticker.dark{background:var(--navy);color:#fff}.ticker div{width:max-content;padding:clamp(25px,1.6vw,22px) 0;font-family:"Space Grotesk",sans-serif;font-size:clamp(13px,1.15vw,16px);line-height:1.15;font-weight:700;letter-spacing:.09em;animation:ticker 20s linear infinite;will-change:transform}.home-ticker div{animation-duration:14s}@keyframes ticker{to{transform:translateX(-30%)}}
.home-feature{min-height:610px;display:grid;grid-template-columns:1fr 1fr}.feature-copy{padding:105px max(48px,calc((100vw - 1137px)/2)) 90px;display:flex;flex-direction:column;justify-content:center}.kicker,.section-label,.page-hero p{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:600;margin:0 0 18px}.kicker{color:var(--muted)}.feature-copy h2,.sides h2,.form-intro h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(34px,3.3vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0 0 26px}.feature-copy>p:not(.kicker){max-width:500px;color:var(--muted);line-height:1.8}.text-link{margin-top:25px;width:max-content;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;border-bottom:1px solid;padding-bottom:7px}.text-link span{margin-left:28px}.feature-photo{min-height:610px;overflow:hidden}.feature-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.feature-photo:hover img{transform:scale(1.035)}
.page-hero{height:324px;padding-top:80px;background:var(--navy);color:#fff;display:flex;align-items:center}.page-hero p{color:var(--lavender);margin-bottom:10px}.page-hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(48px,5.7vw,72px);line-height:1;letter-spacing:-.03em;margin:0}.menu-section{padding:88px 0 110px}.dog-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:3.5px;margin-top:48px}.dog-card.left{grid-column:1}.dog-card.right{grid-column:2}.dog-card:nth-child(1){grid-row:1}.dog-card:nth-child(2){grid-row:2;transform:translateY(6px)}.dog-card:nth-child(3){grid-row:3}.dog-photo{height:320px;overflow:hidden;background:#f3f3f3}.dog-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.dog-card:hover .dog-photo img{transform:scale(1.04)}.dog-title{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:22px}.dog-title h2{font-family:"Space Grotesk",sans-serif;font-size:25px;letter-spacing:-.02em;margin:0}.dog-title strong{font-family:"Space Grotesk",sans-serif;font-size:20px}.dog-card>p{color:var(--muted);line-height:1.7;margin:12px 0 0}.sides{background:var(--lavender);padding:90px 0}.sides-inner{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:70px}.sides h2{margin:0}.price-list p{display:flex;justify-content:space-between;border-bottom:1px solid rgba(7,17,44,.22);padding:12px 0;margin:0}.toppings h3{font-family:"Space Grotesk",sans-serif;font-size:24px;margin:0 0 8px}.toppings p{line-height:1.8}
.story-image{height:384px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.story-copy{padding:90px 0 105px}.story-text{max-width:780px;margin:auto}.story-text p{font-size:18px;line-height:1.9;margin:0 0 25px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #d9dce2;margin-top:70px}.pillars span{padding:30px 10px;text-align:center;text-transform:uppercase;font-family:"Space Grotesk",sans-serif;font-size:20px}.pillars span+span{border-left:1px solid #d9dce2}
.form-layout{min-height:584px;padding:96px 0;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.form-intro p{max-width:490px;color:var(--muted);line-height:1.8}.form-intro>span{display:inline-block;margin-top:20px;padding:10px 15px;background:var(--lavender);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.jotform-wrap{min-width:0;min-height:620px;overflow:hidden}.jotform-wrap iframe{display:block;width:100%!important;max-width:100%;border:0}.contact-form{display:flex;flex-direction:column;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:8px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:600}.contact-form input,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid #d4d8df;color:var(--ink);outline:none;font-size:14px;text-transform:none;letter-spacing:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--navy)}.contact-form textarea{resize:vertical}.contact-form .button{align-self:flex-start}.form-note{font-size:12px;color:var(--muted);margin:0}
.site-footer{background:var(--navy);color:#fff;padding:56px 0 24px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:50px}.footer-brand{display:flex;align-items:center;gap:24px}.footer-brand img{width:88px;height:88px;object-fit:contain}.footer-brand p{max-width:260px;color:rgba(255,255,255,.7);font-size:14px}.footer-links{display:flex;gap:30px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.footer-links a:hover{color:var(--lavender)}.copyright{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.48);font-size:11px}
@media(max-width:800px){.site-header{height:72px}.nav-shell{width:calc(100% - 32px)}.logo{width:50px;height:50px}.logo img{width:50px;height:50px}.menu-button{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;padding:25px 24px 32px;background:var(--navy);border-top:1px solid rgba(255,255,255,.15);flex-direction:column;align-items:flex-start;gap:22px}.nav-links.open{display:flex}.nav-links a{font-size:13px}.site-header.over-hero.menu-open{background:var(--navy)}.page-width{width:calc(100% - 32px)}.home-hero{min-height:700px}.hero-image{object-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(7,17,44,.94),rgba(7,17,44,.58))}.hero-content h1{font-size:68px}.hero-content>p{font-size:16px;max-width:390px}.hero-actions{flex-wrap:wrap}.scroll-mark{display:none}.home-feature{grid-template-columns:1fr}.feature-copy{padding:80px 24px}.feature-photo{min-height:440px;grid-row:1}.page-hero{height:280px;padding-top:72px}.dog-grid{grid-template-columns:1fr}.dog-card.left,.dog-card.right{grid-column:1}.dog-photo{height:300px}.sides-inner{grid-template-columns:1fr;gap:35px}.story-image{height:330px}.story-text p{font-size:16px}.pillars{grid-template-columns:1fr}.pillars span+span{border-left:0;border-top:1px solid #d9dce2}.form-layout{grid-template-columns:1fr;gap:45px;padding:70px 0}.footer-main{align-items:flex-start;flex-direction:column}.footer-links{justify-content:flex-start}}
@media(max-width:480px){.hero-content h1{font-size:58px}.hero-actions{flex-direction:column;align-items:flex-start}.button{width:100%}.dog-photo{height:250px}.footer-links{gap:18px}.footer-brand{align-items:flex-start}.footer-brand img{width:70px;height:70px}}
.page-hero>.page-width{transform:translateY(-7px)}
.form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.site-announcements{position:relative;z-index:60;background:var(--lavender);color:var(--navy)}.announcement{min-height:38px;padding:9px 24px;display:flex;justify-content:center;align-items:center;gap:18px;text-align:center;font-size:12px;font-weight:600}.announcement a{text-transform:uppercase;letter-spacing:.08em;font-size:10px;border-bottom:1px solid}.has-announcement .site-header{top:auto}.item-flags{display:flex;gap:8px;margin-top:10px}.item-flags span{background:var(--lavender);padding:5px 8px;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:600}.availability-sold-out .dog-photo img{filter:grayscale(1);opacity:.68}.availability-sold-out,.availability-coming-soon{position:relative}.toppings p{white-space:pre-line}.footer-social{display:flex;gap:18px;justify-content:flex-end;margin-top:18px}.footer-social a{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--lavender)}.business-summary{padding-bottom:28px;text-align:center;color:rgba(255,255,255,.72);font-size:12px}.business-summary span{margin:0 8px;color:var(--lavender)}.dynamic-section{padding:90px 0}.dynamic-section h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(34px,3.3vw,48px);letter-spacing:-.035em;margin:0 0 35px}.events-section{background:#f4f3f6}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.event-grid article{background:#fff;padding:28px;border-top:4px solid var(--navy)}.event-grid time{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.event-grid h3{font-family:"Space Grotesk",sans-serif;font-size:22px;margin:12px 0}.event-grid p{color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid figure{margin:0}.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover}.gallery-grid figcaption{padding-top:8px;color:var(--muted);font-size:12px}
@media(max-width:800px){.event-grid,.gallery-grid{grid-template-columns:1fr}.footer-social{justify-content:flex-start}.announcement{align-items:flex-start;flex-direction:column;gap:4px}.dynamic-section{padding:65px 0}}

/* Motion and transitions */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .18s ease both}
::view-transition-new(root){animation:page-in .38s cubic-bezier(.22,1,.36,1) both}
@keyframes page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes page-out{to{opacity:0;transform:translateY(-5px)}}
body{animation:body-in .45s ease both}
@keyframes body-in{from{opacity:0}to{opacity:1}}
.home-hero .hero-image{animation:hero-settle 1.25s cubic-bezier(.22,1,.36,1) both}
@keyframes hero-settle{from{transform:scale(1.06)}to{transform:scale(1)}}
.hero-content h1 span{opacity:0;animation:hero-line .7s cubic-bezier(.22,1,.36,1) forwards}
.hero-content h1 span:nth-child(1){animation-delay:.12s}.hero-content h1 span:nth-child(2){animation-delay:.2s}.hero-content h1 span:nth-child(3){animation-delay:.28s}
@keyframes hero-line{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
.hero-content>p,.hero-actions{opacity:0;animation:hero-copy .65s ease forwards}.hero-content>p{animation-delay:.4s}.hero-actions{animation-delay:.52s}
@keyframes hero-copy{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.page-hero p,.page-hero h1{opacity:0;animation:header-rise .58s cubic-bezier(.22,1,.36,1) forwards}.page-hero p{animation-delay:.08s}.page-hero h1{animation-delay:.16s}
@keyframes header-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.motion-ready .reveal-item{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-item.is-visible{opacity:1;transform:none}
.button{transition:background-color .22s,color .22s,border-color .22s,transform .22s,box-shadow .22s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(7,17,44,.16)}.button:active{transform:translateY(-1px)}
.text-link span{display:inline-block;transition:transform .22s}.text-link:hover span{transform:translateX(7px)}
.logo img{transition:transform .3s ease}.logo:hover img{transform:scale(1.06) rotate(-2deg)}
.footer-links a,.nav-links a{transition:color .2s,opacity .2s}.footer-links a:hover{transform:none}
.dog-title h2{transition:color .22s}.dog-card:hover .dog-title h2{color:#34416a}
.scroll-mark i{transform-origin:left;animation:scroll-line 1.8s ease-in-out infinite}@keyframes scroll-line{50%{transform:scaleX(.45);opacity:.45}}
@media(max-width:800px){.nav-links{display:flex;visibility:hidden;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .24s ease,transform .24s ease,visibility .24s}.nav-links.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div,.home-hero .hero-image,.hero-content h1 span,.hero-content>p,.hero-actions,.page-hero p,.page-hero h1,.scroll-mark i,body{animation:none!important}.motion-ready .reveal-item{opacity:1!important;transform:none!important;transition:none!important}.dog-photo img,.feature-photo img,.button,.logo img,.text-link span,.nav-links{transition:none!important}}

/* Responsive refinements for phones, tablets, laptops and wide screens */
html,body{max-width:100%;overflow-x:hidden}input,textarea,button{max-width:100%}.jotform-wrap iframe{min-height:620px}
@media(min-width:1440px){.home-hero{max-height:980px}.hero-content h1{font-size:104px}.feature-copy{padding-left:max(72px,calc((100vw - 1280px)/2))}.page-width,.nav-shell{width:min(1280px,calc(100% - 96px))}}
@media(max-width:1100px){.page-width,.nav-shell{width:calc(100% - 56px)}.nav-links{gap:26px}.hero-content h1{font-size:clamp(70px,9vw,92px)}.home-feature{grid-template-columns:1fr 1fr}.feature-copy{padding:80px 42px}.dog-grid{column-gap:34px}.sides-inner{grid-template-columns:1fr 1fr;gap:45px}.sides-inner>div:first-child{grid-column:1/-1}.form-layout{gap:42px}.footer-main{gap:34px}.footer-links{gap:22px}}
@media(max-width:800px){.home-hero{height:100svh;min-height:640px}.home-feature{grid-template-columns:1fr}.feature-copy{padding:70px 24px}.feature-photo{min-height:clamp(320px,65vw,440px)}.dog-card:nth-child(1),.dog-card:nth-child(2),.dog-card:nth-child(3){grid-row:auto;transform:none}.dog-grid{row-gap:54px;margin-top:34px}.dog-photo{height:clamp(240px,58vw,330px)}.sides-inner>div:first-child{grid-column:auto}.form-layout{grid-template-columns:1fr}.jotform-wrap{width:100%;min-height:560px}.jotform-wrap iframe{min-height:560px}.contact-form{width:100%}.footer-links{line-height:2}.home-ticker div{animation-duration:12s}}
@media(max-width:520px){.page-width,.nav-shell{width:calc(100% - 32px)}.home-hero{min-height:620px}.hero-content{padding-top:64px}.hero-content h1{font-size:clamp(52px,17vw,64px)}.hero-content>p{font-size:15px;line-height:1.6}.hero-actions{width:100%;gap:12px}.hero-actions .button{width:100%}.ticker div{padding:16px 0;font-size:12px;letter-spacing:.075em}.home-ticker div{animation-duration:10s}.page-hero{height:350px}.page-hero h1{font-size:44px}.menu-section,.story-copy{padding-top:62px;padding-bottom:72px}.dog-title{gap:14px}.dog-title h2{font-size:21px}.dog-title strong{font-size:18px}.sides{padding:65px 0}.form-layout{padding:58px 0;gap:36px}.form-intro h2{font-size:32px}.jotform-wrap{min-height:520px}.jotform-wrap iframe{min-height:520px}.footer-brand{width:100%}.footer-brand p{font-size:13px}.copyright{margin-top:30px}}