500;600;700&family=Fraunces:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#294c3c;--cream:#faf7ef;--gold:#eed49c;--serif:'Fraunces',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ad7b36;outline-offset:5px}header{height:88px;padding:0 5%;display:flex;align-items:center;gap:28px;background:#faf7eff5;position:sticky;top:0;z-index:20;border-bottom:1px solid #294c3c15}.brand{font-family:var(--serif);font-size:30px;font-weight:600;letter-spacing:-1.5px;white-space:nowrap}.brand-icon{color:#957447;font-size:25px}.brand-dot{color:#bb8960;margin-left:3px}nav{display:flex;gap:25px;margin-left:auto;font-size:13px;font-weight:500}nav a{position:relative}nav a:hover:after{content:'';height:1px;background:var(--ink);position:absolute;bottom:-7px;left:0;width:100%}.search-btn,.menu{border:0;background:none;color:var(--ink);padding:8px}.menu{display:none}.skip{position:fixed;top:-100px;background:white;z-index:100;padding:12px}.skip:focus{top:0}.portal{height:210vh}.portal-sticky{position:sticky;top:88px;height:calc(100vh - 88px);overflow:hidden;background:#193c36}.portal-image{position:absolute;inset:0;background:url('/assets/door.webp') center 52%/cover;transform-origin:50% 55%;will-change:transform}.portal-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102c279e,transparent 80%),linear-gradient(0deg,#0d242a4a,transparent)}.hero-copy{position:absolute;top:15%;left:7%;max-width:720px;color:white;z-index:2}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;display:block;margin-bottom:22px}.hero-copy .eyebrow{color:#f8e1ae}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(48px,6.2vw,88px);letter-spacing:-3px}h2{font-size:clamp(38px,4.4vw,62px);letter-spacing:-2px}h3{font-size:26px;letter-spacing:-.6px}em{font-weight:400;color:#967549}h1 em{color:#f3dcac}.hero-copy p{font-size:17px;color:#fff8e9;margin:27px 0 32px}.button{display:inline-flex;align-items:center;gap:24px;background:var(--ink);color:white;border-radius:100px;padding:14px 26px;font-size:13px;font-weight:600;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button.pale{background:#f5e8cc;color:#264332}.scroll-hint{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);color:white;font-size:9px;letter-spacing:3px;display:flex;align-items:center;flex-direction:column;gap:5px;white-space:nowrap}.scroll-hint span{font-size:25px}.portal-arrival{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;opacity:0;text-align:center;pointer-events:none;background:#13393230}.portal-arrival h2{font-size:76px}.portal-arrival>span{font-size:40px;color:var(--gold)}.ribbon{display:flex;justify-content:center;align-items:center;gap:55px;padding:25px;background:#e8ecdc;font-size:12px;letter-spacing:.5px}.ribbon b{font-weight:400;color:#8b7847}.section{padding:100px 7%;max-width:1600px;margin:auto}.intro{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center}.intro p{max-width:470px;color:#68746b}.text-link{font-size:13px;font-weight:600;display:inline-block;border-bottom:1px solid #b6bcae;padding-bottom:5px;margin-top:16px}.intro figure{margin:0;transform:rotate(2deg);position:relative}.intro img{width:100%;height:auto;aspect-ratio:1.22;object-fit:cover;border-radius:48% 48% 8px 8px}.intro figcaption{font-family:var(--serif);font-style:italic;position:absolute;bottom:-22px;right:18px;background:#f0e2bd;padding:15px 23px;border-radius:2px;box-shadow:0 3px 9px #343b2412;transform:rotate(-5deg)}.statement{padding:90px 15%;background:#e9e2ef;text-align:center}.statement h2{font-size:clamp(40px,5vw,70px);max-width:950px;margin:auto}.statement p{font-size:14px;margin-top:30px;color:#655f70}.word-reveal span{transition:opacity .4s;opacity:.25}.word-reveal span.lit{opacity:1}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:55px}.section-top p{font-size:14px;color:#6a7569}.characters{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 24px}.char{text-align:center;display:block}.sprite{width:100%;aspect-ratio:1.05;background-image:var(--sheet);background-size:300% 300%;background-position:0% 0%;background-repeat:no-repeat;mix-blend-mode:multiply;transition:transform .4s}.view-1{background-position:50% 0%}.view-3{background-position:0% 50%}.view-6{background-position:0% 100%}.char .sprite{border-radius:50% 50% 42% 42%;background-color:var(--tint)}.char:hover .sprite{transform:translateY(-8px) rotate(-2deg)}.char h3{margin:18px 0 5px;font-size:24px}.char>span{font-size:11px;color:#6b756d}.book-section{background:#f0eadf;max-width:none}.products,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.product-art{height:370px;border-radius:8px 90px 8px 8px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e1e8cc}.product-art .sprite{width:80%;aspect-ratio:1.05}.product-art:before{content:'✦';position:absolute;right:15px;bottom:10px;font-size:150px;color:#fff6}.art-1{background:#d6e7e4}.art-2{background:#e7d9ec}.tag{position:absolute;top:18px;left:18px;background:#fff9e9;border-radius:100px;padding:6px 13px;font-size:10px;letter-spacing:1px}.art-label{position:absolute;bottom:20px;left:20px;right:20px;font-family:var(--serif);font-size:20px;text-align:center}.products small,.blog-grid small{font-size:10px;letter-spacing:1px;text-transform:uppercase;display:block;margin:22px 0 10px;color:#64705e}.products p,.blog-grid p{font-size:14px;color:#697267;max-width:360px}.family{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.family p{max-width:390px;color:#6b756b}.family-pair{background:#efe1db;border-radius:50% 50% 15% 15%;padding:50px 15px 20px;display:flex;align-items:end;position:relative}.family-pair .sprite{width:60%;flex-shrink:0}.family-pair .sprite:nth-child(2){width:45%;margin-left:-8%}.little-note{position:absolute;top:5%;right:-5%;background:#f4eccf;padding:15px 22px;transform:rotate(7deg);font-family:var(--serif);font-style:italic;line-height:1.3}.blog-art{display:block;background:var(--tint);border-radius:7px;position:relative;overflow:hidden;height:240px}.blog-art .sprite{width:75%;margin:0 auto;aspect-ratio:1.1}.blog-art>span{position:absolute;right:18px;top:10px;font-size:35px;color:#fff}.find-banner{text-align:center;color:#fff9ed;background:#254b3d;padding:85px 20px;position:relative;overflow:hidden}.find-banner:before,.find-banner:after{content:'❧';position:absolute;font-size:240px;color:#ffffff0c;left:0;top:0;transform:rotate(35deg)}.find-banner:after{left:auto;right:0;transform:rotate(-35deg)}.find-banner h2{font-size:48px}.find-banner p{font-size:14px;color:#e0e7d6;margin:25px 0}footer{padding:55px 7%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}footer p{font-size:12px;color:#72806e}footer div:not(:first-child){display:flex;flex-direction:column;gap:12px;font-size:12px}footer small{margin-top:20px;color:#71806d}.page-head{text-align:center;padding:80px 20px 55px;background:radial-gradient(ellipse at 50% 100%,#e8e2ef,transparent 65%),#f3efe3}.page-head h1{font-size:clamp(40px,5.5vw,72px);max-width:1000px;margin:auto}.page-head p{max-width:640px;margin:25px auto 0;color:#667568}.flourish{display:block;font-size:43px;color:#a78a55;margin-top:20px}.character-detail,.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.character-detail>.sprite{background-color:var(--tint);border-radius:45%;max-width:500px}.character-detail p,.product-detail p{color:#657463}.views{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.views button{border:1px solid #b4bfaa;border-radius:100px;padding:8px 13px;background:transparent;font-size:12px;color:var(--ink)}.views button:hover{background:#e5e9db}.availability{max-width:850px;text-align:center;padding-top:70px;padding-bottom:100px}.availability h2{font-size:36px}.availability p{color:#63735f}.article{max-width:760px;margin:60px auto 100px;padding:0 25px}.article h2{font-size:30px;margin:38px 0 15px;letter-spacing:-.6px}.article p{color:#53634f}.article .byline{font-size:12px}.article aside{background:#e8e5d9;padding:12px 30px 30px;margin:45px 0;border-radius:10px}dialog{width:min(620px,92vw);border:0;border-radius:18px;padding:40px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#173328aa;backdrop-filter:blur(6px)}dialog h2{font-size:32px;margin:10px 0 25px}dialog label{font-size:12px;display:block}dialog input{width:100%;border:1px solid #abb9a5;border-radius:8px;padding:12px;margin:10px 0 20px;background:white}.close{position:absolute;right:15px;top:8px;font-size:30px;border:0;background:none;color:var(--ink)}#results a{display:block;padding:12px;border-bottom:1px solid #d1d8c6;font-size:14px}
@media(min-width:1500px){.hero-copy{left:10%}.portal-image{background-position:center 55%}}@media(max-width:1050px){header{gap:15px;padding:0 4%}nav{gap:14px;font-size:11px}.brand{font-size:25px}.section{padding:75px 5%}.ribbon{gap:25px}.product-art{height:290px}.hero-copy{top:20%;left:6%}.characters{gap:30px 16px}}@media(max-width:760px){header{height:72px}.menu{display:block;margin-left:0}.search-btn{margin-left:auto}nav{display:none;position:absolute;top:72px;left:0;right:0;padding:25px;background:var(--cream);flex-direction:column;font-size:15px;gap:18px;border-bottom:1px solid #d4ddca}nav.open{display:flex}.portal-sticky{top:72px;height:calc(100svh - 72px)}.portal{height:180vh}.portal-image{background-position:50% 50%}.hero-copy{left:7%;right:7%;top:15%}.hero-copy h1{font-size:57px;letter-spacing:-2px}.hero-copy p{font-size:14px}.portal-shade{background:linear-gradient(0deg,#102c2755,#102c2777)}.portal-arrival h2{font-size:48px}.portal-arrival p{padding:0 30px}.ribbon{padding:18px 20px;gap:18px;font-size:10px}.ribbon span:last-of-type,.ribbon b:last-child{display:none}.section{padding:65px 6%}.intro,.family,.character-detail,.product-detail{grid-template-columns:1fr;gap:45px}.intro img{aspect-ratio:1.3}.intro figure{margin:0 15px 20px}.statement{padding:65px 8%}.statement h2{font-size:44px}.section-top{display:block;margin-bottom:35px}.section-top h2{font-size:42px}.characters{grid-template-columns:repeat(2,1fr);gap:30px 18px}.char h3{font-size:23px}.products,.blog-grid{grid-template-columns:1fr;gap:45px}.product-art{height:360px;max-width:420px}.product-art .sprite{max-width:300px}.products article,.blog-grid article{max-width:460px;margin:auto;width:100%}.family-pair{margin:0 18px}.family h2{font-size:50px}.blog-art{height:290px}.blog-art .sprite{max-width:290px}.find-banner h2{font-size:37px}.find-banner{padding:65px 25px}footer{grid-template-columns:1fr 1fr;padding:45px 6%}footer>div:first-child{grid-column:1/-1}.page-head{padding:55px 20px 40px}.page-head h1{letter-spacing:-1.5px}.page-head p{font-size:14px}.product-detail .product-art{width:100%}.character-detail>.sprite{width:100%}dialog{padding:30px 22px}h2{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.portal{height:calc(100svh - 72px)}.portal-sticky{position:relative;top:0}.portal-image{transform:none!important}.hero-copy{opacity:1!important}.portal-arrival{display:none}.word-reveal span{opacity:1}}

.view-0{background-position:0% 0%}.view-1{background-position:50% 0%}.view-2{background-position:100% 0%}.view-3{background-position:0% 50%}.view-4{background-position:50% 50%}.view-5{background-position:100% 50%}.view-6{background-position:0% 100%}.view-7{background-position:50% 100%}.view-8{background-position:100% 100%}