/* A paper trail for Supreme Evel's original artwork. */
.scene-visual{position:relative;background:#000;isolation:isolate}
.scene-visual .scene-art{aspect-ratio:4/3;object-fit:contain}
.scene-visual .scene-doors{height:100%;aspect-ratio:auto}
.scene-visual .scene-hotspot{top:7%;height:9%;min-height:0}
.scene-visual .door-home{left:31.5%;width:17%}
.scene-visual .door-lab{left:51%;width:24%}
.scene-visual .door-secrets{left:79%;width:19%}
.scene-visual .bottle-hotspot{top:37%;height:38%;right:4.5%;width:20%}
.scene-copy{top:40%;pointer-events:none}
.scene-copy a{pointer-events:auto}
.scene-copy h1{font-size:clamp(30px,4.1vw,65px)}
.scene-copy p{font-size:clamp(17px,1.8vw,27px)}
.art-invitation{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:8%;padding:65px 7% 85px;background:#091624ed;border-top:1px dashed #649d9a88}
.art-invitation h2{font:clamp(30px,4.2vw,64px)/1.08 var(--marker);letter-spacing:-1.5px;margin:25px 0}
.art-invitation h2 span{color:#ec80b8}
.art-invitation p{font-size:14px;line-height:1.8;max-width:370px;color:#c1cbd1}
.art-peek{display:block;background:#eddbb4;padding:9px;box-shadow:9px 10px 0 #010b14;transform:rotate(3deg);position:relative}
.art-peek:before{content:'';position:absolute;top:-13px;left:36%;width:30%;height:28px;background:#ff74bbad;transform:rotate(-7deg)}
.art-peek img{width:100%;height:auto;display:block}
.art-peek>span{display:block;font:10px var(--mono);color:#142338;padding:13px 6px 5px}
.management-strip{padding:45px 7%;background:#d4abc9;color:#162235;display:flex;align-items:center;gap:35px;justify-content:space-between;border-block:4px solid #061221}
.management-strip>span,.management-strip>a{font:8px/1.7 var(--mono);max-width:160px}
.management-strip p{font:700 clamp(24px,3vw,43px)/1.15 var(--hand);margin:0;transform:rotate(-2deg)}
.art-intro{padding:50px 0 35px;display:flex;justify-content:space-between;align-items:flex-end;gap:35px}
.art-intro h1{font:clamp(39px,5.2vw,78px)/1.08 var(--marker);letter-spacing:-2px;transform:rotate(-2deg);margin:20px 0 0}
.art-intro h1 em{font-style:normal;color:#ed85bf}
.art-intro>p{font-size:13px;line-height:1.8;color:#c0d2d8;max-width:330px}
.art-filter-row{display:flex;gap:20px;align-items:center;justify-content:space-between;border-block:1px solid #84adb355;padding:22px 0;margin-bottom:35px}
.art-filters{display:flex;gap:10px;flex-wrap:wrap}
.art-filters button{font:12px var(--marker);padding:11px 17px;color:#b7d7d4;border:1px solid #73939e88;transform:rotate(-2deg)}
.art-filters button:nth-child(even){transform:rotate(2deg)}
.art-filters button.selected,.art-filters button:hover{background:#f4c84a;color:#102033;border-color:#f4c84a}
.art-gallery{columns:3;column-gap:27px}
.art-card{width:100%;display:block;break-inside:avoid;margin:0 0 28px;background:#ead7b1;color:#1a293f;padding:8px;text-align:left;box-shadow:5px 6px 0 #0008;transition:transform .2s}
.art-card:nth-child(3n+2){background:#b99bc4}
.art-card:nth-child(3n){background:#9bcac2}
.art-card:hover{transform:translateY(-5px) rotate(-.6deg)}
.art-card-image{display:block;position:relative;overflow:hidden;background:#101b28}
.art-card img{display:block;width:100%;height:auto}
.art-card-caption{display:block;padding:17px 10px 13px;position:relative}
.art-card-caption small{font:7px/1.6 var(--mono);letter-spacing:.6px;display:block;padding-right:10px}
.art-card-caption strong{font:24px/1.1 var(--hand);font-weight:700;display:block;padding-right:23px;margin-top:7px}
.art-arrow{position:absolute;right:9px;bottom:12px;font:25px var(--hand)}
.moving-label{position:absolute;bottom:12px;left:12px;transform:rotate(-3deg);color:#192536;background:#f7ca4f;padding:7px 11px;font:9px var(--mono);box-shadow:3px 3px 0 #0006}
.sayings-section{margin-top:55px;padding:50px 0 45px;border-top:1px dashed #8bbab288}
.sayings-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}
.sayings-heading h2{font:clamp(34px,4vw,58px)/1.05 var(--marker);letter-spacing:-1px;margin:25px 0 15px}
.sayings-heading h2 em{font-style:normal;color:#7de0d8}
.sayings-heading p{font:13px var(--sans);color:#c1cbd1}
.sayings-heading .scrawl-link{max-width:230px;font-size:11px;text-align:left}
.quote-stage{position:relative;padding:37px 5% 25px;background:#eddab4;color:#15263a;box-shadow:8px 9px 0 #010b14;transform:rotate(-.7deg)}
.quote-stage:before{content:'';position:absolute;top:-15px;left:44%;width:13%;height:29px;background:#71d7ccb8;transform:rotate(7deg)}
.quote-stage blockquote{font:700 clamp(30px,4vw,58px)/1.15 var(--hand);margin:35px 0;min-height:2.4em;max-width:900px}
.quote-controls{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.quote-controls>span{margin-right:auto}
.quote-controls button,.art-viewer-controls button{width:46px;height:44px;background:#192c41;color:#fae3ac;font:24px var(--hand);border:1px solid #29445b}
.quote-controls button:hover,.art-viewer-controls button:hover{background:#984b8c}
.all-sayings{margin-top:30px;padding:22px 0;border-bottom:1px solid #779ba955}
.all-sayings summary{font:11px var(--mono);cursor:pointer;color:#e6c2ec;padding:8px 0}
.all-sayings ol{columns:2;column-gap:65px;padding-left:24px}
.all-sayings li{break-inside:avoid;font:700 25px/1.4 var(--hand);padding:9px 0 9px 7px;color:#eddfbe}
dialog.art-modal{max-width:1100px;width:94vw;max-height:94dvh;padding:40px 25px 25px;transform:none;overflow:auto;background:#0d1a2b;color:#f0dab4}
.art-modal .close{position:sticky;float:right;top:0;right:0;background:#f7cd59;color:#132036;width:35px;height:35px;z-index:3;margin-top:-25px}
.art-viewer figure{margin:0;text-align:center}
.art-viewer img{display:block;max-width:100%;width:auto;height:auto;max-height:68dvh;object-fit:contain;margin:auto}
.art-viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px}
.art-viewer .tiny{color:#a7d5d1}
.art-viewer h2{font:30px/1.1 var(--hand);font-weight:700;color:#f3deb6;letter-spacing:0;margin:10px 0}
.art-viewer p{color:#b6c9ce;font:11px var(--sans)}
.art-viewer-controls{display:flex;gap:8px}
@media(min-width:1550px){.scene-copy{top:39%}}
@media(max-width:1000px){.art-gallery{columns:2}.art-intro{display:block}.art-intro>p{max-width:none;margin-top:30px}.art-invitation{gap:5%}.art-invitation h2{font-size:38px}.management-strip{gap:20px}.management-strip>a{max-width:120px}.management-strip p{font-size:30px}}
@media(max-width:800px){header{height:auto;min-height:90px;flex-wrap:wrap;padding:13px 5% 8px;gap:8px}.wordmark{font-size:22px}.wordmark small{font-size:6px}.sound{margin-left:auto}.sound-bars{font-size:22px}header>nav{order:3;flex-basis:100%;height:37px;justify-content:space-between;gap:10px}header>nav a{font-size:12px}header>nav a.active:after{bottom:0}.scene-copy h1{font-size:35px}.scene-copy p{font-size:20px}.scene-copy{top:40%}.management-strip>span{display:none}.sayings-heading{display:block}.sayings-heading .scrawl-link{max-width:none}.art-filter-row{gap:15px}.art-filters{gap:8px}.art-filters button{font-size:10px;padding:10px}.art-filter-row>.tiny{white-space:nowrap;font-size:8px}.art-invitation{padding-block:50px}.art-invitation p{font-size:12px}}
@media(max-width:560px){.scene-copy{top:auto;padding:23px 6% 27px;width:auto}.scene-copy h1{font-size:32px}.scene-copy p{font-size:19px}.scene-visual .scene-hotspot{min-height:30px;top:5.8%;height:10.5%}.scene-visual .bottle-hotspot{top:36%;height:39%;right:4%;width:21%}.art-invitation{grid-template-columns:1fr;gap:35px;padding:42px 7% 55px}.art-invitation h2{font-size:42px}.art-invitation p{font-size:14px}.art-peek{transform:rotate(1deg)}.management-strip{display:block;padding:30px 7%}.management-strip p{font-size:35px}.management-strip>a{display:block;max-width:none;margin-top:18px}.art-intro{padding-top:35px}.art-intro h1{font-size:41px;letter-spacing:-1px}.art-intro>p{font-size:12px;margin-top:25px}.art-gallery{columns:1}.art-filter-row{align-items:flex-start}.art-filters{gap:9px}.art-filters button{font-size:10px;padding:10px 11px}.art-filter-row>.tiny{padding-top:13px}.art-card-caption strong{font-size:28px}.art-card-caption small{font-size:8px}.art-card{margin-bottom:28px}.sayings-section{margin-top:35px;padding-top:35px}.sayings-heading h2{font-size:42px}.quote-stage{padding:30px 7% 22px}.quote-stage blockquote{font-size:36px;min-height:3.5em}.all-sayings ol{columns:1}.all-sayings li{font-size:26px}dialog.art-modal{width:96vw;padding:40px 15px 20px;max-height:96dvh}.art-viewer img{max-height:65dvh}.art-viewer-foot{align-items:flex-end}.art-viewer h2{font-size:26px}.art-viewer-foot .tiny{font-size:7px}.art-viewer-controls button{width:39px;height:42px}}