@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@1,500&family=Space+Grotesk:wght@700&family=Fraunces:ital,opsz,wght@0,9..144,300;1,9..144,300&family=Instrument+Serif:ital@0;1&display=swap');*{box-sizing:border-box}body{margin:0;background:#eeeae3;color:#252723;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #756545;outline-offset:6px}header,footer{padding:28px 5%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px}header{border-bottom:1px solid #cfcdc3}header>a{font-weight:600}header a span{font-weight:400;color:#727269;margin-left:10px}header>span{font-size:8px}main{padding:65px 5% 0;max-width:1700px;margin:auto}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:clamp(65px,9vw,135px);font-weight:400;line-height:.98;letter-spacing:-6px;margin:30px 0}em{font-family:'Playfair Display',serif;font-weight:500}.intro-bottom{display:flex;justify-content:space-between;align-items:end;margin:25px 0 55px}.intro-bottom p{font-size:13px;line-height:1.8;color:#6b6b62}.intro-bottom>span{font-size:8px;letter-spacing:1px;padding-bottom:18px}.concepts{display:grid;grid-template-columns:1fr 1fr;gap:40px}.preview{height:480px;overflow:hidden;position:relative;padding:25px;background:#f5f3ed;transition:transform .5s}.card:hover .preview{transform:translateY(-5px)}.mini-nav{display:flex;justify-content:space-between;font-size:23px;font-weight:500;letter-spacing:-1px}.mini-nav span{font-size:6px;letter-spacing:1px;align-self:center}.preview h2{font-size:clamp(36px,4.8vw,75px);line-height:.95;font-weight:400;letter-spacing:-3px;margin:35px 0 20px}.first h2 em{margin-left:10%}.first img{width:100%;height:250px;object-fit:cover;object-position:center 35%;filter:saturate(.4)}.open{position:absolute;bottom:20px;right:20px;border-radius:30px;background:#d7ef79;padding:13px 18px;font-size:10px}.second{background:#1d1a17;color:#e9dfcb}.second>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.4)}.second .mini-nav{position:relative;z-index:1;font-family:Georgia,serif;font-size:25px}.second h2{position:absolute;bottom:65px;left:30px;right:20px;font-size:clamp(35px,4.2vw,65px);line-height:1.1;letter-spacing:-2px}.second .open{background:#e9dfcb;color:#24211d}.third{background:#151c18;color:#e9e9da}.third>img{position:absolute;left:35%;top:0;bottom:0;width:65%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.3) brightness(.55)}.third .mini-nav{position:relative;z-index:1;font-size:24px}.third h2{position:absolute;left:25px;bottom:60px;z-index:1;font-family:'Barlow Condensed',Impact,sans-serif;font-style:normal;text-transform:uppercase;font-size:clamp(35px,4.5vw,63px);line-height:.9;letter-spacing:-1px;margin:0}.third h2 em{font-family:inherit;font-style:normal;color:#c8ddab}.third .open{background:#c8ddab;color:#152019}.fourth{background:#c5b5ef;color:#25214c}.fourth .mini-nav{font-size:24px;font-weight:700}.fourth>img{position:absolute;width:47%;height:235px;object-fit:cover;right:-1%;bottom:0;padding:9px;background:#fff5dd;transform:rotate(9deg);box-shadow:5px 6px 0 #25214c25}.fourth h2{font-family:'Space Grotesk',sans-serif;font-style:normal;font-size:clamp(39px,5.8vw,76px);line-height:.84;font-weight:700;letter-spacing:-3px;margin:35px 0}.fourth h2 em{display:inline-block;background:#c9ff73;color:#25214c;padding:5px 20px 10px 8px;font-style:normal;font-family:inherit;transform:rotate(-5deg);margin-top:12px}.fourth .open{background:#25214c;color:#fff5dd}.fifth{background:#050807;color:#e8f5e9}.fifth #mini-canvas{position:absolute;inset:0;width:100%;height:100%}.fifth .mini-nav{position:relative;z-index:1;font-family:monospace;font-size:22px;letter-spacing:-1px}.fifth h2{position:absolute;left:25px;bottom:60px;z-index:1;font-family:'Space Grotesk',sans-serif;font-style:normal;font-size:clamp(36px,4.5vw,60px);line-height:.92;font-weight:700;letter-spacing:-2px;margin:0;text-shadow:0 0 50px #8eff5a44}.fifth h2 em{font-family:inherit;font-style:normal;color:#8eff5a}.fifth .open{background:#8eff5a;color:#050807;border-radius:2px;font-family:monospace}.sixth{background:linear-gradient(115deg,#c8283c,#3a0c13);color:#f2e7e4}.sixth>img{position:absolute;inset:0;width:55%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1) contrast(1.2) brightness(.8);mix-blend-mode:luminosity}.sixth .mini-nav{position:relative;z-index:1;font-size:22px;font-weight:900}.sixth h2{position:absolute;right:22px;bottom:55px;z-index:1;font-size:clamp(32px,3.6vw,52px);line-height:.92;font-weight:900;letter-spacing:-2px;margin:0;text-align:right}.sixth h2 em{font-family:inherit;font-style:normal;color:#f2e7e4}.sixth .open{background:#f2e7e4;color:#170a0c;border-radius:0}.seventh{background:#1c1710;color:#f5ead6;overflow:hidden}.seventh>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:sepia(.35) saturate(.85) brightness(.55)}.seventh .tape-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000030 3px 4px)}.seventh .mini-nav{position:relative;z-index:1;font-size:22px;font-weight:800}.seventh h2{position:absolute;left:25px;bottom:55px;z-index:1;font-size:clamp(34px,3.8vw,54px);line-height:.92;font-weight:800;letter-spacing:-2px;margin:0}.seventh h2 em{font-family:inherit;font-style:italic;font-weight:300;color:#f2a03d}.seventh .open{background:#f2a03d;color:#1c1710;border-radius:0}.eighth{background:#0c0a12;color:#efeaf8;padding:0}.eighth .split-preview{position:absolute;inset:0}.eighth .split-preview img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:contrast(1.15) saturate(.5)}.eighth .split-preview:before{content:'';position:absolute;inset:0;width:33.4%;background:inherit;background-image:linear-gradient(#ff3d7a55,#ff3d7a55);border-right:2px solid #ff3d7a;backdrop-filter:hue-rotate(-45deg) saturate(3)}.eighth .split-preview:after{content:'';position:absolute;inset:0 0 0 66.6%;background:#5a8cff33;border-left:2px solid #5a8cff;backdrop-filter:hue-rotate(150deg) saturate(2.5)}.eighth .mini-nav{position:relative;z-index:1;font-size:22px;font-weight:800;padding:25px}.eighth h2{position:absolute;left:25px;bottom:55px;z-index:1;font-size:clamp(34px,3.8vw,54px);line-height:.92;font-weight:800;letter-spacing:-2px;margin:0;text-shadow:0 4px 40px #000}.eighth h2 em{font-family:inherit;font-style:normal;background:linear-gradient(90deg,#ff3d7a,#ffb33d,#5affc8,#5a8cff);-webkit-background-clip:text;background-clip:text;color:transparent}.eighth .open{background:#efeaf8;color:#0c0a12;border-radius:0;z-index:2}.ninth{background:#000;color:#ece8e1;padding:0}.ninth>img{position:absolute;inset:11% 0;object-fit:cover;object-position:center 28%;filter:saturate(.5) contrast(1.15) brightness(.65)}.ninth .mini-nav{position:relative;z-index:1;font-size:22px;font-weight:800;padding:25px}.ninth h2{position:absolute;left:25px;bottom:22%;z-index:1;font-size:clamp(34px,4vw,54px);line-height:.92;font-weight:800;letter-spacing:-2px;margin:0;text-shadow:0 4px 40px #000}.ninth h2 em{font-family:inherit;font-style:normal;font-weight:300;color:#c9a35c}.ninth .open{background:#c9a35c;color:#0a0a0a;border-radius:0;bottom:14%}.tenth{background:#e4e0d6;color:#181512}.tenth>img{position:absolute;inset:0;width:55%;height:100%;object-fit:cover;object-position:center 25%;filter:grayscale(1) contrast(1.3) brightness(.9)}.tenth .mini-nav{position:relative;z-index:1;font-size:22px;font-weight:600}.tenth h2{position:absolute;right:22px;bottom:55px;z-index:1;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(32px,3.6vw,50px);line-height:.95;font-weight:400;letter-spacing:-1px;margin:0;text-align:right}.tenth h2 em{font-family:inherit;font-style:italic;color:#181512}.tenth .open{background:#181512;color:#e4e0d6;border-radius:0}.eleventh{background:radial-gradient(60% 100% at 50% 0%,#2a1730,#0c0710 75%);color:#f4ecdf}.eleventh>img{position:absolute;left:25px;bottom:0;width:42%;height:75%;object-fit:cover;object-position:center 25%;filter:saturate(.55) contrast(1.15) brightness(.9);border:1px solid #e8c98a44}.eleventh .beams{position:absolute;top:-10%;left:55%;width:25%;height:130%;background:linear-gradient(180deg,#e8c98a18,transparent 85%);filter:blur(10px);transform:rotate(14deg)}.eleventh .mini-nav{position:relative;z-index:1;font-family:'Fraunces',Georgia,serif;font-size:24px;font-weight:600}.eleventh h2{position:absolute;right:20px;bottom:55px;z-index:1;font-family:'Fraunces',Georgia,serif;font-size:clamp(30px,3.4vw,48px);line-height:.95;font-weight:300;letter-spacing:-1px;margin:0;text-align:right}.eleventh h2 em{font-family:inherit;font-style:italic;color:#e8c98a}.eleventh .open{background:#e8c98a;color:#100b14;border-radius:0}.card-title{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;border-bottom:1px solid #c8c5bb;padding:22px 0 17px}.card>p{font-size:14px;color:#62645b}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{border:1px solid #cecabf;border-radius:20px;padding:7px 9px;font-size:7px;letter-spacing:.7px}.note{margin-top:75px;padding:30px 0 55px;border-top:1px solid #cfcdc3;display:flex;justify-content:space-between;gap:30px}.note>span{font-size:9px;letter-spacing:1px}.note p{font-size:12px;line-height:1.8;color:#6b6b62;max-width:530px;margin:0}footer{background:#252723;color:#d4d5ca;font-size:8px;padding-block:25px}@media(max-width:700px){header>span{display:none}main{padding-top:45px}h1{letter-spacing:-3px}.intro-bottom{display:block}.intro-bottom>span{display:block;margin-top:25px}.concepts{grid-template-columns:1fr;gap:50px}.preview{height:440px}.preview h2{font-size:60px}.second h2{font-size:49px}.note{flex-direction:column}.mini-nav span{font-size:6px}footer{font-size:7px}.card:hover .preview{transform:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}