/* CYLINDER 011 / consolidated art direction. Loaded LAST. */
:root{--ink:#080609;--ivory:#f3e9eb;--rose:#c47b94;--ease:cubic-bezier(.16,1,.3,1)}
.hero{min-height:700px;height:100svh;background:radial-gradient(ellipse at 48% 48%,#45152a 0%,#1b0b13 38%,#080609 77%)!important}
.hero-title{left:3.5%!important;right:3.5%!important;width:93%!important;max-width:93%!important;top:52%!important;transform:translateY(-50%)!important;overflow:visible!important;text-align:center!important;z-index:12!important;mix-blend-mode:normal!important;isolation:isolate;pointer-events:none}
.hero-title-line{display:block!important;position:relative!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;font-family:'Space Grotesk',sans-serif!important;font-size:var(--word-size,13vw)!important;font-weight:700!important;letter-spacing:-.095em!important;line-height:1.04!important;white-space:nowrap!important;transform:none!important;filter:none!important;overflow:visible!important;color:var(--ivory)!important;text-shadow:0 12px 48px #090308c9,0 0 65px #bc58713d!important}
.hero-title-line .hero-outline{color:transparent!important;-webkit-text-stroke:1.7px #f3e9eb!important}.hero-title-line .period{color:#d47a99!important}
.hero-five{position:absolute!important;left:50%!important;top:47%!important;transform:translate(-50%,-50%) rotate(var(--five-rotation, -9deg))!important;font-size:clamp(280px,47vw,790px)!important;line-height:1!important;color:transparent!important;-webkit-text-stroke:1px #dba4b866!important;opacity:.66!important;z-index:-1!important;filter:drop-shadow(0 0 42px #a93e643a);pointer-events:none}
.hero-title-sub{position:relative;display:block;margin-top:clamp(12px,2vw,24px)!important;color:#e4b9c8!important;letter-spacing:.4em!important;text-shadow:0 2px 15px #080609!important}
.hero-canvas-wrap{z-index:3!important;opacity:.84}.hero-meta,.hero-bottom{z-index:14!important}.hero-bottom{bottom:30px!important}.hero-side{z-index:12}
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse 52% 45% at var(--cy-mx,50%) var(--cy-my,50%),#b3507330,transparent 80%);mix-blend-mode:screen}
.hero .art-stage{z-index:2!important;opacity:.7}.hero .art-sticker{filter:drop-shadow(0 0 30px #ab4a6b4b)}
.hero-photo,.menu-photo,.archive-afterimage{filter:grayscale(1) contrast(1.5) brightness(.68) sepia(.16)!important;mix-blend-mode:screen!important}
.archive-section{position:relative;isolation:isolate;background:radial-gradient(ellipse at 92% 18%,#381325 0%,transparent 45%),radial-gradient(ellipse at 7% 82%,#26101d,transparent 50%),#09070a!important}
.archive-section::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#a66b8011 calc(20% - 1px),#a66b8011 20%)}
.archive-section>.section-head,.archive-section>.archive-tools,.archive-section>.archive-grid,.archive-section>.archive-foot{position:relative;z-index:3}
.archive-grid{gap:clamp(12px,1.8vw,28px)!important}.tile{border:1px solid #76455880!important;background:#110b10!important;border-radius:2px;isolation:isolate;transition:border-color .5s,box-shadow .7s var(--ease),opacity .6s var(--ease)!important}.tile:hover{border-color:#e6a6bd!important;box-shadow:0 25px 95px #a3426430,0 0 0 1px #e7b7c12c inset!important}.tile::after{inset:10px!important;border-color:#ecc8d21c!important}.tile-art{background:radial-gradient(ellipse at 50% 43%,color-mix(in srgb,var(--accent) 36%,transparent),transparent 64%),linear-gradient(155deg,#26101c,#090609)!important}.tile-art canvas{transition:transform .9s var(--ease),filter .7s!important}.tile:hover .tile-art canvas{filter:brightness(1.32) contrast(1.08)}.tile-bottom{bottom:28px!important}
.outro{min-height:440px!important;padding:88px 4.5% 50px!important;background:radial-gradient(ellipse at 70% 50%,#3b1826,transparent 57%),#10090e!important}.outro h2{font-size:clamp(42px,7vw,105px)!important;line-height:.96!important;letter-spacing:-.08em!important;margin:45px 0 72px!important;max-width:850px!important}.outro-mark{font-size:min(42vw,480px)!important;opacity:.28!important}
.menu{background:#090609!important;transition:clip-path 1.05s cubic-bezier(.77,0,.18,1),visibility 1.05s!important;will-change:clip-path}.menu.open{clip-path:inset(0 0 0 0)!important}.menu::before{content:'';position:absolute;inset:-10%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at var(--nav-x,60%) var(--nav-y,45%),#7d2d4b6b,transparent 47%),repeating-linear-gradient(115deg,transparent 0 70px,#e0a0b40a 71px 72px);opacity:.75;transition:background .6s}.menu-links{position:relative;z-index:8!important}.menu-links a{transition:color .4s,transform .8s var(--ease),letter-spacing .8s var(--ease)!important}.menu-links a:hover{letter-spacing:-.07em!important;transform:translateX(18px)!important}.menu-preview{z-index:2!important;opacity:.7!important}.menu-ghost{pointer-events:none!important;opacity:.12!important}.menu-head,.menu-bottom,.menu-current{z-index:10!important}
.detail{isolation:isolate}.detail-shell{background:radial-gradient(ellipse at 16% 27%,#351322,transparent 50%),#100a10!important}.detail-art{background:radial-gradient(ellipse at 50% 44%,#6d294a,#130a12 62%)!important}.detail-shell::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(90deg,transparent 0 19.9%,#b17c8d13 20%)}.detail-content,.detail-head{position:relative;z-index:1}
footer{position:relative;z-index:2;align-items:center;flex-wrap:wrap;background:#080609!important;border-top:1px solid #6b3d4c75;min-height:110px}.credits-mount{position:relative!important;inset:auto!important}
@media(max-width:700px){.hero{min-height:590px!important}.hero-title{left:2%!important;right:2%!important;width:96%!important;max-width:96%!important;top:51%!important}.hero-title-line{font-size:var(--word-size,13vw)!important;letter-spacing:-.095em!important}.hero-five{font-size:83vw!important}.hero-title-sub{font-size:7px!important;letter-spacing:.17em!important}.hero-bottom p,.hero-coordinate,.hero-side{display:none!important}.hero-bottom{justify-content:center!important}.outro h2{font-size:clamp(40px,10vw,68px)!important}.menu-links a:hover{transform:translateX(5px)!important}}
@media(prefers-reduced-motion:reduce){.menu,.menu-links a,.tile,.tile-art canvas,.hero-five{animation:none!important;transition:none!important;scroll-behavior:auto!important}}