@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@500;700&display=swap");*{box-sizing:border-box}body{margin:0;background:#f1eadf;color:#26101a;font-family:Manrope;overflow-x:hidden}.top{position:sticky;top:0;z-index:12;display:flex;justify-content:space-between;align-items:center;padding:13px max(17px,calc((100% - 1220px)/2));background:#f1eadff0;border-bottom:1px solid #711f3b}.brand{font:700 19px Fraunces;color:#711f3b;text-decoration:none}.btn{display:inline-block;background:#711f3b;color:#fff5df;text-decoration:none;padding:12px 17px;border-radius:999px;font-weight:700}.hero{width:min(1220px,calc(100% - 34px));margin:35px auto 70px;display:grid;grid-template-columns:1.04fr .96fr;border-radius:30px;overflow:hidden;background:#711f3b;color:#fff5df}.copy{padding:clamp(31px,5vw,75px)}.eyebrow{font:12px 'DM Mono';letter-spacing:.07em}h1,h2{font-family:Fraunces;line-height:.91;letter-spacing:-.05em;margin:18px 0 27px}h1{font-size:clamp(56px,8vw,117px)}h2{font-size:clamp(35px,4.2vw,58px)}p{font-size:17px;line-height:1.7}.notice{border-left:5px solid #d5a84d;padding-left:16px}.hero .btn{background:#d5a84d;color:#35121f}.lens,.media{position:relative;overflow:hidden}.lens{min-height:570px}.lens img,.media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease,filter .18s ease}.rib{position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 7px,#fff2d222 8px 10px,transparent 11px 17px);mix-blend-mode:screen;pointer-events:none}.angle{position:absolute;left:18px;bottom:18px;background:#f1eadfe8;color:#711f3b;padding:8px 11px;font:11px 'DM Mono';letter-spacing:.06em}.lens:hover img,.media:hover img{transform:scale(1.06) rotate(.45deg);filter:saturate(1.25) contrast(1.08)}.ribbon{width:min(1220px,calc(100% - 34px));margin:0 auto;display:flex;gap:12px;overflow:hidden}.ribbon span{white-space:nowrap;padding:9px 12px;border:1px solid #711f3b;border-radius:99px;font:12px 'DM Mono';color:#711f3b}.frames{width:min(1220px,calc(100% - 34px));margin:25px auto 70px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.frame{grid-column:span 6;display:grid;grid-template-columns:1fr 1fr;border:1px solid #711f3b;border-radius:24px;overflow:hidden;background:#fffaf0;min-height:440px}.frame:nth-child(3n){grid-column:span 12;grid-template-columns:1.1fr .9fr;min-height:485px;background:#2b101b;color:#fff5df}.frame:nth-child(even) .media{order:-1}.frame .copy{padding:38px 40px;align-self:center}.frame .media{min-height:100%}.frame .copy h2{font-size:clamp(32px,3.5vw,49px)}.frame .btn{font-size:15px}.frame:nth-child(3n) .btn{background:#d5a84d;color:#35121f}.frame .angle{top:16px;bottom:auto}.faq,.legal{width:min(950px,calc(100% - 34px));margin:70px auto;padding:42px;border:1px solid #711f3b;border-radius:24px;background:#fffaf0}.legal{background:#2b101b;color:#fff5df}.legal h2{color:#d5a84d}.legal p{font-size:18px}details{padding:15px 0;border-top:1px solid #cabfb0}summary{font-weight:700}footer{padding:35px;text-align:center;background:#711f3b}footer a{color:#fff5df}@media(max-width:800px){.top{padding:11px 17px}.hero{width:100%;margin:0;border-radius:0;display:flex;flex-direction:column}.hero .copy{order:1;padding:42px 19px}.lens{order:2;min-height:280px;height:280px}.ribbon{width:100%;padding:14px 17px}.frames{width:100%;display:block;margin:0;padding:0 17px}.frame,.frame:nth-child(n){display:flex;flex-direction:column;min-height:0;margin:22px 0;border-radius:20px}.frame .copy,.frame:nth-child(n) .copy{order:1;padding:31px 19px}.frame .media,.frame:nth-child(n) .media{order:2;height:270px;min-height:270px}.frame .btn{display:block;text-align:center}.faq,.legal{width:calc(100% - 34px);padding:27px 19px}.legal p{font-size:17px}}

/* Pointer-driven lenticular angle: changes the card perspective without moving reading geometry. */
.lens,.media{--angle-x:0;--angle-y:0}.lens img,.media img{transform:perspective(900px) rotateY(calc(var(--angle-x) * 4deg)) rotateX(calc(var(--angle-y) * -3deg)) scale(calc(1 + (abs(var(--angle-x)) * .025)));transition:transform .16s ease,filter .16s ease}.lens.angle-active .rib,.media.angle-active .rib{background-position:calc(var(--angle-x) * 28px) calc(var(--angle-y) * 18px)}
@media(prefers-reduced-motion:reduce){.lens img,.media img{transform:none!important;transition:none!important}}