:root{--color-background: #ffff66;--color-text: rgba(0, 0, 0, .9);--corner-size: 1.5rem;--border-width: 1.5px;--image-column-width: 14rem;--content-width: 26rem;--cycle-speed: 8s}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}@media screen and (max-width:768px){html{font-size:14px}}body{font-family:Playfair Display,serif;background-color:var(--color-background);color:var(--color-text);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;-webkit-overflow-scrolling:touch}section.snap-section{height:100vh;min-height:700px;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:center;position:relative;padding:clamp(2rem,8vh,5rem) clamp(1.5rem,4vw,3rem);overflow:hidden}#animation-viewport{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:0;pointer-events:none;animation:bgInversePulse var(--cycle-speed) cubic-bezier(.45,.05,.55,.95) infinite}#circle-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:scale(6.5) rotate(-12deg);width:100%;height:100%}.circles{display:flex;flex-wrap:nowrap;justify-content:center;width:100%}.circle{position:relative;width:1.8rem;height:1.8rem;margin:-.05rem;border-radius:50%;animation-duration:var(--cycle-speed);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes bgInversePulse{0%,to{background-color:#ff6}50%{background-color:#000}}@keyframes bubbleColorPulse{0%,to{background-color:#000}50%{background-color:#ff6}}@keyframes circleSize{0%,to{opacity:0;transform:scale(.1)}15%,85%{opacity:1}50%{opacity:1;transform:scale(1.25)}}@keyframes circleSizeTwo{0%,to{opacity:1;transform:scale(1.25)}35%,65%{opacity:1}50%{opacity:0;transform:scale(.1)}}.circles:nth-child(odd) .circle{animation-name:circleSize,bubbleColorPulse}.circles:nth-child(2n) .circle{animation-name:circleSizeTwo,bubbleColorPulse}.circles:nth-child(1) .circle,.circles:nth-child(17) .circle{animation-delay:-.5s}.circles:nth-child(2) .circle,.circles:nth-child(16) .circle{animation-delay:-1s}.circles:nth-child(3) .circle,.circles:nth-child(15) .circle{animation-delay:-1.5s}.circles:nth-child(4) .circle,.circles:nth-child(14) .circle{animation-delay:-2s}.circles:nth-child(5) .circle,.circles:nth-child(13) .circle{animation-delay:-2.5s}.circles:nth-child(6) .circle,.circles:nth-child(12) .circle{animation-delay:-3s}.circles:nth-child(7) .circle,.circles:nth-child(11) .circle{animation-delay:-3.5s}.circles:nth-child(8) .circle,.circles:nth-child(10) .circle{animation-delay:-4s}.circles:nth-child(9) .circle{animation-delay:-4.5s}.hero-text-container{max-width:72rem;margin:0 auto;width:100%;text-align:center}.hero-title{position:relative;z-index:10;font-size:clamp(4rem,15vw,10rem);font-weight:900;text-transform:uppercase;line-height:.8;letter-spacing:-.05em;margin:0;animation:titleColorSync var(--cycle-speed) cubic-bezier(.45,.05,.55,.95) infinite}@keyframes titleColorSync{0%,to{color:#000;text-shadow:0 0 70px #ffff66}50%{color:#ff6;text-shadow:0 0 70px #000000}}.page-container{max-width:80rem;margin:0 auto;width:100%}.h-uppercase{font-size:.7rem;letter-spacing:.3ch;text-transform:uppercase;font-weight:700;margin:0}.section-label{text-transform:uppercase;font-weight:900;font-size:9px;tracking:.6em;margin-bottom:3rem;border-bottom:3px solid black;padding-bottom:.75rem;display:inline-block}.geo-box-outer{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));background:var(--color-text);padding:var(--border-width)}.geo-box-inner{clip-path:inherit;background:var(--color-background);flex-grow:1;width:100%;height:100%;overflow:hidden;position:relative}.cards-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2.5rem;width:100%}.card{display:grid;position:relative;grid-template-columns:var(--image-column-width) calc(2.5 * var(--corner-size));transition:grid-template-columns .6s cubic-bezier(.19,1,.22,1);height:32rem;max-width:calc(100vw - 4rem)}.card-bg-container{grid-column:1 / -1;grid-row:1}.card-bg-container img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);transition:transform .8s cubic-bezier(.19,1,.22,1),filter .8s ease}.card:hover .card-bg-container img{transform:scale(1.05);filter:grayscale(.4)}.content-layout{display:flex;gap:2.5rem;position:absolute;top:2rem;left:2rem;height:calc(100% - 7rem);width:var(--content-width);transform:translate(-1rem);transition:transform .6s cubic-bezier(.19,1,.22,1)}.copy-block{display:flex;flex-direction:column;gap:1.5rem;opacity:0;transform:translate(1rem);transition:opacity .4s ease,transform .6s cubic-bezier(.19,1,.22,1)}.copy-block h2{font-size:2.25rem;font-weight:900;text-transform:uppercase;line-height:.9;margin:0}.copy-block h3{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;opacity:.5;margin:0}.copy-block p{font-size:1.25rem;font-style:italic;line-height:1.4;color:#000c;margin:0}.vertical-id{writing-mode:vertical-lr;transform:rotate(180deg);text-transform:uppercase;font-weight:900;font-size:1.75rem;white-space:nowrap;transition:opacity .3s ease;margin:0}.card-toggle{position:absolute;bottom:0;left:0;padding:1.5rem;cursor:pointer;z-index:30}.card-toggle input{display:none}.card-toggle svg{transition:transform .4s cubic-bezier(.175,.885,.32,1.275);stroke:var(--color-text)}.card:has(input:checked){grid-template-columns:var(--image-column-width) var(--content-width)}.card:has(input:checked) .content-layout{transform:translate(-6.5rem)}.card:has(input:checked) .copy-block{opacity:1;transform:translate(0);transition-delay:.1s}.card:has(input:checked) .vertical-id{opacity:0}.card:has(input:checked) .card-toggle svg{transform:rotate(45deg)}.scroll-track{position:fixed;right:2rem;top:50%;transform:translateY(-50%);width:1px;height:20vh;background:#0000001a;z-index:90}.scroll-thumb{position:absolute;top:0;right:-1px;width:3px;height:25%;background:#000;transition:top .1s linear}.manifesto-container{max-width:56rem;margin:0 auto;text-align:center}.manifesto-divider{margin-bottom:3rem;display:flex;justify-content:center}.divider-line{width:1px;height:10rem;background:#000;opacity:.2}.manifesto-quote{font-size:clamp(2rem,8vw,4.5rem);font-weight:900;text-transform:uppercase;font-style:italic;line-height:.85;margin-bottom:2.5rem}.manifesto-author-box{display:flex;align-items:center;justify-content:center;gap:1rem}.manifesto-footer{margin-top:8rem;opacity:.2;font-size:8px;text-transform:uppercase;letter-spacing:.6em}.h-px{height:1px}.w-10{width:2.5rem}.bg-black{background-color:#000}.mb-12{margin-bottom:3rem}.opacity-40{opacity:.4}.opacity-60{opacity:.6}@media screen and (max-width:900px){.cards-container{flex-direction:column;align-items:stretch}.card{height:auto;grid-template-columns:100%!important}.card-bg-container{height:18rem}.content-layout{position:static;transform:none!important;width:100%;height:auto;padding:2rem;background:var(--color-background);border-top:1.5px solid black}.vertical-id{display:none}.copy-block{opacity:1;transform:none}.card-toggle{display:none}}