/* 水庭セイラ: quiet water, warm everyday scenes, restrained motion. */
:root{--ink:#1b2b42;--deep:#111b2f;--muted:#586b76;--teal:#006d78;--brand:#00a3af;--pale:#d9f4f5;--mist:#f0f8f8;--cream:#faf7f1;--line:#d5e3e5;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;--shadow:0 15px 40px #1b2b420a}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;color:var(--ink);background:#fff;font-family:"Hiragino Sans","Yu Gothic",Meiryo,"Noto Sans CJK JP",sans-serif;font-size:16px;line-height:1.95;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
img{max-width:100%;height:auto;vertical-align:middle}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:5px}main:focus{outline:none}
h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{line-height:1.65;letter-spacing:.035em;overflow-wrap:anywhere;font-weight:600}h1{font-size:clamp(1.9rem,3.5vw,3rem)}h2{font-size:clamp(1.6rem,2.7vw,2.15rem)}h3{font-size:1.15rem}p+p{margin-top:1.1em}time,.meta{font-size:.8125rem;color:var(--muted);letter-spacing:.05em}[hidden]{display:none!important}
.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.narrow{max-width:800px}.section{padding-block:96px}.compact-section{padding-top:12px;min-height:300px}.soft-section{background:var(--mist)}.center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:100;left:20px;top:12px;padding:12px 20px;background:var(--deep);color:white;transform:translateY(-180%)}.skip-link:focus{transform:none}.eyebrow{font:600 .7rem/1.8 Arial,sans-serif;letter-spacing:.2em;color:var(--teal);margin-bottom:18px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:15px 27px;background:var(--teal);border:1px solid var(--teal);color:white;border-radius:2px 20px 2px 20px;font-size:.9375rem;font-weight:600;line-height:1.7;transition:background .2s,transform .2s}.button:hover{background:#005b65;transform:translateY(-2px)}.button span[aria-hidden]{font-size:1.1rem;font-weight:400}.button-outline{background:white;color:var(--teal)}.button-outline:hover{background:var(--pale)}
.text-link{display:inline-flex;gap:22px;align-items:center;min-height:44px;font-size:.875rem;color:var(--teal);border-bottom:1px solid #9cc8cc;line-height:1.7}.text-link:hover{border-color:var(--teal)}.back-link{margin-top:48px}
.brand-mark,.tiny-flower,.intro-flower{display:inline-block;flex-shrink:0;background:url("../images/brand-flower.svg") center/contain no-repeat}.brand-mark{width:37px;height:37px}.tiny-flower{width:26px;height:26px}
/* Header: navigation stays available if JavaScript is disabled. */
.site-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid #e9eeee}.header-inner{width:min(1376px,calc(100% - 64px));min-height:94px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;gap:13px;align-items:center;flex-shrink:0;white-space:nowrap}.wordmark strong{font-size:1.2rem;letter-spacing:.16em;font-weight:600;line-height:1.4;display:block}.wordmark small{display:block;font:9px/1.8 Arial,sans-serif;letter-spacing:.17em;margin-top:5px;color:var(--muted)}
.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap}.site-nav a{position:relative;font-size:.8125rem;white-space:nowrap;padding:10px 0}.site-nav a:hover{color:var(--teal)}.site-nav a[aria-current="page"]::after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--brand)}
.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 12px;border-radius:4px;color:var(--ink);font-size:.8125rem;gap:12px;align-items:center}.menu-lines{position:relative;width:18px;height:10px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.menu-toggle[aria-expanded="true"] .menu-lines{transform:rotate(45deg);height:0;border-bottom:0}.menu-toggle[aria-expanded="true"] .menu-lines::after{content:"";position:absolute;top:-1px;left:0;width:18px;border-top:1px solid var(--ink);transform:rotate(90deg)}
/* First encounter: an uncropped portrait, a human-scale greeting. */
.hero-scene{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#f7fcfc 0%,#f4fbfb 46%,#e9f6f5 76%,#f8f6ee 100%)}.hero-scene::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-68px;height:110px;background:white;border-radius:50% 48% 0 0;z-index:-1}
.water-light{position:absolute;z-index:0;left:-8%;top:6%;width:70%;height:75%;border-radius:47% 62% 40% 55%;background:radial-gradient(ellipse at 55% 45%,#8cd9dc66 0%,#ffffff70 42%,#fff0 72%);box-shadow:0 25px 50px #73c6cd20,inset 0 -3px 8px #ffffffb3;animation:water-drift 10s ease-in-out infinite alternate;pointer-events:none}
.water-ripple{position:absolute;z-index:0;left:-12%;top:67%;width:72%;height:145px;border:2px solid #4baeb43d;border-radius:50%;box-shadow:0 14px 0 -9px #fff9,0 30px 0 -21px #6dbfc142;animation:ripple-drift 9s ease-in-out infinite alternate;pointer-events:none}
.petal{position:absolute;z-index:0;width:18px;height:30px;border:1px solid #2c909666;background:#a2dedd99;border-radius:85% 10% 85% 25%;animation:petal-drift 8s ease-in-out infinite alternate;pointer-events:none}.petal-a{left:3%;top:55%;transform:rotate(-35deg)}.petal-b{right:5%;top:12%;animation-delay:-4s;width:14px;height:24px}
.hero-scene>.hero{z-index:1}
.hero .hero-motion-toggle{display:block;width:fit-content;max-width:100%;margin-top:16px;color:var(--teal);border-color:#8abcc1;background:#ffffffb3;min-height:44px;text-align:left;line-height:1.6}
.motion-toggle:hover:enabled{background:#d9f4f51a}.hero .hero-motion-toggle:hover:enabled{background:#e6f6f5}.motion-toggle:disabled{cursor:default;border-style:dashed}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:58px 74px;min-height:730px;position:relative}.hero-copy{padding-block:15px;min-width:0}.hero h1{font-family:var(--serif);font-size:clamp(2rem,3.4vw,3.15rem);font-weight:500;line-height:1.8;letter-spacing:.045em;margin:22px 0 24px}.hero h1 span{padding-bottom:3px;background:linear-gradient(transparent 89%,#a9dedd83 0)}.hero-name{display:flex;gap:20px;align-items:center;font-size:1.15rem;letter-spacing:.13em}.hero-name span{font:11px/1.7 Arial,sans-serif;letter-spacing:.11em;color:var(--muted)}.hero-description{font-size:.9375rem;color:#405968;line-height:2.1;margin-top:23px}.hero .button{margin-top:30px}
.scroll-cue{display:flex;align-items:center;gap:14px;width:fit-content;margin-top:40px;font:9px/2 Arial,sans-serif;letter-spacing:.16em;color:var(--muted);min-height:32px}.scroll-cue span{display:block;width:45px;height:1px;background:#84bbc0}
.hero-art{position:relative;min-width:0;max-width:530px;padding:0 20px 27px 0;isolation:isolate}.hero-frame{overflow:hidden;border-radius:46% 46% 8px 8px;background:#e2f2f7;position:relative;box-shadow:12px 15px 0 #fff7}.hero-frame img{display:block;width:100%;height:auto}.hero-art figcaption{position:absolute;left:-35px;bottom:5px;display:flex;align-items:center;gap:16px;font-family:var(--serif);font-size:1rem;line-height:1.8;letter-spacing:.045em;padding:17px 26px;background:#fffffff2;box-shadow:var(--shadow);border-radius:1px 20px 1px 20px}.art-margin{position:absolute;right:-10px;top:170px;writing-mode:vertical-rl;font:9px/1.6 Arial,sans-serif;letter-spacing:.15em;color:var(--muted)}.mobile-break{display:none}
/* Varied editorial rhythm: letter, activity, small daily windows. */
.intro-section{position:relative;padding-block:83px 90px}.intro-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:95px;align-items:center;position:relative}.intro-grid h2{font-family:var(--serif);font-weight:500;font-size:1.85rem;line-height:1.95}.intro-text{padding:8px 0 8px 35px;border-left:1px solid var(--line);color:#425866;font-size:.9375rem}.intro-flower{position:absolute;right:0;bottom:-48px;width:74px;height:74px;opacity:.10;transform:rotate(15deg);z-index:-1}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:37px}.section-heading .eyebrow{margin-bottom:12px}.section-heading>.text-link{flex-shrink:0}.section-heading h2{font-family:var(--serif);font-weight:500}.section-caption{font-size:.9375rem;color:var(--muted);margin-top:15px;line-height:1.9}
.news-section{background:var(--mist);position:relative}.news-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:70px}.news-side{position:relative;padding-bottom:135px;min-height:310px}.news-side h2{font-family:var(--serif);font-weight:500;font-size:1.9rem}.news-side>p:not(.eyebrow){font-size:.8125rem;color:var(--muted);margin-top:13px}.news-side>.text-link{margin-top:20px}.news-seira{position:absolute;right:10px;bottom:-15px;width:100px;mix-blend-mode:normal;transform:rotate(3deg)}.news-feed{align-self:center;min-width:0}
.news-rows{border-top:1px solid #cbdde0}.news-row{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:25px;padding:26px 4px;align-items:center;border-bottom:1px solid #cbdde0;transition:background .2s}.news-row.has-thumbnail{grid-template-columns:90px minmax(0,1fr) 22px}.news-row:hover{background:#ffffffa1}.news-thumb{width:90px;height:82px;object-fit:cover;border-radius:3px 13px 3px 13px}.article-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.news-title{font-size:1rem;font-weight:600;line-height:1.8;margin-top:9px}.news-summary{font-size:.8125rem;color:var(--muted);line-height:1.8;margin-top:5px}.row-arrow{color:var(--teal)}.tag{display:inline-block;color:#38626b;background:#e9f5f5;border:1px solid #cedfe2;padding:2px 10px;font-size:.6875rem;border-radius:3px;line-height:1.8}
.empty-note{padding:44px 15px;border-bottom:1px solid var(--line);text-align:center;color:var(--muted)}.empty-note .tiny-flower{margin-bottom:14px;opacity:.7}.empty-note p{font-family:var(--serif);font-size:1.3rem;color:var(--ink);margin-bottom:10px}.empty-note>span:last-child{font-size:.8125rem}
.moments-section{background:linear-gradient(180deg,#fcfbf8,#f9f6f0);position:relative}.moment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.moment-card{min-width:0;position:relative}.moment-card>a{display:block}.moment-image{overflow:hidden;border-radius:2px 55px 2px 2px;aspect-ratio:4/5;background:#eef2f2}.moment-image img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .45s}.moment-card:hover .moment-image img{transform:scale(1.015)}
.moment-grid-home{grid-template-columns:1.15fr 1fr 1fr;align-items:start}.moment-grid-home .moment-card:first-child .moment-image{aspect-ratio:1/1;border-radius:55px 2px 2px 2px}.moment-grid-home .moment-card:nth-child(2){margin-top:75px}.moment-grid-home .moment-card:nth-child(3){margin-top:25px}.moment-copy{position:relative;padding:23px 23px 0 0}.moment-number{font:9px/1.7 Arial,sans-serif;letter-spacing:.14em;color:#596b61;display:block;margin-bottom:9px}.moment-copy h2,.moment-copy h3{font-family:var(--serif);font-size:1.13rem;font-weight:500;letter-spacing:.02em}.moment-copy p{font-size:.8125rem;color:var(--muted);line-height:1.95;margin-top:9px}.moment-arrow{position:absolute;right:0;top:49px;color:var(--teal)}
.about-home{background:linear-gradient(100deg,#fff 0%,#fff 34%,#f1f9f9 100%);overflow:hidden}.about-home-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:center}.about-home-picture{position:relative;text-align:center;min-width:0}.about-home-picture img{position:relative;z-index:1;width:310px;max-width:80%;mix-blend-mode:normal}.about-home-picture>span{position:absolute;top:18%;left:-18px;z-index:0;font:500 clamp(36px,4.6vw,64px)/1.35 var(--serif);letter-spacing:.06em;color:#e4efef;text-align:left;white-space:nowrap}.about-home-copy h2{font-family:var(--serif);font-weight:500;font-size:2.25rem;line-height:1.8;margin-bottom:26px}.about-home-copy p:not(.eyebrow){font-size:.9375rem;color:#455e6a}.about-home-copy .text-link{margin-top:26px}
.goods-section{background:#fff}.follow-section{background:#eaf6f5;border-top:1px solid #d7e9e8}.follow-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.follow-inner h2{font-family:var(--serif);font-weight:500;font-size:1.85rem}.follow-inner p:not(.eyebrow){font-size:.875rem;color:var(--muted);margin-top:15px}.social-links{display:flex;flex-direction:column;gap:13px;min-width:310px}.social-links a{display:flex;align-items:center;gap:20px;border-bottom:1px solid #b5d1d2;padding:13px 0;font-size:.8125rem}.social-links a>span:first-child{font:600 1rem/1.7 Arial,sans-serif;min-width:90px}.social-links a>span[aria-hidden]{margin-left:auto;color:var(--teal)}.social-links a:hover{color:var(--teal)}
/* The footer is a quiet farewell within the same world. */
.site-footer{background:var(--deep);color:#e4eeee;position:relative;overflow:hidden}.footer-greeting{display:flex;gap:28px;align-items:center;padding-block:67px 58px;border-bottom:1px solid #ffffff21}.footer-greeting .brand-mark{width:44px;height:44px;opacity:.8}.footer-greeting>p{font-family:var(--serif);font-size:2rem;letter-spacing:.13em}.footer-greeting>span:last-child{font-size:.8125rem;line-height:1.9;margin-left:auto;color:#c0d1d6;letter-spacing:.07em}.footer-main{display:grid;grid-template-columns:1fr 1.1fr .85fr;gap:55px;padding-block:46px}.site-footer .wordmark small{color:#b6cbd1}.footer-caption{color:#bccbd1;font-size:.75rem;line-height:1.9;margin-top:19px}.footer-nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:10px 25px}.footer-nav a,.footer-small-links a{font-size:.8125rem;padding-block:4px;display:inline-block}.footer-nav a:hover,.footer-small-links a:hover{text-decoration:underline}.footer-small-links{display:flex;flex-direction:column;gap:10px;align-items:start;color:#c6d6da}.motion-toggle{color:#c6d6da;font-size:.75rem;border:1px solid #56717d;background:none;padding:7px 14px;border-radius:3px;margin-top:3px;min-height:40px}.site-footer a:focus-visible,.site-footer button:focus-visible{outline-color:#a8e3e5}.back-top{margin-top:7px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff21;padding-block:20px;color:#aec3cd;font-size:.6875rem}.footer-bottom small{font:inherit;letter-spacing:.03em}
/* About, collections and reading pages. */
.page-top{padding-block:74px 48px;position:relative}.page-top::after{content:"";position:absolute;right:7%;top:70px;width:74px;height:74px;background:url("../images/brand-flower.svg") center/contain no-repeat;opacity:.09;transform:rotate(15deg);z-index:-1}.page-top h1{font-family:var(--serif);font-weight:500;line-height:1.7}.page-lead{font-size:.9375rem;color:var(--muted);line-height:2;margin-top:20px}
.about-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center;padding-block:20px 95px}.about-picture{position:relative;text-align:center;padding:25px 28px 0;border-radius:48% 48% 3px 3px;background:var(--mist);isolation:isolate}.about-picture img{width:100%;mix-blend-mode:normal}.about-picture figcaption{font:12px/1.8 Arial,sans-serif;letter-spacing:.13em;padding:22px;color:var(--teal)}.about-picture figcaption span{display:block;font:11px/1.8 sans-serif;letter-spacing:.1em;margin-top:5px}.about-copy h2{font-family:var(--serif);font-size:2rem;font-weight:500;line-height:1.8;margin-bottom:25px}.about-copy>p{font-size:.9375rem;color:#425a67}.about-copy blockquote{margin-block:30px;padding:25px 28px;border-left:2px solid var(--brand);background:var(--mist);font-family:var(--serif);font-size:1.25rem;line-height:1.9}.about-copy .character-note{font-size:.75rem;color:var(--muted);line-height:1.9}
.personality-section{background:var(--mist)}.personality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.feature-number{display:block;color:var(--teal);font:11px/2 Arial,sans-serif;letter-spacing:.13em;padding-bottom:15px;border-bottom:1px solid #b6d6d9;margin-bottom:23px}.personality-grid h3{font-family:var(--serif);font-size:1.2rem;font-weight:500}.personality-grid p{margin-top:16px;color:#425a67;font-size:.875rem}
.detail-page{padding-block:55px 90px}.breadcrumb{display:inline-block;color:var(--teal);font-size:.8125rem;margin-bottom:38px;border-bottom:1px solid #b6d9de;min-height:32px}.article-header{padding-bottom:30px}.article-header h1{margin:16px 0 13px;font-size:clamp(1.6rem,3vw,2.3rem);font-family:var(--serif);font-weight:500}.article-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.article-image{display:block;max-height:650px;object-fit:contain;margin:0 auto 35px}.prose{line-height:2.05;overflow-wrap:anywhere}.prose h2{font-size:1.25rem;margin:37px 0 14px}.prose p{margin:0 0 1.25em}.prose a,.video-note a{color:var(--teal);text-decoration:underline}.related-section{margin-top:75px;border-top:1px solid var(--line);padding-top:45px}.related-section>h2{font-family:var(--serif);font-weight:500;font-size:1.6rem;margin-bottom:30px}.related-section>.eyebrow{margin-bottom:12px}
.moment-detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.moment-original{display:block;max-height:840px;width:auto;margin:auto;border-radius:4px 36px 4px 4px}.moment-detail-grid .article-header{padding-bottom:10px}.moment-detail-grid .text-link{margin-top:18px}.moment-detail-grid .prose{font-size:.9375rem}
.notice-panel{padding:42px;background:var(--mist);border:1px solid var(--line);border-radius:18px;text-align:center}.notice-panel h2{font-size:1.25rem;margin-bottom:15px}.notice-panel .button{margin-top:25px}.panel-mark{display:block;color:var(--brand);font-size:2rem;margin-bottom:12px;line-height:1.3}
/* Comic and video pages only appear after a published release. */
.story-section{background:var(--cream)}.series-logo{display:block;object-fit:contain}.today-logo{width:250px}.presents-logo{width:345px}.small-logo.today-logo{width:190px}.small-logo.presents-logo{width:300px}.logo-heading{align-items:center}.series-top{text-align:center}.series-top img{margin-inline:auto}.series-top .today-logo{width:300px}.series-top .presents-logo{width:420px;margin-block:25px}.series-back{display:table;margin:0 auto 32px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.content-card{min-width:0;background:white;border-bottom:1px solid var(--line);transition:transform .2s}.content-card:hover{transform:translateY(-3px)}.content-card>a{display:block;height:100%}.card-copy{padding:23px 4px 25px}.card-copy h2,.card-copy h3{font-size:1.08rem;margin:9px 0}.card-copy p{font-size:.8125rem;color:var(--muted);margin-top:10px;line-height:1.9}.card-action{display:flex;gap:18px;align-items:center;color:var(--teal);font-size:.8125rem;margin-top:19px}.content-card:has(a:focus-visible),.moment-card:has(a:focus-visible){outline:3px solid var(--teal);outline-offset:5px}
.video-thumbnail{position:relative;background:var(--ink);aspect-ratio:16/9;overflow:hidden;border-radius:2px 24px 2px 2px}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.play-icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;background:#1b2b42e6;color:white;border-radius:50%;width:54px;height:54px;padding-left:3px}.video-thumbnail .play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.latest-comic{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.comic-preview{display:block;background:white;border:1px solid var(--line);border-radius:4px 35px 4px 4px;padding:25px;text-align:center}.comic-preview img{max-height:680px;width:auto}.latest-comic h3{font-family:var(--serif);font-size:1.65rem;margin:10px 0 15px}.comic-intro>p:not(.episode){margin-top:20px;color:var(--muted);font-size:.9375rem}.latest-comic .button{margin-top:28px}.episode{font-size:.8125rem;color:var(--teal);letter-spacing:.08em;margin-top:20px}.multiline{white-space:pre-line}.comic-thumbnail{background:var(--mist);padding:16px;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}.comic-thumbnail img{max-height:100%;width:auto;object-fit:contain}.comic-detail{max-width:850px}.comic-original{display:block;margin:0 auto;width:auto;max-width:100%;height:auto}.comic-comment{margin:32px auto;max-width:700px;background:var(--mist);padding:25px 30px;border-left:2px solid var(--brand)}.comic-comment p:last-child{margin:0}.episode-nav{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:48px 0 35px;padding-top:25px;border-top:1px solid var(--line)}.episode-nav a{display:flex;flex-direction:column;gap:8px;font-size:.9375rem}.episode-nav a:last-child{text-align:right;align-items:end}.episode-nav small{color:var(--teal);font-size:.8125rem}.episode-nav a:hover span{text-decoration:underline}
.video-player{position:relative;aspect-ratio:16/9;background:var(--ink);border-radius:12px;overflow:hidden}.video-player>img{width:100%;height:100%;object-fit:cover;opacity:.6}.video-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:transparent;border:0;color:#fff;font-size:1rem;text-shadow:0 1px 6px #000}.video-load:focus-visible{outline-offset:-6px;outline-color:white}.video-load .play-icon{background:var(--teal);border:1px solid white;width:60px;height:60px}.video-player iframe{border:0;display:block;width:100%;height:100%}.video-note{font-size:.8125rem;color:var(--muted);margin:16px 0}.video-description{margin-top:32px}
/* Goods: existing LINE records are preserved, categories can grow. */
.filter-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:35px;padding-bottom:20px;border-bottom:1px solid var(--line)}.filter-links a,.filter-links>span{font-size:.8125rem;display:inline-flex;align-items:center;min-height:40px;border-bottom:2px solid transparent}.filter-links [aria-current="page"]{border-color:var(--teal);color:var(--teal);font-weight:600}.filter-links a:hover{color:var(--teal)}.product-labels{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.product-category{font-size:.75rem;color:var(--teal)}.sticker-image{background:var(--cream);padding:26px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border-radius:2px 30px 2px 2px}.sticker-image img{max-height:100%;width:auto;object-fit:contain}.sticker-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.sticker-main{padding:40px;border-radius:3px 45px 3px 3px;background:var(--cream);text-align:center}.sticker-main img{max-height:530px;width:auto}.sticker-samples{margin-top:70px}.sticker-samples h2{font-size:1.4rem;margin-bottom:25px}.sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.sample-grid figure{border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center}.sample-grid img{max-height:220px;object-fit:contain;width:auto}.store-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:40px}
.goods-empty{display:flex;justify-content:center;gap:65px;align-items:center;background:var(--mist);padding:35px;border-radius:3px 60px 3px 3px}.goods-empty img{width:185px;mix-blend-mode:normal}.goods-empty h2{font-family:var(--serif);font-size:1.65rem;font-weight:500;margin-bottom:20px}.goods-empty p:not(.eyebrow){font-size:.9375rem;color:var(--muted)}.goods-empty .text-link{margin-top:20px}
.pagination{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:50px;flex-wrap:wrap}.pagination a,.pagination span{display:grid;place-items:center;min-width:42px;height:44px;padding-inline:10px;border:1px solid var(--line);border-radius:5px;font-size:.875rem}.pagination a:hover{background:var(--mist)}.pagination .current{background:var(--teal);color:white;border-color:var(--teal)}.error-page{text-align:center;min-height:65vh;padding-block:55px 100px}.error-number{font:100px/1.2 Georgia,serif;color:var(--teal);letter-spacing:.08em;margin-bottom:22px}.error-page h1{font-size:1.65rem;margin-bottom:20px}.error-page .button{margin-top:32px}
/* Content is visible before JavaScript, even if animation never runs. */
.reveal.is-in{animation:arrive .65s ease-out both}@keyframes arrive{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes water-drift{from{transform:translate3d(-12px,-5px,0) rotate(-14deg);opacity:.7}to{transform:translate3d(22px,12px,0) rotate(-11deg);opacity:1}}
@keyframes ripple-drift{from{transform:translate3d(0,-7px,0) rotate(-10deg) scaleX(.96);opacity:.5}to{transform:translate3d(24px,9px,0) rotate(-8deg) scaleX(1.04);opacity:.9}}
@keyframes petal-drift{from{translate:0 -5px;rotate:-12deg}to{translate:16px 21px;rotate:12deg}}
.motion-paused,.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}
/* A first release fills its section without a row of empty slots. */
.presents-section .card-grid:has(>.content-card:only-child),.goods-section .card-grid:has(>.content-card:only-child){grid-template-columns:1fr}
.presents-section .content-card:only-child>a,.goods-section .content-card:only-child>a{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center}
.presents-section .content-card:only-child .card-copy,.goods-section .content-card:only-child .card-copy{padding:25px 25px 25px 0}
.presents-section .content-card:only-child h3,.goods-section .content-card:only-child h3{font-family:var(--serif);font-size:1.5rem;font-weight:500}
.presents-section .card-grid:has(>.content-card:nth-child(2):last-child),.goods-section .card-grid:has(>.content-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1190px){
 .header-inner{width:calc(100% - 48px);flex-wrap:wrap;gap:0;padding-block:20px;min-height:80px}.site-nav{width:100%;justify-content:start;gap:12px 26px;padding-top:15px}.js .menu-toggle{display:inline-flex}.js .site-nav{display:none}.js .site-nav.is-open{display:flex}
 .hero{gap:28px;min-height:0}.hero h1{font-size:clamp(2rem,3.55vw,2.65rem);letter-spacing:.02em}.hero-art figcaption{left:-10px}.hero .eyebrow{font-size:.65rem}.intro-grid{gap:50px}.news-layout{grid-template-columns:240px minmax(0,1fr);gap:45px}.about-home-grid{gap:55px}.about-intro{gap:65px}.footer-main{gap:30px}.moment-grid{gap:25px}
}
@media(max-width:900px){
 .container{width:calc(100% - 48px)}.section{padding-block:75px}.hero{padding-block:40px 55px}.hero h1{font-size:2.1rem}.hero-name{flex-wrap:wrap;gap:0 14px}.hero-description{font-size:.8125rem}.hero-art figcaption{font-size:.8125rem;padding:13px 17px;gap:10px}.hero .button{padding:14px 18px;font-size:.8125rem;gap:20px}.scroll-cue{margin-top:23px}.art-margin{right:-9px;font-size:8px}.intro-grid{gap:30px}.intro-grid h2{font-size:1.55rem}.intro-text{padding-left:25px;font-size:.875rem}.desktop-break{display:none}
 .news-layout{grid-template-columns:220px minmax(0,1fr);gap:30px}.news-side h2{font-size:1.55rem}.news-row.has-thumbnail{grid-template-columns:70px minmax(0,1fr) 17px;gap:17px}.news-thumb{width:70px;height:72px}.moment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.moment-grid-home{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.moment-copy h2,.moment-copy h3{font-size:1rem}.moment-copy{padding-right:14px}.moment-arrow{top:49px;font-size:.8rem}.moment-number{font-size:8px;letter-spacing:.08em}
 .about-home-grid{gap:38px}.about-home-copy h2{font-size:1.9rem}.about-home-copy p:not(.eyebrow){font-size:.875rem}.about-home-picture>span{left:0}.follow-inner{gap:25px}.follow-inner h2{font-size:1.5rem}.social-links{min-width:260px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-small-links{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:10px 25px;align-items:center}.back-top{margin-left:auto;margin-top:0}.motion-toggle{margin-top:0}
 .about-intro{gap:35px;grid-template-columns:.9fr 1.1fr}.about-copy h2{font-size:1.65rem}.about-copy>p{font-size:.875rem}.about-copy blockquote{font-size:1.1rem;padding:20px}.about-picture{padding:15px 18px 0}.personality-grid{gap:27px}.personality-grid h3{font-size:1.05rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.latest-comic{gap:38px}.sticker-detail-grid{gap:30px}.sample-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.moment-detail-grid{gap:35px;grid-template-columns:1.2fr 1fr}
}
@media(max-width:680px){
 .presents-section .content-card:only-child>a,.goods-section .content-card:only-child>a{display:block}.presents-section .content-card:only-child .card-copy,.goods-section .content-card:only-child .card-copy{padding:22px 2px}.presents-section .content-card:only-child h3,.goods-section .content-card:only-child h3{font-size:1.2rem}.presents-section .card-grid:has(>.content-card:nth-child(2):last-child),.goods-section .card-grid:has(>.content-card:nth-child(2):last-child){grid-template-columns:1fr}

 .container{width:calc(100% - 40px)}.section{padding-block:58px}.compact-section{padding-top:10px}.mobile-break{display:initial}.header-inner{width:calc(100% - 32px);padding-block:16px;min-height:78px}.wordmark strong{font-size:1rem}.wordmark small{font-size:7px;letter-spacing:.13em}.brand-mark{width:28px;height:30px}.wordmark{gap:9px}.menu-toggle{padding:8px 10px;font-size:.75rem;gap:9px}.site-nav{flex-direction:column;align-items:stretch;gap:0}.site-nav a{padding:13px 5px;font-size:.9375rem;border-top:1px solid var(--line);white-space:normal}.site-nav a[aria-current="page"]::after{display:none}.site-nav a[aria-current="page"]{color:var(--teal);font-weight:600}.site-nav.is-open{padding-top:20px}
 .hero{grid-template-columns:1fr;padding-block:31px 56px;gap:27px}.hero-copy{padding:0 5px}.hero .eyebrow{font-size:.6rem;letter-spacing:.14em;margin-bottom:13px}.hero h1{font-size:clamp(1.65rem,6.8vw,2.65rem);line-height:1.75;margin:0 0 16px;letter-spacing:.035em}.hero-name{font-size:1rem;gap:12px}.hero-name span{font-size:10px}.hero-description{font-size:.8125rem;line-height:1.95;margin-top:15px}.hero-description .mobile-break{display:none}.hero .button{margin-top:20px;min-height:47px;padding:12px 20px}.scroll-cue{display:none}.hero-art{width:88%;max-width:380px;margin:0 auto;padding:0 12px 30px 0}.hero-art figcaption{left:-17px;bottom:0;font-size:.875rem;line-height:1.7;padding:12px 18px;gap:12px}.hero-art .tiny-flower{width:22px;height:22px}.art-margin{right:-12px;top:110px;font-size:8px}.hero-frame{border-radius:45% 45% 5px 5px;box-shadow:8px 10px 0 #fff8}.petal-a{top:40%}.water-light{width:100%;height:40%;top:0}
 .intro-grid{grid-template-columns:1fr;gap:23px}.intro-grid h2{font-size:1.6rem}.intro-grid .eyebrow{margin-bottom:12px}.intro-text{padding:0;border:0;font-size:.875rem}.intro-flower{right:8px;bottom:-25px;width:60px;height:60px}.section-heading{align-items:start;gap:19px;flex-direction:column;margin-bottom:30px}.section-heading h2{font-size:1.5rem}.section-heading .eyebrow{margin-bottom:11px}.section-heading .text-link{font-size:.8125rem}.section-caption{font-size:.8125rem;margin-top:14px}.eyebrow{font-size:.65rem;letter-spacing:.16em}
 .news-layout{grid-template-columns:1fr;gap:30px}.news-side{min-height:0;padding-bottom:0;padding-right:100px}.news-side h2{font-size:1.6rem}.news-side>p:not(.eyebrow){font-size:.75rem}.news-seira{width:87px;right:0;bottom:-1px}.news-side>.text-link{margin-top:14px}.news-row{gap:16px;padding-block:23px}.news-row.has-thumbnail{grid-template-columns:64px minmax(0,1fr) 16px;gap:14px}.news-thumb{width:64px;height:73px}.news-title{font-size:.875rem}.news-summary{font-size:.75rem}.article-meta{gap:8px 12px}.article-meta time{font-size:.75rem}.tag{font-size:.625rem;padding:2px 7px}.empty-note{padding:32px 0}.empty-note p{font-size:1.2rem}.empty-note>span:last-child{font-size:.75rem}
 .moment-grid,.moment-grid-home{grid-template-columns:1fr;gap:39px}.moment-grid-home .moment-card:nth-child(n){margin-top:0}.moment-grid-home .moment-card:nth-child(2){width:86%;justify-self:end}.moment-grid-home .moment-card:nth-child(3){width:86%}.moment-image{aspect-ratio:4/5;border-top-right-radius:45px}.moment-grid-home .moment-card:first-child .moment-image{border-top-left-radius:45px}.moment-copy{padding-top:20px;padding-right:25px}.moment-number{font-size:9px;letter-spacing:.12em}.moment-copy h2,.moment-copy h3{font-size:1.15rem}.moment-copy p{font-size:.8125rem}.moment-arrow{font-size:1rem;top:47px}
 .about-home-grid{grid-template-columns:1fr;gap:30px}.about-home-picture img{width:220px;max-width:75%}.about-home-picture>span{font-size:45px;left:0;top:17%}.about-home-copy h2{font-size:1.9rem;margin-bottom:23px}.about-home-copy p:not(.eyebrow){font-size:.875rem}.about-home-copy .text-link{margin-top:20px}.follow-inner{flex-direction:column;align-items:stretch;gap:28px}.follow-inner h2{font-size:1.5rem}.follow-inner p:not(.eyebrow){font-size:.8125rem}.social-links{min-width:0}.social-links a{min-height:53px;font-size:.8125rem}.social-links a>span:first-child{min-width:100px}
 .footer-greeting{padding-block:42px 36px;gap:18px;flex-wrap:wrap}.footer-greeting .brand-mark{width:32px;height:32px}.footer-greeting>p{font-size:1.6rem}.footer-greeting>span:last-child{width:100%;margin-left:50px;font-size:.75rem}.footer-main{display:flex;flex-direction:column;gap:30px;padding-block:35px}.footer-caption{font-size:.6875rem;margin-top:13px}.footer-nav{gap:10px 25px}.footer-small-links{flex-direction:column;align-items:start;gap:9px}.footer-nav a,.footer-small-links a{font-size:.75rem;min-height:35px}.back-top{margin-left:0;margin-top:6px}.footer-bottom{font-size:.6rem;gap:15px;flex-wrap:wrap;padding-block:18px}
 .page-top{padding-block:43px 32px}.page-top h1{font-size:1.9rem}.page-top::after{width:53px;height:53px;right:0;top:47px}.page-lead{font-size:.875rem}.about-intro{grid-template-columns:1fr;padding-block:7px 57px;gap:35px}.about-picture{width:min(85%,310px);margin:auto;padding:15px 20px 0}.about-copy h2{font-size:1.8rem}.about-copy>p{font-size:.875rem}.about-copy blockquote{font-size:1.15rem}.about-copy .character-note{font-size:.75rem}.personality-grid{grid-template-columns:1fr;gap:34px}.personality-grid h3{font-size:1.2rem}.personality-grid p{font-size:.875rem}.feature-number{margin-bottom:17px;padding-bottom:10px}
 .detail-page{padding-block:36px 60px}.article-header h1{font-size:1.6rem}.breadcrumb{margin-bottom:26px}.prose{font-size:.875rem}.prose h2{font-size:1.15rem}.related-section{margin-top:48px;padding-top:32px}.related-section>h2{font-size:1.4rem;margin-bottom:28px}.moment-detail-grid{grid-template-columns:1fr;gap:28px}.moment-detail-grid .article-header h1{margin-top:9px}.moment-detail-grid .eyebrow{margin-bottom:6px}.moment-original{max-height:none}.moment-detail-grid .prose{font-size:.875rem}
 .card-grid{grid-template-columns:1fr;gap:30px}.card-copy{padding:20px 2px 24px}.card-copy h2,.card-copy h3{font-size:1.05rem}.today-logo{width:215px}.presents-logo{width:285px}.series-top .today-logo{width:240px}.series-top .presents-logo{width:300px;margin-block:20px}.series-top .page-lead{font-size:.8125rem}.latest-comic{grid-template-columns:1fr;gap:27px}.comic-preview{padding:15px}.latest-comic h3{font-size:1.4rem}.comic-intro>p:not(.episode){font-size:.875rem}.comic-thumbnail{aspect-ratio:auto;max-height:500px}.comic-thumbnail img{max-height:470px;width:auto}.comic-comment{padding:20px}.episode-nav{gap:20px}.episode-nav a{font-size:.8125rem}.video-note{font-size:.75rem}.video-load{font-size:.875rem}.video-load .play-icon{width:47px;height:47px}
 .filter-links{gap:8px 17px;margin-bottom:28px;padding-bottom:15px}.filter-links a{font-size:.75rem}.sticker-detail-grid{grid-template-columns:1fr;gap:25px}.sticker-main{padding:28px}.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sample-grid figure{padding:12px}.sticker-samples{margin-top:45px}.store-links{gap:14px}.store-links .button{width:100%;font-size:.8125rem}.goods-empty{padding:28px 22px;gap:25px;flex-direction:column}.goods-empty img{width:150px}.goods-empty h2{font-size:1.45rem}.goods-empty p:not(.eyebrow){font-size:.875rem}.notice-panel{padding:28px 20px}.notice-panel h2{font-size:1.05rem}.notice-panel p{font-size:.875rem}.error-number{font-size:80px}.error-page h1{font-size:1.3rem}.error-page p:not(.error-number):not(.eyebrow){font-size:.875rem}.error-page{padding-block:45px 65px}.pagination{gap:6px}.pagination a,.pagination span{min-width:37px;height:42px;padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}