:root{--ink:#2d2a3b;--muted:#777b82;--blue:#ddecf0;--paper:#fffefa;--pink:#cc6995}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:14px;font-weight:650;letter-spacing:.07em}.brand span{margin-left:8px;color:#8d929a}.header-play{font-size:13px;font-weight:650;display:flex;gap:9px;align-items:center;padding:12px 19px;border:1px solid #d7dbdd;border-radius:99px}.header-play svg{width:13px;fill:currentColor}body{background:linear-gradient(var(--blue),var(--blue)) no-repeat;background-size:100% 864px;background-color:var(--paper)}.hero{display:grid;grid-template-columns:.86fr 1.14fr;gap:58px;align-items:center;min-height:720px;padding-block:20px 75px}.hero-copy{padding-bottom:6px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.16em;display:flex;gap:8px;align-items:center}.eyebrow span{width:6px;height:6px;background:var(--pink);border-radius:50%}h1{margin:22px 0 30px}h1 img{display:block;width:100%;height:auto}.hero-line{font-size:clamp(28px,3.2vw,43px);font-weight:700;line-height:1.6;letter-spacing:.015em;margin:0 0 17px}.hero-description{font-size:14px;line-height:1.9;color:#606770;margin:0 0 27px}.play-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--ink);color:white;border-radius:99px;padding:21px 30px;min-width:236px;font-size:16px;font-weight:650;transition:background .2s,transform .2s}.play-button:hover{background:#454052;transform:translateY(-2px)}.play-button svg{width:18px;height:20px;fill:currentColor}.play-button>span{font-size:18px;margin-left:15px;font-weight:400;color:#c9c7d0}.play-note{font-size:11px;color:#747a82;margin:14px 0 0;letter-spacing:.03em}.hero-visual{padding-top:30px}.scene{overflow:hidden;border:1.5px solid var(--ink);border-radius:22px;background:white}.scene-image{position:relative;aspect-ratio:1.5;overflow:hidden}.scene-image>img{width:100%;height:100%;object-fit:cover;display:block}.scene-tag,.topic{position:absolute;top:14px;border-radius:7px;background:#fffefaee;padding:8px 10px;font-weight:650;font-size:11px;line-height:1.2}.scene-tag{left:14px}.topic{right:14px;display:flex;gap:7px;align-items:center;padding:5px 7px}.topic b{font-size:10px;font-weight:650;background:var(--pink);color:white;border-radius:4px;padding:4px 5px}.speech{border-top:1.5px solid var(--ink);position:relative;text-align:center;padding:20px 12px}.speech p{font-size:clamp(13px,1.4vw,19px);font-weight:600;line-height:1.7;margin:0}.tail{width:23px;height:23px;position:absolute;right:28%;top:-13px;transform:rotate(45deg);background:white;border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink)}.look-picker{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:22px}.picker-label{font-size:11px;margin-right:8px;color:#6d767c}.look{border:1px solid transparent;background:transparent;color:#687078;font-size:11px;padding:9px 13px;border-radius:99px}.look.active{background:#fffefa;color:var(--ink);border-color:#fff}.visual-note{text-align:center;font-size:11px;color:#78828a;margin:14px 0 0}.intro-strip{background:var(--paper);border-bottom:1px solid #e7e8e6;border-top:1px solid #e7e8e6}.intro-strip>.wrap{display:flex;align-items:center;justify-content:center;gap:28px;position:relative;height:96px;font-size:14px;letter-spacing:.09em}.intro-dot{color:var(--pink)}.intro-strip a{position:absolute;right:0;font-size:22px;font-weight:300}.collections{padding-block:105px 100px}.section-heading{margin-bottom:55px}.section-heading .eyebrow{color:#96989b}h2{font-size:33px;line-height:1.5;letter-spacing:.01em;margin:15px 0 18px}.section-heading>p:last-child{font-size:14px;color:var(--muted);line-height:2}.feature{border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:555px;margin-top:30px;align-items:center}.feature-talks{background:#f5f1e5}.feature-copy{padding:58px}.feature-label{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:650}.feature-label svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.yellow{color:#a58022}.pink{color:#b75e87}h3{font-size:31px;line-height:1.65;letter-spacing:.015em;margin:22px 0}.big-number{font-size:1.38em;letter-spacing:-.05em;margin-inline:5px;font-weight:700}.feature-copy>p{font-size:13px;color:#727276;line-height:2.1}.feature-copy .small-note{font-size:11px;margin-top:25px;color:#89837a}.talk-preview{height:555px;overflow:hidden;padding-top:48px;display:flex;justify-content:center;align-items:flex-start}.talk-preview img{width:310px;height:auto;border-radius:20px;transform:rotate(4deg);box-shadow:0 15px 50px #67533214}.feature-couples{background:#f7edf0}.unlock-note{border-top:1px solid #dccbd2;padding-top:20px;margin-top:25px;font-size:11px!important}.unlock-note span{color:#b75e87;margin-right:6px}.couple-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:42px 42px 42px 0}.couple-grid figure{margin:0;background:#fffefa;border-radius:13px;overflow:hidden}.couple-grid img{display:block;aspect-ratio:1.65;width:100%;object-fit:cover}.couple-grid figcaption{font-size:10px;padding:10px 12px;color:#61606d}.locked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #dfd4d8;border-radius:13px;color:#9e939a;min-height:140px}.locked svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4}.locked span{font-size:11px;text-align:center;line-height:1.8}.guides{padding:64px 0 74px;background:#f0f3f3}.guide-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.guide-heading h2{font-size:22px;margin:0}.guide-heading span{color:#8b9094;font-size:11px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.guide-grid button{padding:0;border:none;background:transparent;overflow:hidden;border-radius:14px;transition:transform .2s}.guide-grid button:hover{transform:translateY(-5px)}.guide-grid img{display:block;width:100%;height:auto}.closing{text-align:center;padding-block:95px 80px}.closing .eyebrow{justify-content:center;color:#929399}.closing h2{font-size:40px;margin:15px 0 30px}.closing .play-note{margin-top:19px}.closing details{text-align:left;max-width:600px;margin:54px auto 0;border-block:1px solid #e3e4e2;padding:20px 0;font-size:12px;color:#85838a}.closing summary{cursor:pointer;color:#6d6c77}.closing details p{font-size:11px;line-height:2}.site-footer{border-top:1px solid #e3e4e2;padding-block:30px;display:flex;justify-content:space-between;align-items:center;color:#94929a;font-size:10px}.site-footer a{font-weight:600;color:#5a5866}dialog{padding:0;border:0;background:transparent;max-width:95vw;max-height:94dvh;overflow:visible}dialog::backdrop{background:#25232ad9;backdrop-filter:blur(8px)}dialog>img{display:block;height:89dvh;width:auto;max-width:92vw;object-fit:contain;border-radius:12px}.close-dialog{position:absolute;right:8px;top:8px;display:grid;place-items:center;background:#fffefaed;color:var(--ink);border:none;width:40px;height:40px;border-radius:50%;font-size:26px}
@media(min-width:1500px){body{background-size:100% 864px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:30px}.feature-copy{padding:38px}h3{font-size:27px}.couple-grid{padding-right:28px;gap:10px}.guide-grid{gap:14px}}
@media(max-width:700px){body{background-size:100% 920px}.wrap{width:calc(100% - 40px)}.site-header{height:72px}.brand{font-size:11px}.header-play{font-size:11px;padding:10px 14px}.hero{display:flex;flex-direction:column;gap:27px;padding:23px 0 38px;min-height:0}.hero-copy{text-align:center;width:100%;display:contents}.hero .eyebrow{justify-content:center;order:0;margin:0;font-size:9px}h1{order:1;width:min(360px,100%);margin:-8px auto -3px}.hero-line{order:2;font-size:27px;line-height:1.5;margin:-4px 0 -5px}.hero-description{display:none}.hero-visual{order:3;width:100%;padding:0}.hero-copy>.play-button{order:4;padding:18px 28px;font-size:14px;margin-top:-3px;min-width:240px}.hero-copy>.play-note{order:5;margin:-16px 0 0;font-size:10px}.scene{border-radius:16px}.scene-tag,.topic{top:10px;font-size:9px}.scene-tag{left:10px;padding:7px 8px}.topic{right:10px}.topic b{font-size:8px}.speech{padding:19px 6px}.speech p{font-size:12px}.tail{width:19px;height:19px;top:-11px}.look-picker{margin-top:13px;gap:3px}.look{font-size:10px;padding:8px 11px}.picker-label{font-size:10px;margin-right:6px}.visual-note{font-size:9px;margin-top:9px}.intro-strip>.wrap{height:76px;font-size:11px;gap:14px}.intro-strip a{font-size:18px}.collections{padding-block:65px 54px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:26px}.section-heading>p:last-child{font-size:12px}.feature{grid-template-columns:1fr;border-radius:22px;margin-top:20px;min-height:0}.feature-copy{padding:32px 27px 20px}.feature-label{font-size:11px}h3{font-size:27px;line-height:1.55;margin:17px 0}.feature-copy>p{font-size:12px}.feature-copy .small-note{font-size:10px;margin-top:17px}.talk-preview{height:370px;padding-top:12px}.talk-preview img{width:246px;border-radius:15px}.couple-grid{padding:10px 24px 28px;gap:10px}.couple-grid figcaption{font-size:9px;padding:8px 9px}.locked{min-height:120px}.locked span{font-size:10px}.feature-copy .unlock-note{font-size:10px!important;padding-top:15px;margin-top:20px}.guides{padding:38px 0 42px}.guide-heading{align-items:flex-start;gap:15px;margin-bottom:22px}.guide-heading h2{font-size:17px;max-width:220px}.guide-heading span{font-size:9px;white-space:nowrap;padding-top:5px}.guide-grid{grid-template-columns:repeat(2,1fr);gap:12px}.guide-grid button{border-radius:10px}.closing{padding-block:60px 45px}.closing h2{font-size:31px}.closing .play-note{font-size:9px}.closing details{margin-top:36px;font-size:11px}.site-footer{gap:18px;align-items:flex-start;flex-direction:column;padding-block:24px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:700px){.guide-heading{display:block}.guide-heading h2{max-width:none;font-size:16px}.guide-heading>span{display:block;margin-top:8px;padding:0}}

/* Fullscreen guide gallery */
body:has(#image-dialog[open]){overflow:hidden}
#image-dialog{max-height:96dvh}
#image-dialog>img{height:82dvh;max-width:92vw;user-select:none;-webkit-user-drag:none;touch-action:pan-y pinch-zoom}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:14px 0 0;color:white}
.gallery-controls button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff40;background:#ffffff16;color:white;font-size:23px;transition:background .15s}
.gallery-controls button:hover{background:#ffffff30}
.gallery-count{font-size:13px;min-width:45px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.08em}
@media(max-width:700px){.guide-heading h2{font-size:16px;line-height:1.7;text-wrap:balance}.closing h2{font-size:29px}#image-dialog>img{height:auto;max-height:80dvh;width:min(92vw,450px)}.gallery-controls{padding-top:12px}}