:root{--ink:#17171a;--paper:#f4eee7;--wine:#780b29;--pink:#ff94c5;--acid:#dfff52;--blue:#73a8ff;--orange:#ff6638;--sage:#8d9985;--line:rgba(23,23,26,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit}.grain{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-dot{position:fixed;width:18px;height:18px;border:2px solid var(--wine);border-radius:50%;z-index:99;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}.cursor-dot.active{width:48px;height:48px;background:#dfff5277}.scroll-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:100}.scroll-progress span{display:block;width:0;height:100%;background:var(--acid)}
.topbar{position:fixed;left:0;right:0;top:0;height:74px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;z-index:50;border-bottom:1px solid #ffffff55;background:#17171ad9;color:#fff;backdrop-filter:blur(12px)}.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 12px monospace;letter-spacing:.12em}.brand-link img{width:44px;height:44px;border-radius:50%;object-fit:cover}.topbar nav{display:flex;gap:2rem}.topbar nav a,.menu-button{font:700 11px monospace;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.topbar nav a:hover{color:var(--acid)}.menu-button{display:none;color:#fff;background:none;border:0}
.hero{min-height:100vh;padding:118px 5vw 90px;position:relative;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:3vw;background:#202126;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;width:55vw;height:55vw;border-radius:50%;background:var(--pink);filter:blur(120px);opacity:.12;left:-25vw;top:15vh}.hero-copy,.hero-photo{position:relative;z-index:2}.kicker,.section-index,.chapter-head p,.editorial-copy span,.micro,.motion-card span,.comadre-copy span{font:700 12px monospace;letter-spacing:.14em}.hero h1{font:900 clamp(5.5rem,11vw,11rem)/.75 Arial Black,Arial,sans-serif;letter-spacing:-.085em;margin:.26em 0}.hero h1 span{color:var(--acid)}.hero-intro{font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.5}.round-link{display:inline-flex;margin-top:28px;width:130px;height:130px;border-radius:50%;background:var(--pink);color:var(--ink);align-items:center;justify-content:center;text-align:center;text-decoration:none;font:900 13px/1.2 Arial;transform:rotate(-8deg)}.round-link b{margin-left:6px;font-size:20px}.hero-photo{height:72vh;border:1px solid #fff;transform:rotate(2deg);overflow:hidden}.hero-photo img{width:100%;height:calc(100% - 42px);object-fit:cover}.hero-photo figcaption{height:42px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;font:11px monospace}.floating-star{position:absolute;left:46%;top:16%;font-size:76px;color:var(--pink);animation:spin 9s linear infinite}.floating-note{position:absolute;left:42%;bottom:16%;z-index:4;width:115px;height:115px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--blue);color:var(--ink);font:900 13px Arial;animation:bob 3.5s ease-in-out infinite}.ticker{position:absolute;bottom:0;left:0;right:0;background:var(--acid);color:var(--ink);padding:14px 0;overflow:hidden;font:900 18px Arial}.ticker div{width:max-content;white-space:nowrap;animation:ticker 18s linear infinite}
.about,.selection,.chapter,.contact{padding:110px 5vw}.about{background:var(--pink);display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw}.about-heading h2,.selection h2,.chapter-head h2{font:900 clamp(4.3rem,9vw,9rem)/.78 Arial Black,Arial,sans-serif;letter-spacing:-.075em;margin:.25em 0}.about-heading h2 em,.chapter-head h2 em{font-family:Georgia,serif;font-weight:400;color:var(--paper)}.about-copy{padding-top:105px;font-size:20px;line-height:1.55;max-width:620px}.about-copy .lead{font-size:28px;font-weight:700}.childhood-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:35px;align-items:start}.memory{margin:0;background:var(--paper);padding:10px;position:relative;box-shadow:0 14px 30px #6e174c24}.memory:nth-child(2n){transform:translateY(44px) rotate(2deg)}.memory:nth-child(odd){transform:rotate(-2deg)}.memory img{display:block;width:100%;height:280px;object-fit:cover}
.memory:nth-child(4) img{object-position:center top}
.selection{background:var(--ink);color:#fff}.selection h2 span{color:transparent;-webkit-text-stroke:2px var(--acid)}.section-jumps{margin-top:70px}.section-jumps a{display:grid;grid-template-columns:70px 1fr 360px;align-items:center;min-height:92px;border-top:1px solid #ffffff35;text-decoration:none;transition:.25s}.section-jumps a:last-child{border-bottom:1px solid #ffffff35}.section-jumps b{font:14px monospace;color:var(--pink)}.section-jumps span{font:900 clamp(1.8rem,4vw,3.8rem) Arial;letter-spacing:-.04em}.section-jumps i{font:italic 19px Georgia;color:var(--acid)}.section-jumps a:hover{padding-left:18px;background:#ffffff0b}
.chapter{position:relative}.chapter-head{margin-bottom:90px}.chapter-head h2{max-width:1100px}.chapter-head h2 em{color:var(--wine)}.branding{background:#dbe6ff}.case{position:relative;margin:0 0 130px;display:grid;grid-template-columns:.7fr 1.3fr;gap:4vw;align-items:center}.case-number{font:900 80px/.8 Arial;color:var(--wine)}.case-copy{font-size:19px;line-height:1.5}.amelie-mother{width:100%;margin:24px 0;border:1px solid #4660b1}.case-hero{margin:0;background:white;padding:14px;box-shadow:18px 18px var(--blue)}.case-hero img{width:100%;max-height:650px;object-fit:cover}.variant-strip{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.variant-strip img{width:100%;height:320px;object-fit:cover}.app-case{background:#ffb36f;margin-left:-5vw;margin-right:-5vw;padding:70px 5vw}.app-case h3,.editorial-copy h3,.motion-card h3,.comadre-copy h3{font:900 clamp(3rem,6vw,6rem)/.85 Arial Black,Arial,sans-serif;letter-spacing:-.06em;margin:.2em 0}.app-case .case-hero{box-shadow:18px 18px var(--acid)}
.editorial{background:#f1e9dc}.editorial-block{padding:80px 0;border-top:1px solid var(--line)}.editorial-copy{max-width:740px;margin-bottom:40px}.editorial-copy h3{color:var(--wine)}.editorial-copy p{font-size:19px;line-height:1.5}.milo-block{display:grid;grid-template-columns:.65fr 1.35fr;gap:4vw;align-items:start}.milo-design{margin:0;background:#dceafb;padding:16px;box-shadow:14px 14px #7385be}.milo-design img{display:block;width:100%;height:auto;object-fit:contain;cursor:zoom-in}.horizontal-gallery,.photo-ribbon{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;padding:10px 5px 28px;cursor:grab;scrollbar-color:var(--wine) transparent}.horizontal-gallery:active,.photo-ribbon:active{cursor:grabbing}.horizontal-gallery img{flex:0 0 min(70vw,850px);height:520px;object-fit:cover;scroll-snap-align:center;background:#ddd}.drag-hint{font:12px monospace;text-align:right}.spread-viewer{position:relative;max-width:1250px;margin:0 auto}.adaptive-viewer{box-sizing:border-box;background:#17171a;border:1px solid #444;padding:36px 82px 58px;min-height:520px;display:flex;align-items:center;justify-content:center}.adaptive-stage{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(430px,68vw,780px)}.adaptive-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:#fff;box-shadow:0 28px 45px #0008;transition:opacity .18s ease,transform .28s ease}.mockup-base{width:100%;height:auto}.spread-art,.book-art{position:absolute;overflow:hidden;display:grid;background:#fff}.book-art{left:5.2%;right:5.2%;top:14.5%;bottom:17.2%}.book-art img{width:100%;height:100%;object-fit:contain;background:#fff}.viewer-prev,.viewer-next{position:absolute;top:46%;width:58px;height:58px;border:0;border-radius:50%;background:var(--wine);color:#fff;font-size:28px;cursor:pointer;z-index:5;transition:.2s}.viewer-prev{left:1.5%}.viewer-next{right:1.5%}.viewer-prev:hover,.viewer-next:hover{transform:scale(1.12);background:var(--acid);color:var(--ink)}.viewer-count{position:absolute;right:3%;bottom:3%;background:var(--ink);color:#fff;padding:9px 12px;font:11px monospace}.menu-block{display:grid;grid-template-columns:.6fr 1.4fr;gap:4vw;align-items:center}.menu-mockup{margin:0}.menu-mockup img{width:100%;box-shadow:18px 18px var(--pink)}
.posters{background:#19191d;color:#fff}.posters .chapter-head h2 em{color:var(--orange)}.poster-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw;align-items:start}.poster-card{margin:0;background:#eee;padding:12px 12px 42px;position:relative;color:var(--ink);box-shadow:16px 16px var(--blue)}.poster-card:nth-child(2),.poster-card:nth-child(5){transform:translateY(70px) rotate(2deg);box-shadow:16px 16px var(--acid)}.poster-card:nth-child(3),.poster-card:nth-child(4){transform:rotate(-2deg);box-shadow:16px 16px var(--pink)}.poster-card:nth-child(6){transform:translateY(30px) rotate(1deg);box-shadow:16px 16px var(--orange)}.poster-card img{width:100%;height:670px;object-fit:cover;cursor:zoom-in}.poster-card figcaption{position:absolute;bottom:14px;left:14px;font:11px monospace}.poster-note{margin-top:110px;font:12px monospace;color:var(--acid)}
.photobook{background:var(--sage);color:#fff}.photobook .chapter-head h2 em{color:#dbe4d5}.photobook-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:-40px 0 55px}.photobook-intro p{max-width:650px;font-size:20px;line-height:1.5}.text-link,.spotify-link{display:inline-block;background:var(--acid);color:var(--ink);padding:16px 22px;border-radius:999px;text-decoration:none;font:900 12px Arial}.photo-ribbon{margin-top:75px}.photo-ribbon img{flex:0 0 330px;height:450px;object-fit:cover;filter:grayscale(1);scroll-snap-align:center;cursor:zoom-in;transition:.3s}.photo-ribbon img:hover{filter:grayscale(0);transform:translateY(-10px)}
.motion-audio{background:var(--blue)}.motion-card,.comadre-card{border:2px solid var(--ink);background:var(--paper);padding:24px;display:grid;gap:28px;align-items:center;box-shadow:16px 16px var(--ink)}.motion-card{grid-template-columns:1.4fr .6fr;margin-bottom:90px}.motion-card video{width:100%;max-height:620px;background:#111}.comadre-card{grid-template-columns:280px 1fr;position:relative;padding-bottom:205px}.comadre-card>img{width:280px;height:280px;object-fit:cover}.comadre-card iframe{position:absolute;left:24px;right:24px;bottom:24px;width:calc(100% - 48px)}.comadre-copy p{font-size:19px;line-height:1.5;max-width:650px}
.contact{min-height:86vh;background:var(--paper);color:var(--wine);display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;align-items:center;position:relative;padding-bottom:130px}.contact-logo{max-width:500px;transform:rotate(-3deg);border:2px solid var(--wine);box-shadow:18px 18px var(--wine)}.contact-logo img{width:100%}.contact-copy p{font:700 12px monospace;letter-spacing:.14em}.contact-copy h2{font:900 clamp(4rem,8vw,8rem)/.78 Arial Black,Arial,sans-serif;letter-spacing:-.07em;margin:.28em 0}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:38px 0 18px}.contact-links a{font:900 clamp(1rem,2vw,1.6rem) Arial;text-decoration-thickness:2px;text-underline-offset:5px}.contact-copy span{font:12px monospace}.contact footer{position:absolute;left:0;right:0;bottom:0;background:var(--ink);color:#fff;height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;font:11px monospace}.contact footer a{text-decoration:none}
.lightbox{width:min(1100px,94vw);height:min(900px,92vh);border:0;background:#111;padding:55px 20px 20px;overflow:hidden}.lightbox::backdrop{background:#000d;backdrop-filter:blur(6px)}.lightbox img{width:100%;height:100%;object-fit:contain}.lightbox button{position:absolute;right:14px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:var(--acid);font-size:24px;cursor:pointer}
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s ease}[data-reveal].visible{opacity:1;transform:none}.tilt{transition:transform .18s ease-out;transform-style:preserve-3d;will-change:transform}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-18px) rotate(7deg)}}
.page-leave,.page-leave-back{animation-duration:.18s;animation-timing-function:cubic-bezier(.4,0,1,1);animation-fill-mode:both}.page-leave{animation-name:pageLeave}.page-leave-back{animation-name:pageLeaveBack}.page-turn{animation:pageTurn .46s cubic-bezier(.16,1,.3,1) both}.page-turn-back{animation:pageTurnBack .46s cubic-bezier(.16,1,.3,1) both}@keyframes pageLeave{to{opacity:0;transform:perspective(1000px) rotateY(-9deg) translateX(-20px) scale(.985)}}@keyframes pageLeaveBack{to{opacity:0;transform:perspective(1000px) rotateY(9deg) translateX(20px) scale(.985)}}@keyframes pageTurn{from{opacity:0;transform:perspective(1000px) rotateY(-9deg) translateX(20px) scale(.985)}to{opacity:1;transform:none}}@keyframes pageTurnBack{from{opacity:0;transform:perspective(1000px) rotateY(9deg) translateX(-20px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:900px){.cursor-dot{display:none}.topbar nav{display:none}.topbar nav.open{display:flex;position:absolute;top:74px;left:0;right:0;padding:25px;background:var(--ink);flex-direction:column}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:110px}.hero-photo{height:64vh}.about,.case,.milo-block,.menu-block,.motion-card,.contact{grid-template-columns:1fr}.childhood-grid{grid-template-columns:1fr 1fr}.about-copy{padding-top:0}.section-jumps a{grid-template-columns:50px 1fr}.section-jumps i{display:none}.poster-wall{grid-template-columns:1fr 1fr}.poster-card:nth-child(2){transform:none}.comadre-card{grid-template-columns:180px 1fr}.comadre-card>img{width:180px;height:180px}.photobook-intro{align-items:flex-start;flex-direction:column}.adaptive-viewer{padding-inline:68px}.adaptive-stage{height:64vw;min-height:400px}}
@media(max-width:600px){.topbar{height:64px}.brand-link span{display:none}.hero{padding-inline:22px}.hero h1{font-size:20vw}.floating-note,.floating-star{display:none}.about,.selection,.chapter,.contact{padding:82px 22px}.about-heading h2,.selection h2,.chapter-head h2{font-size:16vw}.childhood-grid{grid-template-columns:1fr}.memory:nth-child(n){transform:none}.memory img{height:360px}.case{display:block}.case-copy{margin-bottom:30px}.variant-strip,.poster-wall{grid-template-columns:1fr}.poster-card:nth-child(n){transform:none;margin-bottom:25px}.poster-card img{height:auto}.horizontal-gallery img{flex-basis:86vw;height:340px}.spread-viewer{width:110%;margin-left:-5%}.adaptive-viewer{padding:22px 50px 54px;min-height:330px}.adaptive-stage{height:75vw;min-height:260px}.viewer-prev,.viewer-next{width:44px;height:44px}.photo-ribbon img{flex-basis:78vw}.motion-card,.comadre-card{display:block}.motion-card>div,.comadre-copy{margin-top:25px}.comadre-card{padding-bottom:195px}.comadre-card>img{width:160px;height:160px}.contact{padding-bottom:130px}.contact footer{height:auto;min-height:86px;gap:12px;flex-wrap:wrap}.cursor-dot{display:none}}
@media(max-width:480px){.topbar{padding-inline:16px}.hero{min-height:auto;padding:98px 18px 72px}.hero-photo{height:54vh;transform:none}.hero-photo figcaption{font-size:9px}.about,.selection,.chapter,.contact{padding:64px 18px}.about-heading h2,.selection h2,.chapter-head h2{font-size:15vw}.about-copy,.editorial-copy p,.photobook-intro p,.comadre-copy p{font-size:17px}.round-link{width:104px;height:104px;font-size:11px}.section-jumps{margin-top:42px}.section-jumps a{min-height:76px;grid-template-columns:38px 1fr}.section-jumps span{font-size:1.55rem}.editorial-block{padding:58px 0}.chapter-head{margin-bottom:56px}.milo-design{padding:8px;box-shadow:9px 9px #7385be}.spread-viewer{width:calc(100% + 20px);margin-left:-10px}.adaptive-viewer{padding:16px 42px 48px;min-height:250px}.adaptive-stage{height:74vw;min-height:220px}.viewer-prev,.viewer-next{width:38px;height:38px;font-size:22px;top:44%}.viewer-count{right:4%;bottom:3%;font-size:9px;padding:7px 9px}.drag-hint{font-size:10px;line-height:1.4}.photobook-intro{margin:-22px 0 34px;gap:20px}.photo-ribbon{margin-top:42px;gap:14px}.photo-ribbon img{flex-basis:84vw;height:380px}.motion-card{padding:14px;box-shadow:10px 10px var(--ink)}.motion-card video{max-height:none}.comadre-card{padding:16px 16px 200px;box-shadow:10px 10px var(--ink)}.comadre-card>img{width:135px;height:135px}.comadre-card iframe{left:16px;right:16px;width:calc(100% - 32px)}.contact-logo{box-shadow:10px 10px var(--wine)}.contact-copy h2{font-size:17vw}.contact-links a{font-size:1rem;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}