:root{--ink:#173f39;--blue:#173f39;--orange:#ed633d;--paper:#fbfaf6;--line:#d8ddd4;--muted:#667b73;--font:Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;--serif:'Yu Mincho','Hiragino Mincho ProN',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);line-height:1.9}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #c14f2c;outline-offset:5px}.skip{position:absolute;top:-100px;left:15px;z-index:99;background:white;padding:12px}.skip:focus{top:15px}.header{background:var(--ink);color:white;padding:25px 5%;display:flex;align-items:center;gap:35px;position:relative;z-index:20}.brand img{width:165px}.nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.nav a{white-space:nowrap}.nav a:hover{color:#ffd4bd}.nav-contact{border:1px solid #ffffff80;border-radius:3px;padding:9px 17px}.nav-contact span{margin-left:12px}.menu-button{display:none;margin-left:auto;background:transparent;color:white;border:1px solid #ffffff70;border-radius:3px;padding:8px 14px}.eyebrow{display:block;font-size:24px;letter-spacing:.17em;font-weight:700;line-height:1.8}.hero{display:grid;grid-template-columns:1fr 1.06fr;min-height:730px;position:relative;padding:60px 5% 90px;gap:5%;overflow:hidden}.hero-copy{align-self:center;position:relative;z-index:2}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(40px,4.8vw,72px);line-height:1.6;letter-spacing:.08em;margin:27px 0}.hero-copy p{font-size:16px;line-height:2.2;margin:24px 0 33px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:14px 23px;min-height:54px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:3px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#2c5c50;transform:translateY(-2px)}.button.orange{background:var(--orange);border-color:var(--orange);color:#172f27}.button.orange:hover{background:#ff966a}.button.outline{background:transparent;color:var(--ink);border-color:var(--ink)}.button.outline:hover{background:#e4ece1}.text-link,.small-link{font-size:14px;display:inline-block;border-bottom:1px solid currentColor;padding:5px 0}.text-link:hover,.small-link:hover{opacity:.7}.hero-art{position:relative;align-self:center;min-width:0;padding-bottom:35px}.hero-landscape{width:100%;aspect-ratio:1.08;object-fit:cover;border-radius:48% 48% 3px 3px}.hero-figure{position:absolute;bottom:0;right:-3%;width:35%;max-height:260px;object-fit:contain;filter:drop-shadow(0 17px 12px #163d3223)}.hero-caption{position:absolute;bottom:9px;left:0;font-size:10px;letter-spacing:.15em;color:var(--muted)}.hero-foot{position:absolute;left:5%;right:5%;bottom:25px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;padding-top:17px;border-top:1px solid var(--line)}.section{max-width:1500px;margin:auto;padding:95px 6%}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.section h2{font-size:40px;line-height:1.6;font-weight:500;letter-spacing:.025em;margin:14px 0;font-family:var(--serif)}.section-title p{font-size:15px}.intro-home{display:grid;grid-template-columns:1fr 1.5fr;gap:6%;padding-top:85px;padding-bottom:100px;border-top:1px solid var(--line)}.intro-home>.eyebrow{padding-top:18px}.intro-home h2{font-size:43px;line-height:1.6;margin:0 0 25px}.intro-home p{font-size:16px;line-height:2.2;margin:20px 0 30px}.book-home{background:#dae5d5;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:75px 10%}.book-home-visual{padding:0 5%;position:relative}.book-home-visual img{max-height:420px;margin:auto;width:auto;box-shadow:12px 14px 0 #0b443719;transform:rotate(-5deg)}.book-home-copy h2{font-family:var(--serif);font-weight:500;font-size:42px;line-height:1.6;letter-spacing:.025em;margin:20px 0}.book-home-copy p{font-size:15px;line-height:2.2;margin:25px 0 30px}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}.series-tile{min-width:0}.product-art{height:290px;padding:30px;display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden}.product-art img{max-height:235px;object-fit:contain;width:100%;transition:transform .3s}.series-tile:hover .product-art img{transform:translateY(-7px)}.lavender{background:#e9e7f0}.yellow{background:#f0e6bc}.mint{background:#dce8dc}.peach{background:#f4e0d3}.series-tile>.eyebrow{margin-top:22px;font-size:24px}.series-tile h2{font-family:var(--serif);font-size:30px;font-weight:500;line-height:1.5;margin:5px 0 12px}.series-tile p{font-size:14px;line-height:1.8;margin:0 0 18px}.series-tile .small-link{font-size:13px}.world-home{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:65px;padding-bottom:65px}.world-heading{margin-bottom:32px}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.hub-card{border:1px solid var(--line);padding:30px 25px;position:relative;min-height:210px;background:#f5f6f0;transition:background .2s}.hub-card:hover{background:#e6eee1}.hub-card h2{font-size:25px;font-family:var(--serif);line-height:1.6;margin:15px 0}.hub-card p{font-size:14px;line-height:1.9;margin:15px 0 25px}.card-arrow{position:absolute;right:25px;bottom:17px;font-size:23px}.news-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.news-chips a{font-size:14px;padding:7px 14px;border:1px solid var(--line);border-radius:2px}.news-chips a:hover{background:#dde9da}.empty-content{padding:23px 25px;border-left:2px solid var(--ink);background:#f0f2eb;font-size:15px;line-height:2}.empty-content a{text-decoration:underline}.closing{background:var(--ink);color:white}.contact{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:50px;padding-top:65px;padding-bottom:65px}.contact h2{font-size:42px}.contact p{font-size:15px}.contact-links{display:flex;align-items:flex-start;flex-direction:column;gap:23px}.footer{padding:60px 6% 25px;background:#102e29;color:#f8f9f1}.footer-main{display:flex;justify-content:space-between;gap:35px;align-items:flex-start}.footer-logo{width:130px;height:auto;object-fit:contain}.footer-company{font-size:13px;line-height:2.1}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-columns nav{display:flex;flex-direction:column;gap:12px;font-size:13px}.footer-bottom{border-top:1px solid #ffffff30;padding-top:22px;margin-top:45px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.page-top{background:#e7eddf;padding:22px 6% 65px}.breadcrumbs{font-size:12px;color:#536c5f;margin-bottom:40px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.page-top h1{font-family:var(--serif);font-size:clamp(32px,4.6vw,63px);line-height:1.55;font-weight:500;letter-spacing:.045em;margin:17px 0}.page-top p{font-size:16px;line-height:2;margin:12px 0 0}.page-content{max-width:1450px;margin:auto;padding:65px 6% 95px}.editorial{max-width:790px;margin:auto;font-size:16px;line-height:2.2}.editorial h2{font-family:var(--serif);font-weight:500;font-size:43px;line-height:1.7;margin:10px 0 30px;letter-spacing:.035em}.editorial h3{font-size:22px}.editorial p{margin:25px 0}.editorial img{max-height:390px;width:auto;max-width:100%;object-fit:contain;margin:40px auto}.editorial .button{margin:12px 0}.timeline-item{border-left:1px solid #839a81;padding:10px 0 45px 30px}.timeline-item>span{font-size:19px;font-weight:700;letter-spacing:.1em}.timeline-item h2{font-size:30px}.note{font-size:13px;line-height:1.9;color:var(--muted)}.social-panel{background:#e9efdf;padding:35px;margin-top:35px}.social-panel h3{font-size:27px}.company-table{max-width:920px;margin:auto}.company-table>div{display:grid;grid-template-columns:160px 1fr;gap:30px;border-bottom:1px solid var(--line);padding:24px 0}.company-table dt{font-weight:700}.company-table dd{margin:0}.anchor-nav{display:flex;flex-wrap:wrap;gap:20px 35px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:50px;font-size:14px;font-weight:700}.anchor-nav a:hover{text-decoration:underline}.series-world{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.series-main-art{min-height:350px;padding:35px;display:flex;align-items:center;justify-content:center;border-radius:3px}.series-main-art img{max-height:350px;object-fit:contain}.series-world h2{font-family:var(--serif);font-weight:500;font-size:33px;line-height:1.7;margin:20px 0}.series-world p{font-size:16px;line-height:2.15}.subsection{padding:65px 0 15px}.subsection h2{font-family:var(--serif);font-size:32px;font-weight:500;line-height:1.6;margin:12px 0 30px}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.character-grid.two{grid-template-columns:1fr 1fr;max-width:900px;margin:auto}.character-grid figure{margin:0;text-align:center;background:#f0f1e9;padding:25px 15px 18px}.character-grid img{height:205px;object-fit:contain;width:100%;margin:auto}.character-grid h3{font-size:17px;margin:10px 0 0;font-weight:500}.character-grid small{font-size:14px}.wide-collection{max-height:430px;width:auto;margin:0 auto 35px}.name-list{display:flex;flex-wrap:wrap;list-style:none;gap:12px;padding:0;justify-content:center}.name-list li{font-size:15px;padding:10px 18px;background:#e9efdf}.purchase-panel,.comic-banner{background:#e7eddf;padding:35px;margin-top:45px}.purchase-panel h2,.comic-banner h2{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.7}.shop-action p{font-size:14px}.shop-action .button{margin:10px 0}.future{padding:25px;background:#f2e8db;margin-top:25px}.shop-grid{margin-top:45px}.shop-grid article{padding:25px;background:#f0f2eb}.shop-grid img{height:210px;width:100%;object-fit:contain}.shop-grid h2{font-size:23px}.shop-grid p{font-size:14px}.news-articles{list-style:none;padding:0}.news-articles li{padding:23px 0;border-bottom:1px solid var(--line)}.news-articles a{display:block;font-size:20px}.news-articles time{font-size:13px}.contact-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:8%}.contact-layout h2{font-family:var(--serif);font-weight:500;font-size:29px;line-height:1.7}.contact-form{display:grid;gap:22px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700;position:relative}.contact-form label>span:not(:last-child){position:absolute;right:0;font-size:12px;color:#994226}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px;background:white;color:var(--ink);border:1px solid #a0af9b;border-radius:2px;padding:12px;width:100%}.contact-form .consent{flex-direction:row;gap:12px;font-weight:400}.consent input{width:20px;height:20px;flex-shrink:0}.consent a{text-decoration:underline}.form-status{font-size:14px}.form-status:empty{display:none}.music-player{width:100%;margin:25px 0}.document{max-width:900px;min-height:60vh;margin:auto;padding:70px 6%;overflow-wrap:anywhere}.document h1{font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.7}.document a{text-decoration:underline}.document img{height:auto}.book-intro{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:10%;padding-bottom:65px}.book-intro h2{font-family:var(--serif);font-size:38px;font-weight:500;line-height:1.7}.book-intro p{font-size:16px;line-height:2.1}.book-intro>img{max-height:340px;width:auto;margin:auto;box-shadow:8px 10px 0 #23463319}.book-reader{border-top:1px solid var(--line);padding-top:25px}.book-controls{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.book-controls[hidden]{display:none}.book-controls button,.book-controls select{padding:9px 16px;border:1px solid #9aaa92;background:white;color:var(--ink);font-size:14px;border-radius:2px;min-height:44px;cursor:pointer}.book-controls button:disabled{opacity:.4;cursor:default}.book-controls label{font-size:14px}.book-position{font-size:13px;color:var(--muted)}.book-viewport{background:#e8e8e0;padding:25px;overflow:auto;max-height:85vh;overscroll-behavior:contain}.book-spread{margin:0;text-align:center}.book-spread+figure{margin-top:25px}.book-spread img{width:auto;max-width:100%;max-height:70vh;margin:auto;object-fit:contain}.book-spread figcaption{font-size:13px;padding:15px 0 0}.book-spread figcaption a{margin-left:20px;text-decoration:underline}.book-reader.is-enhanced .book-spread[hidden]{display:none}.book-reader.is-zoomed .book-spread img{max-width:none;max-height:none;width:1400px;height:auto}.book-reader.is-zoomed .book-spread{width:1400px}.book-after{text-align:center;padding:65px 0 0}.book-after h2{font-family:var(--serif);font-size:30px;font-weight:500;line-height:1.7}.book-after .button{margin-top:10px}@media(min-width:1600px){.hero{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.hero-art{max-width:650px}}@media(max-width:1100px){.nav{gap:16px}.brand img{width:140px}.header{gap:20px}.hero{min-height:650px;gap:3%}.hero h1{font-size:46px}.hero-actions{gap:20px}.footer-main{flex-wrap:wrap}.footer-columns{width:100%;gap:30px}.character-grid{grid-template-columns:repeat(3,1fr)}.product-art{height:250px}.book-home-copy h2{font-size:35px}}@media(max-width:900px){.menu-button{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink);padding:24px 6%;margin:0;flex-direction:column;align-items:flex-start;gap:22px;font-size:15px;border-top:1px solid #ffffff30}.nav.is-open{display:flex}.hero h1{font-size:39px}.hero{min-height:620px;padding-top:50px}.hero-copy p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-caption{font-size:9px;letter-spacing:.08em}.hero-figure{width:40%}.section{padding-top:70px;padding-bottom:70px}.intro-home h2{font-size:36px}.book-home{padding:60px 6%;gap:6%}.book-home-copy h2{font-size:31px}.series-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.hub-grid{grid-template-columns:1fr 1fr}.world-home .hub-grid{grid-template-columns:1fr 1fr 1fr;gap:15px}.world-home .hub-card{padding:25px 17px}.world-home .hub-card h2{font-size:21px}.series-world{gap:30px}.series-world h2{font-size:28px}.contact-layout{gap:35px}.book-intro{gap:6%}.book-intro h2{font-size:33px}}@media(max-width:650px){.header{padding:20px 6%}.brand img{width:153px}.hero{display:flex;flex-direction:column;padding:40px 6% 70px;gap:32px;min-height:auto}.hero-copy{align-self:stretch}.hero h1{font-size:40px;line-height:1.6;margin:22px 0}.hero-copy p{font-size:15px;line-height:2;margin:20px 0 27px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .text-link{font-size:13px}.button{padding:13px 19px;gap:24px;font-size:14px}.hero-art{width:100%;max-width:420px;padding-bottom:25px;align-self:center}.hero-landscape{aspect-ratio:1.2}.hero-figure{width:34%;max-height:190px;right:-2%;bottom:-5px}.hero-caption{bottom:1px;font-size:9px}.hero-foot{left:6%;right:6%;bottom:15px;font-size:9px}.hero-foot span:first-child{display:none}.section{padding:55px 6%}.section h2{font-size:31px}.intro-home{grid-template-columns:1fr;gap:20px}.intro-home>.eyebrow{padding-top:0}.intro-home h2{font-size:33px;margin:0 0 20px}.intro-home p{font-size:15px}.book-home{grid-template-columns:1fr;padding:50px 6%;gap:38px}.book-home-visual{padding:0 15%}.book-home-visual img{max-height:320px}.book-home-copy h2{font-size:31px}.book-home-copy p{font-size:15px}.section-title{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px}.section-title h2{margin-bottom:0}.series-grid{gap:30px 17px}.product-art{height:175px;padding:16px}.series-tile>.eyebrow{font-size:22px;letter-spacing:.08em;overflow-wrap:anywhere;margin-top:17px}.series-tile h2{font-size:25px}.series-tile p{font-size:14px}.series-tile .small-link{font-size:13px}.world-home .hub-grid,.hub-grid{grid-template-columns:1fr}.world-home .hub-card{min-height:170px;padding:24px}.hub-card{min-height:175px;padding:24px}.hub-card h2{font-size:25px}.contact{grid-template-columns:1fr;gap:20px}.contact h2{font-size:34px}.footer{padding:45px 6% 25px}.footer-main{flex-direction:column;gap:30px}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-columns nav{font-size:14px}.footer-bottom{flex-direction:column;gap:12px;font-size:12px}.page-top{padding:20px 6% 40px}.page-top h1{font-size:32px;letter-spacing:.02em}.page-top p{font-size:15px}.breadcrumbs{font-size:12px;margin-bottom:28px}.page-content{padding:40px 6% 65px}.editorial h2{font-size:31px}.editorial p{font-size:15px}.timeline-item{padding-left:24px}.timeline-item h2{font-size:26px}.company-table>div{grid-template-columns:1fr;gap:6px;padding:18px 0}.series-world{grid-template-columns:1fr}.series-main-art{min-height:260px;padding:25px}.series-main-art img{max-height:260px}.series-world h2{font-size:29px}.series-world p{font-size:15px}.anchor-nav{gap:15px 20px;font-size:14px;margin-bottom:35px}.subsection{padding-top:45px}.subsection h2{font-size:29px}.character-grid{grid-template-columns:1fr 1fr;gap:15px}.character-grid.two{grid-template-columns:1fr}.character-grid figure{padding:18px 8px 15px}.character-grid img{height:150px}.character-grid h3{font-size:15px}.purchase-panel,.comic-banner{padding:25px}.purchase-panel h2,.comic-banner h2{font-size:26px}.contact-layout{grid-template-columns:1fr;gap:30px}.shop-grid{grid-template-columns:1fr}.empty-content{padding:20px}.book-intro{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.book-intro h2{font-size:31px}.book-intro>img{max-height:290px}.book-controls{gap:10px;justify-content:space-between}.book-controls label{order:3;width:100%}.book-controls select{width:75%}.book-controls button{padding:9px 13px}.book-viewport{padding:10px;max-height:75vh}.book-spread img{max-height:62vh}.book-reader.is-zoomed .book-spread img,.book-reader.is-zoomed .book-spread{width:1100px}.book-spread figcaption{font-size:12px}.book-spread figcaption a{display:block;margin-left:0}.book-after{padding-top:40px}.book-after h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.primary-menu{list-style:none;display:flex;align-items:center;gap:25px;padding:0;margin:0}.primary-menu>li{position:relative}.primary-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;list-style:none;padding:15px;background:var(--ink);border:1px solid #ffffff40}.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{display:block}.primary-menu .sub-menu li{padding:7px 0}@media(max-width:900px){.primary-menu{align-items:flex-start;flex-direction:column;gap:15px}.primary-menu .sub-menu{display:block;position:static;border:0;border-left:1px solid #ffffff50;margin-top:8px;padding:0 0 0 15px}.primary-menu .sub-menu a{font-size:14px}}

/* Soft animated gradients inspired by the supplied reference. */
.hero{isolation:isolate;background:#faf7ef}.hero::before,.hero::after{content:"";position:absolute;inset:-15%;pointer-events:none;z-index:-1;background-repeat:no-repeat;transform-origin:center;will-change:transform}
.hero::before{background:radial-gradient(ellipse at 12% 20%,#ffe39fcc 0%,transparent 44%),radial-gradient(ellipse at 78% 35%,#ffc5b9c9 0%,transparent 47%),radial-gradient(ellipse at 47% 95%,#c5bff2b8 0%,transparent 49%);animation:fufu-gradient-drift 24s ease-in-out infinite alternate}
.hero::after{background:radial-gradient(ellipse at 3% 95%,#d9edc1b8 0%,transparent 43%),radial-gradient(ellipse at 88% 88%,#c1e7ed94 0%,transparent 40%);animation:fufu-gradient-drift 31s ease-in-out -9s infinite alternate-reverse}
.hero-copy{background:radial-gradient(ellipse at 35% 40%,#fffdf34d,transparent 75%)}.hero-art{z-index:1}.hero-foot{z-index:2;border-color:#173f3929;align-items:center;gap:15px}.gradient-toggle{font:inherit;color:var(--ink);background:#ffffffa6;border:1px solid #173f3933;border-radius:30px;padding:7px 12px;cursor:pointer;font-size:12px;min-height:36px}.hero.motion-paused::before,.hero.motion-paused::after{animation-play-state:paused}
.book-home{background:linear-gradient(125deg,#e8eedc 0%,#f8e7d6 46%,#eee8f4 100%)}
@keyframes fufu-gradient-drift{0%{transform:translate(-2%,-1%) scale(1)}50%{transform:translate(3%,2%) scale(1.07)}100%{transform:translate(-1%,4%) scale(1.03)}}
@media(max-width:650px){.hero-foot{flex-wrap:wrap}.hero-foot span{max-width:50%}.gradient-toggle{font-size:11px;padding:6px 10px}.hero::before,.hero::after{inset:-10%}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after{animation:none;will-change:auto}}
/* FUFUTIETIE 4 — a softer, contemporary brand world */
:root{--ink:#343147;--blue:#51416f;--orange:#eaa188;--paper:#faf7ff;--line:#ddd6e6;--muted:#746b80;--serif:var(--font)}
body{background:#faf7ff;isolation:isolate}body:before{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 28%,#ffb99beb 0,transparent 42%),radial-gradient(ellipse at 78% 20%,#c6aff9e6 0,transparent 44%),radial-gradient(ellipse at 75% 80%,#b9e5dbea 0,transparent 45%),radial-gradient(ellipse at 20% 85%,#fff1aee0 0,transparent 42%);filter:blur(35px);animation:world-drift 20s ease-in-out infinite alternate;will-change:transform}
@keyframes world-drift{0%{transform:translate(-4%,-3%) rotate(-5deg) scale(1)}50%{transform:translate(5%,3%) rotate(3deg) scale(1.06)}100%{transform:translate(-2%,6%) rotate(9deg) scale(1.12)}}
body.motion-paused:before{animation-play-state:paused}.header{margin:20px 3%;padding:16px 24px;border:1px solid #ffffffb0;border-radius:100px;background:#ffffffc9;color:var(--ink);backdrop-filter:blur(18px);gap:20px;box-shadow:0 8px 40px #69548509}.brand img{filter:brightness(0);opacity:.8;width:150px}.nav{gap:20px;font-size:12px}.nav a:hover{color:#8253a1}.nav-contact,.button,.menu-button{border-radius:100px}.nav-contact{background:#eeebfa;border:0}.menu-button{color:var(--ink);border-color:var(--line)}.button{background:var(--ink);border-color:var(--ink);padding:15px 25px;gap:32px}.button:hover{background:#665578}.button.orange{background:#ffd3b9;color:var(--ink);border-color:#ffd3b9}.button.outline:hover{background:#ffffff90}.eyebrow{letter-spacing:.14em;font-size:22px}.fresh-hero{background:transparent!important;min-height:690px;padding:40px 8% 90px;grid-template-columns:1fr 1fr}.fresh-hero:before,.fresh-hero:after{display:none}.hero h1{font-size:clamp(45px,5.8vw,82px);font-weight:750;line-height:1.35;letter-spacing:-.04em}.hero-copy p{line-height:2;font-size:16px}.fresh-art{position:relative;align-self:center;height:530px;min-width:0}.main-friend{width:83%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 24px #76598b20);transform:rotate(-8deg)}.little-friend{position:absolute;width:36%;height:210px;object-fit:contain;bottom:0;right:0;transform:rotate(12deg);filter:drop-shadow(0 20px 20px #76598b20)}.art-label{position:absolute;right:0;top:25px;font-size:22px;letter-spacing:.18em;writing-mode:vertical-rl}.hero-foot{border:0;left:8%;right:8%;align-items:center;flex-wrap:wrap;gap:12px}.gradient-toggle{background:#ffffff80;border:1px solid #ffffff;border-radius:100px;padding:8px 15px;color:var(--ink)}.home-directory{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;padding:25px 6%;font-size:11px;letter-spacing:.08em;background:#ffffff70}.home-directory>span{color:var(--muted)}.home-directory a{font-weight:700}.section{max-width:1380px;padding:100px 7%}.section h2,.page-content h2{font-weight:700;line-height:1.5;letter-spacing:-.03em;font-size:clamp(28px,3vw,44px)}.home-about{display:grid;grid-template-columns:1.1fr 1fr;gap:15px 6%;align-items:center}.home-about>.eyebrow{grid-column:1/-1}.home-about p{margin-bottom:30px}.home-characters{background:#ffffff88;border-radius:65px;margin:0 3%;max-width:none}.friends-row{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 25px;margin:40px 0}.friend-item{display:block;text-align:center;border-radius:45% 45% 28px 28px;padding:20px 20px 30px;background:linear-gradient(145deg,#e7dff980,#fff4e580);transition:transform .25s}.friend-item:nth-child(2n){background:linear-gradient(145deg,#d1eee180,#fff9de80)}.friend-item:hover{transform:translateY(-7px)}.friend-item img{height:225px;width:100%;object-fit:contain}.friend-item h3{font-size:22px;letter-spacing:.08em;margin:18px 0 3px}.friend-item span{font-size:12px}.home-news{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center}.news-preview{padding:30px 0;border-top:1px solid #aea3bb;border-bottom:1px solid #aea3bb}.news-chips a{border-radius:100px;background:#ffffff70;border-color:#ffffff;padding:8px 16px}.empty-content{background:transparent;border:0;color:var(--muted)}.home-shop{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;background:#ffffff80;border-radius:60px;margin:0 3%;max-width:none}.home-shop img{width:100%;max-height:420px;object-fit:contain}.home-shop p{margin-bottom:30px}.home-connect{display:grid;grid-template-columns:1fr 1fr;gap:25px}.home-connect article{padding:45px 35px;border-radius:35px;background:#ffffff85}.home-connect article:nth-child(2){background:#e7def799}.home-connect h2{font-size:28px}.home-connect p{font-size:14px;margin-bottom:28px}.page-top{background:transparent;border:0;padding-top:60px}.page-top h1{font-weight:700;letter-spacing:-.025em}.page-content{background:transparent}.hub-card,.series-card,.product-card,.value-card,.info-card,.feature-panel,.shop-action,.contact-form,.book-reader{border-radius:28px}.hub-card{background:#ffffff8c;border:1px solid #ffffff;padding:34px}.hub-card:hover{background:#fff}.series-card{overflow:hidden;background:#ffffff80}.series-image,.series-visual,.character-visual,.product-visual{border-radius:30px;background:#ffffff80}.closing{background:#e1d8ee;color:var(--ink);border-radius:50px 50px 0 0}.footer{border-radius:45px 45px 0 0;background:#343147}.page-content .hub-grid{gap:24px}.about-opening{padding:30px 0 65px;max-width:850px}.about-opening h2{font-size:clamp(38px,5vw,68px);line-height:1.4}.about-opening p{line-height:2.2}.about-index{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 70px}.about-index a{padding:10px 18px;background:#ffffff99;border-radius:100px;font-size:13px}.philosophy-flow article{display:grid;grid-template-columns:180px 1fr;gap:35px;padding:55px 0;border-top:1px solid #c4b8d2}.big-number{font-size:110px;line-height:1;font-weight:700;letter-spacing:-.08em;color:#8e76ad}.philosophy-flow article>div{max-width:780px}.philosophy-flow p{line-height:2.2}.moments{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.moments h3{font-size:19px}.moments p{font-size:14px}.about-section{padding:65px 0;scroll-margin-top:30px}.about-section>p{max-width:780px}.journey-list article{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.journey-list article>span{font-size:13px;font-weight:700;padding-top:8px}.journey-list h3{margin:0;font-size:21px}.company-info{max-width:850px}.company-info>div{display:grid;grid-template-columns:160px 1fr;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.company-info dt{font-weight:700}.company-info dd{margin:0}.about-feature{display:grid;grid-template-columns:.8fr 1fr;gap:8%;align-items:center}.about-feature img{border-radius:30px;max-height:450px;object-fit:contain}.about-section blockquote{font-size:clamp(22px,3vw,36px);font-weight:700;margin:40px 0;line-height:1.8}.primary-menu .sub-menu{background:#fff;color:var(--ink);border-radius:20px}.page-content input,.page-content textarea,.page-content select{border-radius:14px}
@media(max-width:1100px){.header{gap:12px;padding:15px 20px}.nav{gap:12px;font-size:11px}.brand img{width:130px}.fresh-art{height:450px}}
@media(max-width:900px){.header{margin:12px 4%;border-radius:28px}.nav{background:#fffc;color:var(--ink);backdrop-filter:blur(20px);border-radius:24px;top:calc(100% + 8px);font-size:15px}.nav a{padding:8px}.nav.is-open{display:flex}.fresh-hero{min-height:600px}.fresh-art{height:370px}.little-friend{height:150px}.home-directory{gap:15px}.philosophy-flow article{grid-template-columns:100px 1fr}.big-number{font-size:80px}.moments{grid-template-columns:1fr;gap:6px}.friends-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.fresh-hero{grid-template-columns:1fr;padding:36px 7% 75px;gap:10px;min-height:0}.hero h1{font-size:49px;margin:18px 0}.hero-copy p{font-size:14px;margin:20px 0}.fresh-art{height:330px;margin-left:15%;margin-top:-10px}.main-friend{width:80%}.little-friend{height:130px;width:35%}.art-label{top:40px;font-size:18px}.hero-foot{font-size:9px}.gradient-toggle{font-size:10px}.section{padding:65px 7%}.home-about,.home-news,.home-shop,.home-connect{grid-template-columns:1fr;gap:28px}.home-characters,.home-shop{border-radius:35px;margin:0 3%}.section-title{align-items:flex-start;gap:15px;flex-direction:column}.friends-row{gap:20px 12px}.friend-item{padding:12px 8px 20px}.friend-item img{height:140px}.friend-item h3{font-size:16px}.friend-item span{font-size:10px}.home-connect article{padding:30px 25px}.home-directory>span{width:100%;text-align:center}.page-top{padding-top:35px}.about-opening{padding-top:0}.philosophy-flow article{grid-template-columns:1fr;gap:18px;padding:40px 0}.big-number{font-size:65px}.journey-list article{grid-template-columns:1fr;gap:10px}.company-info>div{grid-template-columns:1fr;gap:5px}.about-feature{grid-template-columns:1fr;gap:25px}.about-feature img{max-height:310px;margin:auto}.about-section{padding:40px 0}}
@media(prefers-reduced-motion:reduce){body:before{animation:none}.friend-item{transition:none}html{scroll-behavior:auto}}

.product-art{border-radius:45% 45% 28px 28px;background:linear-gradient(135deg,#e4dbf6b0,#fff0dea0)}.series-main-art{border-radius:45px;background:#ffffff70}.purchase-panel,.comic-banner{border-radius:32px;background:#eee4f5a0}.character-grid figure{border-radius:28px;background:#ffffff85}.series-tile h2{font-weight:700}.anchor-nav a{border-radius:100px}.shop-grid>div{border-radius:26px;background:#ffffff70;padding:25px}

.reference-about{--paper:#f4f0e8;--ink:#181612;--gold:#b08b50;--dark:#181a16}.reference-about *{box-sizing:border-box}.reference-about{scroll-behavior:smooth}.reference-about{background:var(--paper);color:var(--ink);margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,Georgia,serif}.reference-about a{color:inherit;text-decoration:none}.reference-about header{z-index:10;color:#eee9df;justify-content:space-between;align-items:center;width:100%;padding:28px 5vw;display:flex;position:absolute;top:0}.reference-about .ra-brand{align-items:center;gap:12px;display:flex}.reference-about .ra-seal{color:#d5b679;border:1px solid #b99a62;border-radius:50%;place-items:center;width:38px;height:38px;font-size:15px;display:grid}.reference-about .ra-brand b{letter-spacing:.14em;font:500 18px/1 Georgia;display:block}.reference-about .ra-brand small{letter-spacing:.5em;opacity:.7;margin-top:5px;font:9px/1 Arial;display:block}.reference-about nav{letter-spacing:.12em;align-items:center;gap:34px;font:11px Arial;display:flex}.reference-about nav a{opacity:.8}.reference-about .ra-contact-nav{border:1px solid #fff5;padding:14px 20px}.reference-about .ra-hero{color:#f5f0e7;background:radial-gradient(circle at 77% 48%,#4c442f 0,#25251d 23%,#141612 53%,#0d0f0d 100%);align-items:center;min-height:100svh;padding:135px 8vw 90px;display:flex;position:relative;overflow:hidden}.reference-about .ra-hero:after{content:"";opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.reference-about .ra-hero-copy{z-index:2;max-width:690px}.reference-about .ra-en,.reference-about .ra-label{letter-spacing:.34em;color:var(--gold);font:20px Arial}.reference-about .ra-hero .ra-hero-title{letter-spacing:.03em;margin:30px 0 25px;font-size:clamp(50px,6.5vw,94px);font-weight:400;line-height:1.22}.reference-about .ra-hero .ra-hero-title em{color:#d9b776;font-style:normal}.reference-about .ra-hero-copy>p:not(.ra-en){letter-spacing:.06em;color:#d0cbc1;font-size:14px;line-height:2.2}.reference-about .ra-more{letter-spacing:.12em;border-bottom:1px solid #806e4e;margin-top:30px;padding-bottom:8px;font:11px Arial;display:inline-block}.reference-about .ra-more span{color:#d7b777;margin-left:35px}.reference-about .ra-art{aspect-ratio:1;width:min(44vw,590px);position:absolute;top:50%;right:3vw;transform:translateY(-47%)}.reference-about .ra-art>i{border:1px solid #d4b16f44;border-radius:50%;position:absolute;inset:7%;box-shadow:0 0 90px #c89a4f22}.reference-about .ra-art>i:nth-child(2){border-style:dashed;inset:20%;transform:rotate(35deg)}.reference-about .ra-art>i:nth-child(3){inset:30%;box-shadow:0 0 80px #d9ad5544}.reference-about .ra-art>div{background:radial-gradient(circle,#e5c67e,#9a6d2b 17%,#413823 42%,#0000 70%);border-radius:50%;place-items:center;display:grid;position:absolute;inset:37%;box-shadow:0 0 90px #a77d3e}.reference-about .ra-art span{color:#f3daa1;font-size:54px}.reference-about .ra-scroll{letter-spacing:.25em;color:#888;font:8px Arial;position:absolute;bottom:45px;right:4vw;transform:rotate(90deg)}.reference-about .ra-philosophy{padding:145px 9vw}.reference-about .ra-two{grid-template-columns:1fr 1fr;gap:10vw;margin-top:55px;display:grid}.reference-about h2{margin:0;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1.35}.reference-about .ra-two h3{margin:0 0 30px;font-size:22px;font-weight:400;line-height:1.9}.reference-about .ra-two p,.reference-about .ra-culture>div>p:last-of-type{color:#5d584f;font-size:14px;line-height:2.2}.reference-about .ra-moments{color:#f2ede3;background:#1b1d19;grid-template-columns:40% 60%;display:grid}.reference-about .ra-moment-title{background:linear-gradient(145deg,#514832,#22241d 70%);padding:110px 6vw}.reference-about .ra-moment-title h2{margin-top:40px;font-size:clamp(38px,4vw,58px)}.reference-about .ra-moments article{border-bottom:1px solid #363832;grid-template-columns:50px 1fr 25px;align-items:center;gap:22px;min-height:175px;padding:38px 6vw 38px 5vw;display:grid}.reference-about .ra-moments article span,.reference-about .ra-moments article i{color:#af9159;font:10px Arial}.reference-about .ra-moments article i{font-style:normal}.reference-about .ra-moments h3{margin:0 0 12px;font-size:25px;font-weight:400}.reference-about .ra-moments article p{color:#aaa99f;margin:0;font-size:13px;line-height:1.8}.reference-about .ra-culture{grid-template-columns:1fr 1fr;align-items:center;gap:9vw;min-height:760px;padding:130px 9vw;display:grid}.reference-about .ra-symbol{aspect-ratio:1;border:1px solid #d4c9b4;border-radius:50%;place-items:center;display:grid;position:relative}.reference-about .ra-symbol:before,.reference-about .ra-symbol:after{content:"";border:1px solid #d3b984;border-radius:50% 45%;position:absolute;inset:13%;transform:rotate(35deg)}.reference-about .ra-symbol:after{transform:rotate(-35deg)}.reference-about .ra-symbol span{color:#9d7a43;font-size:clamp(75px,11vw,150px)}.reference-about .ra-culture h2{margin-top:38px}.reference-about .ra-culture h2 em{color:#9a743c;font-style:normal}.reference-about .ra-culture>div>p:last-of-type{margin:35px 0}.reference-about .ra-count{border-top:1px solid #cfc5b4;align-items:flex-end;gap:20px;padding-top:30px;display:flex}.reference-about .ra-count strong{color:#8c6a37;font:400 clamp(40px,5vw,72px) Georgia}.reference-about .ra-count small{letter-spacing:.15em;color:#777;padding-bottom:10px;font:9px Arial}.reference-about .ra-story{color:#f0ece3;background:#24251f;grid-template-columns:1fr 1fr;gap:10vw;padding:135px 9vw;display:grid}.reference-about .ra-story h2{margin:38px 0;font-size:clamp(38px,4.3vw,65px)}.reference-about .ra-story>div>p:last-child,.reference-about .ra-timeline p{color:#a3a198;font-size:13px;line-height:2}.reference-about .ra-timeline article{grid-template-columns:95px 20px 1fr;gap:20px;padding-bottom:60px;display:grid;position:relative}.reference-about .ra-timeline article:after{content:"";border-left:1px solid #565343;height:100%;position:absolute;top:14px;left:104px}.reference-about .ra-timeline article:last-child:after{display:none}.reference-about .ra-timeline time{letter-spacing:.12em;color:#b59861;font:9px Arial}.reference-about .ra-timeline i{z-index:1;background:#b8985b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #34342c}.reference-about .ra-timeline h3{margin:0 0 12px;font-size:22px;font-weight:400}.reference-about .ra-timeline p{margin:0}.reference-about .ra-message{text-align:center;padding:140px 15vw}.reference-about .ra-message blockquote{color:#8e6d3e;margin:55px 0 40px;font-size:clamp(30px,4vw,55px);line-height:1.65}.reference-about .ra-message>p:not(.ra-label){color:#5f5a52;max-width:700px;margin:auto;font-size:14px;line-height:2.3}.reference-about .ra-message>div{margin-top:40px}.reference-about .ra-message small{color:#777;margin-bottom:10px;display:block}.reference-about .ra-message b{letter-spacing:.2em;font-size:20px;font-weight:400}.reference-about .ra-company{color:#eee9df;background:#171914;grid-template-columns:35% 65%;padding:120px 9vw;display:grid}.reference-about .ra-company h2{margin-top:35px;font-size:50px}.reference-about .ra-company dl{margin:0}.reference-about .ra-company dl div{border-bottom:1px solid #35372f;grid-template-columns:160px 1fr;padding:22px 0;display:grid}.reference-about .ra-company dt{color:#999;font-size:11px}.reference-about .ra-company dd{margin:0;font-size:14px;line-height:1.8}.reference-about .ra-company dd a{border-bottom:1px solid #776b54}.reference-about .ra-contact{text-align:center;color:#161712;background:#a8844e;padding:125px 5vw}.reference-about .ra-contact>p:first-child{letter-spacing:.35em;font:10px Arial}.reference-about .ra-contact h2{margin:32px 0;font-size:clamp(45px,6vw,80px)}.reference-about .ra-contact>p:not(:first-child){font-size:13px;line-height:2}.reference-about .ra-contact>a{border:1px solid #17191488;justify-content:space-between;width:min(430px,90%);margin-top:30px;padding:20px 25px;font-size:12px;display:inline-flex}.reference-about .ra-contact>a:hover{color:#eee9df;background:#171914}.reference-about footer{color:#ddd8ce;background:#0e0f0d;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:65px 6vw 28px;display:grid}.reference-about footer>p{text-align:right;color:#a99f8f;font-size:13px}.reference-about footer>small{letter-spacing:.15em;color:#666;border-top:1px solid #2b2c28;grid-column:1/-1;padding-top:24px;font:8px Arial}@media (width<=800px){.reference-about header{padding:20px 6vw}.reference-about nav a:not(.ra-contact-nav){display:none}.reference-about .ra-contact-nav{padding:11px 12px;font-size:9px}.reference-about .ra-brand b{font-size:14px}.reference-about .ra-hero{align-items:flex-start;padding:130px 7vw 90px}.reference-about .ra-hero-copy{margin-top:7vh}.reference-about .ra-hero .ra-hero-title{font-size:48px}.reference-about .ra-hero-copy>p:not(.ra-en){max-width:85%;font-size:13px}.reference-about .ra-hero-copy br{display:none}.reference-about .ra-art{opacity:.62;width:82vw;top:64%;right:-29vw}.reference-about .ra-philosophy,.reference-about .ra-culture,.reference-about .ra-story,.reference-about .ra-message{padding:95px 7vw}.reference-about .ra-two,.reference-about .ra-moments,.reference-about .ra-culture,.reference-about .ra-story,.reference-about .ra-company{grid-template-columns:1fr}.reference-about .ra-two{gap:45px}.reference-about .ra-moment-title{padding:85px 7vw}.reference-about .ra-moments article{grid-template-columns:32px 1fr 18px;min-height:145px;padding:30px 7vw}.reference-about .ra-symbol{justify-self:center;width:70vw}.reference-about .ra-culture,.reference-about .ra-story{gap:70px}.reference-about .ra-message blockquote br{display:none}.reference-about .ra-company{gap:50px;padding:85px 7vw}.reference-about .ra-company dl div{grid-template-columns:105px 1fr}.reference-about .ra-contact{padding:95px 5vw}.reference-about footer{grid-template-columns:1fr}.reference-about footer>p{text-align:left}.reference-about footer>small{grid-column:auto}}@media (prefers-reduced-motion:reduce){.reference-about{scroll-behavior:auto}}
/* Reset only the reference page, retaining the six-item site navigation. */
body:has(.reference-about){background:#f4f0e8}body:has(.reference-about):before{display:none}body:has(.reference-about)>.header{margin:0;border:0;border-radius:0;background:#11130f;color:#eee9df;box-shadow:none;padding:24px 5%;backdrop-filter:none}body:has(.reference-about)>.header .brand img{filter:none;opacity:1}body:has(.reference-about)>.header .nav-contact{background:transparent;border:1px solid #ffffff50;border-radius:0}body:has(.reference-about)>.header .menu-button{color:#eee9df}body:has(.reference-about)>.footer{border-radius:0;background:#0e0f0d}.reference-about{font-family:'Yu Mincho','Hiragino Mincho ProN',Georgia,serif;line-height:1.5}.reference-about p{margin:0}.reference-about h1,.reference-about h2,.reference-about h3{letter-spacing:normal;font-family:inherit}.reference-about .ra-label,.reference-about .ra-en{line-height:1.5}.reference-about .ra-hero{min-height:calc(100svh - 96px);padding-top:100px}.reference-about .ra-two{margin-top:55px}.reference-about .ra-art i{font-style:normal}.reference-about .ra-book-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9vw;padding:130px 9vw}.reference-about .ra-book-feature h2{margin:38px 0}.reference-about .ra-book-feature p:not(.ra-label){font-size:14px;color:#5d584f;line-height:2.2}.reference-about .ra-book-feature img{max-width:420px;width:100%;margin:auto;box-shadow:0 18px 40px #18161215}.reference-about .ra-music-feature{text-align:center;padding:110px 9vw;background:#e9e2d4}.reference-about .ra-music-feature h2{margin:35px 0}.reference-about .ra-music-feature>p:not(.ra-label){font-size:14px;color:#5d584f}.reference-about .ra-brand-reading{text-align:center;padding:100px 9vw}.reference-about .ra-brand-reading h2{font-size:clamp(28px,3.5vw,46px);margin-top:35px}.reference-about .ra-culture .ra-label{margin:0}.reference-about .ra-story .ra-label{color:var(--gold);font:20px Arial;letter-spacing:.34em}.reference-about .ra-art{pointer-events:none}.reference-about .ra-contact>a{border-radius:0}
@media(max-width:800px){body:has(.reference-about)>.header .nav{background:#171914;color:#eee9df}.reference-about .ra-book-feature{grid-template-columns:1fr;padding:85px 7vw;gap:45px}.reference-about .ra-hero{min-height:760px;padding-top:65px}.reference-about .ra-hero-copy{margin-top:30px}.reference-about .ra-hero-copy .ra-hero-title br{display:block}.reference-about .ra-art{top:65%}.reference-about .ra-timeline article{grid-template-columns:75px 12px 1fr;gap:15px}.reference-about .ra-timeline article:after{left:94px}.reference-about .ra-moments{gap:0;margin:0}.reference-about .ra-two{margin-top:40px}.reference-about .ra-contact{display:block}}

/* About: warm, light brand palette; reference typography and layout preserved. */
body:has(.reference-about){background:#fcf9f5;color:#484452}
.reference-about{--paper:#fcf9f5;--ink:#484452;--gold:#8d668b;--dark:#ede6f4;background:var(--paper);color:var(--ink)}
body:has(.reference-about)>.header{background:#faf6f2;color:#484452}
body:has(.reference-about)>.header .brand img{filter:brightness(0);opacity:.72}
body:has(.reference-about)>.header .nav-contact{background:#f0e8f4;border-color:#dcd0e4}
body:has(.reference-about)>.header .menu-button{color:#484452;border-color:#dcd0e4}
.reference-about .ra-hero{color:#484452;background:radial-gradient(ellipse at 78% 45%,#eadcf6 0,transparent 55%),radial-gradient(ellipse at 20% 25%,#ffddce 0,transparent 65%),linear-gradient(140deg,#fff7e8,#e5f2eb)}
.reference-about .ra-hero:after{opacity:.035}
.reference-about .ra-hero .ra-hero-title em{color:#936b88}
.reference-about .ra-hero-copy>p:not(.ra-en){color:#625b69}
.reference-about .ra-more{border-color:#c4adc9}
.reference-about .ra-more span{color:#936b88}
.reference-about .ra-scroll{color:#716775}
.reference-about .ra-art>i{border-color:#b999c34d;box-shadow:0 0 90px #d2a9d522}
.reference-about .ra-art>i:nth-child(3){box-shadow:0 0 80px #d2a9d533}
.reference-about .ra-art>div{background:radial-gradient(circle,#fff5f2,#f1cfdc 22%,#d9caec66 48%,transparent 72%);box-shadow:0 0 90px #ddc5e366}
.reference-about .ra-art span{color:#8d7299}
.reference-about .ra-philosophy{background:#fcf9f5}
.reference-about .ra-two p,.reference-about .ra-culture>div>p:last-of-type{color:#69616b}
.reference-about .ra-moments{color:#484452;background:#edf3ef}
.reference-about .ra-moment-title{background:linear-gradient(145deg,#e7dff1,#e5eee8 85%)}
.reference-about .ra-moments article{border-color:#d2ded6}
.reference-about .ra-moments article span,.reference-about .ra-moments article i{color:#8c6a91}
.reference-about .ra-moments article p{color:#66656c}
.reference-about .ra-culture{background:#fff9f0}
.reference-about .ra-symbol{border-color:#ddd0e1}
.reference-about .ra-symbol:before,.reference-about .ra-symbol:after{border-color:#d3bad6}
.reference-about .ra-symbol span{color:#9a7b9f}
.reference-about .ra-culture h2 em{color:#936b88}
.reference-about .ra-story{color:#484452;background:#eee7f3}
.reference-about .ra-story>div>p:last-child,.reference-about .ra-timeline p{color:#6b6171}
.reference-about .ra-timeline article:after{border-color:#cfc0d7}
.reference-about .ra-timeline time{color:#87638c}
.reference-about .ra-timeline i{background:#ac87b2;box-shadow:0 0 0 5px #e6dcec}
.reference-about .ra-message{background:#fff8f3}
.reference-about .ra-message blockquote{color:#976c82}
.reference-about .ra-message>p:not(.ra-label),.reference-about .ra-message small{color:#6c626a}
.reference-about .ra-company{color:#484452;background:#eaf2ed}
.reference-about .ra-company dl div{border-color:#cfddd3}
.reference-about .ra-company dt{color:#68736b}
.reference-about .ra-company dd a{border-color:#a7b9ae}
.reference-about .ra-book-feature{background:#fcf9f5}
.reference-about .ra-book-feature p:not(.ra-label){color:#69616b}
.reference-about .ra-music-feature{background:#f1eaf7}
.reference-about .ra-music-feature>p:not(.ra-label){color:#69616b}
.reference-about .ra-brand-reading{background:#fff9f0}
.reference-about .ra-contact{color:#484452;background:linear-gradient(125deg,#f9ded4,#ede1f3 58%,#e0eee6)}
.reference-about .ra-contact>a{border-color:#ad91b3}
.reference-about .ra-contact>a:hover{background:#e8d6ee;color:#484452}
body:has(.reference-about)>.footer{background:#f5eeec;color:#59505e}
body:has(.reference-about)>.footer .footer-logo{filter:brightness(0);opacity:.65}
body:has(.reference-about)>.footer a,body:has(.reference-about)>.footer p,body:has(.reference-about)>.footer small{color:#6f6271}
body:has(.reference-about)>.footer .footer-bottom{color:#6f6271;border-color:#ded3dd}
@media(max-width:800px){body:has(.reference-about)>.header .nav{background:#faf6f2;color:#484452}}

.reference-about .ra-brand-art{display:flex;align-items:center;justify-content:center}.reference-about .ra-brand-art img{height:100%;width:75%;object-fit:contain;filter:drop-shadow(0 20px 25px #9875a320)}.reference-about .ra-culture-figures img{width:100%;height:auto}.reference-about .ra-brand-reading>p:not(.ra-label){max-width:760px;margin:30px auto 0;color:#69616b;font-size:14px;line-height:2.2}@media(max-width:800px){.reference-about .ra-brand-art{opacity:1;width:55vw;right:-5vw;top:76%;height:280px}.reference-about .ra-hero-copy{max-width:100%}.reference-about .ra-brand-reading>p br{display:none}}

.reference-about .ra-philosophy .ra-two p+p{margin-top:24px}.reference-about .ra-philosophy .ra-two strong{font-weight:700;color:var(--ink)}

/* Improve the heart motif contrast while retaining the light palette. */
.reference-about .ra-art{opacity:1}
.reference-about .ra-art>i{border-width:2px;border-color:#9572ab;box-shadow:0 0 70px #b28dc529}
.reference-about .ra-art>i:nth-child(2){border-color:#9b78af;border-width:2px}
.reference-about .ra-art>i:nth-child(3){border-color:#8e64a7;border-width:2px;box-shadow:0 0 65px #b98dcd38}
.reference-about .ra-art>div{background:radial-gradient(circle,#fce9e8 0,#e5bfdc 30%,#cba7df80 53%,transparent 74%);box-shadow:0 0 65px #c59bd459}
.reference-about .ra-art span{color:#67417f;text-shadow:0 1px 0 #ffffff70}

/* Philosophy 02: large title panel and three evenly divided editorial rows. */
.reference-about .ra-moments{display:grid;grid-template-columns:5fr 7fr;gap:0;min-height:570px;background:#fcfaf6;color:#484452}
.reference-about .ra-moment-title{padding:clamp(65px,7vw,110px) 5vw;background:linear-gradient(140deg,#e6daf1 0%,#eee5f3 48%,#e5eee9 100%);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.reference-about .ra-moment-title h2{font-size:clamp(38px,4.3vw,68px);line-height:1.55;margin:40px 0 0;font-weight:400;overflow-wrap:anywhere}
.reference-about .ra-moment-title .ra-label{color:#82638e;font-size:20px;letter-spacing:.28em;line-height:1.8}
.reference-about .ra-moments>.ra-moment-title+div{display:grid;grid-template-rows:repeat(3,1fr);min-width:0}
.reference-about .ra-moments article{display:grid;grid-template-columns:46px minmax(0,1fr) 16px;align-items:center;gap:26px;min-height:190px;padding:38px 4.5vw;border-bottom:1px solid #dcd4df;background:#fcfaf6}
.reference-about .ra-moments article:last-child{border-bottom:0}
.reference-about .ra-moments article h3{font-size:clamp(24px,2.15vw,34px);line-height:1.5;margin:0 0 15px;font-weight:400;color:#484452}
.reference-about .ra-moments article p{font-size:14px;line-height:2;color:#6b626f}
.reference-about .ra-moments article span,.reference-about .ra-moments article i{color:#886497;font-size:11px}
@media(max-width:800px){.reference-about .ra-moments{grid-template-columns:1fr;min-height:0}.reference-about .ra-moment-title{padding:65px 7vw}.reference-about .ra-moment-title h2{font-size:40px;margin-top:28px;line-height:1.5}.reference-about .ra-moments article{grid-template-columns:28px minmax(0,1fr) 12px;gap:18px;padding:32px 7vw;min-height:165px}.reference-about .ra-moments article h3{font-size:25px}.reference-about .ra-moments article p{font-size:13px}}

/* Keep the Philosophy 01 heading in two intentional lines at every width. */
.reference-about .ra-philosophy .ra-two{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6vw}
.reference-about .ra-philosophy-title{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(25px,3.5vw,50px);font-weight:400;line-height:1.65;letter-spacing:-.045em}
.reference-about .ra-philosophy-title span{display:block;white-space:nowrap}
@media(max-width:800px){.reference-about .ra-philosophy .ra-two{grid-template-columns:1fr;gap:40px}.reference-about .ra-philosophy-title{font-size:clamp(22px,6.8vw,44px);line-height:1.65}}

/* Philosophy 01: airy editorial composition with an echo of the heart motif. */
.reference-about .ra-philosophy{position:relative;isolation:isolate;background:radial-gradient(ellipse at 13% 47%,#f0e4f3b0,transparent 47%),#fcf9f5;overflow:hidden}
.reference-about .ra-philosophy>.ra-label{display:flex;align-items:center;gap:20px}
.reference-about .ra-philosophy>.ra-label:before{content:"";width:42px;height:1px;background:#a07cac}
.reference-about .ra-philosophy-lead{min-width:0}
.reference-about .ra-philosophy-title span:last-child{color:#886493}
.reference-about .ra-thought-orbit{position:relative;width:min(340px,85%);aspect-ratio:1;margin:64px auto 0;display:grid;place-items:center;background:radial-gradient(circle,#f6dce8 0,#e5d5f09c 32%,transparent 67%)}
.reference-about .ra-thought-orbit i{position:absolute;inset:7%;border:1px solid #b69ac6;border-radius:50%}
.reference-about .ra-thought-orbit i:nth-child(2){inset:20% 0;border-color:#bb9ac2;border-radius:50%;transform:rotate(-30deg)}
.reference-about .ra-thought-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#aa83b6;top:17%;right:18%;box-shadow:0 0 0 6px #e8dced}
.reference-about .ra-thought-orbit>span{color:#82598f;font-size:62px;font-weight:400}
.reference-about .ra-thought-orbit>b{position:absolute;bottom:-28px;font-size:12px;letter-spacing:.25em;font-weight:400;color:#8e7096}
.reference-about .ra-philosophy-copy{min-width:0;padding-left:28px;border-left:1px solid #ddd0e3}
.reference-about .ra-philosophy-copy h3{padding-bottom:24px;border-bottom:1px solid #ded4df}
.reference-about .ra-philosophy .ra-two .ra-values{padding:22px 0;margin:28px 0;border-top:1px solid #e2d5e5;border-bottom:1px solid #e2d5e5}
.reference-about .ra-values>span{display:block;padding:5px 0 5px 20px;position:relative}
.reference-about .ra-values>span:before{content:"";position:absolute;left:0;top:19px;width:5px;height:5px;background:#aa86b5;border-radius:50%}
.reference-about .ra-philosophy .ra-values strong{color:#87618e;font-weight:600}
.reference-about .ra-philosophy .ra-two .ra-philosophy-closing{background:linear-gradient(110deg,#eee2f1cc,#f9e9e1b3);padding:25px 28px;border-radius:3px 24px 24px 24px;line-height:2.2}
@media(max-width:800px){.reference-about .ra-thought-orbit{width:190px;margin:28px auto 38px}.reference-about .ra-thought-orbit>span{font-size:44px}.reference-about .ra-thought-orbit>b{bottom:-15px;font-size:10px}.reference-about .ra-philosophy-copy{padding-left:0;border-left:0}.reference-about .ra-philosophy .ra-two .ra-philosophy-closing{padding:22px}.reference-about .ra-philosophy>.ra-label{gap:12px;font-size:18px;letter-spacing:.18em}}

/* Official figure compositions within the existing Philosophy 02 layout. */
.reference-about .ra-moments-figures .ra-moment-title{padding:65px 4.5vw 35px;justify-content:flex-start;overflow:hidden}
.reference-about .ra-moments-figures .ra-moment-title h2{font-size:clamp(35px,3.8vw,58px);margin-top:28px}
.reference-about .ra-figure-stage{position:relative;isolation:isolate;width:100%;max-width:420px;height:300px;margin:30px auto 0}
.reference-about .ra-figure-stage:before{content:"";position:absolute;inset:9% 8% 5%;border:1px solid #b69ac47a;border-radius:50%;transform:rotate(-18deg);background:radial-gradient(ellipse,#fff5eda8,transparent 65%);z-index:-1}
.reference-about .ra-figure-stage:after{content:"";position:absolute;bottom:0;left:10%;right:8%;height:28px;border-radius:50%;background:#b4a1c028;filter:blur(10px);z-index:-1}
.reference-about .ra-stage-main{position:absolute;width:66%;height:100%;object-fit:contain;left:0;bottom:0;transform:rotate(-7deg);filter:drop-shadow(0 16px 13px #8e719925)}
.reference-about .ra-stage-friend{position:absolute;width:41%;height:53%;object-fit:contain;right:0;bottom:4%;transform:rotate(9deg);filter:drop-shadow(0 12px 10px #8e719925)}
.reference-about .ra-moments-figures article{grid-template-columns:28px minmax(0,1fr) 115px;gap:22px;padding:32px 3vw}
.reference-about .ra-row-figure{height:135px;display:grid;place-items:center;position:relative;isolation:isolate}
.reference-about .ra-row-figure:before{content:"";position:absolute;width:105px;height:105px;border-radius:50%;background:linear-gradient(140deg,#efdef3,#f8e8df);z-index:-1}
.reference-about .ra-moments-figures article:nth-child(2) .ra-row-figure:before{background:linear-gradient(140deg,#deede4,#f7efd9)}
.reference-about .ra-row-figure img{width:100%;height:130px;object-fit:contain;filter:drop-shadow(0 8px 8px #8e71991c);transition:transform .25s ease}
.reference-about .ra-moments-figures article:hover .ra-row-figure img{transform:translateY(-5px)}
@media(max-width:1100px) and (min-width:801px){.reference-about .ra-moments-figures article{grid-template-columns:22px minmax(0,1fr) 82px;gap:14px;padding:30px 2.5vw}.reference-about .ra-row-figure:before{width:78px;height:78px}.reference-about .ra-row-figure img{height:110px}}
@media(max-width:800px){.reference-about .ra-moments-figures .ra-moment-title{padding:55px 7vw 25px}.reference-about .ra-moments-figures .ra-moment-title h2{font-size:40px}.reference-about .ra-figure-stage{max-width:310px;height:230px;margin-top:24px}.reference-about .ra-moments-figures article{grid-template-columns:22px minmax(0,1fr) 85px;gap:14px;padding:28px 6vw}.reference-about .ra-row-figure{height:105px}.reference-about .ra-row-figure:before{width:80px;height:80px}.reference-about .ra-row-figure img{height:105px}}
@media(prefers-reduced-motion:reduce){.reference-about .ra-row-figure img{transition:none}.reference-about .ra-moments-figures article:hover .ra-row-figure img{transform:none}}

/* Culture: curated official character composition and balanced two-line typography. */
.reference-about .ra-culture-designed{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:6vw;padding:110px 7vw;background:linear-gradient(130deg,#fff8ef,#fcf8f6 65%,#f5eef8)}
.reference-about .ra-culture-designed .ra-culture-title{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(27px,3.25vw,47px);font-weight:400;line-height:1.65;letter-spacing:-.045em;margin:30px 0}
.reference-about .ra-culture-title>span{display:block;white-space:nowrap}
.reference-about .ra-culture-designed>div>p:not(.ra-label){font-size:15px;line-height:2.2;color:#675f6c;margin:24px 0}
.reference-about .ra-culture-gallery{position:relative;isolation:isolate;min-width:0;width:100%;aspect-ratio:1/1.1;background:radial-gradient(ellipse at 52% 43%,#dec7ecb0,transparent 65%),radial-gradient(ellipse at 22% 69%,#ffe0d1b0,transparent 56%);border-radius:48% 48% 28px 28px}
.reference-about .ra-gallery-orbit{position:absolute;inset:13% 6% 17%;border:1px solid #bba1c8;border-radius:50%;transform:rotate(-22deg);z-index:-1}
.reference-about .ra-gallery-orbit:before{content:"";position:absolute;inset:12% -6%;border:1px solid #d3b9d6;border-radius:50%;transform:rotate(45deg)}
.reference-about .ra-gallery-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#9e77ae;right:11%;top:10%;box-shadow:0 0 0 6px #ecdeef}
.reference-about .ra-culture-gallery>img{position:absolute;object-fit:contain;filter:drop-shadow(0 18px 14px #86638f26)}
.reference-about .ra-gallery-main{width:51%;height:64%;left:24%;top:12%;z-index:2}
.reference-about .ra-gallery-left{width:37%;height:44%;left:-2%;bottom:17%;transform:rotate(-10deg);z-index:3}
.reference-about .ra-gallery-right{width:37%;height:44%;right:-2%;bottom:13%;transform:rotate(10deg);z-index:3}
.reference-about .ra-gallery-label{position:absolute;top:2%;left:8%;font:18px Arial,sans-serif;letter-spacing:.2em;color:#8f7296}
.reference-about .ra-gallery-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#80618c;font:13px Arial,sans-serif;letter-spacing:.2em}
.reference-about .ra-gallery-caption>span{display:block;font:11px/1.9 var(--font);letter-spacing:.05em;margin-top:10px;color:#74687b}
@media(max-width:800px){.reference-about .ra-culture-designed{grid-template-columns:1fr;gap:48px;padding:70px 7vw}.reference-about .ra-culture-gallery{max-width:420px;justify-self:center}.reference-about .ra-culture-designed .ra-culture-title{font-size:clamp(23px,6.25vw,43px);line-height:1.65}.reference-about .ra-culture-designed>div>p:not(.ra-label){font-size:14px}}

.brand-story-prose{max-width:780px;margin:38px auto;text-align:left}.brand-story-prose p,.reference-about .brand-story-prose p{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:16px;line-height:2.35;letter-spacing:.025em;color:#62576a;margin:0 0 30px}.brand-story-prose p:last-child{margin-bottom:0}@media(max-width:600px){.brand-story-prose p,.reference-about .brand-story-prose p{font-size:14px;line-height:2.15;letter-spacing:0;margin-bottom:26px}}

/* Journey: legible typography and a more expressive editorial timeline. */
.reference-about #journey{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:6vw;padding:100px 7vw;background:radial-gradient(ellipse at 8% 85%,#f9e0df9c,transparent 52%),linear-gradient(125deg,#efe7f5,#f6f1f8);align-items:start}
.reference-about #journey .ra-journey-title{font-family:'Hiragino Sans','Yu Gothic',Meiryo,sans-serif;font-size:clamp(27px,3.4vw,48px);font-weight:500;line-height:1.65;letter-spacing:-.04em;margin:30px 0}
.reference-about .ra-journey-title>span{display:block;white-space:nowrap}
.reference-about .ra-journey-title>span:last-child{color:#876293}
.reference-about .ra-journey-year{font:300 clamp(82px,10vw,145px)/1.1 Georgia,serif;letter-spacing:-.06em;color:#b695c4;margin:35px 0}
.reference-about .ra-journey-year>span{display:block;font:9px/1.8 Arial,sans-serif;letter-spacing:.23em;margin-top:12px;color:#856791}
.reference-about #journey>div>p:last-child,.reference-about #journey .ra-timeline p{font-family:'Hiragino Sans','Yu Gothic',Meiryo,sans-serif;font-size:14px;line-height:2.1;color:#695d71}
.reference-about #journey .ra-timeline{padding-top:8px}
.reference-about #journey .ra-timeline article{grid-template-columns:78px 12px minmax(0,1fr);gap:18px;padding:0 0 28px}
.reference-about #journey .ra-timeline article>div{background:#ffffff80;padding:24px;border-radius:4px 24px 24px 24px;border:1px solid #ffffffa6}
.reference-about #journey .ra-timeline time{font:600 10px/1.8 Arial,sans-serif;letter-spacing:.08em;padding-top:25px;color:#8c639d}
.reference-about #journey .ra-timeline i{margin-top:29px;background:#a77cb8;box-shadow:0 0 0 5px #e8d9ef}
.reference-about #journey .ra-timeline article:after{left:100px;top:34px;border-color:#c7add3}
.reference-about #journey .ra-timeline h3{font-family:'Hiragino Sans','Yu Gothic',Meiryo,sans-serif;font-size:clamp(19px,1.7vw,25px);font-weight:500;line-height:1.65;color:#514457;margin-bottom:12px}
@media(max-width:800px){.reference-about #journey{grid-template-columns:1fr;gap:35px;padding:70px 7vw}.reference-about #journey .ra-journey-title{font-size:clamp(25px,6.4vw,43px)}.reference-about .ra-journey-year{font-size:85px;margin:25px 0}.reference-about #journey .ra-timeline article{grid-template-columns:62px 10px minmax(0,1fr);gap:12px}.reference-about #journey .ra-timeline article:after{left:78px}.reference-about #journey .ra-timeline article>div{padding:20px 16px}.reference-about #journey .ra-timeline time{font-size:9px}.reference-about #journey .ra-timeline h3{font-size:18px}.reference-about #journey .ra-timeline p{font-size:13px}}

/* Reference-inspired editorial spread using only official product photography. */
.reference-about .moment-editorial{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) minmax(0,.95fr);gap:3%;position:relative;padding:50px 4% 28px;margin:28px 1%;border-radius:55px;background:radial-gradient(ellipse at 42% 38%,#eee3d8a0,transparent 55%),linear-gradient(115deg,#f5f1e9,#fdfbf8);color:#484149;overflow:hidden}
.reference-about .me-label{font:20px/1.8 Arial,sans-serif;letter-spacing:.27em;color:#987549;margin:0}.reference-about .me-kicker{margin-top:30px}
.reference-about .me-copy h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(32px,3.55vw,58px);line-height:1.5;letter-spacing:-.055em;font-weight:400;margin:35px 0 22px}
.reference-about .me-intro{font-size:clamp(14px,1.2vw,18px);line-height:1.9;letter-spacing:.07em;color:#756c74}
.reference-about .me-description{font-size:13px;line-height:2;color:#766b72;max-width:430px;margin-top:32px}
.reference-about .me-description:before{content:"";display:block;width:28px;height:2px;background:#b99868;margin-bottom:22px}
.reference-about .me-description p+p{margin-top:12px}
.reference-about .me-visual{position:relative;min-height:580px;padding-top:15px}
.reference-about .me-main-arch{position:relative;margin-left:8%;height:440px;border-radius:200px 200px 0 0;background:radial-gradient(ellipse at 65% 30%,#fff7e9,transparent 55%),linear-gradient(145deg,#e8c9ba,#ece1d5 48%,#d8d6c6);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #fff9;box-shadow:inset 0 0 45px #ffffff80}
.reference-about .me-main-arch img{width:94%;height:91%;object-fit:contain;filter:drop-shadow(0 18px 15px #7b655635)}
.reference-about .me-small-arch{position:absolute;bottom:5px;left:-7%;width:52%;height:210px;border-radius:130px 130px 0 0;background:linear-gradient(145deg,#e2c9ab,#f7e5c9 55%,#dac5b7);border:6px solid #f7f3ed;display:grid;place-items:center;overflow:hidden}
.reference-about .me-small-arch img{width:94%;height:95%;object-fit:contain;filter:drop-shadow(0 10px 9px #83644525)}
.reference-about .me-side-note{position:absolute;top:-18px;left:-9%;z-index:2;border-left:1px solid #c8aa7f;padding-left:8px;font-size:10px;line-height:1.9;letter-spacing:.1em;color:#96784f}
.reference-about .me-visual-note{position:absolute;bottom:40px;left:53%;font-size:10px;line-height:1.9;letter-spacing:.1em;color:#a38359}
.reference-about .me-steps{display:grid;grid-template-rows:repeat(3,1fr);gap:18px}
.reference-about .me-step{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(70px,42%);gap:10px;align-items:center;min-width:0}
.reference-about .me-number{align-self:start;margin-top:25px;font:32px/1 Georgia,serif;color:#ad8b58;position:relative}
.reference-about .me-number:before{content:"";position:absolute;border:1px solid #dbc7ab;border-bottom-color:transparent;border-right-color:transparent;width:48px;height:48px;border-radius:50%;top:-16px;left:-3px;transform:rotate(30deg)}
.reference-about .me-step h3{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:23px;line-height:1.5;font-weight:400;margin:0 0 12px;white-space:nowrap}
.reference-about .me-step p{font-size:11px;line-height:1.9;color:#746a73}
.reference-about .me-step-image{height:160px;min-width:0;border-radius:90px;background:linear-gradient(145deg,#f1dcc2,#e9d5c8);display:grid;place-items:center;overflow:hidden}
.reference-about .me-step:nth-child(2) .me-step-image{background:linear-gradient(140deg,#dfe5da,#eee4cf)}
.reference-about .me-step:nth-child(3) .me-step-image{background:linear-gradient(140deg,#f1dbd8,#e6d9eb)}
.reference-about .me-step-image img{width:94%;height:90%;object-fit:contain;filter:drop-shadow(0 8px 7px #8c735527)}
.reference-about .me-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:#a58a66;font:9px/1.8 Arial,sans-serif;letter-spacing:.16em}
@media(min-width:1500px){.reference-about .me-visual{min-height:650px}.reference-about .me-main-arch{height:510px}.reference-about .me-step-image{height:190px}.reference-about .me-description{font-size:15px}.reference-about .me-step p{font-size:13px}}
@media(max-width:1050px){.reference-about .moment-editorial{grid-template-columns:1fr 1fr;gap:35px;padding:40px 5%}.reference-about .me-steps{grid-column:1/-1;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:24px}.reference-about .me-step{grid-template-columns:26px 1fr;align-items:start}.reference-about .me-step-image{grid-column:1/-1;grid-row:1;height:190px;width:140px;justify-self:center}.reference-about .me-number{margin-top:10px}.reference-about .me-step-copy{padding-top:5px}.reference-about .me-step p{font-size:12px}.reference-about .me-side-note{left:0;top:-20px}.reference-about .me-copy h2{font-size:clamp(33px,4.6vw,48px)}}
@media(max-width:600px){.reference-about .moment-editorial{grid-template-columns:1fr;margin:15px 3%;padding:35px 7%;border-radius:32px;gap:32px}.reference-about .me-copy h2{font-size:clamp(30px,8vw,43px)}.reference-about .me-kicker{margin-top:20px}.reference-about .me-description{font-size:13px}.reference-about .me-visual{min-height:490px;max-width:360px;width:100%;justify-self:center;padding-top:15px}.reference-about .me-main-arch{height:350px}.reference-about .me-small-arch{left:0;height:175px;bottom:8px}.reference-about .me-visual-note{left:55%;bottom:30px}.reference-about .me-steps{grid-template-columns:1fr;gap:24px}.reference-about .me-step{grid-template-columns:30px minmax(0,1fr) 100px;align-items:center;gap:14px;border-top:1px solid #ddd0be;padding-top:22px}.reference-about .me-step-image{grid-column:3;grid-row:auto;width:100%;height:125px}.reference-about .me-number{align-self:center;margin-top:0;font-size:28px}.reference-about .me-step h3{font-size:22px}.reference-about .me-step p{font-size:12px}.reference-about .me-foot{flex-direction:column;gap:10px;font-size:8px}}

/* User-supplied official logo: retain its orange field and original white artwork. */
.header .brand img,body:has(.reference-about)>.header .brand img{width:190px;height:auto;aspect-ratio:406/92;object-fit:contain;filter:none;opacity:1;max-width:none}
.footer .footer-logo,body:has(.reference-about)>.footer .footer-logo{width:230px;height:auto;aspect-ratio:406/92;object-fit:contain;filter:none;opacity:1}
@media(max-width:1100px){.header .brand img,body:has(.reference-about)>.header .brand img{width:160px}}@media(max-width:600px){.header .brand img,body:has(.reference-about)>.header .brand img{width:155px}.footer .footer-logo,body:has(.reference-about)>.footer .footer-logo{width:210px}}

/* Philosophy 01: centered title, orbital heart, highlight rows and full-width closing. */
.reference-about .philosophy-composition{padding:75px 5% 0;background:radial-gradient(ellipse at 5% 36%,#f2e3f280,transparent 40%),radial-gradient(ellipse at 97% 0,#f8e3ed80,transparent 35%),#fcfaf7;overflow:hidden}
.reference-about .pc-heading{display:block;position:static;width:auto;padding:0;text-align:center;color:#484452}
.reference-about .pc-label{font:20px/1.8 Arial,sans-serif;letter-spacing:.25em;color:#95709d;margin:0 0 22px}
.reference-about .pc-heading h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(28px,3.2vw,50px);font-weight:400;line-height:1.6;letter-spacing:-.035em;margin:0}
.reference-about .pc-heading h2 em{color:#91629f;font-style:normal;display:inline-block}
.reference-about .pc-tagline{display:flex;align-items:center;justify-content:center;gap:22px;margin:20px 0 35px;font-size:15px;letter-spacing:.15em;color:#6b5d73}
.reference-about .pc-tagline:before,.reference-about .pc-tagline:after{content:"";width:75px;height:1px;background:#c7afd3}
.reference-about .pc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:center;margin:20px auto 45px;max-width:1450px}
.reference-about .pc-visual{position:relative;isolation:isolate;aspect-ratio:1;min-width:0;background:radial-gradient(ellipse,#e9d3eea8 0,#f3dfea80 35%,transparent 67%)}
.reference-about .pc-visual:before{content:"";position:absolute;inset:-4% 8% 15% -12%;border-radius:45% 55% 48% 52%;background:linear-gradient(140deg,#ead7f04d,#f9e3ee33);transform:rotate(-25deg);z-index:-1}
.reference-about .pc-orbit{position:absolute;inset:5%;display:grid;place-items:center}
.reference-about .pc-orbit>i{position:absolute;inset:5%;border:1.5px solid #b595c7;border-radius:50%;transform:rotate(-18deg)}
.reference-about .pc-orbit>i:nth-child(2){inset:18% -2%;transform:rotate(-38deg);border-color:#b28fc4}
.reference-about .pc-orbit>i:first-child:after{content:"";position:absolute;right:4%;top:14%;width:13px;height:13px;border-radius:50%;background:#a67cba;box-shadow:0 0 0 8px #ebdfef}
.reference-about .pc-orbit>span{font-size:clamp(65px,7vw,110px);font-weight:400;color:#91649e}
.reference-about .pc-dot{position:absolute;border-radius:50%;width:10px;height:10px;background:#c59bcf}
.reference-about .pc-dot-one{top:15%;left:1%}.reference-about .pc-dot-two{bottom:24%;left:7%;width:19px;height:19px;background:#f9e9f1;border:1px solid #ecc8df}.reference-about .pc-dot-three{bottom:13%;right:5%;width:15px;height:15px;background:#fbe7ee}
.reference-about .pc-copy h3{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(20px,2vw,30px);font-weight:500;line-height:1.7;margin:0 0 22px;color:#494052}
.reference-about .pc-copy>p{font-size:14px;line-height:2.15;color:#6b6173;margin:0}
.reference-about .pc-values{display:grid;gap:9px;margin:22px 0}
.reference-about .pc-values p{position:relative;margin:0;padding:12px 18px 12px 49px;border-radius:16px;background:linear-gradient(110deg,#efe3f17a,#f9e9ef99);font-size:16px;line-height:1.8;color:#5e5068}
.reference-about .pc-values p:before{content:"";position:absolute;left:23px;top:23px;width:9px;height:9px;border-radius:50%;background:#b18abe;box-shadow:0 0 0 5px #fff7}
.reference-about .pc-values p:nth-child(2):before{background:#dfa6c1}
.reference-about .pc-values strong{color:#91609e;font-weight:600}
.reference-about .pc-copy>.pc-reflection{font-size:13px;color:#7b6c81;line-height:2}
.reference-about .pc-closing{position:relative;isolation:isolate;overflow:hidden;text-align:center;border-radius:36px 36px 0 0;padding:30px 30px 35px;background:linear-gradient(110deg,#ecdef3,#fbe6e7);color:#4f4358}
.reference-about .pc-closing:before,.reference-about .pc-closing:after{content:"";position:absolute;z-index:-1;width:45%;height:180%;border-radius:50%;border:1px solid #d3bce366;left:-10%;top:45%;background:#e3cced44;transform:rotate(-12deg)}
.reference-about .pc-closing:after{left:auto;right:-15%;top:30%;background:#f5d9e644;transform:rotate(14deg)}
.reference-about .pc-closing p:first-child{font-size:clamp(20px,2.3vw,33px);line-height:1.7;margin:0 0 8px}.reference-about .pc-closing p:last-child{font-size:15px;line-height:2;margin:0}.reference-about .pc-closing strong{font-weight:500}
@media(max-width:800px){.reference-about .philosophy-composition{padding:55px 6% 0}.reference-about .pc-layout{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.reference-about .pc-visual{width:80%;max-width:370px;margin:auto}.reference-about .pc-heading h2{font-size:clamp(26px,5.8vw,38px)}.reference-about .pc-heading h2 em{display:block}.reference-about .pc-tagline{font-size:12px;gap:15px}.reference-about .pc-tagline:before,.reference-about .pc-tagline:after{width:40px}.reference-about .pc-copy h3{font-size:23px}.reference-about .pc-values p{font-size:14px;padding-left:40px}.reference-about .pc-values p:before{left:17px;top:21px}.reference-about .pc-closing{padding:25px 18px;border-radius:25px 25px 0 0}.reference-about .pc-closing p:last-child{font-size:13px}}

/* Picture book: official cover, soft landscape atmosphere, and staggered title. */
.reference-about .picturebook-showcase{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:5%;margin:45px 3%;padding:55px 6%;min-height:590px;border-radius:65px;background:radial-gradient(ellipse at 65% 12%,#fffdfa 0,transparent 65%),#f3f0e6}
.reference-about .pb-atmosphere{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#cbd1b78f,transparent 43%),radial-gradient(ellipse at 10% 80%,#9eae9380,transparent 50%),radial-gradient(ellipse at 96% 95%,#c4c9ac85,transparent 43%)}
.reference-about .pb-atmosphere:before{content:"";position:absolute;left:-12%;bottom:-52%;width:110%;height:92%;border-radius:50%;background:linear-gradient(145deg,#b8c2a890,#83977c80);transform:rotate(18deg)}
.reference-about .pb-atmosphere:after{content:"";position:absolute;right:-25%;bottom:-53%;width:110%;height:78%;border-radius:50%;border:1px solid #abb99c70;background:#e1e3cf80;transform:rotate(-15deg)}
.reference-about .pb-visual{position:relative;min-width:0;display:grid;place-items:center;min-height:430px;padding:20px 0 40px}
.reference-about .pb-halo{position:absolute;inset:0 -3% 2%;border:1.5px solid #c3ae73;border-radius:50%;transform:rotate(-18deg)}
.reference-about .pb-halo:before,.reference-about .pb-halo:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#b6a1c5;top:7%;right:10%;box-shadow:16px -18px 0 -2px #c7b6d1}
.reference-about .pb-halo:after{top:auto;right:auto;left:0;bottom:22%;box-shadow:-16px 16px 0 -1px #c7b6d1}
.reference-about .pb-book{position:relative;display:block;width:88%;max-width:410px;transform:perspective(1100px) rotateY(8deg) rotate(-6deg);box-shadow:-9px 5px 0 #ddd9ce,-15px 9px 0 #f6f3e9,0 28px 28px #465a3d38;transition:transform .3s}
.reference-about .pb-book:hover{transform:perspective(1100px) rotateY(3deg) rotate(-3deg) translateY(-4px)}
.reference-about .pb-book img{display:block;width:100%;height:auto;border:1px solid #e3dfd1}
.reference-about .pb-copy{position:relative;padding:5px 0 40px;min-width:0}
.reference-about .pb-label{font:20px/1.8 Arial,sans-serif;letter-spacing:.19em;color:#a080a3;margin:0 0 22px}
.reference-about .pb-copy h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:400;font-size:clamp(36px,4.5vw,68px);line-height:1.35;letter-spacing:.015em;margin:0 0 22px;color:#504752}
.reference-about .pb-copy h2>span{display:block}.reference-about .pb-copy h2>span:last-child{padding-left:25%}.reference-about .pb-copy h2 em{font-style:normal;color:#7b8e70}
.reference-about .pb-description{font-size:13px;line-height:2.2;color:#6c696b;margin:0}
.reference-about .pb-read{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:330px;margin:24px auto 0;padding:14px 24px;border-radius:100px;background:#5e7254;color:#fffdf7;font:12px/1.6 Arial,'Hiragino Sans',sans-serif;letter-spacing:.06em;box-shadow:0 7px 17px #56674722;transition:background .2s}
.reference-about .pb-read:hover{background:#465e3c}.reference-about .pb-read>span{font-size:20px}
.reference-about .pb-side-note{position:absolute;right:22px;top:48px;writing-mode:vertical-rl;font:9px/1 Arial,sans-serif;letter-spacing:.22em;color:#7a8c6f}
@media(max-width:800px){.reference-about .picturebook-showcase{grid-template-columns:1fr;gap:25px;margin:25px 3%;padding:40px 9%;border-radius:40px}.reference-about .pb-visual{min-height:0;max-width:380px;width:100%;margin:auto;padding:15px 0 35px}.reference-about .pb-book{width:82%}.reference-about .pb-copy{padding:0 0 15px}.reference-about .pb-copy h2{font-size:clamp(38px,8vw,55px);max-width:340px;margin:0 auto 25px}.reference-about .pb-label{text-align:center;font-size:18px}.reference-about .pb-description{font-size:13px}.reference-about .pb-side-note{right:13px;font-size:8px;top:35px}.reference-about .pb-read{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.reference-about .pb-book,.reference-about .pb-read{transition:none}.reference-about .pb-book:hover{transform:perspective(1100px) rotateY(8deg) rotate(-6deg)}}

/* Dreamlike closing invitation with the requested official Amida and Senju figures. */
.reference-about .explore-finale{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3%;min-height:530px;margin:35px 2% 45px;padding:55px 6%;border-radius:65px;background:radial-gradient(ellipse at 64% 45%,#fffcf0 0,transparent 34%),radial-gradient(ellipse at 88% 18%,#d9c4f0c9 0,transparent 55%),radial-gradient(ellipse at 8% 15%,#ffe6e0 0,transparent 55%),linear-gradient(140deg,#fbf4ee,#eae1f4);color:#514357}
.reference-about .explore-finale:before{content:"";position:absolute;z-index:-1;left:-15%;bottom:-40%;width:95%;height:70%;border-radius:50%;background:linear-gradient(160deg,#d6bfd95c,#faf2f080);transform:rotate(12deg)}
.reference-about .explore-finale:after{content:"";position:absolute;z-index:-1;right:-20%;bottom:-42%;width:100%;height:72%;border-radius:50%;border-top:1px solid #f5dfb3;background:linear-gradient(160deg,#dfc9e75c,#eee5f0b0);transform:rotate(-15deg)}
.reference-about .ef-copy{position:relative;z-index:2;min-width:0}
.reference-about .ef-label{font:20px/1.8 Arial,sans-serif;letter-spacing:.24em;margin:0 0 27px;color:#70617b}
.reference-about .ef-copy h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(36px,4.5vw,65px);font-weight:400;line-height:1.5;letter-spacing:-.015em;margin:0 0 22px}
.reference-about .ef-copy h2 em{font-style:normal;color:#93619e}
.reference-about .ef-description{font-size:14px;line-height:2;color:#706379;margin:0}
.reference-about .ef-button{display:inline-flex;align-items:center;gap:35px;padding:14px 25px;margin-top:26px;border-radius:100px;background:#8b5c98;color:#fff;font-size:13px;letter-spacing:.05em;transition:background .2s}
.reference-about .ef-button:hover{background:#72457f}
.reference-about .ef-visual{position:relative;min-width:0;aspect-ratio:1;max-height:460px}
.reference-about .ef-rings{position:absolute;inset:1%;border-radius:50%;background:radial-gradient(circle,#fffaf0 0,#f7e8f270 44%,#d9c4f19c 67%,transparent 72%)}
.reference-about .ef-rings i{position:absolute;inset:9%;border-radius:50%;border:1px solid #d6b278;box-shadow:0 0 20px #ffefcc,inset 0 0 25px #fff5dc}
.reference-about .ef-rings i:nth-child(2){inset:2%;border-color:#fff9;box-shadow:none;transform:rotate(20deg)}
.reference-about .ef-rings i:nth-child(3){inset:-3%;border-color:#e6d3b4a0;border-style:dotted;box-shadow:none}
.reference-about .ef-rings i:first-child:before{content:"";position:absolute;right:9%;top:8%;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fffbd7,#d4ab6c);box-shadow:0 0 9px #fff5d6}
.reference-about .ef-rings i:nth-child(2):after{content:"";position:absolute;left:2%;top:55%;width:9px;height:9px;border-radius:50%;background:#94c6bb;box-shadow:8px -110px 0 -2px #d7ad7d,230px -135px 0 -2px #c1a2d6}
.reference-about .ef-characters{position:absolute;inset:20% 9% 15%;display:flex;align-items:flex-end;justify-content:center;gap:0}
.reference-about .ef-characters img{width:53%;height:90%;object-fit:contain;filter:drop-shadow(0 14px 12px #987a9c25)}
.reference-about .ef-amida{transform:translateY(7px)}.reference-about .ef-senju{margin-left:-4%}
.reference-about .ef-names{position:absolute;left:0;right:0;bottom:7%;text-align:center;color:#80658a;font-size:10px;letter-spacing:.06em}
.reference-about .ef-side{position:absolute;right:22px;top:90px;writing-mode:vertical-rl;font:9px/1 Arial,sans-serif;letter-spacing:.2em;color:#967ea1}
.reference-about .ef-symbol{position:absolute;right:3%;bottom:-15px;z-index:-1;color:#ad8ab323;font:170px/1.2 'Yu Mincho',serif;transform:rotate(12deg)}
@media(max-width:800px){.reference-about .explore-finale{grid-template-columns:1fr;min-height:0;margin:25px 3%;padding:45px 8% 25px;border-radius:40px;gap:25px}.reference-about .ef-copy h2{font-size:clamp(34px,8vw,50px)}.reference-about .ef-visual{width:90%;max-width:370px;justify-self:center}.reference-about .ef-description{font-size:13px}.reference-about .ef-side{right:14px;top:auto;bottom:110px;font-size:8px}.reference-about .ef-names{font-size:9px}.reference-about .ef-symbol{font-size:120px}}

/* Restore a clearly visible luminous portal, with smaller figures at its base. */
.reference-about .ef-rings{inset:0;background:radial-gradient(circle at 50% 45%,#fffef4 0%,#fff3e7 30%,#ecd9f4 56%,#cbb0e994 66%,transparent 73%)}
.reference-about .ef-rings i:first-child{inset:10%;border:3px solid #fff2cb;box-shadow:0 0 3px 2px #d9aa70,0 0 15px 5px #ffe6a9,0 0 40px 10px #fff2d6b3,inset 0 0 24px 5px #fff8d9;z-index:2}
.reference-about .ef-rings i:nth-child(2){inset:5%;border:2px solid #fff8ef;box-shadow:0 0 12px #f5dfcbb3;transform:rotate(20deg)}
.reference-about .ef-rings i:nth-child(3){inset:0;border:1px solid #d2af7c;border-style:solid;box-shadow:0 0 20px #fce5c14d}
.reference-about .ef-characters{inset:46% 22% 17%;z-index:3;align-items:flex-end}
.reference-about .ef-characters img{height:100%;width:53%;filter:drop-shadow(0 6px 9px #ac85a038)}
.reference-about .ef-amida{transform:translateY(3px)}
.reference-about .ef-visual:after{content:"";position:absolute;z-index:4;pointer-events:none;left:15%;right:15%;bottom:12%;height:19%;border-radius:50%;background:radial-gradient(ellipse,#fffef0e6 0%,#fff5ecb3 35%,transparent 71%);filter:blur(5px)}
.reference-about .ef-names{bottom:3%;z-index:5;color:#755781}

.reference-about .ef-light-path{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.reference-about .ef-visual{z-index:2}.reference-about .ef-copy{z-index:3}@media(max-width:800px){.reference-about .ef-light-path{top:auto;bottom:0;height:52%;width:155%;left:-37%;transform:translateY(20px)}}

.scene-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reference-about .exact-explore{margin:35px 2% 45px}.reference-about .exact-explore>a{display:block;border-radius:45px}.reference-about .exact-explore img{display:block;width:100%;height:auto}
.reference-about .music-scene{position:relative;isolation:isolate;margin:35px 2%;aspect-ratio:1684/934;overflow:hidden;border-radius:60px;color:#f8eff8;display:flex;align-items:center}
.reference-about .ms-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.reference-about .ms-copy{width:43%;margin-left:50%;padding:35px 0}
.reference-about .ms-label{font:20px/1.8 Arial,sans-serif;letter-spacing:.23em;color:#e9cfe8;margin:0 0 22px}
.reference-about .ms-copy h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(35px,4.8vw,70px);font-weight:400;line-height:1.3;letter-spacing:.02em;margin:0 0 22px;color:#fff1fc}
.reference-about .ms-description{font-size:13px;line-height:2;color:#f1e3ef;margin:0}
.reference-about .ms-status{display:flex;align-items:center;gap:13px;padding:12px 15px;margin-top:22px;border:1px solid #ead1e54d;border-radius:12px;background:#f4dff017;font:11px/1.7 Arial,'Hiragino Sans',sans-serif;color:#f1e0f0}
.reference-about .ms-note{font-size:22px}.reference-about .ms-bars{margin-left:auto;letter-spacing:2px;font-size:18px;color:#dcb6db}
.reference-about .ms-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:13px 27px;border-radius:100px;background:#eaddf0;color:#654d6c;margin-top:22px;font:13px/1.7 Arial,'Hiragino Sans',sans-serif}.reference-about .ms-link:hover{background:#fff0fb}
.reference-about .ms-side{position:absolute;right:3%;top:15%;writing-mode:vertical-rl;font:9px/1 Arial,sans-serif;letter-spacing:.24em;color:#dcc6dc}
@media(max-width:700px){.reference-about .music-scene{aspect-ratio:auto;min-height:520px;border-radius:35px;align-items:flex-end}.reference-about .ms-background{object-position:30% center}.reference-about .ms-copy{width:100%;margin-left:0;padding:28px 8%;background:linear-gradient(0deg,#3f314cdb,#493652ab 80%,transparent)}.reference-about .ms-copy h2{font-size:38px}.reference-about .ms-label{font-size:18px;margin-bottom:12px}.reference-about .ms-status{font-size:10px}.reference-about .ms-side{right:5%;top:8%}.reference-about .exact-explore{margin:25px 2%}}

/* Center the About page story excerpt and distinguish its heading. */
.reference-about #story.ra-brand-reading .brand-story-prose,.reference-about #story.ra-brand-reading .brand-story-prose p{text-align:center}.reference-about #story.ra-brand-reading h2{color:#95628e}

.home-character-feature{margin:30px 3%;padding:40px 4%;border-radius:65px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 4% 0,#ffe6da,transparent 48%),radial-gradient(ellipse at 94% 20%,#e9defe,transparent 56%),#fcf6f6;color:#333349}
.hcf-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 18px 25px}.hcf-heading p{font-size:10px;letter-spacing:.15em;font-weight:700;margin:0 0 7px}.hcf-heading h2{font-size:clamp(28px,3.6vw,48px);line-height:1.4;letter-spacing:-.04em;margin:0;font-weight:700}.hcf-heading h2 em{font-style:normal;color:#a27bc9}.hcf-heading>div>span{font-size:13px;letter-spacing:.09em}.hcf-heading>a{white-space:nowrap;font-size:12px}
.hcf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hcf-main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:460px;overflow:hidden;border-radius:30px;background:radial-gradient(ellipse at 50% 45%,#ffd4cf 0,#ffe0d8 48%,#fff1e6 72%,#f9dbe5);border:1px solid #fff9;padding:24px}
.hcf-main:before{content:"";position:absolute;top:5%;left:13%;right:13%;height:78%;border-radius:50% 50% 0 0;background:linear-gradient(#f5bcb780,#fff0e6);z-index:0}.hcf-badge{position:absolute;top:20px;left:25px;border:1px solid #d7ae84;border-radius:99px;padding:3px 12px;font-size:9px;letter-spacing:.2em;color:#b48b60;z-index:2}.hcf-main-art{position:relative;width:75%;height:310px;display:grid;place-items:center}.hcf-main-art img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 15px 12px #ab736329);transition:transform .3s}.hcf-main-copy{position:relative;width:100%;text-align:center;background:linear-gradient(0deg,#fff5e99c,transparent);padding-top:12px}.hcf-main h3,.hcf-small h3{font-size:28px;letter-spacing:.18em;margin:0;font-weight:700;line-height:1.4}.hcf-main p,.hcf-small p{font-size:12px;margin:4px 0 12px;letter-spacing:.06em}.hcf-cta{display:inline-block;border:1px solid #98ac94;border-radius:99px;padding:6px 18px;font-size:10px;color:#627a5c;letter-spacing:.07em}.hcf-main .hcf-cta{background:#c99696;border-color:#c99696;color:#fff8f3;min-width:160px}.hcf-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}.hcf-small{position:relative;display:grid;grid-template-columns:.85fr 1.25fr;align-items:center;gap:10px;overflow:hidden;border-radius:28px;padding:28px 22px;border:1px solid #fff9;min-height:220px}.hcf-mint{background:radial-gradient(ellipse at 65% 90%,#ffffffb0,transparent 70%),linear-gradient(130deg,#d9e8d5,#eff5e8 55%,#c9dfc0)}.hcf-lavender{background:radial-gradient(ellipse at 65% 90%,#ffffffb0,transparent 70%),linear-gradient(130deg,#e0d0f3,#eee5fa 55%,#cebbe7)}.hcf-small>div{position:relative;z-index:2}.hcf-small>div:before{content:"";display:block;width:25px;height:1px;background:#83907c;margin-bottom:13px}.hcf-small img{width:100%;height:165px;object-fit:contain;filter:drop-shadow(0 12px 8px #67637120);transition:transform .3s}.hcf-small h3{font-size:clamp(19px,2vw,29px);letter-spacing:.12em}.hcf-lavender .hcf-cta{border-color:#a393bc;color:#877299}.hcf-main:hover img,.hcf-small:hover img{transform:translateY(-5px)}
@media(max-width:900px){.hcf-small{grid-template-columns:1fr;padding:22px;gap:5px}.hcf-small img{height:110px}.hcf-main{min-height:480px}.hcf-main-art{height:280px;width:95%}.hcf-small>div:before{display:none}.hcf-small p{margin-bottom:7px}}
@media(max-width:600px){.home-character-feature{padding:30px 5%;border-radius:38px}.hcf-heading{margin:0 0 22px;align-items:flex-start;flex-direction:column;gap:12px}.hcf-heading h2{font-size:30px}.hcf-heading>div>span{font-size:11px}.hcf-grid{grid-template-columns:1fr}.hcf-main{min-height:380px}.hcf-main-art{height:260px;width:80%}.hcf-side{gap:12px}.hcf-small{grid-template-columns:1fr 1.25fr;min-height:165px;padding:20px 16px}.hcf-small img{height:130px}.hcf-small h3{font-size:20px}.hcf-small p{font-size:10px}.hcf-cta{padding:5px 12px}.hcf-main h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.hcf-main-art img,.hcf-small img{transition:none}.hcf-main:hover img,.hcf-small:hover img{transform:none}}

.hcf-grid{position:relative;isolation:isolate}.hcf-grid:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:url("assets/character-florals.png") center/100% 100% no-repeat;border-radius:30px;opacity:.8}.hcf-main-art,.hcf-main-copy,.hcf-badge{z-index:3}.hcf-small>div,.hcf-small img{position:relative;z-index:3}.hcf-main-copy{background:linear-gradient(0deg,#fff3e9e6,#fff3e9b3 65%,transparent)}@media(max-width:600px){.hcf-grid:after{background-size:100% 100%;opacity:.65}}

.home-character-scene{position:relative;margin:30px 2%}.home-character-scene>img{width:100%;height:auto;display:block}.hc-hit{position:absolute;display:block;border-radius:25px}.hc-hit:hover{box-shadow:inset 0 0 0 2px #ffffffa6}.hc-hit:focus-visible{outline:3px solid #8752a4;outline-offset:2px}.hc-all{left:78%;top:12%;width:16%;height:9%}.hc-omusubi{left:5.6%;top:26.5%;width:44.3%;height:66.5%}.hc-kokorobi{left:50.7%;top:26.8%;width:44.6%;height:31.6%}.hc-goen{left:50.7%;top:60%;width:44.6%;height:32%}

/* Reference shop scene: official unmodified product cutouts. */
.home-shop-scene{position:relative;margin:30px 2%;isolation:isolate}.home-shop-scene .shop-scene-bg{display:block;width:100%;height:auto}.home-shop-scene .shop-scene-figure{position:absolute;bottom:29.5%;width:11%;height:24%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 3px #73504422);transform:translateX(-50%)}
.home-shop-scene .shop-figure-1{left:17.9%}.home-shop-scene .shop-figure-2{left:30.35%}.home-shop-scene .shop-figure-3{left:42.85%}.home-shop-scene .shop-figure-4{left:55.4%}.home-shop-scene .shop-figure-5{left:67.9%}.home-shop-scene .shop-figure-6{left:80.3%}
.shop-scene-link{position:absolute;left:38.2%;top:84.5%;width:22%;height:8%;border-radius:100px}.shop-scene-link:focus-visible{outline:3px solid #9259ab;outline-offset:5px}.shop-scene-link:hover{box-shadow:0 0 0 3px #ad8dc080}

.home-news-scene{position:relative;margin:30px 2%;border-radius:clamp(24px,6vw,100px);overflow:hidden}.home-news-scene>img{display:block;width:100%;height:auto}.news-scene-hit{position:absolute;border-radius:20px}.news-scene-hit:focus-visible{outline:3px solid #77579d;outline-offset:-3px;background:#ffffff22}.news-all{left:3.8%;top:47.8%;width:26%;height:10%;border-radius:100px}.news-popup{left:36%;top:13%;width:31%;height:30%;transform:rotate(-7deg)}.news-stores{left:66.8%;top:28%;width:29%;height:32%;transform:rotate(9deg)}.news-collab{left:43%;top:55%;width:32%;height:30%;transform:rotate(10deg)}.news-instagram{left:71%;top:5%;width:22%;height:7%}

/* Click-to-open navigation */
.nav-dropdown{position:relative}.nav-dropdown>summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font:inherit;font-weight:700;white-space:nowrap;padding:14px 0}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-chevron{font-size:15px;color:#916da6;transition:transform .2s}.nav-dropdown[open] .nav-chevron{transform:rotate(180deg)}.nav-submenu{position:absolute;top:calc(100% + 8px);left:0;width:260px;padding:12px;background:#fffafdf5;border:1px solid #e4d8ee;border-radius:22px;box-shadow:0 15px 45px #67527126;z-index:100}.nav .nav-submenu a{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:12px;font-size:14px;white-space:normal}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#eee4f6;color:#755187}.nav-dropdown>summary:focus-visible{outline:2px solid #9565ad;outline-offset:5px;border-radius:8px}
@media(max-width:1100px){.nav-dropdown{width:100%}.nav-dropdown>summary{justify-content:space-between}.nav-submenu{position:static;width:100%;box-shadow:none;margin:4px 0 12px}.nav.is-open{max-height:80vh;overflow-y:auto}}

.zodiac-hero{position:relative;margin:24px 2%;isolation:isolate}.zodiac-backdrop{display:block;width:100%;height:auto}.zodiac-hero .zodiac-figure{position:absolute;width:12%;height:20%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 3px #674a3926)}.zodiac-link{position:absolute;left:38%;top:87%;width:24%;height:8%;border-radius:99px}.zodiac-link:focus-visible{outline:3px solid #9357a4;outline-offset:4px}
.zodiac-hero .zf-1{left:9.0%;bottom:30%;z-index:1}
.zodiac-hero .zf-2{left:22.5%;bottom:30%;z-index:1}
.zodiac-hero .zf-3{left:36.0%;bottom:30%;z-index:1}
.zodiac-hero .zf-4{left:49.5%;bottom:30%;z-index:1}
.zodiac-hero .zf-5{left:63.0%;bottom:30%;z-index:1}
.zodiac-hero .zf-6{left:76.5%;bottom:30%;z-index:1}
.zodiac-hero .zf-7{left:11.0%;bottom:15%;z-index:2}
.zodiac-hero .zf-8{left:24.5%;bottom:15%;z-index:2}
.zodiac-hero .zf-9{left:38.0%;bottom:15%;z-index:2}
.zodiac-hero .zf-10{left:51.5%;bottom:15%;z-index:2}
.zodiac-hero .zf-11{left:65.0%;bottom:15%;z-index:2}
.zodiac-hero .zf-12{left:78.5%;bottom:15%;z-index:2}

.zodiac-hero .hero-official{position:absolute;bottom:16.5%;height:26%;width:12%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 4px #74594722)}.zodiac-hero .hof-1{left:12%}.zodiac-hero .hof-2{left:24%}.zodiac-hero .hof-3{left:37%;width:26%;height:44%}.zodiac-hero .hof-4{left:64%}.zodiac-hero .hof-5{left:76%;width:9.5%;height:23%}.zodiac-hero .hof-6{left:86%;width:9.5%;height:24%}

.zodiac-hero .arc-zodiac{position:absolute;width:4.6%;height:7.2%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 2px #835e3926)}
.zodiac-hero .az-1{left:18.9%;top:25.4%}
.zodiac-hero .az-2{left:23.9%;top:19.6%}
.zodiac-hero .az-3{left:29.7%;top:15.2%}
.zodiac-hero .az-4{left:35.8%;top:11.3%}
.zodiac-hero .az-5{left:42.4%;top:9.5%}
.zodiac-hero .az-6{left:49.6%;top:9%}
.zodiac-hero .az-7{left:56.7%;top:9.6%}
.zodiac-hero .az-8{left:63.2%;top:11.3%}
.zodiac-hero .az-9{left:69.3%;top:15.1%}
.zodiac-hero .az-10{left:75%;top:19.7%}
.zodiac-hero .az-11{left:80.1%;top:25.4%}
.zodiac-hero .az-12{left:84.4%;top:32.4%}

.footer-social{display:flex;gap:12px;align-items:center;margin-top:16px}.footer-social>a,.footer-social>.social-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#ff5a23;color:#fff;border-radius:15px;width:64px;min-height:70px;padding:10px 5px;font-size:10px}.footer-social svg{width:29px;height:29px}.footer-social>a:hover{background:#df4817}.footer-social .social-pending{opacity:.5}.footer-social>a:focus-visible{outline:3px solid #87589c;outline-offset:4px}

/* Balanced footer with a dedicated brand column and compact social links. */
.footer .footer-main{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.8fr);grid-template-rows:auto auto;gap:22px 7%;align-items:start;max-width:1400px;margin:0 auto}
.footer-main>a{grid-column:1;grid-row:1}.footer .footer-company{grid-column:1;grid-row:2;font-size:13px;line-height:1.95;overflow-wrap:anywhere}.footer .footer-columns{grid-column:2;grid-row:1 / 3;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 32px}.footer-columns nav:first-child{grid-column:1;grid-row:1}.footer-columns nav:nth-child(2){grid-column:1;grid-row:2}.footer-columns nav:nth-child(3){grid-column:2;grid-row:1 / 3}.footer .footer-columns nav{min-width:0;gap:16px;font-size:13px;line-height:1.6}.footer-columns nav>a{overflow-wrap:anywhere}.footer .footer-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.footer .footer-social>a,.footer .footer-social>.social-pending{width:52px;min-height:58px;flex:0 0 52px;border-radius:13px;padding:8px 3px;gap:4px;font-size:9px;color:#fff!important}.footer-social svg{width:25px;height:25px}.footer .footer-bottom{max-width:1400px;margin:35px auto 0;flex-wrap:wrap}
@media(max-width:700px){.footer .footer-main{grid-template-columns:minmax(0,1fr);gap:20px}.footer .footer-company{grid-column:1;grid-row:2}.footer .footer-columns{grid-column:1;grid-row:3;gap:16px 24px;margin-top:10px}.footer .footer-logo{width:190px}.footer .footer-bottom{gap:10px}.footer .footer-columns nav{font-size:12px}}

.footer.footer-six{padding:40px 5%;display:flex;flex-direction:column;align-items:center;gap:26px}.footer-primary{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px 32px}.footer-primary a{font-size:14px;font-weight:600}.footer-six .footer-social{display:flex;gap:0;margin:0;padding:8px 12px;background:#ff5a23;border-radius:0;flex-wrap:nowrap}.footer.footer-six .footer-social>a,.footer.footer-six .footer-social>.social-pending{width:56px;min-height:50px;flex:0 0 56px;border-radius:0;padding:8px;background:transparent;color:#fff!important;opacity:1}.footer-six .footer-social svg{width:34px;height:34px}@media(max-width:600px){.footer-primary{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.footer-primary a{font-size:12px}}

.eyebrow,.ra-en,.ra-label,.ra-gallery-label,.me-label,.pc-label,.pb-label,.ef-label,.ms-label{overflow-wrap:anywhere;white-space:normal;line-height:1.7!important}.reference-about .ra-gallery-label{right:8%;max-width:84%}

.footer.footer-complete{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.6fr);align-items:start;gap:35px 7%;padding:48px 6%}.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}.footer-address p{margin:0 0 8px;font-size:13px;line-height:1.9}.footer-links-social{display:flex;flex-direction:column;align-items:flex-start;gap:25px;min-width:0}.footer-complete .footer-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:18px 26px;align-items:start}.footer-complete .footer-primary a{font-size:13px;line-height:1.7}.footer-complete .footer-social{align-self:flex-start}@media(max-width:700px){.footer.footer-complete{grid-template-columns:1fr;gap:30px;padding:36px 6%}.footer-complete .footer-primary a{font-size:12px}.footer-identity{gap:15px}}

.reference-about .ra-story .ra-label{white-space:nowrap;overflow-wrap:normal;letter-spacing:.12em;font-size:clamp(12px,1.35vw,20px)}@media(max-width:600px){.reference-about .ra-story .ra-label{font-size:clamp(10px,3.2vw,16px);letter-spacing:.06em}}

/* Compact footer, preserving all approved content. */
.footer.footer-complete{padding:26px 6%;gap:22px 6%}.footer-complete .footer-identity{gap:10px}.footer.footer-complete .footer-logo{width:170px}.footer-complete .footer-address p{font-size:11px;line-height:1.65;margin:0 0 4px}.footer-complete .footer-links-social{gap:13px}.footer-complete .footer-primary{gap:10px 22px}.footer-complete .footer-primary a{font-size:12px;line-height:1.5}.footer-complete .footer-social{padding:4px 8px}.footer.footer-complete .footer-social>a,.footer.footer-complete .footer-social>.social-pending{width:42px;flex-basis:42px;min-height:38px;padding:5px}.footer-complete .footer-social svg{width:27px;height:27px}@media(max-width:700px){.footer.footer-complete{padding:24px 6%;gap:20px}.footer-complete .footer-primary a{font-size:11px}}

.fufu-song{width:100%;max-width:600px;margin:18px 0}.fufu-song iframe{display:block;width:100%;height:140px}.fufu-song>a{display:inline-block;font-size:12px;margin-top:8px;text-decoration:underline}

.home-about-scene{position:relative;margin:30px 2%}.home-about-scene>img{display:block;width:100%;height:auto}.has-link{position:absolute;border-radius:100px}.has-prayer{left:17.5%;top:45%;width:10%;height:18%}.has-story{left:40.5%;top:50%;width:10%;height:18%}.has-journey{left:61%;top:55%;width:10%;height:18%}.has-about{left:77.2%;top:61.5%;width:18.7%;height:9%}.has-link:focus-visible{outline:3px solid #88639b;outline-offset:4px}.has-link:hover{box-shadow:0 0 0 2px #ac85b260}

.custom-song{display:flex;align-items:center;gap:16px;padding:18px;background:#fff5fc!important;border-radius:22px;color:#49324f!important;box-shadow:0 8px 30px #24152c30}.song-play{width:58px;height:58px;flex-shrink:0;border:0;border-radius:50%;background:#81578f;color:white;font-size:23px;cursor:pointer}.song-info{flex:1;min-width:0}.song-info strong{font:600 16px Arial}.song-seek{display:block;width:100%;accent-color:#81578f;margin:9px 0}.song-time,.song-error{font:12px Arial}.custom-song>a{color:#604567!important;font-size:12px;white-space:nowrap}.song-error{display:block}

.music-scene .ms-background{filter:brightness(1.18) saturate(.88)}

.reference-about .ra-hero-copy{container-type:inline-size}.reference-about .ra-hero .ra-hero-title{font-size:clamp(24px,9.8cqw,84px);letter-spacing:.015em;line-height:1.4}.reference-about .ra-hero-title .about-title-line{display:block;white-space:nowrap}

/* Explicit two-line hero heading without container sizing. */
.reference-about .ra-hero-copy{container-type:normal;min-width:0;width:100%}.reference-about .ra-hero .ra-hero-title{font-size:clamp(26px,4.2vw,64px)!important;letter-spacing:0!important;line-height:1.45!important;word-break:normal!important}.reference-about .ra-hero .ra-hero-title .about-title-line{display:block!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;width:auto!important}@media(max-width:700px){.reference-about .ra-hero .ra-hero-title{font-size:clamp(22px,7.7vw,48px)!important}}

/* Keep the full official figure inside the arch, independent of grid intrinsic size. */
.reference-about .me-small-arch{display:block;min-width:0;min-height:0}.reference-about .me-small-arch img{position:absolute;inset:8% 10% 5%;width:80%;height:87%;max-width:80%;max-height:87%;min-height:0;object-fit:contain;object-position:center center}.reference-about .me-main-arch img{min-height:0;max-height:91%;object-fit:contain}

.story-portal{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:70px 7%;background:linear-gradient(135deg,#fbecdf,#f1eafa 55%,#e7f2ec);border-radius:45px;margin:35px 3%}.story-portal h2{font-size:clamp(28px,3.4vw,54px);line-height:1.6;font-weight:400}.story-portal p{line-height:2}.story-portal>img{width:100%;border-radius:50% 50% 40% 40%;mix-blend-mode:multiply}.living-story{max-width:1100px;margin:auto;text-align:center}.story-opening{padding:65px 20px 35px}.story-opening h2{font:400 clamp(32px,5vw,66px)/1.6 var(--serif)}.story-opening a{display:inline-block;margin-top:25px;border-bottom:1px solid #9a799e;color:#805887}.story-world{width:min(620px,100%);margin:0 auto 60px;border-radius:48%;mix-blend-mode:multiply}.story-chapters{background:linear-gradient(#fcf5ef,#f4eef8,#edf4ef);border-radius:50px;padding:30px 6%}.story-passage{max-width:700px;margin:auto;padding:45px 0}.story-passage p{font:400 clamp(16px,1.7vw,21px)/2.4 var(--serif);color:#55465b}.story-star{color:#aa88b0;font-size:30px}.story-illustrations{margin:70px 0}.story-illustrations figure{margin:30px 0}.story-illustrations img{width:100%;height:auto;border-radius:20px}.living-story>.button{margin-bottom:50px}@media(max-width:700px){.story-portal{grid-template-columns:1fr;padding:35px 7%}.story-portal>img{max-width:400px;margin:auto}.story-chapters{padding:15px 7%}.story-passage{padding:30px 0}.story-passage br{display:none}}

/* Tighten the story introduction after removing the intermediate controls. */
.living-story .story-opening{padding:28px 20px 12px}.living-story .story-opening h2{margin:16px 0}.living-story .story-opening p{margin:12px 0 0}.living-story .story-illustrations{margin:20px 0 40px}.living-story .story-illustrations figure:first-child{margin-top:0}@media(max-width:700px){.living-story .story-opening{padding:16px 8px 8px}.living-story .story-illustrations{margin-top:14px}}

@font-face{font-family:'Fufu Noto';src:url('assets/fonts/NotoSansJP.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Fufu Tilt';src:url('assets/fonts/TiltWarp.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--font:Arial,'Fufu Noto',sans-serif;--serif:'Fufu Noto',sans-serif;--brand-heading:'Fufu Noto',sans-serif;--brand-english:'Fufu Tilt',Arial,sans-serif}
body,button,input,select,textarea{font-family:Arial,'Fufu Noto',sans-serif;font-weight:500}
body p,body li,body dt,body dd,body figcaption,body label,body .footer-address,body .brand-story-prose{font-family:Arial,'Fufu Noto',sans-serif!important;font-weight:500!important}
body h1,body h2,body h3,body h4,body h5,body h6,body h1 span,body h2 span,body h2 em,body h3 span{font-family:'Fufu Noto',sans-serif!important;font-weight:900!important;font-style:normal}
body .brand-en-title,body .brand-en-title span,body .brand-en-title em{font-family:'Fufu Tilt','Fufu Noto',sans-serif!important;font-weight:400!important;font-variation-settings:'XROT' 0,'YROT' 0}
body .eyebrow,body .ra-label,body .ra-en,body .pc-label,body .me-label,body .pb-label,body .ms-label,body .ra-gallery-label,body .section-label{font-family:'Fufu Tilt','Fufu Noto',sans-serif!important;font-weight:400!important;letter-spacing:.1em}
body .nav,body .nav summary,body .nav a,body .button,body .footer-primary{font-family:Arial,'Fufu Noto',sans-serif!important}

/* Gentle Enkai atmosphere around the restored approved homepage. */
body:has(.zodiac-hero){background:#f8eee9 url('assets/enkai-landscape.png') center/cover fixed no-repeat}
body:has(.zodiac-hero) #main{background:linear-gradient(180deg,#fff7ed18,#f7eefa28 45%,#edf5ed20);padding-top:1px;padding-bottom:1px}
body:has(.zodiac-hero)>.header{background:#fff9f0e8;backdrop-filter:blur(12px)}
body:has(.zodiac-hero) .zodiac-hero,body:has(.zodiac-hero) .home-about-scene,body:has(.zodiac-hero) .home-character-scene,body:has(.zodiac-hero) .home-news-scene,body:has(.zodiac-hero) .home-shop-scene{box-shadow:0 16px 55px #cbb2cb14}
body:has(.zodiac-hero) .home-connect article{background:#fffaf2dc;backdrop-filter:blur(8px)}
@media(max-width:700px){body:has(.zodiac-hero){background-attachment:scroll;background-size:auto 2200px;background-repeat:repeat-y}}

/* Compact orange global footer: logo, the four requested destinations, and Instagram only. */
.footer.footer-complete{display:grid;grid-template-columns:minmax(145px,190px) minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,54px);padding:clamp(20px,2.6vw,36px) 6%;background:linear-gradient(110deg,#ff6a30,#f3531f);color:#fff!important;border:0!important;border-radius:0!important;box-shadow:inset 0 1px #fff4}
.footer.footer-complete .footer-identity{gap:0}.footer.footer-complete .footer-logo{width:clamp(150px,13vw,205px);filter:none!important;opacity:1!important}.footer.footer-complete .footer-links-social{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.footer.footer-complete .footer-primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 28px;align-items:center}.footer.footer-complete .footer-primary a{color:#fff!important;font-size:clamp(14px,1.15vw,18px);line-height:1.35;text-decoration:none}.footer.footer-complete .footer-primary .title-ja{font-weight:900;font-size:inherit;line-height:1.35}.footer.footer-complete .footer-primary .title-en{font-size:clamp(10px,.8vw,12px);line-height:1.35;letter-spacing:.1em;opacity:.84}.footer.footer-complete .footer-social{margin:0;padding:0;background:transparent}.footer.footer-complete .footer-social>a{display:inline-flex;align-items:center;gap:8px;width:auto;min-height:0;padding:10px 14px;background:#fff8!important;border:1px solid #fff9;border-radius:999px;color:#e44a20!important;font:800 13px/1 Arial,'Fufu Noto',sans-serif;white-space:nowrap}.footer.footer-complete .footer-social svg{width:21px;height:21px}.footer.footer-complete .footer-social a:hover{background:#fff!important}.footer.footer-complete .footer-address,.footer.footer-complete .social-pending{display:none!important}
body:has(.reference-about)>.footer.footer-complete{background:linear-gradient(110deg,#ff6a30,#f3531f)!important;color:#fff!important}body:has(.reference-about)>.footer.footer-complete a{color:inherit!important}
@media(max-width:900px){.footer.footer-complete .footer-primary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.footer.footer-complete .footer-links-social{grid-template-columns:1fr;gap:18px}.footer.footer-complete .footer-social{justify-self:start}}@media(max-width:540px){.footer.footer-complete{grid-template-columns:1fr;padding:26px 7%;gap:22px}.footer.footer-complete .footer-primary a{font-size:15px}.footer.footer-complete .footer-logo{width:170px}}

/* Version-one composition, continuous atmosphere and contextual onward paths. */
body:has(.zodiac-hero) #main{position:relative;isolation:isolate;overflow:hidden;background:transparent;padding:0}
body:has(.zodiac-hero){background:#f7eee9 url('assets/enkai-landscape.png') center/cover fixed no-repeat}
body:has(.zodiac-hero) #main>section:not(.home-connect){margin:0 auto;width:100%;max-width:1600px;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
body:has(.zodiac-hero) #main>section:not(.home-connect)>img:first-of-type{border-radius:0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(transparent,#000 5%,#000 95%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in}
body:has(.zodiac-hero) #main>section+section:not(.home-connect){margin-top:-1.5vw}
.world-thread{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.world-thread path{fill:none;stroke:#b88b42;stroke-width:1.5;opacity:.45;vector-effect:non-scaling-stroke}
body:has(.zodiac-hero) .home-connect{padding:65px 7% 30px;margin:auto;background:transparent;max-width:1400px;gap:8%}
body:has(.zodiac-hero) .home-connect article{border:0;border-radius:0;box-shadow:none;background:transparent!important;backdrop-filter:none;padding:20px 0}
body:has(.zodiac-hero)>.footer{background:#f2eaf1c9;border-radius:0;border:0}
.world-onward{max-width:1250px;margin:45px auto 0;padding:40px 6% 65px;color:#4b4256}.world-onward-label{font-size:14px!important;color:#8e6c98;letter-spacing:.13em;margin:0 0 25px}.world-onward>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.world-onward a{display:flex;flex-direction:column;align-items:flex-start;padding:14px 0;background:none;border:0;transition:transform .2s}.world-onward a:hover{transform:translateY(-4px)}.world-onward small{font-size:13px;color:#8b7295}.world-onward strong{font-size:21px;line-height:1.6;margin:10px 0}.world-onward a>span{font-size:14px;line-height:1.8}.world-onward b{font-weight:400;margin-left:8px}.world-origin{display:block;margin-top:18px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.shop-grid article{scroll-margin-top:40px}
@media(max-width:700px){.world-onward>div{grid-template-columns:1fr;gap:20px}.world-onward{padding:30px 7% 45px;margin-top:20px}.world-onward strong{font-size:20px}.world-thread{opacity:.5}body:has(.zodiac-hero) .home-connect{padding:35px 7%;gap:25px}body:has(.zodiac-hero){background-attachment:fixed}}
@media(prefers-reduced-motion:reduce){.world-onward a{transition:none}}

/* Dedicated FUFUTIETIE music page: restore the original music-scene composition. */
.music-page-content{max-width:none;padding:28px 2% 55px}
.dedicated-music-scene{position:relative;isolation:isolate;max-width:1684px;margin:0 auto;aspect-ratio:1684/934;overflow:hidden;border-radius:60px;color:#f8eff8;display:flex;align-items:center}
.dedicated-music-scene .ms-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:brightness(1.18) saturate(.88)}
.dedicated-music-scene .ms-copy{width:43%;margin-left:50%;padding:35px 0}
.dedicated-music-scene .ms-label{font:20px/1.8 Arial,sans-serif;letter-spacing:.23em;color:#e9cfe8;margin:0 0 22px}
.dedicated-music-scene h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(35px,4.8vw,70px);font-weight:400;line-height:1.3;letter-spacing:.02em;margin:0 0 22px;color:#fff1fc}
.dedicated-music-scene .custom-song{background:#f4dff017!important;border:1px solid #ead1e54d;border-radius:12px;box-shadow:none;color:#f1e0f0!important}
.dedicated-music-scene .song-play{width:48px;height:48px;background:#eaddf0;color:#654d6c;font-size:18px}
.dedicated-music-scene .song-info strong,.dedicated-music-scene .song-time,.dedicated-music-scene .song-error,.dedicated-music-scene .custom-song>a{color:#f1e0f0!important}
.dedicated-music-scene .song-seek{accent-color:#e9cfe8}
.dedicated-music-scene .ms-side{position:absolute;right:3%;top:15%;writing-mode:vertical-rl;font:9px/1 Arial,sans-serif;letter-spacing:.24em;color:#dcc6dc}
@media(max-width:700px){.music-page-content{padding:20px 0 40px}.dedicated-music-scene{aspect-ratio:auto;min-height:520px;border-radius:35px;align-items:flex-end}.dedicated-music-scene .ms-background{object-position:30% center}.dedicated-music-scene .ms-copy{width:100%;margin-left:0;padding:28px 8%;background:linear-gradient(0deg,#3f314cdb,#493652ab 80%,transparent)}.dedicated-music-scene h2{font-size:38px}.dedicated-music-scene .ms-label{font-size:18px;margin-bottom:12px}.dedicated-music-scene .ms-side{right:5%;top:8%}.dedicated-music-scene .custom-song{gap:10px;padding:12px}.dedicated-music-scene .custom-song>a{font-size:11px}}
