/* Cream & sage / spatial edition. Shared by all four existing pages. */
:root { --max: 1264px; --gutter: clamp(22px, 5vw, 76px); --header-h: 90px; --bamboo-deep: #536843; --line: rgba(65, 77, 49, .15); }
body { background: var(--beige); color: #343d2e; }
::selection { background: #b4c6a1; color: #273221; }
html { scroll-behavior: smooth; }
.site-header { background: rgba(253,247,235,.82); border-bottom: 1px solid var(--line); box-shadow: none; }
.site-header.is-scrolled { background: rgba(253,247,235,.93); }
.brand { gap: 11px; }
.brand__mark { width: 39px; }
.brand__name { font-size: 1.1rem; letter-spacing: -.05em; }
.brand__sub { display: block; font-family: Arial, sans-serif; font-size: 9px; letter-spacing: .17em; line-height: 1; margin-top: 8px; }
.gnb__list { gap: 18px; }
.gnb__link { padding-inline: 17px; font-size: 13px; }
.gnb__link[aria-current="page"] { background: #e2e7d6; box-shadow: inset 0 1px 1px #fff8; }
.eyebrow { display: flex; align-items: center; gap: 10px; font: 600 10px/1.5 Arial, sans-serif; letter-spacing: .18em; color: var(--bamboo-deep); }
.status-dot { width: 7px; height: 7px; flex: none; background: #849c65; border-radius: 50%; box-shadow: 0 0 0 5px #81986215; }
.btn { min-height: 58px; font-size: 13px; padding-inline: 26px; }
.btn--solid { background: linear-gradient(130deg, #576b42, #333f2b); box-shadow: inset 0 1px 1px #ffffff38, 0 7px 0 -4px #26341f, 0 14px 28px -14px #4d663c70; }
.btn--solid:hover { background: linear-gradient(130deg, #647c4c, #333f2b); }
.btn__arrow { margin-left: 26px; font-size: 21px; }
.hero--motion { display: block; background: transparent; min-height: min(810px, calc(100svh - var(--header-h))); padding: 0; position: relative; }
.hero__layout { min-height: inherit; display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; padding-top: 52px; }
.hero__copy { position: relative; z-index: 2; padding-bottom: 72px; }
.hero__title { font-size: clamp(42px, 5.65vw, 82px); line-height: 1.26; letter-spacing: -.075em; margin-top: 31px; }
.hero__accent { color: #75895b; background: linear-gradient(140deg, #46593d 0%, #8fa776 85%); background-clip: text; -webkit-text-fill-color: transparent; }
.hero__desc { font-size: clamp(13px, 1.03vw, 15px); font-weight: 300; line-height: 1.95; margin-top: 26px; color: #626857; }
.hero__actions { margin-top: 30px; align-items: center; gap: 28px; }
.hero__text-link { font-size: 13px; display: inline-flex; gap: 16px; align-items: center; border-bottom: 1px solid #88977880; padding-block: 10px 7px; }
.hero__text-link span { transition: transform .3s; }.hero__text-link:hover span { transform: translateX(5px); }
.hero__signature { display: flex; gap: 17px; margin-top: 38px; font-size: 9px; font-weight: 300; color: #707962; }
.hero__signature span + span::before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #9eab8d; margin-right: 17px; vertical-align: middle; }
.hero__visual { align-self: stretch; min-width: 0; position: relative; margin: -25px -45px 32px -60px; }
.world { position: relative; width: 100%; height: 530px; isolation: isolate; }
.hero__visual .world { height: 100%; min-height: 570px; }
.world canvas { width: 100%; height: 100%; display: block; position: absolute; inset: 0; z-index: 1; opacity: 0; transition: opacity .8s; }
.world[data-state="ready"] canvas { opacity: 1; }
.world__halo { position: absolute; inset: 12% 9% 16%; border-radius: 50%; background: radial-gradient(ellipse at 42% 35%, #e2e9d5 0%, #d5dfc499 40%, #e8ebd966 60%, #fdf7eb00 72%); z-index: -2; }
.world__guide { position: absolute; border: 1px solid #83916d24; inset: 14% 10% 15%; border-radius: 50%; transform: rotate(-24deg) scaleY(.85); z-index: -1; }
.world__guide::after { content: ''; position: absolute; inset: -24px; border: 1px solid #83916d14; border-radius: 50%; }
.world__fallback { position: absolute; inset: 12% 20%; display: grid; place-items: center; filter: drop-shadow(0 24px 24px #4f644533); transition: opacity .4s; }
.world__fallback img { max-height: 100%; width: 100%; }
.world[data-state="ready"] .world__fallback { opacity: 0; }
.orbit-label { position: absolute; z-index: 2; display: flex; align-items: center; gap: 12px; padding: 15px 20px; border-radius: 18px; background: #fffcf2bd; border: 1px solid #ffffffbb; box-shadow: 0 14px 32px -22px #4c5a4180; backdrop-filter: blur(16px); font-size: 10px; font-weight: 300; line-height: 1.8; animation: label-float 7s ease-in-out infinite; }
.orbit-label strong { font-weight: 500; }
.orbit-label--top { top: 12%; right: 9%; transform: rotate(5deg); }
.orbit-label__icon { color: #6f8754; font-size: 29px; }
.visual-caption { position: absolute; bottom: 4%; left: 50%; transform: translateX(-50%); width: max-content; font: 9px/1.5 Arial, sans-serif; letter-spacing: .2em; color: #859175; }
@keyframes label-float { 50% { translate: 0 -10px; rotate: -2deg; } }
.hero__foot { grid-column: 1/-1; display: flex; justify-content: space-between; align-items: center; padding: 24px 0; border-top: 1px solid var(--line); font: 10px/1.5 Arial, sans-serif; letter-spacing: .12em; color: #7b836e; }
.hero__foot a { font: 10px/1.5 var(--font); letter-spacing: 0; display: flex; gap: 14px; }
.hero__foot a span { font: 19px/1 Arial; color: #455a37; }
.study-marquee { overflow: hidden; padding: 35px 0 42px; margin: 12px 0 0; border-block: 1px solid var(--line); background: #e7ecdcbc; }
.study-marquee__track { display: flex; gap: .26em; white-space: pre; width: max-content; font: 800 clamp(40px, 7.2vw, 106px)/1.1 Arial, sans-serif; letter-spacing: -.065em; color: #647952; will-change: transform; transform: translateX(-100px); }
.study-marquee__track span { color: transparent; -webkit-text-stroke: 1px #80906d; }
.collection { padding-top: 114px; padding-bottom: 110px; }
.section-intro { margin-bottom: 48px; }
.section-intro h2 { font-size: clamp(27px, 3.35vw, 47px); line-height: 1.5; letter-spacing: -.065em; margin: 20px 0 20px; }
.section-intro h2 span { color: #849071; }
.section-intro > p:last-child { color: var(--ink-soft); font-weight: 300; font-size: 13px; }
.collection__stack { position: relative; padding-bottom: 60px; }
.collection-card { position: sticky; top: calc(115px + var(--card-index) * 24px); display: grid; grid-template-columns: 1fr 1fr; min-height: 460px; border-radius: 34px; overflow: hidden; background: #e1e8d7; border: 1px solid #c3cdb785; box-shadow: 0 24px 55px -38px #46553870; margin-bottom: 36px; transform-origin: 50% 0; transform: scale(var(--stack-scale, 1)); }
.collection-card--sand { background: #eee4ce; border-color: #d9c9a9; }
.collection-card--forest { background: #3e4b34; color: #fff7e6; border-color: #3e4b34; }
.collection-card__copy { padding: 38px 0 40px 46px; display: flex; flex-direction: column; align-items: flex-start; z-index: 2; }
.collection-card__meta { display: flex; align-items: center; gap: 30px; width: 100%; font: 10px/1.5 Arial, sans-serif; letter-spacing: .12em; opacity: .75; }
.collection-card__meta span:first-child { font-weight: 700; }
.collection-card h3 { font-size: clamp(25px, 2.9vw, 39px); line-height: 1.5; letter-spacing: -.06em; margin: 44px 0 17px; }
.collection-card__copy > p { font-size: 12px; line-height: 1.9; font-weight: 300; opacity: .75; }
.collection-card__link { display: flex; gap: 22px; justify-content: space-between; align-items: center; border-bottom: 1px solid currentColor; font-size: 12px; padding: 18px 0 8px; margin-top: auto; }
.collection-card__link span { font: 25px/1 Arial; transition: transform .3s; }.collection-card__link:hover span { transform: translate(3px, -3px); }
.edition-art { position: relative; min-height: 420px; display: grid; place-items: center; perspective: 1200px; isolation: isolate; }
.edition-art__orbit { position: absolute; width: 320px; height: 320px; border: 1px solid #6d805637; border-radius: 50%; transform: rotateX(58deg) rotate(-22deg); }
.edition-art__pearl { position: absolute; width: 46px; height: 46px; top: 24%; right: 12%; border-radius: 50%; background: radial-gradient(circle at 30% 25%, #faffee, #b6c3a1 45%, #6a8050); box-shadow: 8px 14px 16px #5b704726; animation: label-float 6s ease-in-out infinite; }
.edition-art__shadow { position: absolute; width: 200px; height: 42px; border-radius: 50%; background: #4b5d343f; filter: blur(17px); bottom: 11%; z-index: -1; transform: rotate(-12deg); }
.edition-book { --cover: #d7e2c6; --cover-ink: #3d4d32; width: 190px; height: 262px; position: relative; transform-style: preserve-3d; transform: rotateX(12deg) rotateY(-28deg) rotateZ(-9deg); animation: book-hover 8s ease-in-out infinite; }
.edition-art--sand .edition-book { --cover: #eee1be; --cover-ink: #62563b; animation-delay: -2s; transform: rotateX(10deg) rotateY(-28deg) rotateZ(9deg); }
.edition-art--forest .edition-book { --cover: #b4c59c; --cover-ink: #3f4e32; animation-delay: -4s; }
.edition-book__cover { position: absolute; inset: 0; background: linear-gradient(110deg, #ffffff30, transparent 50%), var(--cover); border: 1px solid #ffffff6e; border-radius: 2px 10px 10px 2px; box-shadow: inset 7px 0 8px -6px #3a442d60, 1px 1px 0 #a6b391; transform: translateZ(14px); padding: 20px 20px 14px; display: flex; flex-direction: column; color: var(--cover-ink); overflow: hidden; }
.edition-book__cover::after { content: ''; position: absolute; inset: 0; background: linear-gradient(125deg, #fff8, transparent 35%, #fff0 75%, #fff3); pointer-events: none; }
.edition-book__brand { font: 700 9px/1.3 Arial; letter-spacing: .12em; }
.edition-book__label { font-size: 7px; margin-top: 17px; font-weight: 300; }
.edition-book__cover strong { margin-top: 8px; font-size: 25px; line-height: 1.25; letter-spacing: -.055em; }
.edition-book__cover img { height: 109px; width: 92px; object-fit: contain; align-self: end; margin-top: 3px; }
.edition-book__bottom { margin-top: auto; display: flex; justify-content: space-between; align-items: end; font-size: 5px; border-top: 1px solid #65714948; padding-top: 8px; }.edition-book__bottom b { font: 13px Arial; }
.edition-book__pages { position: absolute; inset: 4px -12px 2px 5px; background: repeating-linear-gradient(0deg, #f8f4e9 0px 2px, #dbd6c7 2px 3px); transform: translateZ(-5px); border-radius: 2px 9px 9px 2px; box-shadow: 3px 6px 0 var(--cover); }
.edition-book__spine { position: absolute; width: 30px; height: 100%; left: -15px; transform: rotateY(-90deg); background: color-mix(in srgb, var(--cover) 83%, #26341f); color: var(--cover-ink); writing-mode: vertical-rl; text-align: center; font: 9px Arial; letter-spacing: .15em; padding: 20px 9px; }
@keyframes book-hover { 50% { translate: 0 -14px; rotate: 0 1 0 7deg; } }
.motion-story { background: #f4f0e3; border-radius: 56px 56px 0 0; padding-top: 80px; border-top: 1px solid #e4dfcf; }
.story__card.glass { background: none; border: 0; box-shadow: none; backdrop-filter: none; padding-top: 0; }.story__glow { display: none; }
.story__grid { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 76px; }
.story__heading { color: #5a6f46; }.story__now { font-family: Arial; letter-spacing: .2em; }
.chapter { min-height: 570px; }.chapter__lead { font-size: clamp(23px, 2.7vw, 34px); }
.fact { padding: 26px 24px; border: 1px solid #dedecf; box-shadow: 0 14px 28px -24px #4a5b37; background: #fff9ed; }.fact__v { font-size: 14px; }.fact__ico { background: #dbe6cc; box-shadow: inset 0 1px 2px #fff, 2px 6px 8px -5px #69794c; transform: rotate(-8deg); }
.proof { background: #48563b; box-shadow: inset 0 1px 0 #b9c8a350, 0 12px 36px -28px #34452e; }.proof__num { font-size: clamp(70px, 7vw, 100px); }
.go__row { border: 1px solid #d9dcc9; }.go__row--main { background: #dce5cc; }
.bamboo-rail { display: none; }
.page-head--motion { padding-block: 75px 64px; }
.page-head--motion .page-head__title { margin-top: 24px; font-size: clamp(36px, 4.7vw, 64px); line-height: 1.35; letter-spacing: -.065em; }.page-head__title > span { color: #84956f; }
.page-head--motion .page-head__desc { max-width: 33em; font-weight: 300; font-size: 14px; line-height: 1.9; margin-top: 25px; }
.page-head--with-world { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; padding-block: 30px; min-height: 440px; }.page-head--with-world .world { height: 410px; }
.products-head { grid-template-columns: 1.1fr 1fr; gap: 20px; align-items: center; min-height: 490px; }.products-head .world { height: 460px; }
.shelf { padding: 0; border: 0; box-shadow: none; background: transparent; backdrop-filter: none; }.shelf.glass::before, .shelf.glass::after { display: none; }
.shelf__head { border-width: 1px; padding-bottom: 22px; justify-content: space-between; }.shelf__title { font-size: 23px; }.shelf__count { font-size: 12px; }
.shelf__list { gap: 28px; margin-top: 28px; }.pcard { border: 1px solid #d7dccc; background: #f6f5e9; padding: 0 32px 32px; border-radius: 24px; overflow: hidden; box-shadow: 0 22px 35px -33px #4e613b; }
.pcard--package { background: #eee8d8; }.pcard > .edition-art { min-height: 330px; margin: 0 -32px 25px; background: #e3e9d8; border-bottom: 1px solid #c3cead66; }.pcard--package > .edition-art { background: #e8deca; }
.pcard .edition-book { width: 156px; height: 224px; }.pcard .edition-book__cover { padding: 15px; }.pcard .edition-book__cover strong { font-size: 23px; }.pcard .edition-book__cover img { height: 84px; width: 80px; }.pcard .edition-book__label { margin-top: 14px; }.pcard .edition-book__brand { font-size: 8px; }.pcard .edition-art__orbit { width: 270px; height: 270px; }.pcard .edition-art__shadow { bottom: 7%; }
.pcard__name { font-size: 21px; line-height: 1.55; }.pcard__desc { font-size: 13px; line-height: 1.85; }.pcard__top { gap: 23px; }.pcard__actions { margin-top: 28px; }.pcard__parts { margin-bottom: 0; }.pcard__parts .part { background: #faf7ef; }.part p { font-size: 11px; }.part h3 { font-size: 14px; }
.shelf + .shelf { margin-top: 76px; }.store-btn { font-size: 12px; border-radius: 100px; padding: 0 23px; }.store-btn span { font-size: 12px; }.store-btn small { font-size: 9px; }.store-btn--soon { background: #e9eddd; }
.item { padding-top: 30px; }.item__desc { font-size: 13px; }.item__name { font-size: 20px; }.item__links { gap: 10px; }
.filters { border-top: 1px solid var(--line); padding-top: 30px; gap: 10px; margin-bottom: 32px; }.filter { border: 1px solid #d8dfc9; box-shadow: none; background: #f8f8ec; font-size: 12px; min-width: 64px; }.filter[aria-pressed="true"] { background: #4d603c; }
.cert-grid { gap: 22px; }.cert { padding: 29px; min-height: 249px; border-radius: 23px; background: linear-gradient(135deg, #faffee77, #e7ecda); border: 1px solid #d0d9c0; box-shadow: inset 0 1px 1px #fff, 0 16px 24px -24px #4b6438; }.cert-grid > li:nth-child(3n + 2) .cert { background: linear-gradient(135deg, #fffaf0, #eee7d5); border-color: #e0d8c4; }.cert-grid > li:nth-child(3n) .cert { background: linear-gradient(135deg, #f7f8ef, #e0e7d9); }.cert__name { font-size: 21px; }.cert__kind { font-size: 11px; }.cert__has li { font-size: 10px; background: #fffcf1; border: 1px solid #d8ddcb; }.cert > .tag { font-size: 10px; height: 29px; background: #ffffffbd; }.cert__go { border: 1px solid #cad4bb; background: #f8fbef; box-shadow: 2px 4px 0 -2px #c0cbae; transform: rotate(-8deg); }
.drawer__panel { background: #f8f7ecf5; }.drawer__title { font-size: 26px; }.drawer__item h3 { font-size: 15px; }.drawer__item p { font-size: 12px; }
.support-grid { border-top: 1px solid var(--line); padding-top: 40px; gap: 62px; }.contact { background: #e3e9d6; border: 1px solid #c9d3b9; box-shadow: inset 0 1px 0 #fff, 0 24px 45px -37px #4a6333; }.contact__title { font-size: 23px; }.contact__desc, .contact__meta { font-size: 12px; }.contact__mail { font-size: 13px; background: #fbf9ed; }.faq summary { font-size: 15px; padding-block: 25px; }.faq .a { background: #edeedf; font-size: 13px; }
.site-footer { border-radius: 44px 44px 0 0; background: #3b4831; color: #d1dcc2; padding-top: 55px; margin-top: 115px; }.site-footer__top { padding-top: 40px; border-top: 1px solid #c1d2a92e; }.site-footer__col li { font-size: 12px; }.site-footer__col h2 { font-size: 11px; }.site-footer__biz { font-size: 10px; color: #c0ceae; }
.footer-invite { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding-block: 5px 56px; }.footer-invite > p { font-size: clamp(25px, 3.8vw, 52px); color: #fdf7eb; line-height: 1.5; letter-spacing: -.06em; }.footer-invite__link { width: 150px; height: 150px; background: #dce6c7; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; font-size: 12px; color: #46573a; transform: rotate(-10deg); transition: transform .4s; box-shadow: inset 0 1px 1px #fff, 8px 12px 20px #24301f40; flex: none; }.footer-invite__link span { font: 34px/1 Arial; }.site-footer .footer-invite__link:hover { transform: rotate(0deg) scale(1.04); color: #263b1b; }
.motion-control { position: fixed; z-index: 75; bottom: 20px; right: 22px; display: flex; gap: 8px; align-items: center; border: 1px solid #c3cdb58c; border-radius: 100px; background: #fffdf2e8; backdrop-filter: blur(12px); padding: 12px 16px 10px; color: #576647; font-size: 10px; box-shadow: 0 7px 25px -14px #34482f70; }
.motion-control__icon { font: 11px/1 Arial; width: 10px; }.scroll-bar { background: #758b59; height: 2px; }.toast { border: 1px solid #8d9e77; font-size: 12px; padding: 14px 23px; max-width: calc(100vw - 36px); width: max-content; border-radius: 16px; text-align: center; }
html[data-motion="paused"] *, html[data-motion="paused"] *::before, html[data-motion="paused"] *::after { animation-play-state: paused !important; }
html[data-motion="paused"] .fade-up, html[data-motion="paused"] .mask-line > span, html[data-motion="paused"] .rise { opacity: 1 !important; transform: none !important; }
html[data-motion="paused"] [data-tilt], html[data-motion="paused"] [data-magnet] { transform: none !important; }
@media (min-width: 1500px) { .hero__layout { min-height: 760px; }.hero__visual .world { min-height: 630px; }.hero__title { font-size: 84px; } }
@media (max-width: 1100px) { .hero__visual { margin-right: -25px; margin-left: -35px; }.hero__visual .world { min-height: 510px; }.hero__title { font-size: 5.65vw; }.hero__signature { gap: 9px; font-size: 8px; }.hero__signature span + span::before { margin-right: 9px; }.collection-card__copy { padding-left: 34px; }.story__grid { grid-template-columns: 260px minmax(0, 1fr); gap: 40px; }.collection-card h3 { font-size: 30px; }.item { grid-template-columns: 1fr; }.item__links { justify-content: flex-start; padding-left: 98px; } }
@media (max-width: 860px) { :root { --header-h: 76px; }.gnb { background: #fdf8edfa; }.gnb__list { gap: 3px; }.gnb__link { font-size: 15px; }.hero__layout { padding-top: 42px; }.hero__visual { margin-left: -60px; margin-right: -25px; }.hero__visual .world { min-height: 470px; }.hero__copy { padding-bottom: 30px; }.hero__title { font-size: 5.9vw; margin-top: 24px; }.hero__desc { font-size: 12px; }.hero__actions { gap: 16px; }.hero__actions .btn { padding: 0 18px; min-height: 51px; font-size: 11px; }.btn__arrow { margin-left: 8px; }.hero__text-link { font-size: 11px; gap: 6px; }.hero__signature { display: none; }.orbit-label { font-size: 8px; padding: 10px 14px; }.orbit-label--top { top: 8%; right: 13%; }.visual-caption { font-size: 7px; }.eyebrow { font-size: 8px; }.hero__foot { font-size: 8px; }.collection { padding-top: 76px; }.collection-card { min-height: 410px; }.collection-card h3 { font-size: 25px; }.collection-card__copy { padding: 28px 0 30px 28px; }.collection-card__copy > p { font-size: 11px; }.collection-card__copy > p br { display: none; }.collection-card__meta { font-size: 8px; gap: 18px; }.edition-book { width: 155px; height: 228px; }.edition-book__cover { padding: 15px; }.edition-book__cover strong { font-size: 23px; }.edition-book__cover img { height: 92px; width: 82px; }.edition-art__orbit { width: 240px; height: 240px; }.edition-art__pearl { width: 30px; height: 30px; }.story__grid { display: block; }.story__aside { display: none; }.chapter { min-height: 0; padding-block: 0 60px; }.chapter + .chapter { padding-top: 28px; }.chapter__title { font-size: 26px; }.chapter__lead { font-size: 19px; }.motion-story { padding-top: 55px; border-radius: 34px 34px 0 0; }.page-head--with-world { grid-template-columns: 1.2fr 1fr; min-height: 330px; }.page-head--with-world .world { height: 320px; }.page-head--motion .page-head__title { font-size: 35px; }.page-head--motion .page-head__desc { font-size: 12px; }.products-head { grid-template-columns: 1.1fr 1fr; min-height: 370px; }.products-head .world { height: 350px; }.products-head .page-head { padding-block: 40px; }.pcard { padding-inline: 24px; }.pcard > .edition-art { margin-inline: -24px; }.pcard__name { font-size: 18px; }.pcard__parts .part { padding: 14px; }.cert-grid { gap: 16px; }.cert { padding: 24px; }.support-grid { gap: 30px; }.contact { position: static; }.footer-invite__link { width: 118px; height: 118px; }.site-footer__cols { gap: 25px; } }
@media (max-width: 600px) { :root { --gutter: 24px; --header-h: 73px; }.brand__name { font-size: 16px; }.brand__sub { font-size: 8px; margin-top: 6px; }.brand__mark { width: 34px; }.hero--motion { min-height: 0; }.hero__layout { display: flex; flex-direction: column; align-items: stretch; padding-top: 38px; }.hero__copy { padding-bottom: 0; }.hero__title { font-size: clamp(38px, 10.5vw, 63px); margin-top: 23px; line-height: 1.27; }.hero__desc { margin-top: 20px; font-size: 12px; }.hero__actions { margin-top: 23px; gap: 23px; }.hero__actions .btn { min-height: 52px; padding-inline: 22px; font-size: 12px; }.hero__text-link { font-size: 11px; }.hero__visual { margin: -7px -24px -9px; height: 360px; }.hero__visual .world { min-height: 0; height: 360px; }.orbit-label--top { top: 10%; right: 12%; font-size: 8px; }.orbit-label__icon { font-size: 22px; }.visual-caption { bottom: 5%; font-size: 7px; }.hero__foot { padding-block: 19px; margin-top: 0; font-size: 7px; letter-spacing: .08em; }.hero__foot a { font-size: 9px; }.hero__edition { display: none; }.study-marquee { padding-block: 22px; margin-top: 0; }.study-marquee__track { font-size: 49px; }.collection { padding-top: 63px; padding-bottom: 36px; }.section-intro { margin-bottom: 31px; }.section-intro h2 { font-size: 27px; line-height: 1.5; margin-top: 18px; }.section-intro > p:last-child { font-size: 11px; }.collection__stack { padding-bottom: 0; }.collection-card { position: relative; top: auto; display: flex; flex-direction: column; margin-bottom: 24px; border-radius: 25px; min-height: auto; transform: none; }.collection-card__copy { padding: 26px 26px 0; }.collection-card__meta { font-size: 8px; gap: 20px; }.collection-card h3 { font-size: 26px; margin-top: 29px; margin-bottom: 13px; }.collection-card__copy > p { font-size: 11px; }.collection-card__link { font-size: 11px; padding-top: 21px; }.collection-card .edition-art { min-height: 310px; }.edition-art__pearl { top: 20%; right: 13%; }.edition-art__shadow { bottom: 6%; }.edition-book { width: 157px; height: 224px; }.edition-book__label { margin-top: 14px; }.edition-book__cover strong { font-size: 24px; }.edition-book__cover img { height: 82px; }.story__card { padding-inline: 0; }.motion-story { padding-top: 45px; }.chapter__title { font-size: 23px; }.chapter__lead { font-size: 17px; }.facts { margin-top: 27px; gap: 12px; }.fact { padding: 22px 19px; }.fact__v { font-size: 12px; }.fact__k { font-size: 11px; }.proof { padding: 28px 22px; gap: 20px; }.proof__num { font-size: 63px; }.proof__text { font-size: 11px; }.proof__text strong { font-size: 13px; }.points li { font-size: 12px; gap: 8px; }.route__name { font-size: 17px; }.route__desc { font-size: 12px; }.go__row { padding: 22px; gap: 16px; }.go__label { font-size: 14px; }.go__label small { font-size: 11px; }.chip-link { font-size: 11px; height: 40px; padding-inline: 13px; }.page-head--with-world { display: flex; flex-direction: column; align-items: stretch; padding-top: 39px; padding-bottom: 0; }.page-head--motion .page-head__title { font-size: clamp(30px, 8.6vw, 45px); margin-top: 22px; }.page-head--motion .page-head__desc { font-size: 12px; margin-top: 18px; }.page-head--with-world .world { width: calc(100% + 48px); margin-left: -24px; height: 270px; margin-top: -9px; }.products-head { display: flex; flex-direction: column; gap: 0; align-items: stretch; }.products-head .page-head { padding: 38px 0 0; }.products-head .world { width: calc(100% + 48px); margin-left: -24px; height: 285px; }.shelf__title { font-size: 20px; }.shelf__count { font-size: 10px; }.shelf__head { padding-bottom: 19px; }.shelf__list { grid-template-columns: 1fr; gap: 22px; margin-top: 22px; }.pcard { padding-bottom: 28px; }.pcard__name { font-size: 20px; }.pcard > .edition-art { min-height: 315px; }.shelf + .shelf { margin-top: 49px; }.item__main { grid-template-columns: 54px 1fr; gap: 16px; }.item__icon { width: 54px; height: 54px; border-radius: 16px; }.item__name { font-size: 17px; }.item__desc { font-size: 12px; }.item__links { padding-left: 0; }.store-btn { padding-inline: 17px; }.filters { gap: 8px; padding-top: 22px; margin-bottom: 24px; }.filter { min-width: 0; height: 40px; padding-inline: 16px; font-size: 11px; }.cert-grid { grid-template-columns: 1fr; }.cert { min-height: 220px; gap: 17px; }.cert__name { font-size: 22px; }.drawer__panel { padding: 23px; }.drawer__item { gap: 9px; }.drawer__state { font-size: 10px; padding: 6px 10px; }.drawer__item h3 { font-size: 14px; }.drawer__item p { font-size: 11px; }.support-grid { padding-top: 24px; }.contact { padding: 26px; }.faq summary { font-size: 13px; grid-template-columns: 22px 1fr 20px; gap: 8px; }.faq .a { margin-left: 0; font-size: 12px; }.site-footer { margin-top: 75px; padding: 36px 0 70px; border-radius: 28px 28px 0 0; }.footer-invite { padding-bottom: 35px; gap: 15px; }.footer-invite > p { font-size: 24px; }.footer-invite__link { width: 86px; height: 86px; font-size: 9px; gap: 9px; }.footer-invite__link span { font-size: 25px; }.site-footer__top { padding-top: 30px; gap: 28px; }.site-footer__cols { gap: 25px; }.site-footer__col li { font-size: 10px; }.site-footer__biz { font-size: 9px; }.motion-control { right: 14px; bottom: 14px; padding: 11px 13px 9px; font-size: 9px; }.toast { bottom: 65px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.world canvas { transition: none; }.collection-card { position: relative; top: auto; transform: none; }.study-marquee__track { transform: translateX(-100px) !important; }.edition-book { animation: none; }.js .pcard__actions > *, .js .item__links > * { opacity: 1; transform: none; } }
/* Compact covers retain their bottom imprint at every breakpoint. */
@media (max-width: 860px) { .edition-book__cover img { height: 65px; flex: none; } }
.pcard .edition-book__cover img { height: 64px; flex: none; }
html[data-motion="paused"] { scroll-behavior: auto; }
html[data-motion="paused"] .collection-card { position: relative; top: auto; transform: none; }
@media (prefers-reduced-motion: reduce) { .fade-up { opacity: 1; } }
/* Clip projected 3D geometry at the viewport without making a scroll container. */
html { overflow-x: clip; }
.edition-art { overflow: clip; }

/* Keep tall product cards in flow while their cover remains three-dimensional. */
.js .pcard.rise[data-progress="enter"] { transform: translateY(calc((1 - var(--p, 1)) * 20px)); opacity: 1; }