@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{--background:#f4f4ef;--foreground:#20221e;--primary:#2449ec;--primary-foreground:#fff;--border:#d9dcd3;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--background);color:var(--foreground);font-family:'DM Sans',sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2449ec;outline-offset:5px}.nav,main{max-width:1440px;margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:28px 5%;border-bottom:1px solid var(--border);gap:16px}.logo{font:700 30px 'Space Grotesk',sans-serif;display:flex;align-items:center;gap:4px}.logo>span{background:#d9fd56;border:1px solid #222;transform:rotate(-8deg);padding:0 4px;font-size:25px}.logo i{font:600 10px 'DM Sans',sans-serif;letter-spacing:1.4px;max-width:65px;margin-left:12px}.nav nav{display:flex;align-items:center;gap:28px;font-size:14px}.nav-button{display:flex;align-items:center;gap:12px;background:transparent}.hero{padding:70px 5% 90px;display:grid;grid-template-columns:1.12fr 1fr;gap:6%;align-items:center}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:1px}.tag{display:inline-block;padding:7px 11px;border:1px solid #242820;font-size:11px;font-weight:600;letter-spacing:1px;background:#d9fd56}.hero h1{font:700 clamp(62px,7vw,102px)/.96 'Space Grotesk',sans-serif;letter-spacing:-6px;margin:28px 0}.hero h1>span:first-child{display:block;font-size:24px;letter-spacing:-.7px;line-height:1.5;margin-bottom:10px}.title-end{display:block}.asterisk{color:#2449ec;font-size:.58em;display:inline-block;vertical-align:top;margin-left:8px}.lead{font-size:17px;line-height:1.8;color:#60645d;margin:25px 0}.lead strong{font-weight:500;color:#292c25}.mentors{display:flex;align-items:center;margin:25px 0 30px}.avatar{display:grid;place-items:center;border:2px solid #f4f4ef;border-radius:50%;background:#2449ec;color:white;width:41px;height:41px;font:700 17px 'Space Grotesk'}.second{margin-left:-8px;background:#d9fd56;color:#222}.mentors>div{display:flex;flex-direction:column;gap:3px;margin-left:10px}.mentors small{font-size:9px;letter-spacing:1px}.mentors b{font-size:14px}.primary{background:#2449ec;color:white;padding:18px 23px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-weight:600;font-size:15px;border-radius:6px;transition:background .2s,transform .2s}.primary:hover{background:#1737bd;transform:translateY(-2px)}.hero-cta{width:fit-content}.tiny{font-size:12px;color:#62665d;margin:15px 0 0}.hero-album{position:relative;background:#20251f;padding:17px;box-shadow:10px 12px 0 #dde1d6;transform:rotate(2deg);border-radius:9px}.album-top{display:flex;justify-content:space-between;align-items:center;color:#eff3e8;padding:0 0 13px;font-size:10px;letter-spacing:1px}.album-top>span{display:flex;align-items:center;gap:8px}.icon-button{background:transparent;color:inherit;display:grid;place-items:center;min-width:36px;min-height:36px}.hero-frame{position:relative;height:410px}.photo{position:relative;display:block;width:100%;padding:0;background:#dfe3d8;overflow:hidden;text-align:left;color:white;border-radius:3px}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.photo:hover img{transform:scale(1.035)}.hero-photo{height:100%}.photo-caption{position:absolute;left:0;right:0;bottom:0;padding:35px 16px 14px;background:linear-gradient(transparent,#000b);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.counter{position:absolute;top:12px;left:12px;background:#f4f4efe8;color:#242820;padding:5px 9px;font:11px 'Space Grotesk'}.album-controls{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:17px 1px 0;gap:10px}.album-controls>span{font-size:12px;color:#bec5b8;line-height:1.7}.album-controls b{color:#fff;font-weight:500}.album-controls>div{display:flex;gap:8px}.round{width:38px;height:38px;border:1px solid #72776b;border-radius:50%;background:transparent;color:inherit;display:grid;place-items:center}.round:hover{background:#d9fd56;color:#222}.shuffle-sticker{position:absolute;top:-25px;right:12px;transform:rotate(-8deg);display:flex;gap:8px;align-items:center;padding:13px 17px;border:1px solid #222;background:#d9fd56;font-size:13px;font-weight:700;box-shadow:3px 3px 0 #222}.ribbon{background:#d9fd56;border-block:1px solid #292d24;display:flex;align-items:center;justify-content:space-around;gap:20px;padding:21px 4%;font:700 13px 'Space Grotesk';letter-spacing:1px;overflow:hidden}.ribbon span{white-space:nowrap}.ribbon span:nth-child(even){font-size:24px}.message-section{padding:100px 8%;display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center}.section-index{font-size:11px;font-weight:600;letter-spacing:1.7px;color:#61665c}h2{font:600 clamp(35px,4vw,56px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:20px 0}h2 em{font-style:normal;color:#2449ec;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px}.message-intro>p{font-size:16px;line-height:1.85;color:#60665a;max-width:390px}.mini-photos{display:flex;margin-top:28px;padding-left:6px}.mini-photos>div{width:90px;height:105px;background:white;padding:5px;box-shadow:0 3px 8px #0002;transform:rotate(-9deg);margin-right:-10px}.mini-photos>div:nth-child(2){transform:rotate(6deg)}.mini-photo{height:100%}.mini-photo .photo-caption{display:none}.access-card{background:#fff;border:1px solid #d9ddd2;border-radius:12px;padding:32px;box-shadow:0 8px 0 #e5e8de}.access-top{display:flex;gap:15px;align-items:center;color:#73796b;font-size:10px;line-height:1.8;letter-spacing:1px}.access-top b{color:#282d23;font-weight:600}.lock-icon{background:#f0f4e9;padding:13px;border-radius:10px;color:#2449ec}.access-card h3{font:600 30px 'Space Grotesk';letter-spacing:-1px;margin:30px 0 25px}.access-card label{font-size:14px;display:block;margin-bottom:9px}.input-wrap{display:flex;border:1px solid #cdd2c6;border-radius:6px;padding-right:8px;background:#fafbf7}.input-wrap input{width:100%;min-width:0;font:14px 'DM Sans';padding:16px 14px;border:0;background:transparent;color:#222}.access-card .primary{width:100%;margin-top:14px}.access-note{font-size:12px;line-height:1.8;color:#707668;margin:22px 0 0}.access-note svg{display:inline;vertical-align:middle;margin-right:4px}.error{font-size:14px;color:#b12537}.error:empty{display:none}.gallery-section{padding:65px 5% 85px;border-top:1px solid var(--border)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.section-heading h2{margin-bottom:0}.section-heading h2 span{color:#2449ec}.outline-button,.text-button{display:flex;align-items:center;gap:9px;font-size:13px;padding:12px 17px;background:transparent;border:1px solid #bdc3b4;border-radius:5px}.outline-button:hover{background:#d9fd56}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery-photo{height:350px}.gallery-item:nth-child(3n+2){padding-top:35px}.gallery-meta{display:flex;justify-content:space-between;margin-top:10px;font-size:9px;letter-spacing:1px;color:#6f7567}.gallery-note{text-align:center;color:#6d7364;font-size:13px;margin:40px 0 0}footer{background:#20251f;color:#f3f5ef;padding:55px max(5%,calc((100vw - 1296px)/2)) 30px}.footer-title{font:600 clamp(35px,7vw,85px) 'Space Grotesk';letter-spacing:-3px;display:flex;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid #4b5047}.footer-title>span{color:#d9fd56}footer>div{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#c2c8ba;padding-top:25px}.personal{padding:40px 7% 70px}.text-button{border:0;padding-left:0}.personal-heading{margin:40px 0}.personal-heading h1{font:600 clamp(42px,6vw,75px) 'Space Grotesk';letter-spacing:-3px;margin:20px 0 10px;overflow-wrap:anywhere}.personal-heading p{color:#636a5c}.personal-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px}.message-body{background:#fff;border-radius:12px;padding:38px}.message-body h2{font-size:36px}.letter-text{white-space:pre-wrap;line-height:1.95;font-size:17px;overflow-wrap:anywhere}.letter-photo{height:330px;margin:30px 0 45px}.signoff{border-top:1px solid #ddd;padding-top:25px;margin-top:35px;display:flex;flex-direction:column;gap:12px;font-size:13px}.signoff b{font:600 25px 'Space Grotesk'}.signoff b span{color:#2449ec}.personal-photos>p{font-size:10px;letter-spacing:1px}.personal-photos>div{margin:25px 0;padding:8px;background:white;transform:rotate(2deg);box-shadow:4px 4px 0 #dce2d3}.personal-photos>div:nth-of-type(even){transform:rotate(-2deg)}.side-photo{height:290px}.lightbox{position:fixed;inset:0;margin:auto;width:min(1100px,94vw);max-width:94vw;max-height:96dvh;padding:18px;border:1px solid #4c5347;border-radius:12px;background:#1b201b;color:white}.lightbox::backdrop{background:#111d;backdrop-filter:blur(8px)}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:10px}.lightbox-top{padding-bottom:10px}.lightbox img{display:block;width:100%;height:72dvh;object-fit:contain}.lightbox-bottom{justify-content:center;gap:30px;padding-top:12px}.lightbox:not([open]){display:none}@media(min-width:1500px){.hero-frame{height:480px}}@media(max-width:1000px){.hero h1{font-size:72px}.hero{gap:4%}.hero-frame{height:390px}.eyebrow{font-size:8px;gap:7px}.hero h1{letter-spacing:-4px}.message-section{padding:75px 5%;gap:6%}.gallery-photo{height:280px}}@media(max-width:720px){.nav{padding:20px 5%}.logo i{display:none}.nav nav{gap:14px;font-size:12px}.hero{grid-template-columns:1fr;padding:40px 6% 65px;gap:55px}.hero h1{font-size:clamp(66px,15vw,100px);letter-spacing:-4px}.hero h1>span:first-child{font-size:23px}.eyebrow{font-size:9px}.lead{font-size:16px}.hero-album{margin:0 7px;transform:rotate(1deg)}.hero-frame{height:430px}.ribbon{justify-content:flex-start;gap:22px}.ribbon span{font-size:11px}.message-section{grid-template-columns:1fr;padding:60px 6%;gap:38px}.message-intro h2{font-size:44px}.mini-photos{display:none}.access-card{padding:26px}.gallery-section{padding:50px 6%}.section-heading{align-items:flex-end}.section-heading h2{font-size:35px}.outline-button{font-size:11px;padding:10px;gap:5px;white-space:nowrap}.gallery{grid-template-columns:repeat(2,1fr);gap:22px 13px}.gallery-photo{height:240px}.gallery-item:nth-child(3n+2){padding-top:0}.gallery-item:nth-child(even){padding-top:25px}.photo-caption{font-size:11px;padding:30px 10px 10px}.gallery-meta{font-size:8px}.gallery-meta>span:last-child{display:none}.gallery-note{line-height:1.8}footer>div{flex-direction:column;gap:14px}.footer-title{letter-spacing:-2px}.personal{padding:30px 6%}.personal-grid{grid-template-columns:1fr;gap:30px}.message-body{padding:24px}.message-body h2{font-size:31px}.personal-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.personal-photos>p,.personal-photos>.text-button{grid-column:1/-1}.personal-photos>div{margin:8px 0}.side-photo{height:220px}.personal-photos>div:nth-of-type(3){grid-column:1/-1}.lightbox{padding:12px}.lightbox img{height:70dvh}.lightbox-top{font-size:12px}}@media(max-width:390px){.hero-frame{height:340px}.hero h1{font-size:62px}.gallery-photo{height:200px}.section-heading{align-items:start}.outline-button{font-size:0;gap:0}.outline-button svg{width:20px}.eyebrow{font-size:8px}.nav nav>a{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}