/* Full artwork stays visible: no fixed crops, masks or image zoom. */
.page { animation: none; }
#app img {
  height: auto; min-height: 0; max-height: none; aspect-ratio: auto;
  object-fit: contain; object-position: center; align-self: center;
  mask-image: none; -webkit-mask-image: none; transform: none;
}
#app .next-art { display: block; }
.split-img { align-self: center; }
.side-hero::before { display: none; }
.side-hero-img { align-self: center; }
.side-hero .hero-note, [data-page="shop"] .hero-note {
  position: relative; inset: auto; grid-column: 1 / -1;
  justify-self: center; margin: 16px 24px 28px; transform: none;
}
.tile figcaption, .wdests figcaption {
  position: static; background: var(--forest-dark); color: var(--paper); padding: 12px;
}
.product { display: flex; flex-direction: column; min-height: 0; }
.product img { position: static; }
.product::before { display: none; }
.product .soon { position: static; transform: none; align-self: center; margin: auto 12px 16px; }
.product .soon:hover { transform: none; }
.video-card { display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 16px; gap: 16px; }
.video-card img { width: 100%; grid-column: 2; grid-row: 1 / 3; }
.video-card::before { display: none; }
.video-quote, .ribbon { position: static; width: auto; transform: none; margin: 0; }
.video-card .play { display: none; }
.act:hover img, .tile:hover img, .wdests figure:hover img, .dest:hover img { transform: none; }
.acts { align-items: start; }
.act { height: 100%; }
.tile, .dest, .product, .act, .wdests figure { overflow: visible; }

/* Home: cream navigation, scenic canvas, live lettering, full Mutty and six postcards. */
html[data-page="home"] .site-header { position: relative; backdrop-filter: none; background: var(--cream); }
html[data-page="home"] .header-inner { max-width: 1640px; min-height: 72px; padding: 4px 4%; gap: 24px; }
html[data-page="home"] .brand-logo { height: 88px; }
html[data-page="home"] .main-nav { gap: 24px; }
html[data-page="home"] .main-nav a { text-transform: none; letter-spacing: 0; font-size: 18px; }
html[data-page="home"] .search-btn { display: none; }
html[data-page="home"] .btn-explore span { display: inline; }
.home-hero { min-height: 0; overflow: visible; background: var(--forest-dark); padding: 0; isolation: isolate; z-index: 5; }
#app .home-photo { position: relative; inset: auto; display: block; width: 100%; height: auto; }
.home-hero-shade { z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(14,24,8,.55), rgba(14,24,8,.18) 41%, transparent 58%); }
.home-hero-content { position: absolute; top: 10%; left: 5%; width: 40%; max-width: none; padding: 0; margin: 0; }
.home-hero-content .kicker { text-align: center; padding: 0; font-size: clamp(10px,.9vw,15px); letter-spacing: .2em; margin-bottom: 0; }
.home-title { margin: 0; line-height: 1; }
.home-title-top { font-size: clamp(30px,3.8vw,66px); }
.home-title-script { font-size: clamp(58px,7.4vw,128px); margin: 0; line-height: 1; }
.home-sub { font-size: clamp(16px,1.5vw,25px); line-height: 1.15; margin: 4px 0 0; }
.home-hero .pillars { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin-top: 16px; }
.home-hero .pillars li { width: auto; min-width: 0; }
.home-hero .pillars b { font-size: clamp(12px,1.1vw,19px); margin-top: 4px; }
.home-hero .pillars small { font-size: clamp(10px,.8vw,14px); }
.home-hero .ring { width: clamp(30px,2.8vw,48px); height: clamp(30px,2.8vw,48px); font-size: clamp(18px,1.8vw,30px); }
.home-hero .welcome { position: absolute; top: 72%; bottom: auto; left: 11%; right: auto; margin: 0; width: 32%; align-items: start; z-index: 6; gap: 0; pointer-events: none; }
.home-hero .mutty-polaroid { width: 47%; padding: 0; margin: 0; background: none; box-shadow: none; transform: none; flex: none; }
.home-hero .mutty-polaroid img { width: 100%; }
.home-hero .welcome-note { width: 54%; margin: 0; padding: 0; background: none; box-shadow: none; color: var(--paper); transform: rotate(-7deg); text-shadow: 0 2px 4px #14200b,0 0 12px #14200b; }
.home-hero .welcome-note p { font-size: clamp(16px,1.5vw,26px); line-height: 1; margin: 0; }
.home-hero .welcome-note .note-big { font-size: clamp(26px,2.6vw,46px); color: #ff4f96; }
.home-hero .welcome-note .note-big + .note-big { color: #e2ed89; }
.home-hero .welcome-note .note-sign { font-size: clamp(16px,1.5vw,26px); }
.home-hero .welcome-note .note-sign b { color: #e2ed89; font-size: clamp(24px,2.7vw,46px); }
.home-hero .welcome-note > .pink { display: none; }
.strip { margin-top: 0; clip-path: none; padding: 12px 16px 48px; gap: 12px; z-index: 4; }
.strip-card { display: grid; grid-template-rows: 150px 1fr; gap: 12px; padding: 0; min-width: 0; }
#app .strip-card img { width: 100%; height: 150px; aspect-ratio: auto; border: 4px solid var(--paper); border-radius: 0; box-shadow: 0 3px 9px #3b1d181c; }
.strip-photo { display: block; width: 100%; height: 150px; overflow: hidden; border: 4px solid var(--paper); box-shadow: 0 3px 9px #3b1d181c; }
.strip-label { display: grid; grid-template-rows: minmax(44px,auto) minmax(46px,auto); margin-top: 0; }
.strip-label b { align-self: start; font-size: clamp(24px,2vw,36px); }
.strip-label small { display: block; font-size: 11px; letter-spacing: 1.6px; line-height: 1.4; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--magenta); outline-offset: 4px; }
@media(min-width:901px) and (max-width:1240px) {
  .home-hero .welcome { top: 72%; }
  .home-hero-content { top: 7%; left: 4%; width: 43%; }
}
@media(max-width:900px) {
  html[data-page="home"] .header-inner { min-height: 64px; padding: 6px 16px; gap: 12px; }
  html[data-page="home"] .brand-logo { height: 60px; }
  html[data-page="home"] .btn-explore span { display: none; }
  .home-hero { display: flex; flex-direction: column; }
  .home-hero-shade { display: none; }
  .home-hero-content { position: relative; inset: auto; width: 100%; padding: 24px 20px 0; margin: 0; }
  .home-title-top { font-size: clamp(34px,7vw,60px); }
  .home-title-script { font-size: clamp(66px,13vw,110px); }
  .home-sub { font-size: 22px; }
  .home-hero-content .kicker { font-size: 12px; }
  .home-hero .pillars { grid-template-columns: repeat(6,minmax(0,1fr)); }
  .home-hero .pillars b { font-size: 16px; }
  .home-hero .pillars small { font-size: 12px; }
  .home-hero .ring { width: 40px; height: 40px; font-size: 24px; }
  .home-hero .welcome { position: relative; inset: auto; width: min(440px,100%); margin: 24px auto 0; padding: 0 12px; }
  .home-hero .welcome-note { padding-top: 12px; transform: none; }
  .home-hero .welcome-note p, .home-hero .welcome-note .note-sign { font-size: 24px; }
  .home-hero .welcome-note .note-big { font-size: 40px; }
  .home-hero .welcome-note .note-sign b { font-size: 36px; }
  .strip { grid-template-columns: repeat(3,minmax(0,1fr)); padding: 24px 16px 32px; }
  .banner-hero, .side-hero, .sport-hero { min-height: 0; }
  .video-card { grid-template-columns: 1fr; }
  .video-card img { grid-column: 1; grid-row: auto; }
}
@media(max-width:540px) {
  .lang-panel { right: -32px; }
  .home-hero .pillars { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px 12px; }
  .home-title-script { font-size: clamp(58px,16vw,86px); }
  .home-sub { font-size: 19px; }
  .strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 12px; }
  .strip-label b { font-size: 28px; }
  .home-hero .welcome-note p, .home-hero .welcome-note .note-sign { font-size: 20px; }
  .home-hero .welcome-note .note-big { font-size: 32px; }
  .home-hero .welcome-note .note-sign b { font-size: 30px; }
}