/* Hayat Dekor / editorial storefront. Scoped to the homepage. */
html body.home-page #main.hr-home{width:100%;max-width:none;margin:0;padding:0;background:#f8f5ef;color:#4e463e;overflow:hidden}
.hr-home *{box-sizing:border-box}.hr-home a{color:inherit}.hr-home button{font-family:Arial,Helvetica,sans-serif;cursor:pointer}.hr-home img{display:block;max-width:100%}.hr-home button:focus-visible,.hr-home a:focus-visible{outline:2px solid #9a7958;outline-offset:5px}
.hr-home .hr-eyebrow{font:10px/1.7 Arial,Helvetica,sans-serif!important;letter-spacing:.2em!important;text-transform:uppercase;margin:0 0 22px;color:inherit!important}
.hr-home h1,.hr-home h2,.hr-home h3{font-family:'Bodoni Moda',Georgia,serif!important;font-weight:400!important;letter-spacing:-.035em!important;color:inherit!important}
.hr-home h2 em{font-weight:400;color:#9a795e}.hr-home p{color:inherit!important}
@media(min-width:1000px){html body.home-page .site-header{min-height:100px!important;padding:14px 4%!important;align-items:center}.home-page .site-header .logo{width:225px!important;flex:0 0 225px!important}.home-page .site-header .logo img{width:100%!important;height:auto!important}.home-page .gallery-main-nav{font:11px/1.5 Arial,Helvetica,sans-serif!important;letter-spacing:.06em;gap:26px}}
.hr-hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:0 auto;min-height:560px;height:calc(100svh - 136px);max-height:740px;background:var(--hr-tone,#bd8c6e)}
.hr-hero-scene{position:relative;min-width:0;min-height:0;overflow:hidden;background:#e6dfd3}.hr-hero-scene a{display:block;width:100%;height:100%}.hr-hero-scene img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.hr-hero-out{position:absolute;inset:0;opacity:0;pointer-events:none}
.hr-hero-panel{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:54px clamp(35px,5.2vw,90px) 26px;text-align:center;color:var(--hr-ink,#fffaf0)!important;background:var(--hr-tone,#bd8c6e);transition:background-color 1.1s ease,color 1.1s ease}
.hr-hero-story{margin:auto 0}.hr-hero-story .hr-eyebrow{font-size:9px!important;opacity:.82;letter-spacing:.18em!important}
.hr-hero-story h1{font-size:clamp(46px,5vw,76px)!important;line-height:1.04!important;margin:0 0 24px;text-wrap:balance}
.hr-hero-story>p[data-hr-description]{font:14px/1.85 Arial,Helvetica,sans-serif!important;max-width:35ch;margin:0 auto 30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;opacity:.95}
.hr-home .hr-primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:47px;padding:15px 23px;border:1px solid #f7f2e9;background:#f7f2e9;color:#51473b!important;text-decoration:none;font:10px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:.14em!important;transition:background .3s,transform .3s}
.hr-home .hr-primary:hover{background:#fffdf8;transform:translateY(-2px)}.hr-home .hr-primary span{font-size:19px;line-height:1}
.hr-hero-all{display:block;width:fit-content;margin:22px auto 0;font:11px/1.5 Arial,Helvetica,sans-serif;text-decoration:underline;text-underline-offset:5px;opacity:.9}
.hr-hero-controls{position:relative;margin-top:35px;padding-top:20px;display:flex;align-items:center;justify-content:center;gap:11px;min-height:55px}
.hr-progress{position:absolute;left:0;right:0;top:0;height:1px;background:currentColor;opacity:.5;overflow:hidden}.hr-progress>span{display:block;height:1px;background:var(--hr-ink);transform-origin:left;transform:scaleX(0)}
.hr-count{font:24px/1 Georgia,serif}.hr-total{font:10px/1 Arial,sans-serif;opacity:.7}.hr-arrows{display:flex;gap:12px;margin-left:14px}.hr-arrows button{width:34px;height:34px;padding:8px;border:1px solid currentColor;background:transparent;color:inherit;border-radius:50%;opacity:.8}.hr-arrows button:hover{opacity:1;background:#ffffff16}.hr-arrows img{width:16px;height:16px;filter:brightness(0) invert(1)}.hr-arrows [data-hr-prev] img{transform:rotate(180deg)}.hr-pause{font-size:10px;border:0;background:transparent;color:inherit;padding:10px;margin-left:5px;opacity:.8}
.hr-intro-band{display:flex;align-items:center;justify-content:center;gap:48px;max-width:1440px;margin:0 auto;padding:30px 4%;border-bottom:1px solid #e3dbcf;font:10px/1.6 Arial,sans-serif;letter-spacing:.04em;color:#8d8070}.hr-intro-band p{font:italic 23px/1.3 'Bodoni Moda',Georgia,serif;margin:0;color:#746552!important}.hr-intro-band>span+span:before{content:'·';margin-right:48px;color:#b3a28c}
.hr-section,.hr-sets,.hr-guide{max-width:1440px;margin:0 auto;padding:86px 5%}.hr-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.hr-section-heading .hr-eyebrow{font-size:9px!important;margin-bottom:16px;color:#9a876e!important}.hr-section-heading h2{font-size:clamp(34px,3.8vw,54px)!important;line-height:1.12;margin:0;text-wrap:balance}.hr-section-heading>p{font:12px/1.9 Arial,sans-serif!important;color:#8a7d6e!important;max-width:43ch;margin:0 0 4px}
.hr-collection-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.hr-filters{display:flex;gap:26px}.hr-filters button{border:0;border-bottom:1px solid transparent;background:transparent;color:#9c8c7a;padding:0 0 9px;font-size:11px}.hr-filters button[aria-pressed=true]{border-color:#7c6750;color:#5a4b3d}.hr-rail-arrows{display:flex;gap:12px}.hr-rail-arrows button{background:transparent;border:0;color:#7c6a55;font-size:23px;padding:0 4px}.hr-collection-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:12px}.hr-collection-rail::-webkit-scrollbar{display:none}.hr-card{min-width:0;scroll-snap-align:start}.hr-card[hidden]{display:none!important}.hr-card a{display:block;text-decoration:none}.hr-card-photo{aspect-ratio:2/3;overflow:hidden;background:#e8e1d6}.hr-card-photo>img{width:100%;height:100%;object-fit:contain;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.hr-card:hover .hr-card-photo>img{transform:scale(1.015)}.hr-card-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:19px}.hr-card-line h3{font-size:27px!important;line-height:1.3;margin:0}.hr-card-line>img{width:20px;opacity:.6}.hr-card p{font:10px/1.6 Arial,sans-serif!important;color:#a08e7a!important;margin:7px 0 0}
.hr-sets{background:#eee8dd;max-width:none;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2))}.hr-set-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.hr-set{display:grid;grid-template-columns:1.1fr 1fr;text-decoration:none;background:#f8f5ef;min-width:0;overflow:hidden}.hr-set>img{width:100%;height:100%;min-height:360px;object-fit:contain;background:#e9e1d4}.hr-set>div{padding:30px 25px;align-self:center}.hr-set>div>span{font:9px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#a48d70}.hr-set h3{font-size:30px!important;line-height:1.15;margin:20px 0}.hr-set p{font:10px/1.6 Arial,sans-serif!important;color:#8c765c!important;margin:0}.hr-set p>span{margin-left:8px}
.hr-guide{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.hr-guide-photo{max-width:500px;margin:0 auto;width:100%;background:#e8e1d6}.hr-guide-photo img{width:100%;height:auto;object-fit:contain}.hr-guide-copy>.hr-eyebrow{font-size:9px!important;color:#9c876d!important;margin-bottom:18px}.hr-guide h2{font-size:clamp(35px,3.6vw,51px)!important;line-height:1.14;margin:0 0 36px}.hr-guide ol{list-style:none;margin:0;padding:0}.hr-guide li{display:flex;gap:23px;padding:18px 0;border-top:1px solid #dfd6c8}.hr-guide li>span{font:22px/1.4 Georgia,serif;color:#a38c6e}.hr-guide li h3{font-size:20px!important;margin:0 0 8px}.hr-guide li p{font:11px/1.9 Arial,sans-serif!important;color:#8a7b69!important;margin:0;max-width:34ch}.hr-text-link{display:inline-block;margin-top:28px;font:11px/1.5 Arial,sans-serif;text-underline-offset:6px}
.hr-closing{padding:80px 25px;text-align:center;background:#e3d8c6}.hr-closing .hr-eyebrow{font-size:9px!important;color:#9b8567!important}.hr-closing h2{font-size:clamp(42px,5vw,70px)!important;line-height:1.1;margin:0 0 22px}.hr-closing>p:not(.hr-eyebrow){font:12px/1.8 Arial,sans-serif;margin:0 0 27px;color:#87765f!important}.hr-closing .hr-primary{background:#5a5044;border-color:#5a5044;color:#fffaf0!important}.hr-closing .hr-primary:hover{background:#76614b}
.hr-motion-ready .hr-reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform 1s cubic-bezier(.2,.75,.2,1)}.hr-motion-ready .hr-reveal.is-visible{opacity:1;transform:none}
@media(max-width:999px){
 .hr-hero{grid-template-columns:1fr;height:auto;min-height:0;max-height:none}.hr-hero-scene{height:auto;aspect-ratio:1/1}.hr-hero-panel{padding:32px 28px 18px}.hr-hero-story .hr-eyebrow{font-size:8px!important;margin-bottom:18px}.hr-hero-story h1{font-size:43px!important;line-height:1.08!important;margin-bottom:18px}.hr-hero-story>p[data-hr-description]{font-size:12px!important;-webkit-line-clamp:2;margin-bottom:23px}.hr-hero-all{font-size:10px;margin-top:17px}.hr-hero-controls{margin-top:26px;padding-top:14px}.hr-intro-band{padding:24px 20px;gap:16px;flex-wrap:wrap}.hr-intro-band p{flex:0 0 100%;text-align:center;font-size:24px}.hr-intro-band>span{font-size:8px}.hr-intro-band>span+span:before{margin-right:16px}
 .hr-section,.hr-sets,.hr-guide{padding:50px 20px}.hr-section-heading{display:block;margin-bottom:28px}.hr-section-heading h2{font-size:36px!important}.hr-section-heading>p{font-size:11px!important;margin:20px 0 0}.hr-section-heading>p br{display:none}.hr-collection-tools{gap:14px;margin-bottom:18px}.hr-filters{gap:18px}.hr-filters button{font-size:10px}.hr-rail-arrows{display:none}.hr-collection-rail{grid-auto-columns:76%;gap:16px}.hr-card-line h3{font-size:25px!important}.hr-card p{font-size:9px!important}
 .hr-set-grid{grid-template-columns:1fr;gap:22px}.hr-set>img{min-height:0;aspect-ratio:2/3}.hr-set>div{padding:22px 18px}.hr-set h3{font-size:28px!important;margin:15px 0}.hr-set>div>span{font-size:8px}.hr-set p{font-size:9px!important}
 .hr-guide{grid-template-columns:1fr;gap:35px}.hr-guide-photo{max-width:430px}.hr-guide h2{font-size:36px!important;margin-bottom:25px}.hr-guide-copy>.hr-eyebrow{font-size:8px!important}.hr-guide li p{max-width:none}.hr-closing{padding:55px 20px}.hr-closing h2{font-size:46px!important}.hr-closing>p:not(.hr-eyebrow){font-size:11px}
}
@media(min-width:700px) and (max-width:999px){.hr-hero{grid-template-columns:1fr 1fr;min-height:500px}.hr-hero-scene{aspect-ratio:auto;height:100%}.hr-hero-panel{padding:40px 28px 20px}.hr-hero-story h1{font-size:44px!important}.hr-collection-rail{grid-auto-columns:44%}.hr-set-grid{grid-template-columns:1fr 1fr}.hr-set{grid-template-columns:1fr}.hr-guide{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.hr-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hr-motion-ready .hr-reveal{opacity:1;transform:none}}
/* Owner refinement: fixed neutral canvas, short copy, larger single scene. */
.hr-hero{grid-template-columns:3fr 2fr;min-height:620px;background:#f8f5ef}
.hr-hero-scene img{object-position:50% 43%}
.hr-hero-panel{background:#f8f5ef!important;color:#51473b!important;text-align:left;padding:54px clamp(32px,4.5vw,75px) 26px;transition:none}
.hr-hero-story .hr-eyebrow{color:#9b876e!important;opacity:1;font-size:8px!important;letter-spacing:.17em!important;margin-bottom:28px}
.hr-hero-story h1{font-size:clamp(48px,5.3vw,80px)!important;line-height:1.06!important;margin-bottom:22px}
.hr-hero-story>p[data-hr-description]{font-size:13px!important;line-height:1.8!important;max-width:29ch;margin:0 0 30px;opacity:1;color:#9b8a76!important;-webkit-line-clamp:2}
.hr-hero-panel .hr-primary{background:#51473b;border-color:#51473b;color:#fffaf0!important;min-width:165px;justify-content:space-between}
.hr-hero-panel .hr-primary:hover{background:#78634d}
.hr-hero-controls{justify-content:flex-start;margin-top:34px;padding-top:20px;color:#9d8b73}
.hr-progress{background:#dfd6c9;opacity:1}.hr-progress>span{background:#92775d}
.hr-hero .hr-arrows{filter:none!important}.hr-hero .hr-arrows img{filter:brightness(.4)}
@media(max-width:699px){.hr-hero{grid-template-columns:1fr;min-height:0}.hr-hero-panel{padding:30px 28px 20px}.hr-hero-story .hr-eyebrow{margin-bottom:17px}.hr-hero-story h1{font-size:43px!important;margin-bottom:15px}.hr-hero-story>p[data-hr-description]{font-size:12px!important;max-width:none;margin-bottom:23px}.hr-hero-controls{margin-top:26px}.hr-hero-scene img{object-position:50% 30%}}
@media(min-width:700px) and (max-width:999px){.hr-hero{grid-template-columns:1fr 1fr;min-height:520px;height:520px}.hr-hero-story h1{font-size:46px!important}.hr-hero-panel{padding:35px 28px 20px}}
/* Keep the complete artwork inside the room crop at every desktop width. */
@media(min-width:1000px){.hr-hero{max-width:1440px;min-height:clamp(620px,50vw,720px)}.hr-hero-scene img{object-position:50% 25%}.hr-hero[data-slug=esik] .hr-hero-scene img{object-position:50% 30%}}
/* Compact, horizontal opening: leave the collection section visible below. */
.hr-home .hr-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px);grid-template-rows:1fr;height:320px!important;min-height:0!important;max-height:none;max-width:1380px;overflow:hidden}
.hr-home .hr-hero-scene{grid-column:2;grid-row:1;height:100%;min-height:0}
.hr-home .hr-hero-scene img{object-position:50% 20%}
.hr-home .hr-hero[data-slug=esik] .hr-hero-scene img{object-position:50% 30%}
.hr-home .hr-hero-panel{grid-column:1;grid-row:1;position:relative;justify-content:center;padding:28px clamp(28px,5.6vw,82px) 65px}
.hr-home .hr-hero-story{margin:0}.hr-home .hr-hero-story .hr-eyebrow{display:none}
.hr-home .hr-hero-story h1{font-size:clamp(42px,4.5vw,62px)!important;line-height:1.1!important;margin:0 0 14px}
.hr-home .hr-hero-story>p[data-hr-description]{font-size:12px!important;line-height:1.7!important;max-width:40ch;margin:0 0 20px}
.hr-home .hr-hero-panel .hr-primary{min-width:150px;min-height:42px;padding:11px 18px;font-size:9px!important}
.hr-home .hr-hero-controls{position:absolute;left:clamp(28px,5.6vw,82px);bottom:12px;width:auto;padding:0;margin:0;min-height:35px;gap:9px}
.hr-home .hr-hero-controls .hr-progress{display:none}.hr-home .hr-count{font-size:21px}.hr-home .hr-arrows{gap:8px;margin-left:8px}.hr-home .hr-arrows button{width:30px;height:30px;padding:6px}.hr-home .hr-pause{padding:7px;font-size:9px}
@media(max-width:699px){
 .hr-home .hr-hero{grid-template-columns:1.05fr .95fr;height:270px!important}
 .hr-home .hr-hero-panel{padding:20px 18px 53px}
 .hr-home .hr-hero-story h1{font-size:30px!important;line-height:1.12!important;margin-bottom:11px;text-wrap:balance}
 .hr-home .hr-hero-story>p[data-hr-description]{font-size:10px!important;line-height:1.7!important;-webkit-line-clamp:2;margin-bottom:14px}
 .hr-home .hr-hero-panel .hr-primary{min-width:115px;min-height:38px;padding:9px 12px;font-size:8px!important;gap:12px}
 .hr-home .hr-hero-controls{left:18px;bottom:10px;gap:6px;min-height:30px}
 .hr-home .hr-count{font-size:18px}.hr-home .hr-total{font-size:8px}.hr-home .hr-arrows{gap:6px;margin-left:5px}.hr-home .hr-arrows button{width:25px;height:25px;padding:5px}.hr-home .hr-arrows img{width:13px;height:13px}.hr-home .hr-pause{font-size:8px;margin-left:0;padding:5px}
 .hr-home .hr-hero-scene img{object-position:50% 30%}
}
@media(min-width:700px) and (max-width:999px){.hr-home .hr-hero{grid-template-columns:1fr 380px;height:300px!important}.hr-home .hr-hero-panel{padding-left:30px;padding-right:25px}.hr-home .hr-hero-story h1{font-size:38px!important}.hr-home .hr-hero-controls{left:30px}}

/* Nature-led opening, independent of product artwork. */
.ha-atmosphere{position:relative;isolation:isolate;height:clamp(390px,55vw,540px);overflow:hidden;background:#536656;color:#fffaf0}
.ha-film,.ha-shade{position:absolute;inset:0;width:100%;height:100%}.ha-film{object-fit:cover;object-position:65% 50%}.ha-shade{background:linear-gradient(90deg,rgba(20,36,29,.65),rgba(20,36,29,.18) 50%,rgba(20,36,29,.05));pointer-events:none}
.ha-story{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:35px clamp(28px,7vw,110px);max-width:750px}.ha-kicker{font:10px/1.5 sans-serif;letter-spacing:.24em;margin:0 0 22px;color:#fffaf0}.ha-story h1{font-family:Georgia,serif;font-size:clamp(48px,6.2vw,86px);font-weight:400;line-height:1.04;letter-spacing:-.045em;margin:0 0 30px;color:#fffaf0}.ha-story h1 em{font-weight:400}.ha-discover{display:flex;gap:38px;align-items:center;color:#fffaf0!important;text-decoration:none!important;border-bottom:1px solid #ffffff80;padding:10px 0;font:11px/1.5 sans-serif;letter-spacing:.18em}.ha-discover span{font-size:19px}.ha-signature{position:absolute;right:7%;bottom:32px;font:italic 16px Georgia,serif;color:#fffaf0cc}.ha-pause{position:absolute;right:22px;top:20px;z-index:2;border:1px solid #ffffff66;border-radius:30px;background:#1a2b2350;color:white;padding:9px 15px;font:11px sans-serif;cursor:pointer}.ha-pause:focus-visible,.ha-discover:focus-visible{outline:2px solid white;outline-offset:5px}
@media(max-width:699px){.ha-atmosphere{height:440px}.ha-film{object-position:61% 50%}.ha-shade{background:linear-gradient(90deg,#14241dcc,#14241d22)}.ha-story{padding:32px 26px}.ha-story h1{font-size:59px}.ha-signature{right:24px;bottom:20px;font-size:13px}.ha-kicker{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.ha-story h1{animation:ha-arrive 1.8s ease-out both}.ha-discover{animation:ha-arrive 1.8s .3s ease-out both}@keyframes ha-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}

/* Olive dawn palette: continuous scene, no changing color panels. */
.ha-shade{background:linear-gradient(90deg,rgba(248,245,237,.66),rgba(248,245,237,.25) 42%,transparent 68%)}
.ha-story h1,.ha-kicker{color:#303a2d}.ha-discover{color:#303a2d!important;border-bottom-color:#303a2d80}.ha-signature{color:#fffaf0}.ha-pause{background:#29372d80}.ha-film{object-position:65% 50%}
@media(max-width:699px){.ha-film{object-position:62% 50%}.ha-shade{background:linear-gradient(90deg,#f8f5edd9,#f8f5ed66 55%,transparent)}.ha-story h1{font-size:55px}.ha-signature{display:none}}

/* Explicitly override the previous homepage heading cascade. */
.hr-home .ha-atmosphere .ha-story h1,.hr-home .ha-atmosphere .ha-story h1 em,.hr-home .ha-atmosphere .ha-kicker{color:#29382d!important;text-shadow:none!important;-webkit-text-fill-color:#29382d!important}
.hr-home .ha-atmosphere .ha-discover{color:#29382d!important;-webkit-text-fill-color:#29382d!important}.hr-home .ha-signature{color:#29382d!important;background:rgba(248,245,237,.78);padding:5px 9px;border-radius:3px}

/* Keep the approved crown and grounded roots in frame; landscape blends into cream. */
.hr-home .ha-atmosphere{height:clamp(480px,42vw,660px);background:linear-gradient(#f4e8dc 0%,#f8e9d3 52%,#c1b6a2 100%)}
.hr-home .ha-film{inset:0 0 0 auto;width:auto;height:100%;max-width:none;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,black 25%);-webkit-mask-image:linear-gradient(90deg,transparent,black 25%)}
.hr-home .ha-shade{background:linear-gradient(90deg,rgba(249,243,232,.62),rgba(249,243,232,.08) 48%,transparent 62%)}
.hr-home .ha-story{max-width:650px}.hr-home .ha-signature{display:none}
@media(max-width:699px){.hr-home .ha-atmosphere{height:520px;background:#f4e8dc}.hr-home .ha-film{inset:auto 0 0;width:100%;height:auto;mask-image:linear-gradient(180deg,transparent,black 22%);-webkit-mask-image:linear-gradient(180deg,transparent,black 22%)}.hr-home .ha-shade{display:none}.hr-home .ha-story{justify-content:flex-start;padding-top:52px}.hr-home .ha-story h1{font-size:48px;margin-bottom:14px}.hr-home .ha-kicker{margin-bottom:16px}.hr-home .ha-pause{top:auto;bottom:14px}}

.hr-home .ha-initial{display:inline-block;color:inherit!important;-webkit-text-fill-color:inherit!important}.hr-home .ha-perch-bird{position:absolute;top:0;left:0;width:36px;height:24px;z-index:3;pointer-events:none;color:#30372c;opacity:0;transform-origin:15px 20px;will-change:transform}.ha-bird-rest{display:none}.ha-perch-bird[data-state="perched"] .ha-bird-rest{display:block}.ha-perch-bird[data-state="perched"] .ha-bird-flight{display:none}.ha-bird-wing{transform-origin:24px 18px;animation:ha-wingbeat .65s ease-in-out infinite alternate}@keyframes ha-wingbeat{from{transform:rotate(-18deg) scaleY(1)}to{transform:rotate(20deg) scaleY(-.55)}}@media(prefers-reduced-motion:reduce){.hr-home .ha-perch-bird{display:none}}

.ha-natural-perch{display:none}
@media(min-width:1000px){.hr-home .ha-perch-bird{display:none!important}.ha-natural-perch{display:block;position:absolute;left:0;top:0;width:0;height:0;z-index:3;pointer-events:none;opacity:0;transform-origin:0 0}.ha-natural-perch>div{position:absolute;left:0;top:0;width:48px;height:48px;background:url('/assets/hayat-natural-bird-poses-v2.png') no-repeat;background-size:300% 300%;filter:brightness(.72) saturate(.6);transform-origin:0 0}}

/* Continuous photographic motion plate; desktop only. */
@media(min-width:1000px){.ha-natural-perch>div{display:none}.ha-natural-perch>video{position:absolute;left:0;top:0;width:90px;height:50.625px;max-width:none;object-fit:contain;pointer-events:none;filter:brightness(.77) saturate(.65);transform:translate(-45px,-32px)}}

/* Mobile: bring story and lake closer; discovery sits beside the title. */
@media(max-width:699px){
 .hr-home .ha-atmosphere{height:450px}
 .hr-home .ha-film{width:112%;right:-6%;left:auto}
 .hr-home .ha-story{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:start;align-items:center;column-gap:14px;padding:38px 26px 0;max-width:none}
 .hr-home .ha-kicker{grid-column:1/-1;margin:0 0 17px}
 .hr-home .ha-story h1{grid-column:1;grid-row:2;font-size:clamp(41px,12.3vw,48px);margin:0;line-height:1.04}
 .hr-home .ha-discover{grid-column:2;grid-row:2;align-self:center;gap:12px;font-size:9px;letter-spacing:.12em;padding:9px 0;white-space:nowrap}
}

/* Mobile collection opening: keep only the requested collection heading. */
@media(max-width:999px){
 .hr-home .hr-intro-band,.hr-home #hr-collections .hr-section-heading .hr-eyebrow,.hr-home #hr-collections .hr-section-heading>p{display:none!important}
}

/* Same concise collection introduction on desktop and mobile. */
.hr-home .hr-intro-band,.hr-home #hr-collections .hr-section-heading .hr-eyebrow,.hr-home #hr-collections .hr-section-heading>p{display:none!important}

/* Original Corel identity slogan, with a calm visible entrance. */
.hr-home .ha-story .ha-brand-slogan{width:min(440px,100%);margin:0;line-height:1}
.hr-home .ha-brand-slogan img{display:block;width:100%;height:auto;max-width:none}
@media(prefers-reduced-motion:no-preference){.hr-home .ha-story .ha-brand-slogan{animation:ha-slogan-reveal 3.1s .15s cubic-bezier(.2,.65,.25,1) both}@keyframes ha-slogan-reveal{from{opacity:.03;transform:translateX(28px) scale(.97);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}}
@media(max-width:699px){.hr-home .ha-story{display:flex;align-items:flex-start}.hr-home .ha-story .ha-brand-slogan{width:min(290px,100%);font-size:inherit}.hr-home .ha-kicker{margin-bottom:18px}}
/* One collection, six real formats: a photographic comparison, no distorted art. */
.hr-home .hf-formats{padding:76px max(5%,calc((100% - 1296px)/2)) 68px;background:#eee8dd}
.hf-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:34px}
.hr-home .hf-heading h2{font:400 clamp(36px,4vw,56px)/1.06 Georgia,serif!important;letter-spacing:-.035em;margin:0;color:#51473b}
.hf-heading h2 em{font-weight:400;color:#9b8067}
.hr-home .hf-heading p{font:12px/1.7 Arial,sans-serif!important;color:#766a5d;margin:0 0 15px}
.hf-collection{display:inline-flex;gap:25px;align-items:center;font:11px/1.5 Arial,sans-serif!important;color:#51473b!important;text-decoration:none!important;border-bottom:1px solid #ad9d87;padding-bottom:7px}
.hf-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.hf-card{display:block;min-width:0;text-decoration:none!important;color:#51473b!important}
.hf-photo{overflow:hidden;background:#ded4c5;aspect-ratio:2/3}
.hf-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .35s}
.hf-card:hover .hf-photo img{filter:brightness(1.06)}
.hf-card:focus-visible{outline:2px solid #51473b;outline-offset:6px}
.hf-label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:15px}
.hr-home .hf-label h3{font:400 clamp(17px,1.5vw,22px)/1.2 Georgia,serif!important;margin:0;color:#51473b}
.hf-label>span{font-size:15px;color:#9b8067}
.hr-home .hf-card>p{font:10px/1.5 Arial,sans-serif!important;margin:7px 0 0;color:#837363}
.hr-home .hf-footnote{font:10px/1.6 Arial,sans-serif!important;margin:28px 0 0;color:#8c7b68}
@media(min-width:700px) and (max-width:1100px){.hf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}}
@media(max-width:699px){.hr-home .hf-formats{padding:46px 20px 36px}.hf-heading{display:block;margin-bottom:27px}.hr-home .hf-heading h2{font-size:40px!important}.hf-heading>div{margin-top:20px}.hr-home .hf-heading p{font-size:11px!important;margin-bottom:12px}.hf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.hr-home .hf-label h3{font-size:21px!important}.hf-label{margin-top:11px}.hr-home .hf-card>p{font-size:10px!important}.hr-home .hf-footnote{margin-top:24px;font-size:9px!important}}

/* Quiet ink-like fade; centre the lettering optically, allowing for its ellipsis. */
@media(prefers-reduced-motion:no-preference){.hr-home .ha-story .ha-brand-slogan{animation:ha-slogan-soft 3.3s .15s cubic-bezier(.22,.61,.36,1) both}@keyframes ha-slogan-soft{0%{opacity:0;transform:translateY(12px);filter:none}28%{opacity:.16}100%{opacity:1;transform:none;filter:none}}}
@media(max-width:699px){.hr-home .ha-story .ha-brand-slogan{align-self:center;margin-inline:auto}.hr-home .ha-brand-slogan img{transform:translateX(7px)}}

/* A single continuous scene behind the slogan, without the former cream mask. */
.hr-home .ha-film{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none;-webkit-mask-image:none}
.hr-home .ha-shade{display:none}
.hr-home .hc-browse{display:flex;align-items:center;justify-content:space-between;gap:30px;width:fit-content;margin-top:24px;padding:13px 18px;border:1px solid #aa9983;color:#51473b!important;background:transparent;font:11px/1.5 Arial,sans-serif!important;text-decoration:none!important;transition:background .2s}
.hr-home .hc-browse:hover{background:#eee8dd}.hr-home .hc-browse:focus-visible{outline:2px solid #51473b;outline-offset:4px}
@media(max-width:699px){.hr-home .ha-atmosphere{height:auto;min-height:420px;aspect-ratio:5/6;max-height:660px;background:#d1c8c7}.hr-home .ha-film{inset:0;width:100%;height:100%;object-fit:cover;mask-image:none;-webkit-mask-image:none}.hr-home .hc-browse{margin-top:22px;font-size:11px!important}}

@media(min-width:1000px){.hr-home .ha-story{justify-content:flex-start;padding-top:clamp(90px,7vw,140px)}}
