/* Home v2: paper reveal, followed by the user's fixed 2 x 2 lookbook. */
.home-page{max-width:1024px;padding-top:28px}
.home-opening{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px;gap:16px}
.home-opening h1{font-size:24px}.home-opening p{font-size:12px}
.paper-reveal{position:relative;max-width:620px;margin:0 auto 40px}
.tear-stage{position:relative;height:530px;max-height:calc(100svh - 240px);min-height:320px;isolation:isolate;overflow:hidden;border-radius:4px;background:var(--color-subtle)}
.recommendation{position:absolute;inset:0;width:100%;padding:0;text-align:left;overflow:hidden;display:block}
.recommendation:disabled{opacity:1;color:var(--color-ink);cursor:default}
.recommendation-media{position:absolute;inset:0}
.recommendation-media .look-board{height:100%;aspect-ratio:auto;border-radius:0}
.recommendation-copy{position:absolute;left:24px;bottom:24px;right:24px;background:var(--color-paper-highlight);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;white-space:normal}
.recommendation-copy strong{font-size:23px;display:block;font-weight:600}.recommendation-copy small{display:block;font-size:12px;color:var(--color-muted);margin-top:4px}
.recommendation-copy .icon{width:28px;height:28px}
.paper-cover{position:absolute;inset:0;z-index:2;touch-action:pan-up pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none;--tear-progress:0}
.paper-cover:active{cursor:grabbing}
.paper-piece{position:absolute;left:-3%;width:106%;background:var(--color-paper-sheet);will-change:transform;backface-visibility:hidden;filter:drop-shadow(0 5px 5px var(--color-paper-shadow))}
.paper-piece:before{content:'';position:absolute;inset:0;background:var(--color-paper-fiber);-webkit-mask:url('assets/paper-grain.svg') repeat;mask:url('assets/paper-grain.svg') repeat;opacity:.42;pointer-events:none}
.paper-top{height:54%;top:0;transform-origin:20% 0;clip-path:polygon(0 0,100% 0,100% 97%,97% 95%,94% 98%,91% 96%,88% 98%,85% 95%,82% 99%,79% 96%,76% 98%,73% 95%,70% 98%,67% 97%,64% 99%,61% 95%,58% 98%,55% 96%,52% 99%,49% 95%,46% 98%,43% 96%,40% 99%,37% 95%,34% 98%,31% 96%,28% 98%,25% 95%,22% 99%,19% 96%,16% 98%,13% 95%,10% 99%,7% 96%,4% 98%,0 96%)}
.paper-bottom{height:50%;bottom:-1px;transform-origin:75% 100%;clip-path:polygon(0 4%,4% 6%,7% 4%,10% 7%,13% 3%,16% 6%,19% 4%,22% 7%,25% 3%,28% 6%,31% 4%,34% 6%,37% 3%,40% 7%,43% 4%,46% 6%,49% 3%,52% 7%,55% 4%,58% 6%,61% 3%,64% 7%,67% 5%,70% 6%,73% 3%,76% 6%,79% 4%,82% 7%,85% 3%,88% 6%,91% 4%,94% 6%,97% 3%,100% 5%,100% 100%,0 100%)}
.paper-top-content{position:absolute;inset:32px 9% 0;display:flex;flex-direction:column;align-items:flex-start}
.paper-edition{font-size:10px;letter-spacing:.2em;color:var(--color-muted);width:100%;display:flex;justify-content:space-between}
.paper-title{font-size:36px;line-height:1.65;font-weight:500;margin-top:38px;letter-spacing:.04em}
.paper-bottom-content{position:absolute;inset:24% 9% 0;display:flex;align-items:center;flex-direction:column}
.paper-direction{font-size:28px;line-height:1;margin-bottom:16px;font-weight:300}
.paper-instruction{font-size:13px;letter-spacing:.08em;color:var(--color-ink)}
.paper-open{font-size:11px;color:var(--color-muted);margin-top:16px;min-height:44px;padding:8px 16px;text-decoration:underline;text-underline-offset:5px}
.tear-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:11px;color:var(--color-muted)}
.tear-footer button{font-size:11px}.tear-footer button:disabled{visibility:hidden}
.home-lookbook{border-top:1px solid var(--color-line);padding-top:28px}
.home-lookbook .section-heading{margin-bottom:20px}.home-lookbook h2{font-size:21px}
.home-page .look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.home-page .look-grid article{display:block!important;min-width:0}
.home-page .look-grid .look-board{aspect-ratio:3/4;border-radius:4px}
.home-page .look-caption{padding-top:12px}.home-page .look-caption h3{font-size:16px;font-weight:500}
.home-page .look-caption p{font-size:12px;margin:4px 0}.home-page .look-caption .text-button{font-size:12px}
.look-board img.look-photo{position:static;width:100%;height:100%;object-fit:contain}
.look-board .sample-label{background:var(--color-subtle);padding:3px 6px;font-size:10px;letter-spacing:0;top:10px;left:10px}
.look-status{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--color-muted);font-size:11px}
.look-detail-photo{max-width:340px;margin:0 auto 24px}
.look-detail-photo .look-board{aspect-ratio:3/4}
.look-associated-title{font-size:16px;margin:0 0 16px}
.home-asset-note{font-size:12px;margin-top:28px;line-height:1.8;color:var(--color-muted)}
@media(max-width:600px){
 .home-page{padding-top:24px}.home-opening{margin-bottom:16px}.home-opening h1{font-size:22px}.home-opening p{font-size:11px}
 .paper-reveal{margin-bottom:24px}.tear-stage{height:auto;aspect-ratio:4/5}
 .paper-top-content{inset:22px 9% 0}.paper-edition{font-size:8px}.paper-title{font-size:28px;margin-top:22px;line-height:1.65}
 .paper-bottom-content{inset:24% 8% 0}.paper-direction{font-size:24px;margin-bottom:12px}.paper-instruction{font-size:11px}.paper-open{font-size:10px;margin-top:8px}
 .recommendation-copy{left:16px;right:16px;bottom:16px;padding:12px 16px}.recommendation-copy strong{font-size:20px}.recommendation-copy small{font-size:10px}
 .tear-footer{font-size:10px}.tear-footer button{font-size:10px}
 .home-lookbook{padding-top:24px}.home-lookbook h2{font-size:19px}
 .home-page .look-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .home-page .look-caption h3{font-size:13px}.home-page .look-caption p{font-size:10px}.home-page .look-caption .text-button{font-size:11px}
 .look-status{font-size:10px;flex-wrap:wrap}.look-board .sample-label{font-size:9px;left:6px;top:6px;padding:2px 4px}
 .home-asset-note{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.paper-piece{will-change:auto}.paper-cover{touch-action:pan-y pinch-zoom}}

.look-photo-button{padding:0;display:block;text-align:left}

/* White pulp paper with quiet, uncoated fibers. */
.tear-stage{box-shadow:inset 0 0 0 1px var(--color-line)}.paper-title{font-family:var(--font-display);font-weight:400;letter-spacing:.1em;line-height:1.8}.recommendation-copy strong{font-family:var(--font-display);font-weight:400;letter-spacing:.1em}.home-page .look-caption h3{font-weight:400;letter-spacing:.05em}
/* Supplied model photos are full-length portraits; preserve their complete frame. */
.home-lookbook .look-board:has(.look-photo),.look-detail-photo .look-board:has(.look-photo){aspect-ratio:9/16}
/* Recommendation caption follows the image; portrait stays complete over a soft backdrop. */
.recommendation-media{overflow:hidden}.recommendation-media:before{content:'';position:absolute;inset:-24px;background-image:var(--look-backdrop);background-position:center;background-size:cover;filter:blur(22px);opacity:.5}
.recommendation-media .look-board{background:none}.recommendation-media .board-number{display:none}
.paper-reveal>.recommendation-copy{position:static;width:100%;margin:0;padding:16px 0;background:var(--color-paper);text-align:left;min-height:76px}
.paper-reveal:not([data-open="true"])>.recommendation-copy{visibility:hidden;pointer-events:none}
.paper-reveal .tear-footer{border-top:1px solid var(--color-line)}
.home-page .look-grid{gap:20px 18px}
.home-page .look-grid .look-photo-button{position:relative;overflow:hidden;border-radius:28px;isolation:isolate;white-space:normal}
.home-page .look-grid .look-board{aspect-ratio:3/4;border-radius:0}
.home-page .look-grid .look-photo{object-fit:cover;object-position:center}
.home-page .look-grid .board-number{display:none}
.look-card-copy{position:absolute;inset:auto 0 0;padding:40px 16px 18px;background:linear-gradient(transparent,var(--color-photo-shade));color:var(--color-paper);text-align:left;pointer-events:none}
.look-card-copy strong{display:block;font-size:15px;font-weight:400;letter-spacing:.04em}.look-card-copy small{display:block;font-size:11px;margin-top:5px;line-height:1.6;opacity:.95}
@media(max-width:600px){.home-page .look-grid{gap:18px 14px}.home-page .look-grid .look-photo-button{border-radius:25px}.look-card-copy{padding:32px 12px 15px}.look-card-copy strong{font-size:13px}.look-card-copy small{font-size:10px}.paper-reveal>.recommendation-copy{padding:14px 0;min-height:72px}}
/* Explicit width prevents aspect-ratio + max-height from narrowing the mobile cover. */
.tear-stage{width:100%}