@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--pink:#ff69b4;--pink-dark:#d83f91;--blue:#add8e6;--cream:#fffdd0;--ink:#25202a;--muted:#736b76;--line:#e8dfe7;--paper:#fffdfb;--soft:#fff0f7;--lav:#f4eafa;--green:#91b99d;--mono:'DM Mono',monospace;--sans:'Manrope','Noto Sans SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:absolute;left:-999px;top:0;background:#fff;padding:8px;z-index:100}.skip-link:focus{left:8px}.site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(255,253,251,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{height:100%;max-width:1220px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;line-height:1.2;flex-shrink:0}.brand small{display:block;color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:0;margin-top:4px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--pink);color:white;font-family:var(--mono);font-size:19px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.primary-nav{display:flex;align-items:center;justify-content:center;gap:25px;margin-left:auto}.primary-nav a{font-size:12px;color:#514952;white-space:nowrap}.primary-nav a:hover,.text-link:hover,.arrow-link:hover{color:var(--pink-dark)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:0 22px;background:var(--pink);color:#fff;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:700;font-size:13px;cursor:pointer;transition:transform .16s,box-shadow .16s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button-small{min-height:38px;padding:0 16px;font-size:12px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px}.hero{max-width:1220px;margin:0 auto;padding:84px 28px 74px;display:grid;grid-template-columns:1fr 1.06fr;gap:65px;align-items:center;position:relative}.hero-copy{max-width:530px}.eyebrow{font:500 10px/1.5 var(--mono);letter-spacing:0;color:var(--pink-dark);margin:0 0 14px}.pixel-heart{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:6px;background:var(--pink);color:white;border:1px solid var(--ink);font-size:13px;vertical-align:middle}.hero h1{font-size:clamp(43px,5vw,67px);line-height:1.13;margin:0 0 19px;letter-spacing:0;font-weight:800}.hero-lead{font-size:20px;line-height:1.55;font-weight:700;max-width:470px;margin:0 0 13px}.hero-text{max-width:510px;color:var(--muted);font-size:14px;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px}.text-link,.arrow-link{font-size:12px;font-weight:700}.text-link span{padding-left:5px}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:30px;padding-top:14px;color:var(--muted);font:10px var(--mono)}.hero-visual{position:relative;padding:12px;background:#fff;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--pink)}.hero-visual>img{display:block;width:100%;aspect-ratio:1.735;object-fit:cover}.image-caption{display:flex;align-items:center;gap:9px;padding:11px 3px 0;font:10px var(--mono);color:var(--muted)}.caption-dot{width:8px;height:8px;background:var(--green);border:1px solid var(--ink);border-radius:50%}.sticker{position:absolute;right:-22px;top:-24px;background:var(--cream);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:9px 12px;font:10px/1.3 var(--mono);transform:rotate(5deg)}.sticker span{color:var(--pink-dark)}.hero-window-label{position:absolute;right:28px;top:25px;font:9px var(--mono);color:#998e98}.window-dots{display:inline-flex;gap:4px;margin-right:9px}.window-dots i{width:6px;height:6px;border:1px solid var(--pink-dark);display:block}.fact-strip{background:var(--soft);border-top:1px solid #f2d3e4;border-bottom:1px solid #f2d3e4;display:grid;grid-template-columns:repeat(4,1fr);padding:20px max(28px,calc((100% - 1164px)/2));gap:18px}.fact-strip>div{padding-left:20px;border-left:1px solid #eac9dc}.fact-label{display:block;color:var(--muted);font:9px var(--mono);margin-bottom:3px}.fact-strip strong{font-size:12px}.section{max-width:1164px;margin:0 auto;padding:88px 28px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}.section-heading h2,.highlight-copy h2,.friends-heading h2,.update-section h2{font-size:34px;line-height:1.25;letter-spacing:0;margin:0}.section-heading>p{max-width:480px;color:var(--muted);font-size:13px;margin:0}.intro-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:28px}.image-frame{margin:0;position:relative;background:#eee}.image-frame img{width:100%;height:100%;min-height:310px;max-height:390px;display:block;object-fit:cover}.image-frame figcaption{position:absolute;bottom:0;left:0;right:0;padding:13px 16px;background:rgba(37,32,42,.8);color:#fff;font-size:10px}.summary-panel{background:var(--cream);border:1px solid #e9e1ad;padding:36px 40px}.panel-index{font:9px var(--mono);color:#8c8051}.summary-panel h3{font-size:23px;line-height:1.35;margin:13px 0}.summary-panel p{color:#595343;font-size:12px}.arrow-link{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid var(--pink);padding:7px 0}.arrow-link span{font-size:18px;color:var(--pink-dark)}.works-section{padding-top:36px}.work-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:18px}.work-card{border:1px solid var(--line);background:white;min-width:0}.work-image{position:relative;background:#eee;overflow:hidden}.work-image img{width:100%;height:204px;display:block;object-fit:cover;transition:transform .3s}.work-card:hover .work-image img{transform:scale(1.03)}.work-tag{position:absolute;top:12px;left:12px;background:var(--cream);border:1px solid var(--ink);padding:3px 8px;font:9px var(--mono)}.work-body{padding:18px 20px 21px}.work-title-row{display:flex;justify-content:space-between;align-items:center}.work-title-row h3{font-size:18px;margin:0}.work-no{font:10px var(--mono);color:var(--pink-dark)}.work-body p{font-size:11px;color:var(--muted);min-height:62px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}.steps-grid article{padding:23px 22px 24px 0;margin-right:22px;border-right:1px solid var(--line)}.steps-grid article:last-child{border:0;margin:0}.step-num{font:11px var(--mono);color:var(--pink-dark)}.steps-grid h3{font-size:15px;margin:12px 0 7px}.steps-grid p{font-size:11px;color:var(--muted);margin:0}.button-outline{background:transparent;color:var(--ink);box-shadow:3px 3px 0 var(--pink);border-color:var(--ink)}.button-outline:hover{box-shadow:1px 1px 0 var(--pink)}.highlight-section{display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center;padding-top:30px}.highlight-image{position:relative}.highlight-image:before{content:'';position:absolute;inset:12px -12px -12px 12px;background:var(--blue);z-index:-1}.highlight-image img{display:block;width:100%;height:350px;object-fit:cover}.highlight-copy h2{font-size:31px}.highlight-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:16px 0}.directory-section{padding-top:50px}.resource-list{border-top:1px solid var(--line)}.resource-list>a{display:grid;grid-template-columns:44px 1fr 30px;align-items:center;gap:15px;padding:15px 7px;border-bottom:1px solid var(--line);transition:background .15s}.resource-list>a:hover{background:var(--soft)}.resource-icon{width:32px;height:32px;display:grid;place-items:center;background:var(--lav);border:1px solid #dec8ea;font:13px var(--mono)}.resource-list strong{display:block;font-size:13px}.resource-list small{display:block;color:var(--muted);font-size:10px}.resource-arrow{color:var(--pink-dark);font-size:19px;text-align:center}.update-section{background:var(--soft);max-width:none;padding-left:max(28px,calc((100% - 1108px)/2));padding-right:max(28px,calc((100% - 1108px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px}.update-section h2{font-size:29px}.update-section p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:650px}.faq-preview .section-heading{align-items:center}.faq-preview details{border-top:1px solid var(--line);padding:16px 4px}.faq-preview details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:13px;font-weight:700}details p{font-size:12px;color:var(--muted);margin:10px 0 0}.friends-section{border-top:1px solid var(--line);padding-top:46px;padding-bottom:60px}.friends-heading{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.friends-heading .eyebrow{width:100%;margin-bottom:-14px}.friends-heading h2{font-size:22px}.friends-heading>p:last-child{font-size:11px;color:var(--muted)}.friend-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.friend-links a{display:flex;justify-content:space-between;gap:25px;padding:9px 12px;border:1px solid var(--line);background:#fff;font-size:11px}.friend-links a:hover{border-color:var(--pink)}.friend-links span{color:var(--pink-dark)}.site-footer{background:#27222b;color:#fff;padding:30px max(28px,calc((100% - 1164px)/2)) 18px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:23px;border-bottom:1px solid #48414b}.footer-top .brand small{color:#bfb5c0}.footer-top>p{color:#c9c0ca;font-size:10px;margin:0}.footer-top .button{border-color:#fff;box-shadow:3px 3px 0 var(--pink)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;color:#bfb5c0;font-size:9px}.footer-bottom nav{display:flex;gap:17px}.page-hero{background:var(--soft);border-bottom:1px solid #f2d3e4;padding:58px max(28px,calc((100% - 1108px)/2)) 48px}.page-hero h1{font-size:43px;line-height:1.2;margin:0 0 12px}.page-hero p:last-child{max-width:690px;color:var(--muted);font-size:13px;margin:0}.breadcrumbs{font:9px var(--mono);color:var(--muted);margin:0 0 18px}.breadcrumbs a{color:var(--pink-dark)}.page-content{max-width:940px;padding-top:50px;padding-bottom:70px}.page-content h2{font-size:24px;line-height:1.35;margin:40px 0 12px}.page-content h3{font-size:17px;margin:24px 0 8px}.page-content p,.page-content li{font-size:13px;color:#554e58}.page-content ul,.page-content ol{padding-left:22px}.page-content li{padding:3px 0}.info-table{width:100%;border-collapse:collapse;margin:20px 0;background:white}.info-table th,.info-table td{padding:12px 14px;border:1px solid var(--line);text-align:left;font-size:12px;vertical-align:top}.info-table th{width:180px;background:var(--soft)}.notice{padding:15px 18px;background:var(--cream);border-left:3px solid var(--pink-dark);font-size:12px;margin:22px 0}.page-end{margin-top:38px;padding:20px 0;border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;flex-wrap:wrap}.page-end time{font:10px var(--mono);color:var(--muted)}.question-list details{border-top:1px solid var(--line);padding:17px 2px}.question-list details:last-child{border-bottom:1px solid var(--line)}.question-list summary{font-size:14px}.age-note{font-size:10px!important;color:#827a83!important}
@media(max-width:900px){.header-inner{gap:18px}.primary-nav{gap:14px}.primary-nav a{font-size:11px}.hero{gap:35px;padding-top:70px}.work-grid{grid-template-columns:repeat(2,1fr)}.work-card:first-child{grid-column:span 2}.work-card:first-child .work-image img{height:270px}.steps-grid{grid-template-columns:repeat(2,1fr)}.steps-grid article:nth-child(2){border-right:0}.steps-grid article:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:680px){body{font-size:14px}.site-header{height:64px}.header-inner{padding:0 17px;gap:12px}.brand{font-size:14px}.brand-mark{width:31px;height:31px}.header-inner>.button{margin-left:auto}.menu-toggle{display:block;order:3}.primary-nav{display:none;position:absolute;top:63px;left:0;right:0;background:var(--paper);padding:13px 20px 20px;border-bottom:1px solid var(--line);box-shadow:0 8px 15px #25202a12;align-items:stretch}.primary-nav.is-open{display:flex;flex-direction:column;gap:0}.primary-nav a{padding:11px 2px;border-bottom:1px solid var(--line);font-size:13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:46px 20px 48px;gap:32px}.hero-window-label{top:15px;right:20px;font-size:8px}.hero h1{font-size:43px}.hero-lead{font-size:18px}.hero-text{font-size:13px}.hero-meta{font-size:9px}.hero-visual{margin-right:8px}.sticker{right:-13px;top:-17px;font-size:8px}.fact-strip{grid-template-columns:repeat(2,1fr);padding:17px 20px;gap:15px}.fact-strip>div{padding-left:11px}.fact-strip strong{font-size:11px}.section{padding:58px 20px}.section-heading{display:block;margin-bottom:23px}.section-heading h2,.highlight-copy h2,.friends-heading h2{font-size:28px}.section-heading>p{margin-top:12px;font-size:12px}.intro-grid{grid-template-columns:1fr;gap:0}.image-frame img{height:auto;min-height:0;aspect-ratio:1.45}.summary-panel{padding:25px 24px}.works-section{padding-top:18px}.work-grid{grid-template-columns:1fr;gap:14px}.work-card:first-child{grid-column:auto}.work-card:first-child .work-image img,.work-image img{height:auto;aspect-ratio:1.65}.work-body p{min-height:0}.steps-grid{grid-template-columns:1fr 1fr}.steps-grid article{padding:17px 13px 18px 0;margin-right:12px}.steps-grid h3{font-size:13px}.steps-grid p{font-size:10px}.highlight-section{grid-template-columns:1fr;gap:30px;padding-top:22px}.highlight-image img{height:auto;aspect-ratio:1.5}.directory-section{padding-top:20px}.resource-list>a{grid-template-columns:37px 1fr 23px;gap:10px;padding:13px 2px}.resource-list small{font-size:9px}.update-section{display:block;padding-left:20px;padding-right:20px}.update-section .button{margin-top:10px}.faq-preview .section-heading{display:flex;align-items:flex-end}.faq-preview .section-heading h2{font-size:26px}.faq-preview .section-heading>.arrow-link{margin-top:0}.friends-heading{display:block}.friends-heading .eyebrow{margin-bottom:4px}.friends-heading>p:last-child{margin:8px 0}.friend-links{display:grid;grid-template-columns:1fr 1fr}.site-footer{padding:25px 20px 15px}.footer-top{align-items:flex-start;flex-wrap:wrap}.footer-top>p{order:3;width:100%}.footer-top .button{margin-left:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:9px}.page-hero{padding:39px 20px 35px}.page-hero h1{font-size:35px}.page-hero p:last-child{font-size:12px}.page-content{padding-top:33px;padding-bottom:50px}.page-content h2{font-size:21px;margin-top:31px}.info-table th,.info-table td{padding:9px 8px;font-size:10px}.info-table th{width:115px}.page-end{align-items:flex-start}.page-end .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
