:root{--cream:#FAF8F3;--sand:#F0EDE6;--green:#233B32;--deep:#182C24;--ink:#242824;--muted:#69716A;--accent:#A98765;--border:#DDDCD5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.75 Manrope,Arial,sans-serif}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}svg{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p,figure{margin:0}h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}h2{font-size:clamp(48px,5vw,72px);line-height:1.08;letter-spacing:-.025em;margin:18px 0 28px}h2 em{font-weight:500;color:var(--accent)}p+p{margin-top:20px}p{color:var(--muted)}.container{max-width:1260px;margin:auto;padding:0 40px}.section{padding:120px 0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;line-height:1.5;color:var(--green)}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.header{position:fixed;top:0;left:0;right:0;z-index:30;min-height:78px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;color:var(--white);transition:background .25s,color .25s,box-shadow .25s}.header.solid{background:var(--cream);color:var(--green);box-shadow:0 1px 0 var(--border)}.brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.12em;font-weight:600}.brand svg{width:27px;height:30px}.header nav{display:flex;align-items:center;gap:30px;font-size:12px}.header nav a{padding:8px 0}.header .nav-cta{border:1px solid currentColor;border-radius:4px;padding:10px 19px}.nav-cta span{margin-left:22px}.skip{position:fixed;top:-100px;background:var(--cream);padding:12px;z-index:100}.skip:focus{top:10px}.hero{height:100dvh;background:var(--deep);color:white;position:relative}.motion .hero{height:200dvh}.hero-sticky{height:100dvh;min-height:560px;position:sticky;top:0;overflow:hidden;isolation:isolate}.hero-background{position:absolute;inset:0;filter:brightness(.31);z-index:-3}.hero-shade{position:absolute;inset:0;background:var(--deep);opacity:.18;z-index:-2}.hero-photo{position:absolute;inset:0;clip-path:inset(var(--clipY,22%) var(--clipX,36%) round var(--radius,14px));will-change:clip-path;z-index:-1}.hero-photo img{filter:brightness(.83);transform:scale(1.02)}.photo-note{position:absolute;bottom:18px;left:20px;color:white;font-size:9px;letter-spacing:.1em;background:var(--deep);padding:5px 9px}.hero .photo-note{left:50%;transform:translateX(-50%);white-space:nowrap;opacity:var(--expanded,0)}.hero-copy{position:absolute;top:23%;left:0;right:0;text-align:center;pointer-events:none}.hero .eyebrow{color:white;opacity:var(--copyOpacity,1);letter-spacing:.25em}.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(100px,12vw,184px);line-height:.82;letter-spacing:.035em;margin:32px 0 28px}.word{display:block;opacity:var(--copyOpacity,1)}.first{transform:translateX(calc(-1 * var(--wordShift,0px)));padding-right:180px}.second{transform:translateX(var(--wordShift,0px));padding-left:180px;margin-top:10px}.hero-tag{color:white;font-size:11px;letter-spacing:.3em;opacity:var(--copyOpacity,1)}.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.18em;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:var(--copyOpacity,1)}.scroll-cue span{height:34px;width:1px;background:var(--accent);transform-origin:top;animation:line 2s ease-in-out infinite}@keyframes line{50%{transform:scaleY(.5)}}.welcome p{font-size:15px}.welcome-image{height:560px;position:relative}.welcome-image img{border-radius:10px;object-fit:cover}.welcome-image figcaption{position:absolute;bottom:20px;left:20px;right:20px;font-size:10px;text-align:center;color:var(--muted)}.qualities{list-style:none;margin:27px 0 32px;padding:0;display:grid;gap:9px;font-size:13px}.qualities li:before{content:'✓';color:var(--accent);margin-right:13px}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid var(--accent);padding-bottom:7px;font-size:12px;font-weight:600}.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:85px;text-align:center}.facts>div+div{border-left:1px solid var(--border)}.facts strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:50px;color:var(--green);line-height:1.2}.facts small{font-size:27px}.facts span{font-size:9px;letter-spacing:.13em;color:var(--muted)}.gallery-section{background:var(--sand)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-head h2{margin-bottom:0}.section-head>p{font-size:13px;max-width:360px}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:230px 230px;gap:14px}.gallery-item{padding:0;border:0;background:var(--cream);position:relative;border-radius:10px;overflow:hidden;color:var(--green)}.gallery-item:first-child{grid-row:span 2}.gallery-item img{transition:transform .5s}.gallery-item:hover img{transform:scale(1.025)}.gallery-label{position:absolute;bottom:12px;left:15px;right:15px;display:flex;justify-content:space-between;font-size:11px}.gallery-note{font-size:11px;margin-top:20px}.center{text-align:center;max-width:850px;margin:auto}.center p{font-size:14px}.amenity-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.amenity{text-align:center;padding:32px 12px;border-bottom:1px solid var(--border)}.amenity:nth-child(-n+4){border-top:1px solid var(--border)}.amenity svg{width:30px;height:32px;color:var(--accent);margin:0 auto 18px}.amenity h3{font-family:Manrope,Arial,sans-serif;font-size:13px}.pets{background:var(--green);color:white}.pets .eyebrow{color:var(--accent)}.pets p{color:#DDDCD5;font-size:15px}.pet-image{height:530px;position:relative}.pet-image img{border-radius:10px;object-position:50% 35%}.pet-image figcaption{position:absolute;bottom:15px;left:20px;color:white;font-size:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:54px;padding:14px 30px;border-radius:4px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.outline{border:1px solid #A98765;color:white;margin-top:30px}.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px 30px}.area-image{height:auto;aspect-ratio:1.6;overflow:hidden;border-radius:10px;position:relative}.area-image img{transition:transform .5s}.area-grid article:hover img{transform:scale(1.025)}.area-title{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.area-title h3{font-size:32px}.area-title span{color:var(--accent);font-size:10px}.area-grid p{font-size:13px;margin-top:6px;max-width:470px}.booking{text-align:center;background:var(--deep);color:white;position:relative}.booking .eyebrow{color:var(--accent)}.booking h2{font-size:clamp(45px,6vw,80px)}.booking p{color:var(--border);font-size:14px}.light{background:var(--cream);color:var(--green);margin-top:35px}.booking .booking-hint{font-size:10px;margin-top:17px;opacity:.7}.booking-contact{display:inline-block;font-size:12px;margin-top:28px;border-bottom:1px solid var(--accent)}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:50px;padding-top:75px;padding-bottom:65px}.footer-brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:44px;color:var(--green)}.footer-top p:not(.eyebrow),address{font-size:13px;line-height:1.9;font-style:normal;color:var(--muted);margin-top:12px}.footer-top .eyebrow{margin-bottom:20px}.footer-top>div>a:not(.footer-brand){display:table;font-size:13px;margin-top:8px}.footer-top .text-link{margin-top:16px!important}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;padding-bottom:25px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.lightbox{border:0;background:var(--deep);color:white;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:70px 80px 30px;margin:0}.lightbox[open]{display:flex;align-items:center;justify-content:center;gap:20px}.lightbox::backdrop{background:var(--deep)}.lightbox figure{width:min(100%,1100px);height:85%;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox img{object-fit:contain;min-height:0}.lightbox figcaption{font-size:12px;margin-top:15px;text-align:center}.lightbox button{color:white;border:1px solid #69716a;background:none;min-width:44px;min-height:44px;border-radius:4px}.lb-close{position:absolute;top:20px;right:25px;padding:5px 15px}.lb-prev,.lb-next{flex-shrink:0}.reveal.pending{opacity:0;transform:translateY(18px)}.reveal{transition:opacity .6s ease-out,transform .6s ease-out}
@media(min-width:1600px){.hero h1{font-size:190px}}
@media(max-width:1100px){.split{gap:50px}.header nav{gap:20px}.gallery{grid-template-rows:190px 190px}.welcome-image{height:520px}}
@media(max-width:800px){.container{padding:0 28px}.header{padding:0 28px}.header nav{gap:15px}.brand{font-size:11px}.split{gap:35px}h2{font-size:49px}.section{padding:90px 0}.welcome-image{height:490px}.section-head{align-items:start;flex-direction:column;gap:20px}.gallery{grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:170px 170px}.footer-top{gap:25px}.hero h1{font-size:125px}}
@media(max-width:640px){html{scroll-padding-top:80px}.container{padding:0 20px}.section{padding:78px 0}body{font-size:15px;line-height:1.65}.header{min-height:68px;padding:0 20px}.brand{font-size:11px;gap:9px;letter-spacing:.08em}.brand svg{width:22px;height:25px}.header nav a{padding:9px 0}.header .nav-cta{padding:10px 14px;margin-top:7px;display:flex;justify-content:space-between}.header nav{gap:6px;flex-wrap:wrap;font-size:10px}.hero-sticky{min-height:520px}.hero-copy{top:29%}.hero h1{font-size:clamp(76px,22vw,103px);margin:29px 0 28px;line-height:.92}.first{padding-right:38px}.second{padding-left:38px;margin-top:2px}.hero .eyebrow{font-size:9px}.hero-tag{font-size:9px;letter-spacing:.23em}.scroll-cue{bottom:25px;font-size:8px}.split{grid-template-columns:1fr;gap:38px}h2{font-size:44px;margin:16px 0 24px}.eyebrow{font-size:10px}.welcome-image{height:460px}.welcome p{font-size:15px}.facts{grid-template-columns:1fr 1fr;margin-top:44px;gap:25px 0}.facts>div:nth-child(3){border-left:0}.facts strong{font-size:43px}.facts span{font-size:8px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:290px 155px 155px;gap:10px}.gallery-item:first-child{grid-column:span 2;grid-row:auto}.gallery-label{font-size:10px;left:10px;right:10px;bottom:8px}.gallery-note{font-size:10px}.amenity-grid{grid-template-columns:1fr 1fr;margin-top:35px}.amenity:nth-child(3),.amenity:nth-child(4){border-top:0}.amenity{padding:25px 8px}.amenity h3{font-size:12px}.pet-image{height:410px}.pets h2{font-size:43px}.area-grid{grid-template-columns:1fr;gap:32px}.area-title h3{font-size:30px}.section-head{margin-bottom:30px}.booking h2{font-size:45px}.button{padding:14px 22px;gap:18px;font-size:11px}.booking-hint{font-size:9px!important}.footer-top{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:40px}.footer-top .eyebrow{margin-bottom:12px}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:9px}.footer-bottom a{margin-left:auto}.lightbox{padding:65px 10px 30px}.lightbox[open]{gap:4px}.lightbox button{min-width:36px}.lightbox figure{width:calc(100% - 80px)}.lightbox figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .hero{height:100dvh}.hero-photo{clip-path:inset(12% 8% round 12px)}.hero-copy{top:30%}.hero-copy .word{transform:none;opacity:1}.hero .eyebrow,.hero-tag,.scroll-cue{opacity:1}.reveal.pending{opacity:1;transform:none}}
@media(min-width:641px){}
@media(max-width:640px){.hero h1{font-size:clamp(66px,19vw,86px)}.first{padding-right:24px}.second{padding-left:24px}}

/* V2: samo fotografije in vsebinska nadomestka brez fotografije. */

.hero-photo>img:not(.hero-house){object-position:50% 50%}
.welcome-image img{object-position:55% center}
.area-text{background:var(--sand);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}
.area-text .eyebrow{font-size:10px;letter-spacing:.16em;color:var(--muted)}
.area-text .area-text-title{font:500 clamp(30px,3vw,46px)/1.1 'Cormorant Garamond',Georgia,serif;color:var(--green);max-width:320px;margin-top:16px}
@media(max-width:640px){.welcome-image img{object-position:56% center}}
.gallery-label{color:var(--white);background:#182C24D9;padding:5px 8px;border-radius:3px;pointer-events:none}

/* V3: ista uvodna fotografija pri vsakem položaju drsenja. */
.hero-photo>img{object-position:50% 52%}
.gallery{grid-template-rows:230px 230px 230px}
.gallery-item:first-child{grid-row:span 3}
.gallery-item:last-child{grid-column:2 / 4}
.gallery-item:last-child img{object-position:50% 38%}
.image-credit{position:absolute;bottom:10px;left:12px;right:12px;width:fit-content;max-width:calc(100% - 24px);padding:4px 7px;background:#182C24D9;color:var(--white);font-size:9px;line-height:1.5}
.image-credit a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:1100px) and (min-width:801px){.gallery{grid-template-rows:190px 190px 190px}}
@media(max-width:800px) and (min-width:641px){.gallery{grid-template-rows:170px 170px 170px}}
@media(max-width:640px){.gallery{grid-template-rows:290px 155px 155px 240px}.gallery-item:first-child{grid-row:auto}.gallery-item:last-child{grid-column:1 / -1}.hero-photo>img{object-position:50% 52%}}

.hero-photo>img{transform:scale(var(--photoScale,1.02));transform-origin:50% 50%}
@media(prefers-reduced-motion:reduce){.hero-photo>img{transform:scale(1.02)}}

/* V4: lokalne vektorske puščice; glava na telefonu in mali tablici brez menija. */
.icon-arrow{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.icon-arrow.arrow-ne{transform:rotate(-45deg)}
.icon-arrow.arrow-up{transform:rotate(-90deg)}
.icon-arrow.arrow-left{transform:rotate(180deg)}
.area-title{justify-content:flex-start;gap:16px}
.area-title>span{flex:0 0 auto}
.area-title>h3{min-width:0}
@media(max-width:768px){.header{min-height:68px;padding:0 20px;justify-content:flex-start}.header nav{display:none!important}.header .brand{flex:0 1 auto}.brand svg{flex-shrink:0}}
/* V5: nadgradnja obstoječih fotografskih in vsebinskih blokov. */
.header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--accent)}
.menu-toggle{display:none;background:none;border:0;color:inherit;font-size:13px;padding:10px 0 10px 15px}
.hero-copy{inset:0;pointer-events:none}
.hero-aqualuna{position:absolute;top:10%;left:0;right:0;font:500 clamp(76px,10vw,154px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.035em;color:var(--white);opacity:var(--aquaOpacity,1);margin:0;text-align:center}
.hero .hero-final{position:absolute;top:43%;left:20px;right:20px;margin:0;font:500 clamp(100px,12vw,184px)/.88 'Cormorant Garamond',Georgia,serif;letter-spacing:.035em;text-align:center;color:var(--white);opacity:var(--brlogOpacity,0);transform:translateY(var(--brlogShift,8px));text-shadow:0 2px 20px #182C2455}
.feature-photo{aspect-ratio:4/3;overflow:hidden;border-radius:10px}
.feature-photo img{object-position:50% 50%}
.section-copy>.text-link,.section-copy>.button{margin-top:30px}
.section-copy p{font-size:15px}
.small-emphasis{font-weight:600;color:var(--green)}
.pets .section-copy .eyebrow{color:var(--accent)}
.pets .text-link{color:var(--white)}
.subhero{position:relative;isolation:isolate;height:70vh;min-height:430px;max-height:760px;margin-top:78px;color:var(--white);display:flex;align-items:end;overflow:hidden}
.subhero-image{position:absolute;inset:0;z-index:-2;object-position:50% 50%}
.subhero-shade{position:absolute;inset:0;background:var(--deep);opacity:.56;z-index:-1}
.subhero>.container{width:100%;padding-bottom:60px}
.subhero .eyebrow{color:var(--white)}
.subhero h1,.plain-intro h1{font:500 clamp(60px,6.5vw,94px)/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:18px 0 24px;max-width:1000px}
.subhero p:not(.eyebrow){color:var(--white);max-width:680px;font-size:17px}
.plain-intro{margin-top:78px;background:var(--sand)}
.plain-intro p:not(.eyebrow){max-width:720px}
.family-main{width:100%;max-width:510px;justify-self:center}
.family-detail{width:72%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;margin-top:28px}
.attractions{grid-template-columns:repeat(3,minmax(0,1fr))}
.attractions article{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.attractions .area-title{align-items:baseline;gap:12px}
.attractions h3{font-size:32px}
.attractions p{margin-bottom:16px}
.attractions .text-link{margin-top:auto;align-self:start;font-size:11px;gap:18px}
.attractions .native-small{display:flex;align-items:center;justify-content:center;background:var(--sand)}
.attractions .native-small img{max-width:310px;height:auto;width:auto;max-height:100%;object-fit:contain}
.rexi-card{max-width:900px}
.rexi-card p:not(.eyebrow){max-width:660px}
.walk-photo{width:100%;aspect-ratio:16/7;border-radius:10px;overflow:hidden}
.walk-copy{max-width:760px;margin-top:40px}
.footer-links{display:flex;flex-direction:column;gap:6px;margin-top:24px;font-size:12px;color:var(--green)}
@media(max-width:1024px) and (min-width:769px){.split{gap:40px}.attractions h3{font-size:29px}.attractions{gap:40px 22px}.hero-aqualuna{font-size:clamp(76px,10vw,125px)}}
@media(max-width:768px){
 .header{justify-content:space-between}
 .menu-toggle:not([hidden]){display:block}
 .header nav{position:absolute;top:68px;left:0;right:0;background:var(--cream);color:var(--green);padding:12px 20px 20px;border-bottom:1px solid var(--border);font-size:13px}
 .header.open{background:var(--cream);color:var(--green)}
 .header.open nav{display:flex!important;align-items:stretch;gap:1px;flex-direction:column}
 .header nav a{padding:9px 0}
 .header .nav-cta{padding:10px 14px;margin-top:7px;display:flex;justify-content:space-between}
 .split{grid-template-columns:1fr;gap:38px}
 .ordered .split{row-gap:0}
 .ordered .section-copy{display:contents}
 .ordered .section-copy>.eyebrow{margin-bottom:0}
 .ordered .section-copy>p:not(.eyebrow){margin-top:0;margin-bottom:24px}
 .ordered .section-copy>.small-emphasis{margin-top:0}
 .ordered figure{order:1;margin:12px 0 28px}
 .ordered .section-copy>a{order:2;justify-self:start;margin-top:0}
 .feature-photo{width:100%;aspect-ratio:4/3}
 .welcome-image{height:auto;aspect-ratio:4/5}
 .subhero{height:56svh;min-height:360px;margin-top:68px}
 .subhero>.container{padding-bottom:36px}
 .subhero h1,.plain-intro h1{font-size:52px;max-width:650px}
 .subhero p:not(.eyebrow){font-size:15px}
 .plain-intro{margin-top:68px}
 .family-section .split{row-gap:0}
 .family-section .section-copy{display:contents}
 .family-section .family-main{order:1;margin-top:30px}
 .family-detail{order:2;width:100%;max-width:620px;margin-top:24px}
 .attractions{grid-template-columns:1fr;gap:36px}
 .attractions .area-image{aspect-ratio:1.6}
 .attractions .native-small{aspect-ratio:auto;min-height:195px}
 .attractions .native-small img{max-width:min(310px,100%)}
 .attractions p{max-width:none}
 .walk-photo{aspect-ratio:4/3}
 .walk-copy{margin-top:30px}
}
@media(max-width:640px){.hero-aqualuna{top:14%;font-size:clamp(48px,13.5vw,76px)}.hero .hero-final{font-size:clamp(60px,19vw,86px);top:44%}.subhero h1,.plain-intro h1{font-size:44px}.subhero{min-height:390px}.subhero .container{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.hero-aqualuna{display:none}.hero .hero-final{opacity:1;transform:none}.hero .scroll-cue{opacity:1}}
@media(max-width:768px){html:not(.js) .header{position:relative;display:block;background:var(--cream);color:var(--green);padding:20px}html:not(.js) .header nav{display:flex!important;position:static;flex-direction:column;padding:18px 0 0;border:0;gap:4px}html:not(.js) .subhero,html:not(.js) .plain-intro{margin-top:0}}

/* V6: originalni logotip in samo izrecno zahtevani vsebinski sklopi. */
.header .brand .brand-logo{display:block;width:170px;max-width:100%;height:auto;max-height:58px;object-fit:contain;flex-shrink:0}
.footer-top .footer-brand{display:inline-flex;align-items:center;line-height:1}
.footer-brand .footer-logo{display:block;width:200px;max-width:100%;height:auto;object-fit:contain}
.family-section .family-stack{display:grid;gap:16px;width:100%;max-width:510px;justify-self:center}
.family-section .family-stack>figure{width:100%;height:auto;max-width:none;aspect-ratio:16/9;margin:0;overflow:hidden;border-radius:10px;order:initial}
.family-section .family-stack img{object-fit:cover;object-position:50% 55%}
.fairytale-section .fairytale-photo{aspect-ratio:4/3;max-width:600px;width:100%;justify-self:center}
.fairytale-section .fairytale-photo img{object-position:50% 50%}
.dog-welcome .dog-photo{aspect-ratio:3/4;max-width:400px;width:100%;justify-self:center}
.dog-welcome .dog-photo img{object-position:50% 50%}
@media(max-width:768px){
 .header .brand .brand-logo{width:150px;max-height:52px}
 .family-section .split{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .family-section .section-copy{display:block;order:0}
 .family-section .family-stack{order:1;margin-top:30px;max-width:100%;width:100%}
 .family-section .family-stack>figure{margin:0;width:100%;height:auto;aspect-ratio:16/9}
 .dog-welcome .dog-photo,.fairytale-section .fairytale-photo{justify-self:center}
}