/* Main content sheet v2: preserve section order and existing animation selectors. */
.home-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:no-preference){
 .home-wireframe #mainSec01{transition:background-color .35s ease}
 .home-wireframe #mainSec01.hero-dark{background-color:#000}
 .home-wireframe #mainSec01.hero-dark .big_text p,
 .home-wireframe #mainSec01.hero-dark .small_text p,
 .home-wireframe #mainSec01.hero-dark .review-cta{color:#fff}
 .home-wireframe #mainSec01.hero-dark .small_text img{filter:brightness(0) invert(1)}
 .home-wireframe #mainSec01 .video_wrap::after{transition:border-color .35s ease}
 .home-wireframe #mainSec01.hero-dark .video_wrap::after{border-color:#000}
 .home-wireframe:has(#mainSec01.hero-dark.hero-in-view) #header:not(.mob_nav_on){background-color:rgba(0,0,0,.6)}
 .home-wireframe:has(#mainSec01.hero-dark.hero-in-view) #header:not(.mob_nav_on) a{color:#fff}
 .home-wireframe:has(#mainSec01.hero-dark.hero-in-view) #header:not(.mob_nav_on) .mob_nav_btn span{background-color:#fff}
}
.home-wireframe #mainSec01 .small_text{bottom:70px;width:90%}
.home-wireframe #mainSec01 .video_wrap .video{height:100%}
.home-wireframe #mainSec01 .video_wrap video{display:block;object-fit:cover}
.home-wireframe #mainSec01 .video_wrap video:nth-child(2){object-position:center top}
.home-wireframe #mainSec03 .image{height:auto;border-radius:0;box-shadow:none;overflow:visible;background:transparent}
.home-wireframe #mainSec03 .image::after{content:none;display:none}
/* Keep original PNG transparency and intrinsic proportions; no card surface or overlay. */
.home-wireframe #mainSec03 .image .img_wrap{width:100%;height:auto;background:none}
.home-wireframe #mainSec03 .category-source-image{position:static;display:block;width:100%;height:auto}
.home-wireframe #mainSec03 .image .text_wrap{left:12%;right:12%;bottom:8%;width:auto;transform:none;text-align:left}
.home-wireframe #mainSec03 .image .text_wrap h3,
.home-wireframe #mainSec03 .image .text_wrap p{text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.8),0 0 14px rgba(0,0,0,.55)}
.home-wireframe #mainSec03 .image .text_wrap h3{font-size:clamp(18px,1.4vw,24px);margin-bottom:4px}
.home-wireframe #mainSec03 .image3 .text_wrap{right:14%}
.home-wireframe #mainSec03 .image4 .text_wrap{bottom:15%;right:14%}
/* An irregular, stable mix also varies the repeated scrolling cards. */
.home-wireframe #mainSec03 .image:nth-child(7n+2) .text_wrap,
.home-wireframe #mainSec03 .image:nth-child(7n+4) .text_wrap,
.home-wireframe #mainSec03 .image:nth-child(7n+5) .text_wrap{text-align:right}
.home-wireframe #mainSec03 .image .text_wrap p{font-size:clamp(14px,1.05vw,18px);line-height:1.5;font-weight:400;opacity:1}
.home-wireframe #mainSec06 .bottom_wrap .text_wrap .big_text .text1{font-size:clamp(24px,7vw,130px);letter-spacing:-.08em;right:0}
.home-wireframe #mainSec07 .img_wrap.pc ul.img_list1{width:2828px}
.home-wireframe #mainSec07 .img_wrap.mob ul li{flex-shrink:0}
.home-wireframe #mainSec07 .img_wrap.mob .list_wrap1,.home-wireframe #mainSec07 .img_wrap.mob .list_wrap2{flex-shrink:0}
.home-wireframe #mainSec07 .img_wrap.mob .list_wrap1{animation:home-roll-left 33s linear infinite}
.home-wireframe #mainSec07 .img_wrap.mob .list_wrap2{animation:home-roll-right 33s linear infinite}
@keyframes home-roll-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes home-roll-right{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.home-wireframe #mainSec07 .img_wrap.mob img{height:100%;object-fit:cover}
.home-wireframe #mainSec07 .img_wrap.mob:hover .original,.home-wireframe #mainSec07 .img_wrap.mob:hover .clone{animation-play-state:paused}
.home-wireframe #mainSec07 .left_wrap{padding-left:25px;box-sizing:border-box}
.home-wireframe #mainSec08 .video_wrap{position:absolute;inset:0;overflow:hidden}
.home-wireframe #mainSec08 video{width:100%;height:100%;object-fit:cover}
.home-wireframe #mainSec08 .btn_wrap{z-index:1}
[data-home-word]{display:inline-block;min-width:5.4em;text-align:center}
@media(max-width:1800px){.home-wireframe #mainSec07 .img_wrap.pc ul.img_list1{width:157.111vw}}
@media(max-width:768px){
 .home-wireframe #mainSec01 .small_text{bottom:70px}
 .home-wireframe #mainSec01 .small_text>div p{font-size:3.05vw}
 .home-wireframe #mainSec03 .image .text_wrap h3{font-size:clamp(14px,3vw,20px)}
 .home-wireframe #mainSec03 .image .text_wrap p{font-size:clamp(12px,2.2vw,16px)}
 .home-wireframe #mainSec07 .left_wrap{padding-left:4.557vw}
}
@media(prefers-reduced-motion:reduce){
 .home-wireframe #mainSec01 .small_text{bottom:40px}
 .home-wireframe #mainSec07 .img_wrap.pc ul li img{position:static;transform:none;width:100%;height:auto}
 .home-wireframe #mainSec06 .bottom_wrap .text_wrap .big_text{justify-content:center;gap:10px}
 .home-wireframe #mainSec06 .slot_num_wrap{padding:0;font:600 clamp(38px,12vw,160px)/1 termina,sans-serif}
}

/* Show the untouched MainSec07 originals in full, without cropping or distortion. */
.home-wireframe #mainSec07 .img_wrap.pc ul li img,
.home-wireframe #mainSec07 .img_wrap.mob ul li img{width:100%;height:100%;object-fit:contain}

/* Balance the larger singlet and unisex tees against the women's tee.
   Individual scale preserves the gallery's existing positioning transforms. */
.home-wireframe #mainSec07 .img_wrap img:is([src$="/main-gallery-originals/02.png"],[src$="/main-gallery-originals/04.png"]){scale:.8;transform-origin:center}

/* Group Uniform: use a faint, soft shadow without a dark outline. */
.home-wireframe #mainSec03 .image.image5 .text_wrap h3,
.home-wireframe #mainSec03 .image.image5 .text_wrap p{text-shadow:0 1px 2px rgba(0,0,0,.18),0 0 4px rgba(0,0,0,.12)}

/* Match the singlet's visible garment height to the unisex tees. */
.home-wireframe #mainSec07 .img_wrap img[src$="/main-gallery-originals/01.png"]{scale:.9;transform-origin:center}
/* A common square contain box gives all full, portrait source photos the same
   visible height without cutting off faces or stretching the originals. */
.home-wireframe #mainSec07 .img_wrap.pc ul.img_list2 li img,
.home-wireframe #mainSec07 .img_wrap.mob ul.mob_img_list2 li img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.home-wireframe #mainSec07 .img_wrap.mob ul.mob_img_list2 .img_wrap{display:flex;align-items:center}
