.studio-art-page{--paper:#2c1c3b;--muted:#675571;--violet:#6b4286;--line:#b8aabd;--ink:#eae6e2;background:var(--ink);color:var(--paper)}.studio-art-page:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.17;z-index:8;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.22' filter='url(%23p)'/%3E%3C/svg%3E")}.studio-art-page .collection-header{position:absolute;inset:0 0 auto;z-index:5;min-height:115px;border:0;background:linear-gradient(#eae6e2 65%,#eae6e2ed 88%,transparent);padding-bottom:32px}.studio-art-page .collection-brand{filter:none}.studio-art-page .collection-header nav a:hover,.studio-art-page .collection-header nav a[aria-current=page]{color:#623580;text-shadow:none}.studio-papercut{position:relative;isolation:isolate;width:100%;height:min(55vw,880px);min-height:710px;overflow:hidden}.studio-landscape-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.studio-invitation-center{position:absolute;width:29%;left:38%;top:47%;text-align:center;z-index:2}.studio-invitation-center .studio-kicker{font:15px/1.3 var(--serif);letter-spacing:1.1px}.studio-invitation-center h1{font:clamp(68px,7.7vw,130px)/1 var(--serif);margin:18px 0;letter-spacing:-3px;white-space:normal}.studio-invitation-center h1 .type-art-frame{margin:auto}.studio-invitation-center>p:not(.studio-kicker){font:22px/1.2 var(--serif);margin-top:15px}.studio-enter{display:inline-flex;align-items:center;flex-direction:column;gap:15px;margin-top:19px;font:21px var(--serif)}.studio-enter>span:last-child{display:grid;place-items:center;border:1px solid #6a567b;width:48px;height:48px;border-radius:50%;font-size:25px}.studio-enter:hover>span:last-child{background:#ddd1e8}.studio-plate-label{position:absolute;right:24px;bottom:18px;color:#f1e8f4;text-shadow:0 1px 5px #000;font:16px var(--serif)}.studio-collection{max-width:2000px;padding:34px 4% 65px;margin:auto;scroll-margin-top:20px}.studio-collection-head{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding-bottom:18px}.studio-collection-head h2{font:38px var(--serif);margin:0}.studio-collection-head>span{font:18px var(--serif)}.studio-filters{display:flex;flex-wrap:wrap;gap:28px;margin:20px 0 30px}.studio-filters button{font:18px var(--script);padding:10px 0;border-bottom:1px solid transparent}.studio-filters button[aria-pressed=true]{border-color:var(--violet);color:var(--violet)}.studio-masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.studio-piece{min-width:0;margin:0}.studio-piece[hidden]{display:none}.studio-piece>button,.studio-piece>a{display:block;width:100%;text-align:left}.studio-piece-image{overflow:hidden;background:#1b1422;aspect-ratio:1.25}.studio-piece img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.studio-piece[data-group=Characters] img{object-position:center 24%}.studio-piece[data-group=Spells]{grid-column:span 2}.studio-piece[data-group=Spells] .studio-piece-image{aspect-ratio:2.55}.studio-piece button:hover img,.studio-piece a:hover img{transform:scale(1.025)}.studio-piece-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:12px}.studio-piece h3{margin:0;font:27px/1.15 var(--serif);font-weight:400!important}.studio-piece-caption span{font:16px var(--serif);color:var(--muted)}.studio-art-page footer{border-color:var(--line)}.studio-art-page footer span{color:var(--muted)}#studio-viewer{--paper:#e9e3d9;--muted:#b7a9c2;--violet:#c3a0ec;color:var(--paper);background:#100d14}#studio-viewer h2{font:30px var(--serif)}#studio-viewer .viewer-head p{font:17px var(--serif);color:var(--muted)}#studio-viewer .viewer-canvas img{width:auto;max-width:100%;height:100%;object-fit:contain}#studio-viewer .viewer-foot{gap:20px}.studio-art-page footer{margin-top:30px}
@media(max-width:1000px){.studio-papercut{min-height:630px}.studio-invitation-center{top:47%;width:34%;left:35%}.studio-invitation-center .studio-kicker{font-size:13px}.studio-invitation-center>p:not(.studio-kicker){font-size:19px}.studio-invitation-center h1{font-size:70px}.studio-enter{margin-top:13px;font-size:19px}.studio-collection-head h2{font-size:34px}.studio-piece h3{font-size:23px}.studio-piece-caption{display:block}}
@media(max-width:620px){.studio-art-page .collection-header{position:relative;background:transparent;padding-bottom:12px}.studio-papercut{min-height:0;height:590px}.studio-landscape-art{width:175%;left:-42%}.studio-invitation-center{left:23%;width:62%;top:43%;padding:0}.studio-invitation-center h1{font-size:64px;margin:12px 0}.studio-invitation-center .studio-kicker{font-size:13px;max-width:155px;margin:auto}.studio-invitation-center>p:not(.studio-kicker){font-size:18px}.studio-enter{font-size:18px;gap:9px;margin-top:12px}.studio-enter>span:last-child{width:39px;height:39px;font-size:21px}.studio-plate-label{display:none}.studio-collection{padding:26px 20px 45px}.studio-collection-head{gap:10px}.studio-collection-head h2{font-size:31px}.studio-collection-head>span{font-size:16px}.studio-filters{gap:8px 19px;margin:15px 0 25px}.studio-filters button{font-size:15px}.studio-masonry{grid-template-columns:1fr;gap:30px}.studio-piece[data-group=Spells]{grid-column:auto}.studio-piece[data-group=Spells] .studio-piece-image{aspect-ratio:1.78}.studio-piece-caption{display:flex}.studio-piece h3{font-size:26px}.studio-piece-caption span{font-size:15px}.studio-art-page .collection-header nav{font-size:15px}#studio-viewer .viewer-foot{gap:10px}}


/* The Studio follows the approved paper-cut composition at each viewport. */
.studio-art-page{color-scheme:light}
.studio-art-page .collection-header{background:transparent;min-height:108px;padding-top:14px;padding-bottom:14px;align-items:flex-start}
.studio-art-page .collection-header:before{content:'';position:absolute;inset:0;z-index:-1;background:#eae6e2;clip-path:polygon(0 0,100% 0,100% 72%,97% 78%,93% 71%,90% 76%,86% 71%,82% 77%,78% 72%,73% 76%,68% 70%,64% 76%,58% 68%,53% 75%,47% 69%,42% 76%,36% 70%,32% 79%,26% 72%,20% 84%,15% 73%,10% 88%,5% 79%,0 87%)}
.studio-art-page .collection-header nav{padding-top:17px}
.studio-papercut{height:56vw;min-height:690px;max-height:1060px}
.studio-invitation-center{left:37%;width:24%;top:48%}
.studio-invitation-center .studio-kicker{font-size:18px;letter-spacing:.15px;white-space:nowrap}
.studio-invitation-center h1{font-size:clamp(76px,7.6vw,144px);margin:18px 0 12px;filter:drop-shadow(0 2px 2px #4e375042)}
.studio-enter{margin-top:8px;font-size:23px;gap:20px}
.studio-enter>span:last-child{width:52px;height:52px}
.studio-collection-head h2{font-family:var(--script);font-size:29px}
.studio-piece[data-group=Objects] .studio-piece-image{aspect-ratio:1.25}
.studio-piece#armory .studio-piece-image{aspect-ratio:4/5}
.studio-piece#armory img{object-position:center}
.studio-masonry{align-items:start}
.studio-piece#spell-studies{grid-column:span 2}
.studio-art-page .collection-brand:before{background:none}
.studio-art-page .brand-motes{display:none}
@media(min-width:1600px){.studio-invitation-center{top:47%}.studio-enter{margin-top:25px}}
@media(min-width:621px) and (max-width:1000px){.studio-papercut{min-height:590px}.studio-invitation-center{left:36%;width:26%;top:46%}.studio-invitation-center h1{font-size:76px}.studio-invitation-center .studio-kicker{font-size:14px;white-space:normal}.studio-enter{font-size:18px}.studio-art-page .collection-header{position:relative;min-height:100px}}
@media(max-width:620px){.studio-art-page .collection-header{position:relative;padding:14px 20px 8px}.studio-art-page .collection-header nav{padding-top:0}.studio-art-page .collection-header:before{display:none}.studio-papercut{height:680px;min-height:0;max-height:none}.studio-landscape-art{width:190%;left:-50%;height:72%}.studio-invitation-center{left:12%;width:76%;top:68%}.studio-invitation-center:before{content:'';position:absolute;inset:-40px -25px -30px;z-index:-1;background:#eae6e2;clip-path:polygon(0 8%,13% 12%,21% 3%,32% 10%,48% 1%,59% 9%,72% 2%,89% 10%,100% 4%,100% 100%,0 100%)}.studio-invitation-center h1{font-size:90px;margin:14px 0 5px}.studio-invitation-center .studio-kicker{font-size:18px;max-width:none;white-space:normal}.studio-enter{font-size:20px;gap:10px;margin-top:10px}.studio-enter>span:last-child{width:44px;height:44px}.studio-masonry{grid-template-columns:1fr}.studio-piece#spell-studies{grid-column:auto}}

@media(max-width:620px){.studio-staff{x:320px;y:490px;width:560px;height:315px}}

/* Nathan's mist direction: atmosphere replaces the ivory paper throughout. */
.studio-art-page{--paper:#f0ebf3;--muted:#c6bbd1;--violet:#d2adff;--line:#aa8bc044;--ink:#211b2d;color-scheme:dark;background:#211b2d;color:var(--paper);isolation:isolate}
.studio-art-page:before{inset:-4%;z-index:-2;opacity:1;background:linear-gradient(180deg,#17131f35,#19132270 70%,#100d1be0),url('./assets/studio/violet-mist.png') center top/cover no-repeat;animation:studio-mist-drift 48s ease-in-out infinite alternate;transform:translateZ(0)}
.studio-art-page:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% 45%,transparent 15%,#15101d22 75%)}
.studio-art-page .collection-header{background:linear-gradient(180deg,#17131edb, #201a2b83 76%,transparent);padding-bottom:30px}
.studio-art-page .collection-header:before{display:none}
.studio-art-page .collection-header nav a{text-shadow:0 1px 8px #0e081a}
.studio-art-page .collection-header nav a:hover,.studio-art-page .collection-header nav a[aria-current=page]{color:#dfbaff;text-shadow:0 0 18px #b473fa70}
.studio-papercut{background:transparent}
.studio-papercut:after{content:'';position:absolute;inset:75% -5% -5%;z-index:1;pointer-events:none;background:url('./assets/studio/violet-mist.png') center 60%/cover;opacity:.38;mask-image:linear-gradient(transparent,#000 95%)}
.studio-invitation-center{text-shadow:0 2px 12px #15101e,0 0 28px #15101e}
.studio-invitation-center:before{content:'';position:absolute;inset:-20% -22% -24%;z-index:-1;background:radial-gradient(ellipse,#2017298c,transparent 72%);filter:blur(18px);clip-path:none}
.studio-invitation-center h1{filter:drop-shadow(0 3px 12px #110b22a6)}
.studio-enter>span:last-child{border-color:#cfb3e3a1;background:#251c354f;box-shadow:0 0 28px #b890d51c}
.studio-enter:hover>span:last-child{background:#73528b70}
.studio-collection{position:relative;z-index:2;background:linear-gradient(180deg,#17121f00,#17121f70 180px,#17121f85);border-radius:0}
.studio-collection-head,.studio-filters,.studio-piece-caption{text-shadow:0 1px 9px #17111c}
.studio-piece-image{box-shadow:0 14px 44px #0b071a55;border:1px solid #d2bcdf25}
.studio-art-page footer{position:relative;background:#15101f42}
@keyframes studio-mist-drift{from{transform:translate3d(-.8%,-.6%,0) scale(1.015)}to{transform:translate3d(.8%,.6%,0) scale(1.045)}}
@media(max-width:620px){.studio-art-page .collection-header{background:linear-gradient(#17131ecc,#211b2d55);padding-bottom:16px}.studio-invitation-center:before{inset:-30px -25px -35px;background:radial-gradient(ellipse,#21182eb5,transparent 75%);clip-path:none}.studio-art-page:before{background-position:52% top}.studio-papercut:after{inset:46% -5% 14%;opacity:.3}.studio-collection{padding-top:34px}}
@media(prefers-reduced-motion:reduce){.studio-art-page:before{animation:none}}
@media(min-width:621px) and (max-width:1000px){.studio-art-page .collection-header{flex-wrap:wrap;gap:8px 24px}.studio-art-page .collection-header nav{flex:1 1 380px;flex-wrap:wrap;justify-content:flex-start;gap:14px 22px;min-width:0}.studio-art-page .collection-header nav a{white-space:nowrap}}

/* Keep the original Wyrm & Wand lettering prominent above the Studio title. */
.studio-art-page .collection-brand{width:clamp(360px,34vw,580px);max-width:100%}
@media(max-width:620px){.studio-art-page .collection-brand{width:min(84vw,350px)}}