@font-face{font-family:DM;src:url(fonts/dm-sans-latin-wght-normal.woff2) format("woff2");font-weight:100 1000;font-display:swap}
@font-face{font-family:DM;src:url(fonts/dm-sans-latin-ext-wght-normal.woff2) format("woff2");font-weight:100 1000;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:Playfair;src:url(fonts/playfair-display-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:Playfair;src:url(fonts/playfair-display-latin-ext-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:Playfair;src:url(fonts/playfair-display-latin-wght-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:Playfair;src:url(fonts/playfair-display-latin-ext-wght-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:NotoArabic;src:url(fonts/noto-sans-arabic-arabic-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0600-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Naskh;src:url(fonts/noto-naskh-arabic-arabic-wght-normal.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0600-08FF,U+FB50-FDFF,U+FE70-FEFF}
:root{--ink:#201b17;--deep:#171310;--paper:#fcfaf6;--white:#fff;--gold:#c7a363;--lightgold:#e6c791;--darkgold:#745525;--line:#ded5c6;--muted:#62564b;--max:1140px;--edge:clamp(20px,4vw,54px);--section:clamp(60px,8vw,115px);--serif:Playfair,Georgia,serif;--sans:DM,Arial,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
[dir=rtl]{--serif:Naskh,Georgia,serif;--sans:NotoArabic,DM,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:400 1rem/1.65 var(--sans)}
h1,h2,h3,p,figure,dl,dd{margin:0}
h1,h2{font-family:var(--sans);font-weight:850;line-height:1.02;letter-spacing:-.049em;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere}
h1 em,h2 em{font-style:normal}
h1{font-size:clamp(2.7rem,6.25vw,6.4rem)}
h2{font-size:clamp(2.25rem,4.6vw,4.2rem)}
h3{font-size:1.08rem;line-height:1.4;font-weight:650}
[dir=rtl] :is(h1,h2){line-height:1.25;letter-spacing:0;font-weight:800}
[dir=rtl] em{font-style:normal}
p{max-inline-size:62ch}
img{display:block;max-inline-size:100%;block-size:auto}
svg{flex:none;vertical-align:middle}
a{color:inherit;text-decoration:none}
button,summary{cursor:pointer;font:inherit}
button{color:inherit}
:focus-visible{outline:2px solid #b5802b;outline-offset:5px}
[hidden]{display:none!important}
[id]{scroll-margin-block-start:110px}
.wrap{inline-size:min(calc(100% - 2 * var(--edge)),var(--max));margin-inline:auto}
.skip,.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:fixed;inset:10px auto auto 10px;z-index:99;inline-size:auto;block-size:auto;clip-path:none;background:var(--white);padding:10px 16px}
.header{position:fixed;inset:18px 0 auto;z-index:10;pointer-events:none;transition:inset-block-start .35s var(--ease)}
.header-inner{pointer-events:auto;background:rgba(23,19,16,.8);color:var(--white);backdrop-filter:blur(18px);border:1px solid #ffffff35;border-radius:22px;padding-inline:clamp(12px,1.5vw,20px);transition:min-block-size .35s var(--ease),background .35s,border-radius .35s,box-shadow .35s}
.header[data-scrolled]{inset-block-start:8px}
.header[data-scrolled] .header-inner{min-block-size:62px;background:rgba(23,19,16,.94);border-radius:14px;box-shadow:0 8px 28px #0004}
.header .lang-list{color:var(--ink)}
.header .languages summary{color:var(--white)}
.header .nav-toggle{border-color:#ffffff55;border-radius:8px}
.header .header-book{background:var(--lightgold);color:var(--ink);border-radius:999px}
.header .header-book:hover{background:#f3dab0}
.header nav a::after{border-color:var(--lightgold)}
.header .brand img{transition:width .35s var(--ease)}
.header[data-scrolled] .brand img{width:108px}
html:not(.js) .header{position:relative;inset:auto;background:var(--deep)}
.header-inner{min-block-size:82px;inline-size:min(calc(100% - 2 * var(--edge)),var(--max));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,1.3vw,18px)}
.brand img{width:118px}
.brand,.footer-logo{display:inline-block;flex:none}
.header nav,.header-actions{display:flex;align-items:center;gap:clamp(9px,.8vw,12px)}
.header nav a{font-size:.79rem;font-weight:650;line-height:1.4;padding-block:10px;white-space:nowrap;position:relative}
.header nav a::after{content:"";position:absolute;inset-inline:0;inset-block-end:3px;border-block-end:1px solid var(--lightgold);transform:scaleX(0);transition:transform .2s var(--ease)}
.header nav a:is(:hover,[aria-current])::after{transform:scaleX(1)}
.header-actions{gap:14px}
.languages{position:relative;flex:none}
.languages summary{display:flex;gap:5px;align-items:center;list-style:none;min-height:44px;font-size:.8rem;font-weight:700}
.languages summary::-webkit-details-marker{display:none}
.languages summary svg:first-child{width:17px}
.languages summary svg:last-child{width:13px}
.lang-list{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 4px);min-width:172px;background:var(--white);border:1px solid var(--line);box-shadow:0 12px 38px #211a1920;padding:5px}
.lang-list a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 10px;font-size:.92rem}
.lang-list a[lang=ar]{font-family:NotoArabic,Arial,sans-serif}
.lang-list a:is(:hover,[aria-current]){background:var(--paper);color:var(--darkgold)}
.lang-list span{font:600 .7rem var(--sans)}
.nav-toggle{display:none;background:none;border:1px solid var(--line);width:44px;height:44px;align-items:center;justify-content:center}
.nav-toggle svg:nth-child(2),.nav-toggle[aria-expanded=true] svg:first-child{display:none}
.nav-toggle[aria-expanded=true] svg:nth-child(2){display:block}
.button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:.87rem;font-weight:700;line-height:1.3}
main .button{border-radius:999px}
.button{min-block-size:53px;padding:12px 20px;border:1px solid transparent;transition:background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease)}
.button svg,.text-link svg{width:16px}
.header-book,.dark{background:var(--ink);color:var(--white)}
.header-book{min-block-size:43px;padding-inline:13px;font-size:.76rem;white-space:nowrap}
.primary{background:var(--lightgold);color:#211a14}
.primary:hover{background:#f3dab0}
:is(.dark,.header-book):hover{background:#5a432c}
.outline{border-color:#ffffff80;color:var(--white);background:#1a151335}
.outline:hover{background:var(--white);color:var(--ink)}
.text-link{border-block-end:1px solid var(--gold);padding-block:5px;text-align:start;color:var(--darkgold)}
.text-link:hover{color:var(--ink)}
[dir=rtl] :is(.button,.text-link) svg{transform:scaleX(-1)}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero{isolation:isolate;position:relative;background:#221812;color:#fff;min-block-size:clamp(440px,57vw,650px);display:grid;align-items:center;overflow:clip}
.hero-home{min-block-size:clamp(635px,93svh,870px);text-align:center}
.hero-media,.hero-media img,.room-band>img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.hero-media{z-index:-2}
.hero-media img{object-position:center 52%}
.hero-home .hero-media img{object-position:center 59%}
.hero-menu .hero-media img{object-position:center 55%}
.hero-contact .hero-media img{object-position:center 47%}
.hero-privacy,.hero-legal{min-block-size:400px}
.hero::after,.room-band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#130e0bf2 0%,#130e0bc7 32%,#130e0b55 74%,#130e0b2e 100%),linear-gradient(0deg,#100d0bcf,transparent 40%)}
[dir=rtl] :is(.hero,.room-band)::after{transform:scaleX(-1)}
.hero-inner{padding-block:140px 72px}
.hero-home .hero-inner{padding-block-end:108px}
.hero-home :is(.eyebrow,.actions){justify-content:center}
.hero-home .hero-intro{margin-inline:auto}
.hero-home .eyebrow{width:max-content;max-width:100%;margin-inline:auto;padding:7px 15px;border:1px solid #e6c79170;border-radius:999px;background:#17131080}
.hero-home::after{background:linear-gradient(180deg,#100e0cd1,#100e0c8c 45%,#100e0cdd);transform:none!important}
.hero h1{max-inline-size:13ch;margin-block:18px 20px}
.hero-home h1{max-inline-size:none}
.hero:not(.hero-home) h1{font-size:clamp(3.05rem,6.1vw,6.25rem)}
.hero h1 em,.room-band h2 em{color:var(--lightgold)}
.hero-intro{font-size:clamp(1rem,1.35vw,1.18rem);color:#f0e8dc;max-inline-size:48ch}
.hero .actions{margin-block-start:28px}
.eyebrow{display:flex;align-items:center;gap:12px;font:700 .72rem/1.55 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--darkgold)}
.eyebrow span{display:none}
[dir=rtl] .eyebrow{letter-spacing:0;font-size:.87rem}
.hero .eyebrow,.closing .eyebrow{color:var(--lightgold)}
.hero-bottom{position:absolute;inset-inline:0;inset-block-end:0;display:flex;justify-content:space-between;gap:14px;align-items:center;border-block-start:1px solid #ffffff60;padding-block:17px;font-size:.76rem;color:#fff}
.hero-bottom :is(a,span){display:flex;align-items:center;gap:8px}
.hero-bottom svg{color:var(--lightgold);width:17px}
.ribbon{background:var(--paper);border-block-end:1px solid var(--line)}
.ribbon .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}
.ribbon span{display:inline-flex;align-items:center;gap:10px;font-size:.79rem;font-weight:700}
.ribbon svg{width:16px;color:var(--darkgold)}
.feature{display:grid;grid-template-columns:1.16fr .84fr;align-items:center;gap:clamp(35px,8.8vw,130px);padding-block:var(--section)}
.feature.reverse{grid-template-columns:.87fr 1.13fr}
.feature.reverse figure{order:2}
.feature figure img{aspect-ratio:1.2;object-fit:cover;width:100%}
.feature h2,.kitchen h2{margin-block:15px 22px}
.feature h2 em,.kitchen h2 em{color:var(--darkgold)}
.feature div>p:not(.eyebrow),.kitchen p:not(.eyebrow),.contact-grid p,.prose p,.booking-list p{color:var(--muted)}
.feature .text-link,.feature .button{margin-block-start:23px}
figcaption{font-size:.76rem;color:var(--muted);margin-block-start:7px}
.kitchen{background:var(--paper);padding-block:var(--section)}
.kitchen-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(34px,7vw,100px);align-items:center}
.kitchen img{width:100%;height:100%;aspect-ratio:1.03;object-fit:cover}
.kitchen .dishes{margin-block:26px}
.room-band{position:relative;z-index:0;isolation:isolate;display:grid;align-items:end;min-block-size:clamp(345px,48vw,590px);background:var(--deep);color:#fff}
.room-band>img{z-index:-2;object-position:center}
.room-band .wrap{padding-block:58px}
.room-band h2{margin-block-end:23px}
.gallery-preview,.gallery-page,.menu-page,.contact-grid,.prose,.booking-list{padding-block:var(--section)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-block-end:32px}
.section-head h2{margin-block-start:12px}
.photos{display:grid;gap:clamp(14px,2.2vw,34px);align-items:start}
.photos img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}
.photos a:hover img{transform:scale(1.045)}
.photo-trigger{position:relative;display:block;overflow:hidden;aspect-ratio:1.15;background:var(--paper)}
.photo-trigger span{position:absolute;inset-inline-end:10px;inset-block-end:10px;background:var(--paper);color:var(--ink);display:grid;place-items:center;width:38px;height:38px}
.mosaic{grid-template-columns:1fr 1.37fr .86fr}
.mosaic figure:nth-child(2){margin-block-start:34px}
.mosaic figure:nth-child(3){margin-block-start:68px}
.mosaic .photo-trigger{aspect-ratio:.93}
.diptych{grid-template-columns:1.4fr 1fr;padding-block-end:var(--section)}
.diptych figure:nth-child(2){margin-block-start:50px}
.gallery-grid{grid-template-columns:repeat(6,1fr)}
.gallery-grid figure{grid-column:span 2}
.gallery-grid figure:nth-child(5n+1),.gallery-grid figure:nth-child(5n+2){grid-column:span 3}
.gallery-grid .photo-trigger{aspect-ratio:1.36}
.closing{background:#e6c791;color:#211a14;padding-block:clamp(48px,7.3vw,104px);border-block-end:1px solid #695743}
.closing .wrap{display:flex;justify-content:space-between;gap:24px;align-items:center}
.closing h2{margin-block:14px;font-size:clamp(2.35rem,4.5vw,4.6rem)}
.closing p:not(.eyebrow),.closing .eyebrow{color:#493516}
.closing .button{background:var(--deep);color:var(--white)}
.closing .button:hover{background:#463523}
.closing .button{flex:none}
.footer{background:var(--deep);color:#ddd0bf;padding-block-start:64px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.12fr .86fr;gap:34px;padding-block-end:52px}
.footer-logo img{width:157px;margin-block-end:12px}
.footer h2{font:700 .95rem/1.5 var(--sans);color:var(--white);letter-spacing:0;margin-block-end:13px}
.footer p,.footer address,.footer .hours{font-size:.88rem}
address{font-style:normal}
.footer .text-link{display:table;color:#eddbbf;border-color:#877052;font-weight:500;font-size:.82rem}
.footer .text-link svg{margin-inline-start:7px}
.footer a:hover{color:var(--lightgold)}
.hours div{display:flex;flex-wrap:wrap;gap:3px 10px;justify-content:space-between;padding-block:6px}
.hours div+div{border-block-start:1px solid currentColor}
.footer .hours div+div{border-color:#ffffff30}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:20px;border-block-start:1px solid #ffffff28;font-size:.8rem}
.footer-bottom div{display:flex;gap:10px 22px;flex-wrap:wrap}
.menu-page .note{background:var(--paper);padding:13px 16px;border-inline-start:2px solid var(--gold);margin-block-end:24px}
.filters{display:flex;flex-wrap:wrap;gap:7px;margin-block-end:44px}
.filters :is(button,a){background:var(--white);border:1px solid var(--line);padding:7px 12px;min-block-size:42px;font-size:.84rem;display:flex;align-items:center}
.filters :is(button,a):hover,.filters [data-active]{color:var(--white);background:var(--ink);border-color:var(--ink)}
.filters button{display:none}
.js .filters button{display:inline-flex}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px clamp(26px,6vw,94px)}
.category-grid:has(.menu-category[hidden]) .menu-category{grid-column:1 / -1;max-inline-size:780px}
.menu-category{border-block-start:2px solid var(--gold);padding-block-start:18px}
.menu-category h2{font-size:clamp(1.9rem,3.5vw,3.25rem);margin-block-end:14px}
.dishes{list-style:none;margin:0;padding:0}
.dishes li{display:flex;justify-content:space-between;align-items:start;gap:14px;border-block-end:1px solid var(--line);padding-block:12px}
.dishes h3{font-size:.98rem}
.dishes p,.dishes small{color:var(--muted);font-size:.84rem;display:block;margin-block-start:4px}
.price{flex:none;color:var(--darkgold);font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.booking-list section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:22px;padding-block:30px;border-block-start:1px solid var(--line)}
.booking-list section:last-child{border-block-end:1px solid var(--line)}

.booking-list h2,.contact-grid h2,.prose h2{font-size:clamp(2rem,3.7vw,3.6rem)}
.booking-list .actions{margin-block-start:13px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,100px)}
.contact-grid h2{margin-block:10px 19px}
.contact-grid address{margin-block-end:20px}
.contact-grid a:not(.button):hover{text-decoration:underline}
.contact-grid h3,.contact-grid p{margin-block-start:13px}
.prose{max-width:800px}
.prose section+section{margin-block-start:38px}
.prose h2{margin-block-end:14px}
.prose .text-link{margin-block-start:10px}
.lightbox{padding:0;border:0;background:#1a1512;color:var(--white);max-width:min(1050px,96vw);max-height:96dvh;overflow:auto}
.lightbox::backdrop{background:#0c0908e8}
.lightbox-inner{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:52px 10px 12px}
.lightbox button{background:#2a221d;border:1px solid #ffffff50;min-inline-size:44px;min-block-size:44px;color:#fff}
.dialog-close{position:absolute;inset-block-start:5px;inset-inline-end:9px}
.dialog-prev svg,[dir=rtl] .dialog-next svg{transform:scaleX(-1)}
[dir=rtl] .dialog-prev svg{transform:none}
.lightbox img{width:auto;height:auto;max-height:72dvh;object-fit:contain;margin-inline:auto}
.lightbox figcaption{color:#e9dccb;text-align:center}
body:has(.lightbox[open]){overflow:hidden}
@keyframes rise{from{opacity:.25;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 .hero-inner>*{animation:rise .72s both var(--ease)}
 .hero-inner>h1{animation-delay:80ms}.hero-intro{animation-delay:150ms}.hero .actions{animation-delay:220ms}
 .revealed{animation:rise .7s both var(--ease)}
}
.experience-band{background:#f5f3ef;padding-block:var(--section)}
.experience-head{max-inline-size:720px;margin:0 auto 48px;text-align:center}
.experience-head .eyebrow{justify-content:center}
.experience-head h2{margin-block:12px 18px}
.experience-head>p:last-child{margin-inline:auto;color:var(--muted)}
.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.6vw,32px)}
.experience{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line)}
.experience figure{overflow:hidden;aspect-ratio:1.48}
.experience img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.experience:hover img,.experience:focus-visible img{transform:scale(1.075)}
.experience>div{flex:1;display:flex;flex-direction:column;padding:clamp(16px,2vw,25px);gap:10px}
.experience h3{font-size:clamp(1.17rem,2vw,1.55rem);font-weight:750;letter-spacing:-.02em}
.experience p{color:var(--muted);font-size:.95rem}
.experience span{display:block;color:var(--darkgold);margin-block-start:auto;padding-block-start:12px}
[dir=rtl] .experience svg{transform:scaleX(-1)}
@keyframes hero-frame{from{transform:scale(1.075)}to{transform:scale(1)}}
@keyframes reveal-title{from{opacity:.45;clip-path:inset(0 0 95%);transform:translateY(22px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 .hero-media img{animation:hero-frame 2.1s var(--ease) both}
 .hero-inner>h1{animation-name:reveal-title;animation-duration:.88s}
 .revealed :is(h2,figure){animation:rise .74s both var(--ease)}
}
@media(max-width:1190px){
 .header-inner{min-block-size:72px}
 .js .nav-toggle{display:inline-flex}
 .js .header nav{position:absolute;inset-inline:0;inset-block-start:100%;background:#211b16;border:1px solid #ffffff35;border-radius:14px;margin-block-start:6px;padding:12px var(--edge) 24px;display:none;grid-template-columns:1fr 1fr;max-block-size:calc(100dvh - 80px);overflow:auto}
 .js .header nav[data-open]{display:grid}
 .header nav a{font-size:.95rem;white-space:normal;width:max-content;max-width:100%}
 html:not(.js) .header-inner{flex-wrap:wrap;padding-block:8px}
 html:not(.js) .header nav{order:3;flex-wrap:wrap}
}
@media(max-width:720px){
 .experience-grid{grid-template-columns:1fr}
 .experience-head{margin-block-end:28px}
 .header{inset-block-start:10px}
 .header-inner{gap:8px}
 .header[data-scrolled] .brand img{width:93px}
 .header-actions{gap:8px}
 .brand img{width:101px}
 .header-book{display:none}
 .hero-home{min-block-size:clamp(570px,calc(88svh - 72px),700px)}
 .hero-inner{padding-block:116px 65px}
 .hero-home .hero-inner{padding-block-end:92px}
 .hero-home h1{font-size:clamp(2.9rem,12vw,5.2rem)}
 .hero:not(.hero-home) h1{max-inline-size:none;font-size:clamp(2.75rem,10.5vw,5.1rem)}
 .hero::after,.room-band::after{background:linear-gradient(90deg,#130e0bdb,#130e0b59),linear-gradient(0deg,#100d0bbd,transparent 70%)}
 .hero-bottom span{display:none}
 .hero-bottom a{min-height:24px}
 .ribbon .wrap{gap:8px 16px;flex-wrap:wrap;justify-content:flex-start;padding-block:12px}
 .ribbon span{font-size:.71rem}
 .feature,.feature.reverse,.kitchen-grid,.category-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}
 .feature figure,.feature.reverse figure{order:2}
 .feature h2,.kitchen h2{margin-block:12px 15px}
 .feature figure img,.kitchen img{aspect-ratio:1.27}
 .photos{gap:12px}
 .gallery-grid{grid-template-columns:1fr 1fr}
 .gallery-grid figure,.gallery-grid figure:nth-child(5n+2){grid-column:span 1}
 .gallery-grid figure:nth-child(5n+1){grid-column:span 2}
 .mosaic{grid-template-columns:1fr 1fr}
 .mosaic figure:first-child{grid-column:1 / -1}
 .mosaic figure:first-child .photo-trigger{aspect-ratio:1.62}
 .mosaic figure:nth-child(n),.diptych figure:nth-child(n){margin-block-start:0}
 .diptych{grid-template-columns:1fr 1fr}
 .closing .wrap,.section-head{align-items:start;flex-direction:column}
 .footer-grid{grid-template-columns:1fr 1fr;gap:23px 16px}
 .booking-list section{grid-template-columns:1fr;gap:12px}
 
}
@media(max-width:370px){
 .footer-grid{grid-template-columns:1fr}
 h2{font-size:2rem}
 .hero .button{padding-inline:12px;gap:7px}
 .hero .actions{gap:8px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}