/* TOP FV only. Existing page styles and CMS files remain untouched. */
.top-art-page .art-fv{position:relative;isolation:isolate;overflow:hidden;width:100%;height:76vw;min-height:820px;max-height:1480px;background:#ece7d4;color:#222;--drift:0px}
.art-fv>img{position:absolute;pointer-events:none;max-width:none;height:auto}.art-background{inset:0;width:100%;height:100%!important;object-fit:cover;z-index:0}.art-brush{width:110%;left:-5%;top:5%;z-index:1;transform:translateY(calc(var(--drift)*-.3))}.art-shadow{width:112%;left:4%;top:6%;opacity:.19;filter:blur(26px);z-index:2}.art-person{width:112%;left:-2%;top:3%;z-index:3;transform:translateY(var(--drift))}.art-light{width:115%;left:-7%;top:2%;mix-blend-mode:screen;opacity:.66;z-index:4;transform:translateY(calc(var(--drift)*.4));animation:art-light-breathe 18s ease-in-out infinite alternate}.art-identity{position:absolute;left:12%;top:31%;width:35%;z-index:7;text-align:center}.art-identity>img{display:block;width:100%;height:auto}.art-identity h1{font:600 clamp(12px,1vw,19px)/1.5 var(--sans);letter-spacing:.35em;margin:12px 0 5px}.art-identity p{font:600 clamp(9px,.65vw,12px)/1.7 var(--sans);letter-spacing:.3em;margin:0}.art-type{position:absolute;left:6.6%;top:17%;font:500 clamp(8px,.58vw,12px)/2.5 var(--sans);letter-spacing:.45em;z-index:6}.art-type:before{content:'';display:block;width:35px;height:1px;background:#333;margin-bottom:25px}.art-copy{position:absolute;right:6.7%;top:26%;writing-mode:vertical-rl;font:400 clamp(19px,1.5vw,28px)/1.5 var(--sans);letter-spacing:.32em;z-index:6}.art-copy:after{content:'';height:60px;width:1px;background:#333;display:inline-block;margin-top:25px}.art-right-type{position:absolute;right:5.4%;top:56%;font:500 clamp(8px,.58vw,12px)/2.5 var(--sans);letter-spacing:.45em;z-index:6}.art-collage{position:absolute;right:-2%;bottom:4%;width:29%;aspect-ratio:1.28;z-index:5;overflow:hidden;transform:translateY(calc(var(--drift)*-.4))}.art-collage img{position:absolute;width:410%;max-width:none;right:0;bottom:0}.art-place{position:absolute;left:6.6%;bottom:5%;font-size:10px;letter-spacing:.4em;z-index:6}.art-news{position:absolute;left:6.6%;top:72%;width:35%;z-index:7}.art-news-heading{display:flex;gap:24px;align-items:center}.art-news h2{font:600 13px/1.5 var(--sans);letter-spacing:.4em;margin:0}.art-news-heading>span{height:1px;background:#444;flex:1}.art-news ul{list-style:none;padding:14px 0;margin:0}.art-news li{display:grid;grid-template-columns:90px 1fr;gap:16px;font-size:12px;line-height:2.3}.art-news time{letter-spacing:.1em}.art-news a{color:inherit;text-decoration:none}.art-news li a:hover{text-decoration:underline;text-underline-offset:4px}.art-news .social-links{margin-top:16px;gap:14px}.art-news .social-links a{width:30px;height:30px;min-width:30px;background:#222;color:#f1edde;border-radius:50%;display:flex;align-items:center;justify-content:center}.art-news .social-links svg{width:17px;height:17px}.art-news .social-label{display:none}.art-scroll{position:absolute;right:6.7%;bottom:2%;z-index:7;font-size:9px;letter-spacing:.3em;color:inherit;text-decoration:none}.art-scroll span{margin-left:15px}.top-art-page header{position:absolute;background:none;border:0;box-shadow:none;padding:3.5vw 6.6%;z-index:30}.top-art-page .brand-name{font-size:15px;letter-spacing:.45em}.top-art-page header nav>a{font-size:10px;letter-spacing:.25em}.top-art-page header nav{gap:25px}.art-fv a:focus-visible{outline:2px solid #054780;outline-offset:5px}
@keyframes art-light-breathe{from{opacity:.55}to{opacity:.72}}
@media(min-width:701px) and (max-width:1023px){.top-art-page .art-fv{height:110vw;min-height:850px}.art-person{width:142%;left:-21%;top:8%}.art-identity{left:7%;top:33%;width:41%}.art-news{top:73%;width:49%}.art-collage{width:37%;bottom:5%}.art-right-type{top:53%}.top-art-page header nav{gap:15px}.top-art-page header nav>a{font-size:8px}}
@media(max-width:700px){.top-art-page .art-fv{height:190vw;min-height:760px;max-height:none}.top-art-page header{padding:24px 6%;position:absolute}.top-art-page .brand-name{font-size:10px;letter-spacing:.4em}.art-background{object-position:center}.art-brush{width:160%;left:-17%;top:8%;transform:translateY(calc(var(--drift)*-.3))}.art-person{width:235%;left:-65%;top:4%}.art-shadow{width:220%;left:-48%;top:5%;opacity:.17}.art-light{width:235%;left:-76%;top:7%;opacity:.65}.art-identity{left:5.5%;top:30%;width:47%}.art-identity h1{font-size:10px;letter-spacing:.2em;margin-top:8px}.art-identity p{font-size:7px;letter-spacing:.22em}.art-type{left:6%;top:12%;font-size:7px;line-height:2;letter-spacing:.23em}.art-type:before{width:20px;margin-bottom:12px}.art-copy{right:5%;top:22%;font-size:15px;letter-spacing:.22em}.art-copy:after{height:35px;margin-top:20px}.art-right-type{right:5%;top:47%;font-size:6px;letter-spacing:.25em;line-height:2.3}.art-collage{width:49%;bottom:3%;right:-6%;aspect-ratio:1.1}.art-news{left:5%;top:77%;width:64%}.art-news h2{font-size:11px}.art-news-heading{gap:16px}.art-news li{font-size:10px;grid-template-columns:66px 1fr;gap:8px;line-height:1.8;margin:5px 0}.art-news .social-links{gap:12px;margin-top:8px}.art-news .social-links a{width:28px;height:28px;min-width:28px}.art-news ul{padding:10px 0}.art-place{display:none}.art-scroll{bottom:2%;right:6%;font-size:7px}.top-art-page header nav>a{font-size:clamp(25px,6vw,34px);letter-spacing:.05em}.top-art-page header nav{gap:0}.top-art-page header nav .menu-social{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.art-fv img,.art-collage{animation:none!important;transform:none!important}}
.top-art-page header{width:100%;box-sizing:border-box}.top-art-page header nav{margin-left:auto}.art-news .social-links a{padding:0;border:0;aspect-ratio:1;min-height:0}.art-news .social-links a>span:first-child{display:flex;align-items:center;justify-content:center;width:17px;height:17px}.art-news{animation:art-news-in 1s ease both}@keyframes art-news-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(max-width:700px){.art-person{width:205%;left:-47%;top:4%}.art-shadow{width:205%;left:-40%;top:5%}.art-light{width:210%;left:-50%;top:6%}.art-news{width:67%}.art-news li{font-size:9px}.art-collage{width:44%;bottom:2%;right:-8%}}@media(prefers-reduced-motion:reduce){.art-news{animation:none}}
.art-person{mask-image:linear-gradient(to bottom,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 92%,transparent 100%)}
/* Explicit FV icon dimensions, independent of global SVG / anchor rules. */
.top-art-page .art-news .social-links{display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start;align-items:center;gap:14px;width:max-content;max-width:100%;margin-top:18px}
.top-art-page .art-news .social-links a{display:flex!important;align-items:center;justify-content:center;flex:0 0 24px!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;padding:0!important;border:0;overflow:hidden;border-radius:50%}
.top-art-page .art-news .social-links a>span:first-child{display:flex;width:20px!important;height:20px!important;max-width:20px!important;flex:0 0 20px;align-items:center;justify-content:center}
.top-art-page .art-news .social-links svg{display:block!important;position:static!important;width:20px!important;height:20px!important;min-width:0!important;max-width:20px!important;max-height:20px!important;flex:none;transform:none!important}
.top-art-page .art-news .social-label{display:none!important}
/* Each independent layer receives a bounded transform from the scroll position. */
.top-art-page .art-fv>.art-background,.top-art-page .art-fv>.art-person,.top-art-page .art-fv>.art-brush,.top-art-page .art-fv>.art-shadow,.top-art-page .art-fv>.art-light,.top-art-page .art-collage,.top-art-page .art-identity,.top-art-page .art-type,.top-art-page .art-copy,.top-art-page .art-right-type{transform:translate3d(0,var(--layer-y,0px),0) rotate(var(--layer-rotation,0deg));transform-origin:center;will-change:transform}
.top-art-page .art-type,.top-art-page .art-copy,.top-art-page .art-right-type{opacity:var(--copy-opacity,1)}
.top-art-page .art-background{inset:-2% 0;width:100%;height:104%!important}
.top-art-page .art-light{animation:none!important}
.top-art-page .art-news{animation:none}
.top-art-page .top-enter{opacity:0!important;transform:translate3d(0,24px,0)!important;transition:opacity .75s ease var(--enter-delay,0ms),transform .75s cubic-bezier(.2,.65,.3,1) var(--enter-delay,0ms)}
.top-art-page .top-enter.top-entered{opacity:1!important;transform:translate3d(0,0,0)!important}
.top-art-page .record .cover{transform:translate3d(0,var(--artwork-y,0px),0) rotate(var(--artwork-rotation,0deg)) scale(var(--artwork-scale,1))!important;transform-origin:center;will-change:transform}
@media(max-width:700px){.top-art-page .top-enter{transform:translate3d(0,14px,0)!important}.top-art-page .top-enter.top-entered{transform:translate3d(0,0,0)!important}.top-art-page .art-news .social-links{gap:13px}}
@media(prefers-reduced-motion:reduce){.top-art-page .art-fv>img,.top-art-page .art-collage,.top-art-page .art-identity,.top-art-page .art-type,.top-art-page .art-copy,.top-art-page .art-right-type,.top-art-page .record .cover,.top-art-page .top-enter{transform:none!important;animation:none!important;transition:none!important;will-change:auto;opacity:1!important}}

/* 2026-09-16: collage framing and tablet lower-edge blend only.
   Layout uses position/size; existing scroll transform remains authoritative. */
@media(min-width:1024px){
 .top-art-page .art-collage{width:29%;right:-.5%;bottom:4%;aspect-ratio:1.08}
 .top-art-page .art-collage img{width:400%}
}
@media(min-width:701px) and (max-width:1023px){
 .top-art-page .art-collage{width:34%;right:-.5%;bottom:4%;aspect-ratio:1.08}
 .top-art-page .art-collage img{width:400%}
 .top-art-page .art-light{width:142%;left:-21%;top:8%;height:auto!important;mask-image:linear-gradient(to bottom,#000 60%,rgba(0,0,0,.85) 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 60%,rgba(0,0,0,.85) 75%,transparent 100%)}
 .top-art-page .art-shadow{width:142%;left:-14%;top:8%;height:auto!important;mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}
 .top-art-page .art-person{mask-image:linear-gradient(to bottom,#000 80%,rgba(0,0,0,.9) 87%,rgba(0,0,0,.4) 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 80%,rgba(0,0,0,.9) 87%,rgba(0,0,0,.4) 95%,transparent 100%)}
}

/* 2026-09-17: FV typography only. Preserve artwork and scroll transforms. */
.top-art-page .brand-name{font-size:22.5px}
@media(min-width:701px){
 .top-art-page header nav>a{font-size:clamp(12px,1.042vw,15px)}
 .top-art-page header nav{gap:clamp(14px,1.74vw,25px)}
}
.top-art-page .art-copy{font-size:clamp(23px,1.8vw,32px);line-height:1.65;letter-spacing:.22em}
.top-art-page .art-news{width:40%;top:70%}
.top-art-page .art-news h2{font-size:18px}
.top-art-page .art-news li{font-size:16px;grid-template-columns:110px 1fr;line-height:2;gap:16px}
.top-art-page .art-news .social-links a{flex-basis:40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important}
.top-art-page .art-news .social-links a>span:first-child{width:26px!important;height:26px!important;max-width:26px!important;flex-basis:26px}
.top-art-page .art-news .social-links svg{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important}
@media(min-width:701px) and (max-width:1023px){
 .top-art-page .art-news{width:53%;top:70%}
 .top-art-page .art-news li{font-size:14px;grid-template-columns:100px 1fr;gap:12px}
}
@media(max-width:700px){
 .top-art-page .brand-name{font-size:15px}
 .top-art-page .art-fv{height:205vw;min-height:820px}
 .top-art-page .art-copy{right:4%;top:16%;font-size:18px;line-height:1.65;letter-spacing:.18em}
 .top-art-page .art-identity h1{font-size:12px;margin-top:16px}
 .top-art-page .art-identity p{font-size:9px}
 .top-art-page .art-news{top:69%;width:85%}
 .top-art-page .art-news h2{font-size:16px}
 .top-art-page .art-news li{font-size:13px;grid-template-columns:88px 1fr;gap:10px;line-height:1.9}
 .top-art-page .art-news .social-links{margin-top:12px}
 .top-art-page .art-news .social-links a{flex-basis:36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}
 .top-art-page .art-news .social-links a>span:first-child{width:24px!important;height:24px!important;max-width:24px!important;flex-basis:24px}
 .top-art-page .art-news .social-links svg{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}
}

@media(min-width:1024px) and (max-width:1199px){.top-art-page .art-news{top:66%;width:48%}}
