html{font-size:16px;--radius: 0%;--origin-x: 100%;--origin-y: 0%}@media screen and (max-width:768px){html{font-size:14px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Playfair Display,serif;background-color:#ff6;color:#000000e6;line-height:1.4;overflow:hidden}main::-webkit-scrollbar{display:none}main{scrollbar-width:none;height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}section.snap-section{height:100vh;min-height:600px;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:center;position:relative;padding:clamp(1rem,5vh,4rem) 2rem}section.snap-section--top{justify-content:flex-start;padding-top:clamp(6rem,12vh,10rem)}.scroll-track{position:fixed;right:clamp(1rem,3vw,2rem);top:50%;transform:translateY(-50%);width:1px;height:20vh;background-color:#00000026;z-index:90;pointer-events:none;opacity:0;transition:opacity .4s ease}.scroll-track--visible{opacity:1}.scroll-thumb{position:absolute;top:0;right:-1px;width:3px;height:25%;background-color:#000;transition:top .1s linear}header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:clamp(1.5rem,4vh,3rem) clamp(1.5rem,4vw,3rem);display:flex;justify-content:flex-end;pointer-events:none}.header__button{z-index:1000;width:50px;height:50px;border-radius:50%;background-color:#000;border:0;cursor:pointer;pointer-events:auto;position:relative;outline:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s;display:flex;align-items:center;justify-content:center}.header__button:hover{transform:scale(1.1)}.header__button[data-open=true]{background-color:#ff6}.header__nav{background-color:#000;position:fixed;overflow:hidden;z-index:101;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:40px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;visibility:hidden;clip-path:circle(var(--radius) at var(--origin-x) var(--origin-y));transition:visibility 0s linear .6s}.header__nav[data-active=true]{visibility:visible;transition:visibility 0s;pointer-events:auto}.header__menu{padding:0;margin:0;list-style:none;text-align:center}.header__menu-item{font-size:clamp(3rem,8vh,6rem);line-height:1.1;font-weight:900;text-transform:uppercase}.header__menu-item a{color:#ff6;text-decoration:none;transition:font-style .2s}.header__menu-item a:hover{font-style:italic;text-decoration:line-through}.hero-banner{background-color:#ff6;overflow:hidden;border-bottom:2px solid black}#gl-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}.title-frame{position:relative;z-index:10;border-top:clamp(3px,.8vw,6px) solid black;border-bottom:clamp(3px,.8vw,6px) solid black;padding:clamp(2rem,5vh,3rem) clamp(2rem,8vw,6rem);display:inline-block;margin:0 auto;max-width:90vw}.page-title-style{font-size:clamp(3rem,10vw,8.5rem);line-height:.85;margin:0;font-weight:900;letter-spacing:-.05em;color:#000;text-transform:uppercase;text-shadow:0 0 40px #ffff66}.section-container{max-width:1100px;width:100%;margin:0 auto;display:flex;flex-direction:column;max-height:100%}.h-uppercase{font-size:.75rem;letter-spacing:.2ch;text-transform:uppercase;font-weight:700}.shelf-container{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,4vh,3rem);width:100%;max-width:900px;margin:0 auto}@media(min-width:768px){.shelf-container{grid-template-columns:repeat(4,1fr)}}.cover-wrapper{--corner-size: 1rem;background:#000;padding:1px;max-height:45vh;overflow:hidden}.cover-wrapper img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%) contrast(110%);transition:filter .3s ease}.cover-wrapper:hover img{filter:grayscale(0%)}.vertical-title{writing-mode:vertical-lr;transform:rotate(180deg);text-transform:uppercase;font-weight:900;font-size:clamp(1rem,2vh,1.25rem);line-height:1;border-left:1px solid black;padding-left:.5rem}.border-inner{flex-grow:1;background:#ff6;padding:clamp(1rem,2.5vh,1.5rem);display:flex;flex-direction:row;gap:1.5rem;position:relative}.review-panel{max-height:0;overflow:hidden;transition:max-height .5s ease-out;font-style:italic;font-size:clamp(.75rem,1.5vh,.85rem)}.expand-toggle{display:none}.expand-toggle:checked~.review-panel{max-height:150px;margin-top:.5rem;padding-top:.5rem;border-top:1px solid black}.article-card{border-bottom:1px solid black;padding:clamp(1rem,2.5vh,1.5rem) 0;display:flex;justify-content:space-between;align-items:flex-end;transition:opacity .2s;text-decoration:none;color:inherit}.article-card h3{font-size:clamp(1.1rem,2.5vh,1.75rem)}.border-outer,.border-inner,.clipped-img{clip-path:polygon(var(--corner-size) 0%,calc(100% - var(--corner-size)) 0%,100% var(--corner-size),100% calc(100% - var(--corner-size)),calc(100% - var(--corner-size)) 100%,var(--corner-size) 100%,0% calc(100% - var(--corner-size)),0% var(--corner-size))}.border-outer{background:#000;padding:1px;display:flex;transition:transform .3s ease}footer{scroll-snap-align:end;background:#000;color:#ff6;text-align:center;padding:clamp(2rem,6vh,4rem) 2rem}.mb-10{margin-bottom:2.5rem}.mb-4{margin-bottom:1rem}.border-b-2{border-bottom-width:2px}.inline-block{display:inline-block}.pb-1{padding-bottom:.25rem}.space-y-6>*+*{margin-top:1.5rem}.max-w-lg{max-width:32rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.opacity-60{opacity:.6}.mb-0\.5{margin-bottom:.125rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.mt-2{margin-top:.5rem}