/* H&M Website v1.9 | Floral editorial enhancement to premium v1.8.
   Editorial concept images are intentionally separate from the real client gallery. */
:root {--hm-floral-champagne:#f7efe3;--hm-floral-blush:#f8e7e4;--hm-botanical-art:url('/assets/art/botanical-corners.svg');--hm-cover-zoom:1.18}
html {background:#f6eee1}
body {background:radial-gradient(ellipse at 8% 19%,rgba(252,220,216,.36),transparent 31%),radial-gradient(ellipse at 95% 58%,rgba(223,190,126,.23),transparent 27%),#f7f1e7}
/* Soft gold and watercolor floral corners, close to the original design concept. */
.hm-premium-work,.hm-story-section,.hm-steps-section,.page-hero,.hm-premium-cta,.section.section-white {position:relative;isolation:isolate}
.hm-premium-work:before,.hm-story-section:before,.hm-steps-section:before,.page-hero:before,.hm-inspiration-band:before {content:"";position:absolute;pointer-events:none;z-index:-1;width:min(33vw,450px);height:min(42vw,520px);background:var(--hm-botanical-art) center / contain no-repeat;opacity:.55}
.hm-premium-work:before {left:-92px;top:23px}
.hm-story-section:before{right:-88px;bottom:-105px;transform:scaleX(-1);opacity:.63}
.hm-steps-section:before{left:-120px;bottom:-30px;opacity:.43}
.page-hero:before{right:0;top:-100px;transform:scaleX(-1);opacity:.62}
.hm-premium-work {background:linear-gradient(120deg,rgba(255,254,251,.94),rgba(252,246,237,.94))}
.hm-story-section {background:linear-gradient(130deg,#faf4ec,#f8ede8)}
.hm-steps-section {background:linear-gradient(150deg,#fffdf8,#fcf6ee)}
.page-hero {background:linear-gradient(133deg,#fdf8f1,#f8eee7)}
.section.section-white{background:#fffcf9}
/* Botanical frame and graceful transitions inspired by the showcased mockups. */
.hm-premium-hero {border-radius:0 0 27px 27px;box-shadow:0 25px 50px rgba(64,41,24,.17)}
.hm-premium-hero::after{content:"";position:absolute;z-index:2;inset:10px 14px;pointer-events:none;border:1px solid rgba(248,210,146,.26);border-radius:4px 4px 20px 20px}
.hm-premium-slide img {transform:scale(1.08);transition:transform 10s cubic-bezier(.22,.6,.22,1),filter 1s}
.hm-premium-slide.is-active img {transform:scale(1.18)}
.header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hm-portfolio-card .hm-card-image {isolation:isolate}
.hm-portfolio-card .hm-card-image::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(112deg,transparent 32%,rgba(255,255,255,.12) 48%,transparent 60%);transform:translateX(-180%);transition:transform .95s ease}
.hm-portfolio-card:hover .hm-card-image::after{transform:translateX(170%)}
.hm-portfolio-card:hover{transform:translateY(-7px)}
.hm-premium-btn,.header .nav a.header-cta{transition:transform .28s,box-shadow .3s,background .3s}
.hm-premium-btn:hover {box-shadow:0 11px 28px rgba(135,98,38,.20)}
/* Crucial: thumbnail covers zoom enough to crop baked-in black/mustard frame and bottom logo.
   The full original is retained in the opened lightbox. Change --hm-cover-zoom if needed. */
.setup-tile .photo-view{overflow:hidden;isolation:isolate}
.setup-tile .photo-view img{transform:scale(var(--hm-cover-zoom)) translateY(-2%);transform-origin:center center;transition:transform .72s cubic-bezier(.2,.7,.27,1)}
.setup-tile .photo-view:hover img,.setup-tile:hover .photo-view img{transform:scale(calc(var(--hm-cover-zoom) + .055)) translateY(-2%)}
.hm-collection-quicklinks{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;padding:19px clamp(18px,3vw,45px);max-width:1120px;margin:-23px auto 0;border-radius:70px;background:rgba(255,252,246,.97);box-shadow:0 12px 35px rgba(104,76,38,.14);border:1px solid rgba(211,175,112,.3)}
.hm-collection-quicklinks a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;border-radius:80px;padding:9px 15px;color:#624b2e;background:#fbf6ed;border:1px solid #e8dac3;font-size:.76rem;font-weight:600;transition:background .25s,transform .25s,color .25s}
.hm-collection-quicklinks a:hover{background:#d2a856;color:#201a10;transform:translateY(-2px)}
.hm-collection-quicklinks a span{font-size:1.1rem;line-height:1}
/* The three generated design images are presented as a separate, plainly labelled inspiration board,
   not as real photographs of customer work. */
.hm-inspiration-band{position:relative;isolation:isolate;overflow:hidden;padding:78px clamp(18px,4vw,60px) 88px;background:linear-gradient(128deg,#f8f0e6,#fffaf2 52%,#f6ece4)}
.hm-inspiration-band:before{top:-90px;right:-100px;opacity:.57;transform:scaleX(-1)}
.hm-inspiration-inner{max-width:1280px;margin:auto}
.hm-inspiration-heading{text-align:center;max-width:700px;margin:0 auto 31px}
.hm-inspiration-heading h2{font:600 clamp(2.5rem,4vw,4.2rem)/1.08 var(--hm-ser,Georgia,serif);margin:10px 0 16px;color:#2a211e}
.hm-inspiration-heading h2 em{color:#b88941;font-weight:500}
.hm-inspiration-heading p{max-width:580px;margin:0 auto;line-height:1.8;color:#766a61;font-size:.83rem}
.hm-inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hm-inspiration-card{position:relative;overflow:hidden;background:#fffdf9;border-radius:18px;border:1px solid rgba(195,156,102,.3);box-shadow:0 16px 32px rgba(87,56,41,.09);transition:transform .36s,box-shadow .36s}
.hm-inspiration-card:hover{transform:translateY(-6px);box-shadow:0 26px 41px rgba(87,56,41,.15)}
.hm-inspiration-card .hm-insp-image{height:320px;overflow:hidden;position:relative;background:#dcc9bd}
.hm-inspiration-card img{height:100%;width:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.65,.2,1);display:block}
.hm-inspiration-card:hover img{transform:scale(1.09)}
.hm-inspiration-card .hm-insp-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(55,23,20,.22),transparent 55%);pointer-events:none}
.hm-inspiration-card figcaption{padding:20px 22px 25px}
.hm-inspiration-card figcaption span{color:#b78b4a;font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.hm-inspiration-card figcaption h3{font:600 1.55rem/1.17 var(--hm-ser,Georgia,serif);margin:8px 0 0;color:#332621}
.hm-inspiration-disclaimer{font-size:.67rem;text-align:center;color:#8a786e;margin:21px 0 0}
/* Subtle on-screen load for all sections (no disabling layout or accessibility). */
@keyframes hm-floral-enter{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
body.hm-floral-loaded .hm-premium-hero-inner {animation:hm-floral-enter .85s ease-out both}
@media(max-width:900px){.hm-inspiration-card .hm-insp-image{height:260px}.hm-collection-quicklinks{border-radius:18px;margin:-12px 16px 0;padding:13px}.hm-collection-quicklinks a{font-size:.7rem;padding:8px 11px}}
@media(max-width:650px){.hm-premium-hero{border-radius:0 0 15px 15px}.hm-premium-hero::after{inset:8px;border-radius:7px}.hm-collection-quicklinks{gap:7px;margin:-7px 12px 0}.hm-collection-quicklinks a{font-size:.63rem;padding:8px 9px}.hm-premium-work:before,.hm-story-section:before,.hm-steps-section:before,.page-hero:before{width:240px;height:290px;opacity:.27}.hm-inspiration-band{padding:55px 16px 65px}.hm-inspiration-grid{grid-template-columns:1fr;gap:15px;max-width:430px;margin:0 auto}.hm-inspiration-card .hm-insp-image{height:265px}.hm-inspiration-heading h2{font-size:2.85rem}.hm-inspiration-card figcaption{padding:14px 19px 18px}}
@media(prefers-reduced-motion:reduce){body.hm-floral-loaded .hm-premium-hero-inner{animation:none}.hm-premium-slide img,.hm-premium-slide.is-active img,.setup-tile .photo-view img,.setup-tile:hover .photo-view img,.hm-inspiration-card,.hm-inspiration-card img{transition:none!important}.hm-premium-slide img,.hm-premium-slide.is-active img{transform:scale(1.035)}.setup-tile .photo-view img,.setup-tile:hover .photo-view img{transform:scale(var(--hm-cover-zoom)) translateY(-2%)}}
/* Decorative corner art may extend outside its section, but never widen the page. */
.hm-premium-work,.hm-story-section,.hm-steps-section,.page-hero{overflow:clip}

/* Art-directed round image thumbnails, closely matching the approved category ribbon. */
.hm-collection-quicklinks{gap:8px;max-width:1130px;padding:11px 20px;border-radius:70px}
.hm-collection-quicklinks a{background:transparent;border:0;gap:10px;border-radius:60px;padding:6px 14px;font-size:.74rem;white-space:nowrap}
.hm-collection-quicklinks a img{width:45px;height:45px;object-fit:cover;border-radius:50%;border:1px solid #eadac1;box-shadow:0 3px 9px rgba(73,57,34,.12);flex-shrink:0}
@media(max-width:650px){.hm-collection-quicklinks{border-radius:20px;gap:4px;padding:9px}.hm-collection-quicklinks a{width:calc(50% - 3px);gap:7px;padding:4px 5px;font-size:.64rem;white-space:normal}.hm-collection-quicklinks a img{width:38px;height:38px}}