@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--purple:#7b24d8;--purple2:#9b4bf1;--ink:#171019;--paper:#fff;--night:#160022}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope",Arial,Helvetica,sans-serif}a{color:inherit}.home{overflow:hidden}.home-stage{position:relative;width:100vw;height:100vh;min-height:700px;overflow:hidden;background:radial-gradient(circle at 50% 46%,#fff 0 45%,#faf8fb 100%)}.home-stage:after,.grain{content:"";position:absolute;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.brand{display:block;width:174px;height:34px;overflow:hidden}.brand img{display:block;width:174px;transform:translateY(-10px);filter:brightness(0) saturate(100%) invert(27%) sepia(87%) saturate(3465%) hue-rotate(259deg) brightness(84%)}.brand-home{position:absolute;z-index:4;left:50%;top:38px;transform:translateX(-50%)}.side-nav{position:absolute;z-index:4;top:47%;transform:translateY(-50%);width:310px;display:flex;flex-direction:column;gap:27px;align-items:center;text-align:center}.side-nav a{text-decoration:none;color:var(--purple);font-size:18px;font-weight:800;letter-spacing:-.035em;transition:transform .2s}.side-nav a:hover{transform:rotate(-2deg) scale(1.04)}.left-nav{left:34px}.right-nav{right:34px}.void{position:absolute;left:50%;top:115px;transform:translateX(-50%);width:720px;height:625px}.floating-flower{position:absolute;left:50%;top:49%;width:425px;height:auto;transform:translate(-50%,-50%) rotate(-8deg);filter:drop-shadow(18px 24px 20px rgba(57,18,79,.2));animation:float 8s ease-in-out infinite alternate}.handline{position:absolute;z-index:4;left:50%;top:845px;transform:translateX(-50%) rotate(-3deg);margin:0;color:var(--purple);font:400 27px/1 "Marker Felt","Bradley Hand","Comic Sans MS",cursive;white-space:nowrap}.handline:after{content:"";display:block;width:235px;height:4px;margin:10px auto 0;border-radius:99px;background:var(--purple);transform:rotate(-1deg)}@keyframes float{0%{transform:translate(-52%,-48%) rotate(-10deg)}50%{transform:translate(-48%,-53%) rotate(-1deg)}100%{transform:translate(-51%,-46%) rotate(8deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

html.preview-locked body> :not(.preview-gate){visibility:hidden}.preview-gate{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,#fff 0 26%,#f8f5fa 72%,#eee8f3 100%);color:var(--ink);transition:opacity .4s ease,transform .4s ease}.preview-gate:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.preview-gate.is-opening{opacity:0;transform:scale(1.015)}.preview-gate-card{position:relative;z-index:1;width:min(520px,100%);text-align:center}.preview-gate-flower{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 32px;border-radius:50%;background:var(--purple);color:#fff;font-size:34px;line-height:1;transform:rotate(-8deg)}.preview-gate-kicker{margin:0 0 18px;color:var(--purple);font-size:12px;font-weight:900;letter-spacing:.18em}.preview-gate h1{margin:0 0 46px;font-size:clamp(48px,7vw,86px);line-height:.85;letter-spacing:-.075em}.preview-gate-form{width:min(390px,100%);margin:auto;text-align:left}.preview-gate-form label{display:block;margin:0 0 9px;color:var(--purple);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.preview-gate-input{display:flex;border-bottom:3px solid var(--purple)}.preview-gate-input input{min-width:0;flex:1;padding:12px 4px;border:0;outline:0;background:transparent;color:var(--ink);font:700 20px/1 Arial,sans-serif}.preview-gate-input button{width:52px;border:0;background:transparent;color:var(--purple);font-size:30px;cursor:pointer;transition:transform .2s}.preview-gate-input button:hover{transform:translateX(5px)}.preview-gate-error{height:20px;margin:10px 0 0;color:var(--purple);font:700 13px/1.3 Arial,sans-serif}
.sub-header{height:104px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(123,36,216,.16);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);position:relative;z-index:20}.sub-header nav{display:flex;gap:28px}.sub-header nav:last-child{justify-content:flex-end}.sub-header a{text-decoration:none;color:var(--purple);font-size:15px;font-weight:800}.sub-header a.active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.eyebrow{margin:0 0 18px;color:var(--purple);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.display{font-size:clamp(58px,8vw,128px);line-height:.83;letter-spacing:-.075em;margin:0}.copy{font-size:clamp(18px,1.65vw,27px);line-height:1.28;letter-spacing:-.03em}.scribble{font:400 27px/1.05 "Marker Felt","Bradley Hand","Comic Sans MS",cursive;color:var(--purple);transform:rotate(-3deg)}.page-footer{padding:40px 5vw 56px;display:flex;justify-content:space-between;color:var(--purple);font-weight:800;border-top:1px solid rgba(123,36,216,.18)}
.story-hero{padding:70px 6vw 95px;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;min-height:620px;align-items:end}.story-hero .intro{max-width:980px}.story-note{align-self:center;max-width:390px}.story-note .copy{font-size:22px}.people-two{padding:85px 6vw;background:var(--purple);color:#fff}.people-two h2{font-size:clamp(50px,6vw,95px);line-height:.9;letter-spacing:-.06em;margin:0 0 55px}.duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.person-card{position:relative;min-height:620px;background:#fff;color:var(--ink);overflow:hidden;text-decoration:none}.portrait{height:475px;background-image:url('assets/family-strip.png');background-repeat:no-repeat;background-size:600% 100%;filter:saturate(.9)}.p1{background-position:0 0}.p2{background-position:20% 0}.p3{background-position:40% 0}.p4{background-position:60% 0}.p5{background-position:80% 0}.p6{background-position:100% 0}.person-meta{padding:24px 26px 30px;display:flex;justify-content:space-between;gap:20px;align-items:end}.person-meta h3{font-size:32px;margin:0;letter-spacing:-.05em}.person-meta p{margin:0;color:var(--purple);font-weight:800;text-align:right}.person-card:hover .portrait{transform:scale(1.02);transition:.35s}
.profile{min-height:calc(100vh - 104px);display:grid;grid-template-columns:1fr 1fr}.profile-photo{min-height:720px;background-image:url('assets/family-strip.png');background-repeat:no-repeat;background-size:600% 100%;background-position:0 0}.profile-photo.two{background-position:20% 0}.profile-copy{padding:7vw 7vw 5vw;display:flex;flex-direction:column;justify-content:center}.profile-copy h1{font-size:clamp(68px,9vw,145px);line-height:.8;letter-spacing:-.08em;margin:0 0 45px}.profile-copy .role{color:var(--purple);font-size:20px;font-weight:900;margin-bottom:40px}.profile-copy .copy{max-width:600px}.profile-links{margin-top:42px;display:flex;gap:28px;color:var(--purple);font-weight:800}
.made-page{background:var(--night);color:#fff;min-height:100vh}.made-page .sub-header{background:rgba(22,0,34,.88);border-color:rgba(255,255,255,.16)}.made-page .brand img{filter:brightness(0) invert(1)}.made-page .sub-header a{color:#fff}.made-hero{min-height:440px;padding:70px 5vw 55px;display:flex;align-items:end;background:radial-gradient(circle at 72% 20%,#7b24d8 0,transparent 32%),linear-gradient(110deg,#160022,#310060)}.made-hero h1{max-width:1000px}.shelf{padding:46px 5vw 70px}.shelf-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.shelf h2{font-size:28px;margin:0}.shelf small{color:#d9bcf7;font-weight:800}.poster-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,21vw);gap:18px;overflow-x:auto;padding-bottom:18px;scroll-snap-type:x mandatory}.poster{height:440px;position:relative;overflow:hidden;padding:24px;background:#42117a;scroll-snap-align:start;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.poster.primary{background:linear-gradient(160deg,#a953ff 0%,#5a0cae 48%,#14001f 100%)}.poster.primary:after{content:"";position:absolute;width:300px;height:300px;right:-80px;bottom:30px;background:url('assets/puffy-flower-purple.webp') center/contain no-repeat;filter:brightness(1.2);transform:rotate(18deg);opacity:.7}.poster:nth-child(2){background:linear-gradient(155deg,#ff7648,#40106f)}.poster:nth-child(3){background:linear-gradient(155deg,#fff,#b7a4c9);color:#491078}.poster:nth-child(4){background:linear-gradient(155deg,#181818,#6c25ac)}.poster:nth-child(5){background:linear-gradient(155deg,#d0ff57,#6321ac);color:#1f0036}.poster-num{font-size:13px;font-weight:900;letter-spacing:.1em}.poster-title{position:relative;z-index:2;font-size:clamp(30px,3.3vw,58px);line-height:.82;letter-spacing:-.07em;margin:0;text-transform:uppercase}.poster-meta{position:relative;z-index:2;font-size:13px;font-weight:800;text-transform:uppercase}.placeholder{opacity:.72}
.family-hero{padding:70px 5vw 55px;display:flex;align-items:end;justify-content:space-between;gap:8vw}.family-hero h1{max-width:950px}.family-hero .copy{max-width:420px}.family-grid{padding:30px 5vw 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.family-card{min-height:520px;position:relative;overflow:hidden;background:#eee;color:#fff}.family-card .portrait{height:100%;min-height:520px}.family-card:nth-child(2),.family-card:nth-child(5){transform:translateY(45px)}.family-label{position:absolute;left:18px;right:18px;bottom:18px;padding:16px;background:rgba(20,0,30,.72);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:end}.family-label strong{font-size:24px}.family-label span{font-size:13px;font-weight:800;text-align:right}.family-claim{grid-column:1/-1;padding:80px 0 30px;text-align:center;font-size:clamp(58px,9vw,140px);line-height:.8;letter-spacing:-.08em;color:var(--purple);font-weight:900}
@media(max-width:1000px){.home{overflow:auto}.home-stage{min-height:900px}.side-nav{top:auto;bottom:115px;transform:none;width:44%;gap:15px}.left-nav{left:3%}.right-nav{right:3%}.void{top:100px;width:100%;height:570px}.floating-flower{width:min(420px,78vw)}.handline{top:670px}.sub-header{grid-template-columns:1fr auto}.sub-header nav{display:none}.story-hero{grid-template-columns:1fr}.duo-grid,.profile{grid-template-columns:1fr}.profile-photo{min-height:70vh}.family-grid{grid-template-columns:1fr 1fr}.poster-row{grid-auto-columns:minmax(220px,58vw)}}@media(max-width:650px){.brand-home{top:24px}.side-nav{width:50%;bottom:45px}.side-nav a{font-size:15px}.left-nav{left:0}.right-nav{right:0}.void{top:80px}.handline{top:620px;font-size:22px}.story-hero,.people-two,.made-hero,.shelf,.family-hero,.family-grid{padding-left:24px;padding-right:24px}.duo-grid,.family-grid{grid-template-columns:1fr}.person-card{min-height:500px}.portrait{height:380px}.family-card:nth-child(2),.family-card:nth-child(5){transform:none}.family-hero{display:block}.family-card,.family-card .portrait{min-height:480px}.profile-copy{padding:60px 28px}.sub-header{padding:0 24px}.poster-row{grid-auto-columns:76vw}}