/* Review-only art directions. Product content and interactions use the shared page. */
.art-variant .ib-hero{height:max(850px,100svh);max-height:1080px;background:#101310;isolation:isolate}
.art-variant .hero-heading{padding-top:143px;z-index:2}
.art-variant .hero-heading h1{color:#ece5d5;font-size:clamp(110px,14.9vw,216px);letter-spacing:-.045em}
.art-atmosphere{position:absolute;inset:72px 0 0;z-index:0;pointer-events:none}
.art-frame{position:absolute;inset:236px 8% 118px;z-index:1;border:1px solid #b8a27340;pointer-events:none}
.art-frame:after{content:'';position:absolute;inset:5px;border:1px solid #b8a27313}
.art-subject{position:absolute;left:61%;bottom:74px;width:auto;height:76%;aspect-ratio:2/3;transform:translateX(-50%);margin:0;z-index:3;pointer-events:none}
.art-subject>img{width:100%;height:100%;object-fit:contain}
.art-variant .hero-description{z-index:4;left:max(56px,calc((100vw - 1320px)/2));bottom:184px}
.art-variant .hero-description h2{font-size:clamp(30px,3vw,43px);line-height:1.15;letter-spacing:-.025em;margin-bottom:30px}
.art-variant .hero-button{background:#14151059;border-color:#d9c8a883;min-height:52px}
.art-variant .hero-button:hover{background:#f1e8d8;color:#211b12}
.art-variant .hero-baseline{z-index:5;bottom:33px;padding-top:23px;color:#b9ac92}
.art-subject figcaption{position:absolute;bottom:41px;left:calc(100% + 14px);width:200px;color:#c9b992;text-align:left;pointer-events:auto}
.art-subject figcaption i{display:block;font:italic 400 18px/1.3 var(--label)}
.art-subject figcaption span{display:block;margin-top:8px;font:500 8px/1.5 var(--data);letter-spacing:.18em;text-transform:uppercase;color:#998765}
.art-storm .art-atmosphere{background:linear-gradient(180deg,#101310 0%,#10131036 35%,#10131061 68%,#101310 100%),linear-gradient(90deg,#101310f5 0%,#10131087 34%,#10131045 67%,#101310d9 100%),url('/assets/water.webp') center 52%/cover}
.art-storm .art-subject{left:64%;height:79%;bottom:66px;transform:translateX(-50%) rotate(-4deg)}
.art-storm .art-frame{inset:240px 9% 125px}
.art-statue .ib-hero{background:#101919}
.art-statue .art-atmosphere{background:linear-gradient(90deg,#10191965,#10191908 65%,#10191935),url('/assets/islandbook-art-temple.webp') 50% 50%/cover}
.art-statue .art-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#101919d9,transparent 34%,#101919 100%)}
.art-statue .art-subject{left:68%;height:78%;bottom:63px}
.art-statue .art-frame{inset:220px 11% 115px 43%;border-color:#b0ba9847;transform:rotate(5deg)}
.art-statue .art-frame:after{border-color:#b0ba9823}
.art-statue .hero-description{bottom:200px}
.art-winged .ib-hero{background:#18160f}
.art-winged .art-atmosphere{background:radial-gradient(ellipse at 66% 40%,#6d634232,transparent 53%),linear-gradient(90deg,#18160f,#222017 65%,#18160f)}
.art-winged .art-subject{left:65%;height:80%;bottom:64px}
.art-winged .art-frame{inset:180px 9% 113px 41%;border-color:#bdab7a4a}
.art-winged .hero-description{bottom:186px}
.art-original .ib-hero{background:#100e09}
.art-original .art-atmosphere{background:linear-gradient(180deg,#100e09 0%,#100e0966 26%,#100e0933 53%,#100e09 95%),linear-gradient(90deg,#100e09eb,#100e0900 49%,#100e09d9),url('/assets/water.webp') center 48%/cover}
.art-original .art-subject{left:55%;height:78%;bottom:65px}
.art-original .hero-description{bottom:205px}
.art-original .hero-description h2{font-size:clamp(30px,2.65vw,38px)}
.art-original .art-frame{inset:248px 10.5% 140px}
.art-review-tools{position:fixed;right:20px;bottom:14px;display:flex;align-items:center;gap:0;z-index:100;background:#faf8f3;color:#2c2416;border:1px solid #b4a68e;box-shadow:0 3px 20px #0002;font:500 10px/1.4 var(--data)}
.art-review-tools>*{padding:13px 16px}
.art-review-tools>a{text-decoration:none;white-space:nowrap}
.art-review-tools>a:hover{background:#e8e1d2}
.art-review-tools>span{border-inline:1px solid #c4b9a4;color:#74674f}
.art-review-tools a span{display:inline-block;margin-inline:0 8px}
.art-review-tools a:last-child span{margin-inline:5px 0}
.art-gallery-embed .art-review-tools{display:none}
.art-gallery-embed{overflow:hidden;scrollbar-width:none}
.art-gallery-embed::-webkit-scrollbar{display:none}
.art-gallery-embed .art-variant .ib-hero{height:902px;max-height:none}
@media(min-width:1600px){.art-subject{height:80%}.art-variant .hero-description{bottom:23%}.art-variant .art-frame{inset-block:260px 128px}.art-variant .hero-heading{padding-top:160px}}
@media(max-width:1150px) and (min-width:901px){
 .art-variant .hero-description{left:36px}.art-variant .hero-description h2{font-size:31px}.art-subject figcaption{left:calc(100% - 4px);width:154px}.art-subject figcaption i{font-size:16px}.art-original .art-subject{left:59%;height:74%}
}
@media(max-width:900px){
 .art-variant .ib-hero{height:850px;max-height:none}.art-variant .hero-heading{padding-top:48px}.art-variant .hero-heading h1{font-size:14.9vw}.art-atmosphere{inset:0}
 .art-variant .art-subject{height:70%;bottom:142px;left:66%}.art-variant .hero-description{left:24px;bottom:103px}.art-variant .hero-description h2{font-size:30px}.art-variant .hero-baseline{bottom:25px;font-size:7px}.art-variant .art-frame{inset:153px 7% 164px}
 .art-original .art-subject{left:63%;height:73%;bottom:134px}.art-subject figcaption{left:auto;right:12px;bottom:0;text-align:right;width:180px}.art-subject figcaption i{font-size:14px}.art-subject figcaption span{font-size:7px}
 .art-review-tools>*{padding:11px 13px}.art-review-tools{font-size:9px;bottom:10px;right:10px}
}
@media(max-width:600px){
 .art-variant .ib-hero{height:850px}.art-variant .hero-heading{padding-top:28px}.art-variant .hero-heading h1{font-size:23.5vw;line-height:.8;letter-spacing:.005em;white-space:normal}.art-variant .hero-heading h1>span{display:block;text-align:left}.art-variant .hero-heading h1>span+span{text-align:right;margin-top:8px;padding-right:0}
 .art-variant .art-subject{height:525px;max-width:none;left:59%;bottom:228px}.art-variant .hero-description{left:20px;right:20px;bottom:86px}.art-variant .hero-description h2{font-size:29px;margin-bottom:19px;line-height:1.12}.art-variant .hero-button{min-height:49px;font-size:9px}.art-variant .hero-button svg{padding-block:13px}
 .art-variant .art-frame{inset:110px 8% 244px}.art-variant .hero-baseline{bottom:22px;padding-top:17px;font-size:6px;gap:15px}.art-variant .hero-baseline>span{max-width:46%}
 .art-storm .art-subject{left:50%;height:510px;bottom:238px}.art-statue .art-subject{left:54%;height:500px;bottom:235px}.art-statue .art-frame{inset:118px 12% 265px 17%}.art-winged .art-subject{height:515px;left:50%;bottom:240px}.art-original .art-subject{height:533px;left:54%;bottom:251px}
 .art-original .art-subject figcaption{bottom:11px;right:-17px;width:160px}.art-original .art-subject figcaption i{font-size:13px}.art-original .art-subject figcaption span{font-size:6px;letter-spacing:.13em}
 .art-review-tools{left:10px;right:10px;justify-content:space-between;font-size:8px}.art-review-tools>*{padding:10px}.art-review-tools>span{flex:1;text-align:center}.art-review-tools a span{margin-right:4px}
}