.is-scene-home .hdr{background:rgba(255,255,255,.76)!important;border-bottom:1px solid rgba(255,255,255,.68);backdrop-filter:blur(20px) saturate(1.12);-webkit-backdrop-filter:blur(20px) saturate(1.12)}
.style-hero :focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--scene-ink)}
.style-hero{--scene-ink:#16232d;--scene-accent:#a52931;position:relative;isolation:isolate;display:grid;min-height:100svh;padding:0 16px 18px;overflow:clip;transition:background-color 360ms ease,color 240ms ease;background:var(--scene-ambient,#dce7eb);color:var(--scene-ink)}
.style-hero__ambient{position:absolute;z-index:-2;inset:-5%;background:linear-gradient(110deg,color-mix(in srgb,var(--scene-ambient) 88%,white),transparent 70%),var(--scene-image) center/cover;filter:blur(34px);opacity:.34;transform:scale(1.08)}
.style-hero:after{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.16),color-mix(in srgb,var(--scene-ambient) 86%,transparent));content:"";pointer-events:none}
.style-hero__copy{grid-area:1/1;z-index:2;align-self:start;max-width:560px;padding:82px 4px 0}.style-hero__copy h1{max-width:11ch;margin:.08em 0 .16em;font-size:clamp(39px,10vw,76px);line-height:.9;letter-spacing:-.055em}.style-hero__copy>p:last-child{max-width:36ch;margin:0;color:currentColor}
.style-scene{position:relative;grid-area:1/1;align-self:start;width:calc(100% + 32px);margin:0 -16px;touch-action:pan-y}.style-scene img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;opacity:1;transition:opacity 240ms ease,transform 360ms cubic-bezier(.2,.7,.2,1)}.style-hero.is-changing .style-scene img{transition-duration:120ms;opacity:0;transform:scale(.995)}
.style-dial{position:relative;z-index:3;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:5px;align-items:center;width:min(100%,520px);margin:-10px auto 0;padding:7px;border:1px solid rgba(255,255,255,.75);border-radius:28px;background:rgba(235,242,244,.9);background:color-mix(in srgb,var(--scene-ambient) 56%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 13px 36px rgba(22,35,45,.13);backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12)}
.style-dial__arrow{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid currentColor;border-radius:50%;background:rgba(255,255,255,.12);color:var(--scene-ink);cursor:pointer}.style-dial__reel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;min-width:0}.style-dial__reel button{position:relative;min-width:0;min-height:44px;padding:12px 3px 7px;border:0;background:transparent;color:var(--scene-ink);font-size:12px;font-weight:600;cursor:pointer;opacity:1}.style-dial__reel button:nth-child(1),.style-dial__reel button:nth-child(4){transform:translateY(-3px)}.style-dial__reel button[aria-selected=true]{font-weight:800;opacity:1}.style-dial__reel button[aria-selected=true]:after{position:absolute;right:20%;bottom:3px;left:20%;height:2px;border-radius:2px;background:var(--scene-accent);content:""}.style-dial__edge{position:absolute;right:7%;bottom:-2px;width:42%;height:5px;border-radius:50%;background:var(--scene-accent);filter:blur(8px);opacity:0;pointer-events:none}.style-hero.is-glowing .style-dial__edge{animation:scene-edge 500ms ease-out}
.style-hero__actions{z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:7px;width:min(100%,520px);margin:8px auto 0}.style-hero__actions .btn{min-height:46px}.style-hero__actions .btn--line{border-color:color-mix(in srgb,var(--scene-ink) 75%,transparent);background:color-mix(in srgb,var(--scene-ambient) 60%,transparent);color:var(--scene-ink)}
.style-hero__note{z-index:2;margin:10px auto 0;color:var(--scene-ink);font-size:11px;line-height:1.4;text-align:center}.style-hero[data-scene=tuxedo] .btn--ink{background:#f6f3ec;color:#16232d;border-color:#f6f3ec}.style-hero[data-scene=tuxedo] .style-dial{background:rgba(31,45,57,.78)}.style-hero[data-scene=tuxedo] .style-hero__copy .kicker{color:#e1e6e9}
.scene-departments,.scene-fitting{background:linear-gradient(180deg,#fff,#f2f6f7)}.scene-department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#fff}.scene-department{position:relative;display:block;min-height:0;aspect-ratio:4/5;padding:0;overflow:hidden;border:0;background:#e6e8e5;color:#fff;text-align:left;text-decoration:none;cursor:pointer}.scene-department img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.scene-department:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,26,36,.84),transparent 68%);content:""}.scene-department>span{position:absolute;z-index:1;right:18px;bottom:18px;left:18px}.scene-department strong,.scene-department small{display:block}.scene-department strong{font-size:27px;line-height:1}.scene-department small{margin-top:5px}.scene-department:hover img{transform:scale(1.025)}
.scene-fitting{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(32px,7vw,100px)}.scene-fitting__intro h2{max-width:10ch;margin:.15em 0 .3em;font-size:clamp(40px,6vw,70px);line-height:.95;letter-spacing:-.05em}.scene-fitting__intro p:last-child{max-width:40ch;color:#596972}.scene-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scene-service{position:relative;display:grid;min-height:250px;align-content:end;padding:0;overflow:hidden;border:0;background:#dfe6e8;color:#fff;text-align:left;cursor:pointer}.scene-service:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,30,40,.88),transparent 72%);content:""}.scene-service img{position:absolute;width:100%;height:100%;object-fit:cover}.scene-service>span{position:relative;z-index:1;padding:18px 48px 18px 18px}.scene-service strong,.scene-service small{display:block}.scene-service strong{font-size:19px}.scene-service small{margin-top:5px;color:rgba(255,255,255,.82)}.scene-service>.ic{position:absolute;z-index:2;right:18px;bottom:22px}.scene-store address{margin:18px 0;font-style:normal}
.scene-department-dialog{width:min(92vw,620px);max-height:min(86vh,760px);padding:22px;border:0;background:#fff;color:#16232d;box-shadow:0 30px 90px rgba(22,35,45,.25)}.scene-department-dialog::backdrop{background:rgba(12,26,36,.55)}.scene-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.scene-dialog__head h2{margin:0;font-size:34px;line-height:1}.scene-department-dialog>img{width:100%;max-height:320px;object-fit:cover}.scene-department-dialog ul{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;list-style:none}.scene-department-dialog li{padding:8px 11px;background:#f2f4f3}
.ftr{background-color:#16232d;background-image:repeating-linear-gradient(32deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px),repeating-linear-gradient(122deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 5px)}.ftr__logo .logo{width:min(240px,70vw);height:auto}.round-city-credit{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding-block:22px;border-top:1px solid rgba(255,255,255,.13);color:#fff}.round-city-credit img{width:52px;height:52px;object-fit:contain}.round-city-credit p{margin:0;color:rgba(255,255,255,.72);font-size:13px}.round-city-credit strong{display:block;color:#fff;font-size:15px}.round-city-credit a{display:inline-flex;min-height:44px;align-items:center;color:#fff;font-weight:700}
@keyframes scene-edge{0%{opacity:0;transform:scaleX(.55)}40%{opacity:.58}100%{opacity:0;transform:scaleX(1)}}
@media(max-width:959.98px){.style-hero{min-height:0}.style-hero__copy h1{font-size:40px}.style-hero__copy>p:last-child{font-size:14px}.scene-department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-department{min-height:0}.scene-fitting{grid-template-columns:1fr}.scene-service-grid{grid-template-columns:1fr 1fr}.scene-service{min-height:220px}.round-city-credit{grid-template-columns:44px 1fr}.round-city-credit img{width:44px;height:44px}.round-city-credit a{grid-column:1/-1}}
@media(max-width:380px){.style-hero{padding-inline:10px}.style-hero__copy h1{font-size:36px}.style-scene{width:calc(100% + 20px);margin-inline:-10px}.style-dial{grid-template-columns:44px minmax(0,1fr) 44px;padding-inline:4px}.style-dial__reel button{font-size:11px}.style-hero__actions{gap:5px}.style-hero__actions .btn{padding-inline:8px}.scene-service-grid{grid-template-columns:1fr}.scene-department{min-height:0}}
@media(min-width:960px){.style-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto;gap:10px 48px;padding:96px clamp(30px,5vw,88px) 40px}.style-hero__copy{grid-column:1;grid-row:1;align-self:center;padding:0}.style-scene{grid-column:2;grid-row:1/-1;align-self:center;width:min(100%,520px);margin:0 auto}.style-dial{grid-column:1;grid-row:2;margin:0}.style-hero__actions{grid-column:1;grid-row:3;margin:0}.style-hero__note{grid-column:1;grid-row:4;margin:0;text-align:left}.scene-department:nth-child(1),.scene-department:nth-child(6),.scene-department:nth-child(11){grid-column:span 2;aspect-ratio:8/5}.style-dial__reel button{font-size:14px}}
@media(min-width:600px) and (max-width:959.98px){.style-hero{grid-template-columns:1fr minmax(0,520px) 1fr;padding-inline:0}.style-scene,.style-hero__copy{grid-column:2;width:100%;margin-inline:0}.style-hero__copy{padding-inline:24px}.style-dial,.style-hero__actions,.style-hero__note{grid-column:2}}
@media(prefers-reduced-motion:reduce){.style-hero{transition:none}.style-scene img{transition:opacity 80ms linear;transform:none!important}.style-hero.is-glowing .style-dial__edge{animation:none}.scene-department img{transition:none}}

@media(max-width:600px){.scene-service-grid{grid-template-columns:1fr}.scene-service{min-height:240px}.scene-service>span{max-width:92%;padding:22px 48px 22px 22px}.scene-service strong{font-size:23px}.scene-service small{font-size:14px;line-height:1.45}.scene-service:after{background:linear-gradient(0deg,rgba(15,30,40,.92),rgba(15,30,40,.04) 100%)}}

@media(max-width:959.98px){.style-scene{padding-top:40px}.style-hero__copy h1{max-width:none}}
@media(max-width:380px){.style-hero__copy h1{font-size:32px}.style-hero__copy>p:last-child{font-size:12px}}

.scene-service[data-service-id=tuxedo] img{transform:scale(1.6);transform-origin:90% 90%}.scene-service[data-service-id=atelier] img{transform:scale(1.45);transform-origin:90% 10%}.scene-service[data-service-id=measure] img{transform:scale(1.45);transform-origin:90% 65%}

.style-hero__actions .btn{border-radius:999px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);transition:box-shadow 260ms ease,background-color 260ms ease}
.style-hero__actions .btn--ink{background:rgba(22,35,45,.88);border-color:rgba(255,255,255,.4);color:#fff}
.style-hero__actions .btn--line{background:color-mix(in srgb,var(--scene-ambient) 32%,transparent)}
.style-hero[data-scene=tuxedo] .style-hero__actions .btn--ink{background:rgba(246,243,236,.9);color:#16232d}
@media(hover:hover) and (pointer:fine){.style-hero__actions .btn:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 18px color-mix(in srgb,var(--scene-accent) 20%,transparent)}}
@media(prefers-reduced-motion:reduce){.style-hero__actions .btn{transition:none}}

/* Desktop composition only. Keep the approved phone/tablet layout unchanged. */
@media (min-width:960px) {
  .style-hero {
    grid-template-columns:minmax(0,560px) minmax(0,460px);
    justify-content:center;
    column-gap:clamp(32px,5vw,96px);
  }
  .style-scene { width:min(100%,460px,calc((100svh - 136px) / 1.5)); }
  .scene-department:nth-child(12) { grid-column:span 2; aspect-ratio:8/5; }
  .is-scene-home .seasonal-edit .release-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:40px clamp(10px,1.7vw,24px);
  }
  .is-scene-home .seasonal-edit .release-card:nth-child(n) { grid-column:auto; }
}
