body{background:#16101d;color:#fff}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:clamp(100px,14vh,170px) clamp(18px,6vw,100px) clamp(54px,8vh,90px);overflow:hidden}.video-tint{background:radial-gradient(circle at 75% 28%,rgba(97,51,255,.18),transparent 32%),linear-gradient(90deg,rgba(15,8,24,.9),rgba(17,9,28,.28) 60%,rgba(15,8,24,.38)),linear-gradient(0deg,#16101d 0%,transparent 26%)}.hero-copy{position:relative;z-index:3;max-width:980px}.hero .display{font-size:clamp(74px,11vw,182px);text-transform:uppercase}.hero .display em{font-style:normal;color:#ff69ad}.hero .lead{max-width:760px;margin:22px 0}.hero-number{position:absolute;right:3vw;bottom:2vh;font-size:22vw;line-height:.75;font-weight:950;opacity:.05;z-index:2}.offer{background:linear-gradient(135deg,#2c1839,#17101e 56%,#291524)}.offer-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,8vw,120px);align-items:center}.package{background:#fff;color:#17101d;padding:clamp(28px,4vw,58px);border-radius:2px;box-shadow:var(--shadow);transform:rotate(-1deg)}.package .btn{margin-top:28px}.story{display:grid;grid-template-columns:.8fr 1.2fr;padding:0 clamp(18px,6vw,100px);background:#f0e8f5;color:#1c1024}.story-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding-right:8vw}.story-sticky h2{font-size:clamp(44px,6vw,92px);line-height:.9;letter-spacing:-.055em;margin:16px 0}.story-sticky p{max-width:480px;line-height:1.6}.story-cards{padding:15vh 0}.story-card{min-height:54vh;border-top:1px solid rgba(28,16,36,.2);display:grid;grid-template-columns:80px 1fr;align-content:center;gap:18px}.story-card>span{font-size:13px;font-weight:900}.story-card h3{font-size:clamp(42px,6vw,82px);letter-spacing:-.05em;margin:0}.story-card p{grid-column:2;max-width:520px;font-size:18px;line-height:1.55}.gallery{background:#17101d}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.gallery-head p{max-width:360px;line-height:1.6;opacity:.7}.collage{height:1200px;position:relative;margin-top:70px}.collage figure{position:absolute;margin:0;box-shadow:var(--shadow)}.collage .a{left:0;top:0;width:46%;height:650px}.collage .b{right:0;top:120px;width:38%;height:540px}.collage .c{left:22%;top:690px;width:32%;height:430px}.collage .d{right:4%;top:720px;width:30%;height:380px}.reasons{background:#ffef77;color:#17101d}.reason-list{margin-top:60px;border-top:2px solid #17101d}.reason{display:grid;grid-template-columns:70px 1fr;border-bottom:1px solid rgba(23,16,29,.4);padding:22px 0;align-items:center}.reason b{font-size:12px}.reason span{font-size:clamp(22px,3vw,42px);font-weight:850;letter-spacing:-.03em}.final{min-height:95svh;position:relative;display:flex;align-items:center;padding:80px clamp(18px,6vw,100px);overflow:hidden}.final-bg{position:absolute;inset:0}.final-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,8,18,.9),rgba(15,8,18,.26)),linear-gradient(0deg,rgba(15,8,18,.55),transparent)}.final-copy{position:relative;z-index:2;max-width:820px}.final-copy h2{font-size:clamp(58px,9vw,136px);line-height:.84;letter-spacing:-.06em;margin:18px 0 24px}.final-copy p{font-size:20px;max-width:560px;line-height:1.5}.final-copy .socials{margin-top:18px}
@media(max-width:800px){.hero{align-items:flex-end;padding:96px 16px 48px}.hero .display{font-size:clamp(52px,15vw,76px);line-height:.88;max-width:100%}.hero .lead{font-size:17px;margin:16px 0}.video-tint{background:linear-gradient(0deg,#16101d 0%,rgba(22,16,29,.1) 60%),linear-gradient(90deg,rgba(16,9,22,.68),rgba(16,9,22,.12))}.offer-grid{grid-template-columns:1fr}.package{transform:none}.story{display:block;padding:0 16px}.story-sticky{position:relative;height:auto;padding:80px 0 28px}.story-cards{padding:0 0 70px}.story-card{min-height:auto;padding:42px 0;grid-template-columns:42px 1fr}.story-card h3{font-size:40px}.story-card p{font-size:16px}.gallery-head{display:block}.collage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:36px}.collage figure{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;aspect-ratio:3/4}.collage .a{grid-column:1/3;aspect-ratio:4/5}.reasons{padding-bottom:96px}.reason{grid-template-columns:38px 1fr}.reason span{font-size:22px}.final{min-height:90svh;align-items:flex-end;padding:70px 16px 88px}.final-copy h2{font-size:clamp(50px,14vw,72px)}.final-copy p{font-size:17px}}

/* v6 birthday mobile composition */
@media(max-width:800px){
 .hero{min-height:100dvh;padding-top:86px;padding-bottom:max(82px,calc(58px + env(safe-area-inset-bottom)))}
 .hero .display{font-size:clamp(50px,14vw,72px);line-height:.9;letter-spacing:-.055em}
 .hero .lead{line-height:1.38;max-width:32rem}
 .story-card{border-color:rgba(28,16,36,.16)}
 .collage{grid-template-columns:1fr;gap:12px}
 .collage .a{grid-column:auto;aspect-ratio:16/11}
 .collage figure{aspect-ratio:4/5!important;border-radius:14px}
 .collage .c,.collage .d{aspect-ratio:1!important}
 .final-copy{padding-bottom:max(106px,calc(82px + env(safe-area-inset-bottom)))}
}

/* v7 full-frame photo gallery */
.collage{height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:70px}
.collage figure,.collage .a,.collage .b,.collage .c,.collage .d{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;margin:0;align-self:start}
.collage figure img{width:100%;height:auto!important;object-fit:contain!important;transform:none!important;filter:none!important}
@media(max-width:800px){.collage{grid-template-columns:1fr!important;gap:12px;margin-top:36px}.collage .a{grid-column:auto!important;aspect-ratio:auto!important}.collage figure{aspect-ratio:auto!important}}

/* v8 — clean photo framing: first landscape, following portrait; no blurred edges */
.collage{height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.collage figure,.collage .a,.collage .b,.collage .c,.collage .d{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important;aspect-ratio:4/5!important}
.collage figure:first-child{grid-column:1/-1!important;aspect-ratio:16/9!important}
.collage figure img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;transform:none!important}
.collage figure:before,.collage figure:after{content:none!important;display:none!important}
@media(max-width:800px){.collage{grid-template-columns:1fr!important;gap:12px!important}.collage figure:first-child{grid-column:auto!important;aspect-ratio:16/9!important}.collage figure:not(:first-child){aspect-ratio:4/5!important}}
