:root{--brand-yellow: #ffff66;--brand-black: #000000;--radius: 0%;--origin-x: 100%;--origin-y: 0%}html{font-size:16px;scroll-behavior:smooth}@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:var(--brand-yellow);color:var(--brand-black);line-height:1.4;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--brand-yellow)}::-webkit-scrollbar-thumb{background:var(--brand-black)}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:102;width:50px;height:50px;border-radius:50%;background-color:#000;border:0;cursor:pointer;pointer-events:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease}.header__button:hover{transform:scale(1.1)}.header__button[data-open=true]{background-color:var(--brand-yellow)}.header__nav{background-color:#000;position:fixed;z-index:101;top:0;left:0;width:100%;height:100%;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 .5s}.header__nav[data-active=true]{visibility:visible;transition:visibility 0s;pointer-events:auto}.header__menu{list-style:none;padding:0;margin:0;text-align:center}.header__menu-item{font-size:clamp(3rem,8vh,6rem);font-weight:900;text-transform:uppercase;line-height:1.1;text-align:center}.header__menu-item a{color:var(--brand-yellow);text-decoration:none}.header__menu-item a:hover{font-style:italic;text-decoration:line-through}#gl-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.5;pointer-events:none}.halftone-hero{position:relative;width:100%;height:clamp(600px,95vh,1400px);display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--brand-yellow);background-image:radial-gradient(circle at 20% 30%,#fef3c7 0%,transparent 50%),radial-gradient(circle at 80% 70%,#f59e0b 0%,transparent 60%);background-blend-mode:soft-light;margin-bottom:4rem}.halftone-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.halftone-reveal{width:100%;height:100%;background-color:#111;mask:url(#halftone-mask);-webkit-mask:url(#halftone-mask)}.halftone-title-container{position:relative;z-index:10;text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.title-base{color:#000;position:absolute;z-index:1}.title-reveal{color:#fff;position:absolute;z-index:2;pointer-events:none;mask:url(#halftone-mask);-webkit-mask:url(#halftone-mask)}.hero-text-style{font-size:clamp(5rem,16vw,13rem);font-weight:900;text-transform:uppercase;line-height:.8;letter-spacing:-.05em}.page-container{max-width:1400px;margin:0 auto;padding:4rem 2rem 8rem}.h-uppercase{font-size:.7rem;letter-spacing:.3ch;text-transform:uppercase;font-weight:700}.article-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;margin-top:4rem}.featured-article{grid-column:span 12;margin-bottom:4rem}.article-card{grid-column:span 6;position:relative;background:transparent;transition:transform .4s ease}@media(max-width:768px){.article-card{grid-column:span 12}}.border-outer{--corner-size: 2rem;background:#000;padding:1px;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-inner{background:var(--brand-yellow);padding:clamp(1.5rem,4vw,3rem);min-height:400px;display:flex;flex-direction:column;justify-content:space-between;clip-path:inherit;transition:background-color .4s ease,filter .4s ease}.article-card:hover{transform:translateY(-10px)}.article-card:hover .border-inner{background-color:#ff9;filter:brightness(1.05)}.card-image-wrapper{height:200px;overflow:hidden;margin-bottom:1.5rem;clip-path:polygon(1rem 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%,0 1rem)}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2);transition:.5s ease}.article-card:hover img{filter:grayscale(0);transform:scale(1.05)}.image-clip{clip-path:polygon(1rem 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%,0 1rem)}.article-tag{display:inline-block;border:1px solid black;padding:.2rem .6rem;font-size:.65rem;margin-right:.5rem;margin-bottom:.5rem}.article-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;line-height:.9;margin:1rem 0;text-transform:uppercase}footer{background:#000;color:var(--brand-yellow);padding:6rem 2rem;text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.gap-8{gap:2rem}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.items-end{align-items:flex-end}.mt-auto{margin-top:auto}.mt-10{margin-top:2.5rem}.mb-6{margin-bottom:1.5rem}.italic{font-style:italic}