:root{--paper:#f7f5ec;--ink:#304c41;--sage:#527561;--muted:#687669;--line:#d4d9ca;--soft:#e6ecdc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;line-height:1.85;letter-spacing:.025em}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.14;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23929879' opacity='.3' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #385f4e;outline-offset:7px;border-radius:8px}a:hover .cta,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1100px,calc(100% - 96px));margin-inline:auto}.preview-note{text-align:center;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.16em;padding:7px 16px;background:#e8edde}.preview-note span{margin-left:14px;font-size:11px;letter-spacing:.04em}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:29px}.brand{display:inline-flex;align-items:center;gap:7px;font-family:Georgia,"Yu Mincho",serif;font-size:27px;letter-spacing:-.03em;white-space:nowrap}.brand span{font-style:italic;font-weight:normal}.brand svg{width:24px;height:26px;margin-left:7px;fill:#c4d2b6;stroke:var(--sage);stroke-width:1.3}nav{display:flex;gap:29px;font-size:12px}nav a{padding:9px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--sage)}.skip{position:absolute;left:18px;top:-100px;z-index:20;background:var(--paper);padding:10px}.skip:focus{top:10px}.landscape{position:relative;overflow:hidden}.intro{position:relative;padding-top:47px;z-index:2}.eyebrow{font-family:Georgia,serif;font-size:11px;letter-spacing:.21em;margin:0 0 13px;color:var(--sage)}h1,h2,h3,p{margin-top:0}h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(28px,3.4vw,43px);font-weight:500;letter-spacing:.06em;line-height:1.6;margin-bottom:18px}.intro>p:not(.eyebrow){font-size:13px;margin-bottom:10px}.intro .scene-hint{color:var(--muted);font-size:11px!important}.scene-hint span{margin-right:7px}.mobile-break{display:none}.sky{position:relative;height:840px;margin-top:-5px}.sky-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#7e9578;stroke-width:.8;opacity:.2;pointer-events:none}.wash{position:absolute;pointer-events:none;filter:blur(30px);background:#a6bb91;opacity:.16;border-radius:48% 52% 68% 32% / 34% 54% 46% 66%;transform:rotate(-15deg)}.wash-one{width:65%;height:300px;right:-10%;top:4%}.wash-two{width:49%;height:300px;left:0;top:37%;opacity:.12}.wash-three{width:80%;height:150px;bottom:-20px;right:0;opacity:.23}#product-field{position:absolute;inset:0}.product{position:absolute;left:var(--x);top:var(--y);width:190px;transform:translate(-50%,-50%);text-align:center;z-index:2}.product>a{display:flex;flex-direction:column;align-items:center;padding:10px 12px 12px;border-radius:45%;min-height:180px;transition:transform .25s ease,background .25s ease}.product>a:hover{transform:translateY(-4px);background:#e7eddd66}.motif{width:142px;height:113px;overflow:visible;fill:#e0e8d4;stroke:var(--sage);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 5px #47634716)}.product:not(.sample) .motif{width:166px;height:126px}.motif .light{fill:#eef0df}.motif .wash-fill{fill:#bed0ae;stroke:none;opacity:.6}.motif .detail{fill:none;stroke-width:1.1}.product-name{font-size:17px;font-weight:600;letter-spacing:.07em;line-height:1.6;white-space:nowrap;margin-top:5px}.product .state{font-size:10px;line-height:1.7;margin-top:3px;color:#47604d}.state:before{content:"";display:inline-block;width:5px;height:5px;border-radius:100%;background:#718d5c;margin-right:6px;vertical-align:2px}.preparing .state:before{background:transparent;border:1px solid #718d5c}.cta{font-size:11px;line-height:1.6;display:block;margin-top:9px;border-bottom:1px solid #96a38c;padding-bottom:2px}.cta span{margin-left:9px}.sample .product-name{font-size:12px;font-weight:500}.sample .state{font-size:9px}.sample .motif{opacity:.95}.sample .cta{font-size:10px}.sample-note{position:absolute;bottom:8px;left:0;font-size:10px;color:var(--muted);z-index:1;line-height:1.8}.ground{height:45px}.ground svg{width:100%;height:100%;fill:none;stroke:#8c9f7e;stroke-width:1;opacity:.5}.ground .ground-wash{stroke:none;fill:#dce4ce;opacity:.4}.section{padding-block:86px;scroll-margin-top:20px}.section-heading{margin-bottom:34px}h2{font-family:"Yu Mincho",serif;font-size:27px;font-weight:500;letter-spacing:.07em;line-height:1.5;margin:0}.product-detail{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:33px 0;border-top:1px solid var(--line);scroll-margin-top:35px}.detail-number{font-family:Georgia,serif;font-size:15px;color:#819078;padding-top:5px}.title-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:17px}h3{font-weight:600;font-size:19px;margin:0}.status{font-size:10px;border:1px solid #99ad8a;border-radius:30px;background:#e3ead8;padding:2px 11px;white-space:nowrap}.preparation{background:transparent}.product-detail p{font-size:13px;margin-bottom:13px;max-width:740px}.fine{font-size:11px!important;color:var(--muted)}.text-link{display:inline-flex;gap:35px;font-size:12px;padding:9px 0 5px;border-bottom:1px solid #9aaa90}.sample-details{margin:18px 0 0 85px;border-block:1px solid var(--line);font-size:12px;padding:20px 0;scroll-margin-top:35px}.sample-details summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;min-height:30px;align-items:center}.sample-details summary::-webkit-details-marker{display:none}.sample-details[open] summary span{transform:rotate(45deg)}.sample-details p{margin:18px 0 0;max-width:720px;color:var(--muted)}.news-section{background:#edf0e5;border-block:1px solid #e1e5d6}.news-layout,.about-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:45px}.news-layout .section-heading{margin:0}.news-label{font-size:10px;color:var(--sage);letter-spacing:.1em}.news-body>p:not(.fine):not(.news-label){font-size:15px}.news-body p:last-child{margin-bottom:0}.about-copy{font-size:17px}.about-layout>div>p:not(.about-copy){font-size:13px}.related{margin-top:33px;display:flex;flex-wrap:wrap;gap:10px 30px}.related h3{font-size:12px;width:100%;font-weight:500}.footer{border-top:1px solid var(--line);padding-block:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{font-size:21px}.footer p,.footer>a:last-child{font-size:10px;margin:0}.no-script{padding:40px}
@media(min-width:1400px){.sky{height:880px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{align-items:flex-start;flex-direction:column;gap:13px;padding-block:22px}.brand{font-size:25px}nav{gap:24px;font-size:11px;flex-wrap:wrap}nav a{padding:3px 0}.intro{padding-top:31px}.mobile-break{display:block}h1{font-size:29px;line-height:1.65;margin-bottom:17px}.intro>p:not(.eyebrow){font-size:12px}.intro .scene-hint{font-size:10px!important;max-width:280px}.sky{height:1600px;margin-top:12px}.product{left:var(--mobile-x);width:155px}.product>a{padding:9px 5px;min-height:164px}.motif{width:112px;height:99px}.product:not(.sample) .motif{width:136px;height:113px}.product-name{font-size:15px}.sample .product-name{font-size:11px}.sky-lines{opacity:.16}.sample-note{font-size:9px;bottom:-3px;max-width:290px}.wash-one{height:330px;width:100%;top:5%;right:-10%}.wash-two{width:90%;height:500px;top:40%}.wash-three{width:100%;height:150px}.section{padding-block:57px}h2{font-size:24px}.section-heading{margin-bottom:27px}.product-detail{grid-template-columns:25px 1fr;gap:12px;padding-block:28px}.title-row{gap:10px;margin-bottom:14px}h3{font-size:18px}.product-detail p{font-size:12px}.status{font-size:9px}.sample-details{margin-left:37px;font-size:11px}.news-layout,.about-layout{grid-template-columns:1fr;gap:26px}.about-copy{font-size:16px}.desktop-break{display:none}.footer{flex-wrap:wrap;gap:16px}.footer .brand{width:100%;font-size:23px}.footer>a:last-child{margin-left:auto}.ground{height:30px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product>a{transition:none}.product>a:hover{transform:none}}

@media(max-width:360px){h1{font-size:26px;letter-spacing:.035em}}
.feature-list{margin:24px 0;max-width:740px;font-size:12px}.feature-list>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.feature-list dt{font-weight:600}.feature-list dd{margin:0}.usage-note{max-width:740px;margin:26px 0;padding-left:17px;border-left:2px solid #b3c4a5}.usage-note h4,.support-links h4{font-size:11px;font-weight:600;margin:0 0 10px}.usage-note p{font-size:11px;color:var(--muted);margin-bottom:10px}.support-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:29px;max-width:740px}.support-links h4{width:100%;margin-bottom:0}.support-links a{font-size:11px;text-decoration:underline;text-underline-offset:5px;padding-block:6px}@media(max-width:760px){.feature-list>div{grid-template-columns:1fr;gap:3px;padding-block:13px}.feature-list{font-size:11px}.support-links{gap:8px 20px}.support-links a{font-size:10px}.usage-note{padding-left:12px}.usage-note p{font-size:11px}}
/* Revision 2: the shape is a frame around the entire product link. */
.sky{height:1100px}.product{width:250px;height:260px}.product>a{position:relative;width:100%;height:100%;display:block;padding:0;min-height:0;border-radius:42%;background:transparent}.product>a:hover{background:transparent;transform:translateY(-3px)}.product-frame{position:absolute;inset:0;width:100%;height:100%;fill:#fbfaf2;stroke:#66836b;stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round;overflow:visible;filter:drop-shadow(0 5px 7px #47634714);pointer-events:none}.product-frame .frame-detail{fill:none;stroke:#7b947a;stroke-width:1.15}.frame-content{position:absolute;inset:56px 40px 37px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.product-name{font-size:16px;margin:0;line-height:1.55;letter-spacing:.035em}.product-visual{display:flex;flex-direction:column;align-items:center;margin-top:8px}.placeholder-glyph{width:34px;height:34px;border-radius:9px;padding:4px;background:#e7eddd;fill:none;stroke:#62816a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.image-caption{font-size:8px;line-height:1.4;color:#647461;margin-top:3px}.product .state{font-size:10px;margin-top:8px}.product .cta{font-size:11px;margin-top:9px;padding:0 2px 2px;line-height:1.5}.sample .product-name{font-size:12px;font-weight:600}.sample .state{font-size:10px}.sample .cta{font-size:11px}.form-caption{font-size:10px;color:var(--muted);margin:16px 0 8px}.sample[data-form="sprout"]{width:220px;height:240px}.sample[data-form="sprout"] .frame-content{inset:65px 32px 30px}.sample-note{bottom:4px}#details{position:relative;background:radial-gradient(ellipse at 85% 12%,#dce7cf88,transparent 58%),radial-gradient(ellipse at 3% 80%,#e8ebdcaa,transparent 50%),#f4f3e8;border:1px solid #e0e4d5;border-radius:25px;padding:50px 48px;margin-top:52px;margin-bottom:64px}.usage-note{background:#faf9ef88;padding:16px 18px;border-radius:0 12px 12px 0}.product-detail{border-color:#ccd6c1}.feature-list>div{border-color:#d7decd}
@media(max-width:1100px){.sky{height:2050px}.product{left:var(--mobile-x);width:236px;height:250px}.frame-content{inset:54px 35px 32px}.product-name{font-size:16px}.sample .product-name{font-size:12px}.sample[data-form="sprout"]{width:216px;height:236px}}
@media(max-width:760px){#details{padding:34px 20px;margin-top:34px;margin-bottom:42px;border-radius:18px}.product-detail{grid-template-columns:1fr;gap:6px}.detail-number{font-size:12px}.sample-details{margin-left:0}.usage-note{padding:14px 12px}.sample-note{font-size:9px}.product .state{font-size:10px}.sample .state{font-size:10px}.product .cta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.product>a:hover{transform:none}}


:root{--muted:#5e6d60}.portal-concept{line-height:1.9}.portal-section{padding-block:52px}.portal-entry{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--line);padding-top:30px}.portal-entry h3{margin:12px 0}.portal-entry p{font-size:13px}.portal-contact{border-top:1px solid var(--line)}.portal-contact h2{margin-bottom:24px}.portal-contact>p:not(.eyebrow){font-size:13px}.portal-contact .fine{margin-top:25px}.anchor-marker{display:block;scroll-margin-top:25px}.product-name{font-size:15px}.sample-note{font-size:10px}.image-caption{font-size:9px}@media(max-width:760px){.portal-entry{grid-template-columns:1fr;gap:30px}.portal-section{padding-block:40px}.about-copy{font-size:15px}.portal-contact>p:not(.eyebrow){font-size:12px}}
/* A continuous paper wash from the ground to the upper sky. */
.sky::before{content:"";position:absolute;top:-35px;bottom:-25px;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at 22% 12%,#a6b9be55,transparent 48%),radial-gradient(ellipse at 83% 38%,#bed4cf55,transparent 47%),radial-gradient(ellipse at 24% 82%,#b3c59c66,transparent 49%),linear-gradient(to bottom,#f7f5ec00 0%,#d9e3df88 13%,#e2ebe2aa 42%,#e9eddcbb 66%,#d5dfbfaa 89%,#c5d2ae88 100%)}
.sky-lines{stroke:#718c80;opacity:.32}
.wash-one{background:#a5b8bf;opacity:.23}
.wash-two{background:#b6cdb6;opacity:.22}
.wash-three{background:#a9bd8c;opacity:.3;height:210px;filter:blur(36px)}
.product-frame{stroke:#4d705b;stroke-width:2.35;fill:#fbfaf3;filter:drop-shadow(0 5px 7px #4763471d)}
.product-frame .frame-detail{stroke:#6b896f;stroke-width:1.45}
.ground{position:relative;background:linear-gradient(#d8e1c6aa,#f7f5ec)}
.ground svg{stroke:#799369;opacity:.72}
.ground .ground-wash{fill:#c3d1ad;opacity:.48}
@media(max-width:1100px){.sky::before{top:-24px}.sky-lines{opacity:.28}}
.sky::before{mask-image:linear-gradient(to bottom,transparent,#000 12%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%)}
/* Quiet illustration landmarks make the continuous landscape legible. */
.scene-art{position:absolute;inset:0;pointer-events:none;user-select:none}.scene-art svg{position:absolute;fill:none;stroke:#7b9787;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;opacity:.5}.scene-constellation{width:330px;right:29%;top:0}.scene-art .scene-stars{stroke:#6f8b7e;stroke-width:1.8}.scene-planet{width:300px;right:-4%;top:10%;opacity:.42!important}.scene-cloud{width:350px}.scene-cloud .cloud-wash{fill:#fbfaf1;fill-opacity:.65;stroke:none}.cloud-near{left:31%;top:36%}.cloud-far{left:-8%;top:57%;width:260px;opacity:.4!important}.scene-breeze{width:430px;right:-3%;top:62%;opacity:.3!important}.scene-art .scene-hills{width:100vw;left:50%;transform:translateX(-50%);bottom:-15px;height:230px;stroke:#7e986b;opacity:.64}.hill-back{fill:#c8d5b6;fill-opacity:.45;stroke:none}.hill-front{fill:#b7c89e;fill-opacity:.35;stroke:none}.scene-art .scene-grass{width:230px;bottom:0;stroke:#789266;opacity:.7}.grass-left{left:0}.grass-right{right:2%;transform:scaleX(-1)}
@media(max-width:1100px){.scene-constellation{width:215px;right:-2%;top:0}.scene-planet{width:180px;left:-6%;right:auto;top:19%}.cloud-near{width:240px;left:25%;top:41%}.cloud-far{width:190px;left:-12%;top:57%}.scene-breeze{width:230px;right:-12%;top:65%}.scene-art .scene-hills{height:300px}.scene-art .scene-grass{width:150px;bottom:5px}.grass-left{left:-8%}.grass-right{right:-8%}}
.sky-lines circle,.sky-lines ellipse{display:none}.grass-left{left:30%}
@media(max-width:1100px){.grass-left{left:-8%;bottom:115px!important}.grass-right{bottom:115px!important}}
@media(max-width:1100px){.scene-art .scene-hills{height:150px}.grass-left,.grass-right{bottom:75px!important}}
/* Stage-aligned square cards; landscape artwork remains behind the catalog. */
.sky{height:auto!important;padding-top:34px;padding-bottom:185px;margin-top:24px}.sky>.sky-lines{height:100%}.scene-art{z-index:0}.catalog-legend,.catalog-environment-note,#product-catalog{position:relative;z-index:1}.catalog-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:11px}.catalog-legend>span{margin-right:2px}.catalog-legend>span:not(:first-child){margin-left:12px}.catalog-legend b{font-weight:500}.catalog-environment-note{font-size:11px;color:var(--muted);margin:13px 0 42px;max-width:750px}.catalog-stage{margin:0 0 62px}.catalog-stage-heading{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.catalog-stage-heading h2{font-size:25px}.catalog-stage-number{font:12px Georgia,serif;color:var(--sage);letter-spacing:.1em}.catalog-stage-count{font-size:11px;color:var(--muted)}.catalog-stage-note{font-size:12px;margin:11px 0 34px;max-width:790px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 23px}.catalog-card{position:relative;aspect-ratio:1;min-width:0}.catalog-decoration{position:absolute;width:94px;height:59px;right:-8px;top:-30px;fill:#e7eddc;stroke:#6f8d76;stroke-width:1.3;stroke-linejoin:round;pointer-events:none;z-index:0;opacity:.85}.stage-developing .catalog-decoration{width:102px;right:1px;top:-26px;fill:#f4f6eb}.stage-planning .catalog-decoration{width:73px;height:54px;right:9px;top:-36px}.product-trigger{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;padding:19px 18px;appearance:none;border:1.8px solid #55775f;border-radius:8px;background:#fcfbf4;color:var(--ink);box-shadow:0 5px 13px #47634715;text-align:left;font:inherit;line-height:1.5;cursor:pointer;transition:transform .18s,box-shadow .18s}.product-trigger:hover{transform:translateY(-3px);box-shadow:0 9px 19px #47634725}.product-trigger:focus-visible,button:focus-visible{outline:3px solid #355c49;outline-offset:5px}.catalog-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.catalog-icon{width:39px;height:39px;padding:6px;background:#e9efdf;border-radius:8px;fill:none;stroke:#52735e;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.catalog-action{font-size:10px;white-space:nowrap;border-bottom:1px solid #a7b59d;padding-bottom:3px;color:#47634d}.catalog-name{display:block;font-size:16px;font-weight:600;line-height:1.5;min-height:48px;overflow-wrap:anywhere;letter-spacing:.025em}.catalog-name-note{font-size:10px;color:var(--muted);margin-top:-8px;margin-bottom:5px}.catalog-chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.catalog-chip{display:inline-block;font:500 10px/1.6 "Yu Gothic UI",Meiryo,sans-serif;border:1px solid transparent;border-radius:4px;padding:2px 7px;white-space:nowrap}.purpose-life{background:#e3ecd8;border-color:#b2c4a0;color:#39582e}.purpose-work{background:#e4e8ee;border-color:#b9c5d5;color:#344f6d}.purpose-play{background:#eee5d8;border-color:#d5bfa4;color:#725332}.env-mobile{background:#f1eee4;border-color:#c9c4ae;color:#655e36}.env-web{background:#e1eeeb;border-color:#abc9c0;color:#315c50}.env-pc{background:#e9e5ed;border-color:#c8bbd0;color:#614c72}.env-unknown{background:#f2f0e8;border-color:#d0cfc2;color:#626859}.catalog-state{display:block;font-size:11px;margin-top:auto;padding-top:11px;color:#4a624f;line-height:1.6}.catalog-update{font-size:10px;color:#315e4a}.sample-note{position:relative;margin:0;bottom:auto;font-size:11px;max-width:700px;z-index:1}.catalog-stage:last-child{margin-bottom:35px}.product-panel{position:fixed;inset:0;margin:auto;width:min(900px,calc(100% - 64px));max-width:none;max-height:86dvh;overflow:auto;padding:25px 28px 30px;border:1px solid #a2b299;border-radius:18px;background:#faf9f0;color:var(--ink);box-shadow:0 24px 80px #172d3555;overscroll-behavior:contain}.product-panel::backdrop{background:#243d36a6;backdrop-filter:blur(3px)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.panel-header .eyebrow{margin:0}.panel-close{font:inherit;font-size:12px;color:var(--ink);background:#edf1e5;border:1px solid #b1c0a7;border-radius:6px;min-width:84px;min-height:44px;cursor:pointer}.panel-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:29px}.panel-media{min-width:0}.panel-image{display:block;width:100%;height:240px;object-fit:contain;background:#edf0e4;border:1px solid #d6deca;border-radius:8px}.panel-placeholder{height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:radial-gradient(ellipse,#dce7cf,#f0f2e5);border:1px solid #d6deca;border-radius:8px;font-size:12px;color:var(--muted)}.panel-glyph{width:70px;height:70px;fill:none;stroke:#5d7b62;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.panel-image-note{font-size:10px;line-height:1.8;color:var(--muted);margin:11px 0 0}.panel-copy{min-width:0}.panel-copy h2{font-size:25px;line-height:1.55;margin-bottom:15px;overflow-wrap:anywhere}.panel-copy>.catalog-chips{margin:0 0 15px}#panel-summary{font-size:13px;line-height:1.9;margin:19px 0}.panel-facts{font-size:12px;margin:20px 0}.panel-facts>div{padding:12px 0;border-top:1px solid var(--line)}.panel-facts dt{font-size:10px;color:var(--muted);margin-bottom:5px}.panel-facts dd{margin:0}.panel-facts ul{margin:0;padding-left:18px}.panel-detail{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 23px;background:#4f725c;border:1px solid #4f725c;border-radius:6px;color:#fff;font-size:13px;text-decoration:none}.panel-detail:hover{background:#3f614b}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 21px}.scene-planet{top:4%}.scene-cloud.cloud-near{top:38%}.scene-cloud.cloud-far{top:64%}.sky{padding-bottom:170px}}
@media(max-width:850px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 23px}.product-trigger{padding:21px}.catalog-name{font-size:17px}.catalog-state{font-size:12px}.catalog-chip{font-size:11px}.catalog-action{font-size:11px}.product-panel{width:calc(100% - 40px)}.panel-layout{gap:20px}}
@media(max-width:600px){.catalog-grid{grid-template-columns:minmax(0,1fr);max-width:320px;margin-inline:auto;gap:36px}.catalog-stage-heading h2{font-size:23px}.catalog-stage-note{font-size:11px;margin-bottom:35px}.catalog-stage{margin-bottom:52px}.catalog-card-top{margin-bottom:19px}.catalog-icon{width:48px;height:48px;padding:9px}.catalog-name{font-size:19px;min-height:58px}.catalog-name-note{font-size:11px}.product-trigger{padding:23px}.catalog-action{font-size:12px}.catalog-chip{font-size:12px;padding:3px 9px}.catalog-state{font-size:13px;line-height:1.7}.catalog-legend{gap:7px}.catalog-legend>span:not(:first-child){margin-left:0}.catalog-legend .catalog-chip{font-size:10px;padding:2px 6px}.catalog-environment-note{font-size:11px;margin-bottom:36px}.sky{padding-top:20px;padding-bottom:140px}.sample-note{font-size:10px}.product-panel{inset:auto 0 0;margin:0;width:100%;max-height:91dvh;border-radius:20px 20px 0 0;padding:17px 21px max(24px,env(safe-area-inset-bottom));}.panel-header{position:sticky;top:-17px;z-index:2;background:#faf9f0;margin:-1px 0 15px;padding:4px 0 10px}.panel-layout{grid-template-columns:1fr;gap:21px}.panel-image,.panel-placeholder{height:190px}.panel-image-note{font-size:10px}.panel-copy h2{font-size:23px}.panel-facts{font-size:12px}.panel-detail{width:100%}.panel-close{font-size:12px}.panel-glyph{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.product-trigger{transition:none}.product-trigger:hover{transform:none}}
/* v15: introduction, news, catalog; larger type and clearer edge motifs. */
body{font-size:16px}.preview-note{font-size:12px}.preview-note span{font-size:12px}nav{font-size:14px;gap:25px}.section-number{font:14px Georgia,serif;color:var(--sage);letter-spacing:.1em;margin:0 0 12px}.introduction{padding-top:32px;padding-bottom:54px}.introduction h1{font-size:36px;margin:0}.introduction-copy{display:grid;grid-template-columns:1fr 1.1fr;gap:52px}.introduction .portal-concept{font-size:20px;line-height:1.95;margin:0}.introduction .about-copy{font-size:18px;line-height:1.95;margin:0}.news-section{padding-block:46px}.news-body h3{font-size:20px;margin:0 0 12px}.news-body>p:not(.fine):not(.news-label){font-size:17px;line-height:1.9}.text-link{font-size:15px;min-height:42px;align-items:center}.intro{padding-top:58px}.intro h2{font-size:32px}.intro .scene-hint{font-size:15px!important;line-height:1.9;margin-top:17px}.catalog-environment-note{font-size:14px;line-height:1.9;margin-bottom:48px}.catalog-legend{font-size:14px;gap:10px}.catalog-legend .catalog-chip{font-size:12px}.catalog-stage-heading h3{font-family:"Yu Mincho",serif;font-size:26px;font-weight:500;letter-spacing:.04em;line-height:1.6;margin:0}.catalog-stage-note{font-size:14px;line-height:1.9;margin-bottom:62px}.catalog-stage-count{font-size:13px}.catalog-stage-number{font-size:14px}.catalog-grid{gap:65px 23px}.catalog-stage{margin-bottom:85px}.catalog-decoration{width:157px;height:97px;right:-22px;top:-47px;stroke:#4f765a;stroke-width:2.1;opacity:1;fill:#dde8cd;filter:drop-shadow(0 3px 2px #52745315)}.stage-developing .catalog-decoration{width:173px;height:96px;right:1px;top:-47px;fill:#edf3e3;stroke:#54795c;stroke-width:2.2}.stage-planning .catalog-decoration{width:115px;height:94px;right:3px;top:-68px;fill:#d6e4c5;stroke:#4e7453;stroke-width:2}.product-trigger{border:2px solid #466d51;border-radius:7px;padding:18px;box-shadow:0 5px 13px #47634722}.catalog-icon{width:43px;height:43px}.catalog-action{font-size:12px;color:#395b43;border-color:#738e70}.catalog-name{font-size:19px;line-height:1.45;min-height:56px}.catalog-name-note{font-size:12px}.catalog-chip{font-size:12px;padding:2px 7px}.catalog-state{font-size:14px;line-height:1.55;padding-top:9px}.catalog-legend .catalog-chip{padding:2px 7px}.sample-note{font-size:13px;line-height:1.9}.support-overview h2{font-size:26px;margin-bottom:23px}.support-overview>p{font-size:16px;line-height:1.9;max-width:850px}.support-overview .support-links a{font-size:14px;line-height:1.9}.related-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-block:52px}.related-section h2{font-size:26px;margin-bottom:19px}.related-section h3{font-size:20px;margin:0 0 20px}.related-section p,.related-section li{font-size:15px}.related-section ul{padding-left:20px;margin:0}.portal-contact{padding-block:52px}.portal-contact>p:not(.eyebrow){font-size:16px}.portal-contact .fine{font-size:14px!important}.footer p,.footer>a:last-child{font-size:13px}.panel-copy h2{font-size:29px}.panel-copy>.catalog-chips{font-size:14px}#panel-summary{font-size:16px;line-height:1.9}.panel-facts{font-size:15px;line-height:1.85}.panel-facts dt{font-size:13px}.panel-image-note{font-size:12px;line-height:1.85}.panel-detail{font-size:16px}.panel-close{font-size:15px}.panel-placeholder{font-size:15px}.panel-header .eyebrow{font-size:12px}
@media(max-width:850px){.introduction-copy{gap:30px;grid-template-columns:1fr}.introduction .portal-concept{font-size:19px}.introduction .about-copy{font-size:18px}.catalog-name{font-size:21px;min-height:61px}.product-trigger{padding:23px}.catalog-action{font-size:13px}.catalog-chip{font-size:13px}.catalog-state{font-size:15px}.catalog-grid{gap:66px 23px}}
@media(max-width:600px){nav{font-size:14px;gap:13px 22px}.introduction{padding-top:21px;padding-bottom:35px}.introduction h1{font-size:31px}.introduction .portal-concept,.introduction .about-copy{font-size:18px;line-height:1.95}.introduction-copy{gap:24px}.news-section{padding-block:36px}.news-layout{gap:18px}.news-body>p:not(.fine):not(.news-label){font-size:16px}.intro{padding-top:40px}.intro h2{font-size:29px}.intro .scene-hint{font-size:14px!important;max-width:none}.catalog-environment-note{font-size:13px}.catalog-stage-heading h3{font-size:24px}.catalog-stage-note{font-size:13px;margin-bottom:61px}.catalog-grid{gap:66px}.catalog-decoration{width:164px;height:99px;right:-6px;top:-48px}.stage-developing .catalog-decoration{width:181px;height:96px;right:0;top:-46px}.stage-planning .catalog-decoration{width:118px;height:92px;right:4px;top:-67px}.catalog-name{font-size:22px;min-height:64px}.catalog-action{font-size:13px}.catalog-icon{width:46px;height:46px}.catalog-chip{font-size:13px;padding:3px 8px}.catalog-state{font-size:15px}.product-trigger{padding:22px}.catalog-card-top{margin-bottom:14px}.sample-note{font-size:12px}.catalog-legend .catalog-chip{font-size:11px}.catalog-legend{font-size:13px}.related-section{grid-template-columns:1fr;gap:30px}.support-overview h2{font-size:23px}.support-overview>p{font-size:16px}.support-overview .support-links a{font-size:14px}.portal-contact>p:not(.eyebrow){font-size:16px}.panel-copy h2{font-size:26px}.panel-image,.panel-placeholder{height:160px}.panel-image-note{font-size:12px}.panel-facts{font-size:15px}.panel-close{font-size:14px}.panel-detail{font-size:16px}.panel-placeholder{font-size:15px}.footer{gap:17px}.footer p,.footer>a:last-child{font-size:12px}}
/* Compact, product-first top; owner-written long copy remains below the catalog. */
.short-introduction{padding-block:22px 27px}.short-introduction h1{font-size:34px;margin:0 0 10px;line-height:1.45}.short-introduction>p{font-size:18px;line-height:1.85;margin:0}.compact-news{padding-block:17px}.compact-news>.wrap{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:22px}.compact-news h2{font-size:22px;margin:0}.compact-news p{font-size:16px;line-height:1.8;margin:0}.news-item-link{display:inline-block;padding-block:8px;min-height:44px;text-decoration:underline;text-decoration-color:#a4b39b;text-underline-offset:5px}.intro{padding-top:33px}.intro .section-number{display:none}.intro h2{font-size:30px}.intro .scene-hint{margin-top:10px;margin-bottom:0}.sky{margin-top:10px;padding-top:17px}.catalog-key{position:relative;z-index:1;margin-bottom:27px;font-size:13px}.catalog-key summary{cursor:pointer;min-height:42px;display:list-item;width:fit-content;padding:7px 0;color:var(--muted)}.catalog-key[open]{padding-bottom:12px}.catalog-key .catalog-legend{margin-top:12px}.catalog-key .catalog-environment-note{margin:12px 0 0}.catalog-stage-note{margin-top:8px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-trigger{padding-bottom:67px}.catalog-card-top{justify-content:flex-start;align-items:center;gap:12px;margin:0 0 9px;min-height:59px}.catalog-card-top .catalog-icon{width:35px;height:35px;padding:5px;flex-shrink:0}.catalog-title-block{min-width:0}.catalog-name{font-size:21px;min-height:0;line-height:1.45}.catalog-name-note{display:block;font-size:12px;margin:2px 0 0}.catalog-summary{display:block;font-size:16px;line-height:1.6;margin:1px 0 13px;color:#3e5d48;min-height:26px}.catalog-state{font-size:14px;padding-top:12px}.catalog-card-actions{position:absolute;left:18px;right:18px;bottom:17px;display:flex;align-items:center;gap:11px;z-index:2;font-size:14px;pointer-events:none}.catalog-card-actions a{pointer-events:auto;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:4px;line-height:1.5}.catalog-overview-hint{color:#45684f;font-size:12px;border-bottom:1px solid #9aae90;padding:5px 0;white-space:nowrap}.catalog-use{background:#4f725c;color:white;border:1px solid #4f725c;margin-left:auto}.catalog-direct-detail{border:1px solid #a6b69b;background:#f4f6eb;color:#3d6048;margin-left:auto}.catalog-use+.catalog-direct-detail{margin-left:0}.catalog-card-actions a:hover{box-shadow:0 2px 5px #47634724;text-decoration:underline}.creator-profile{padding-block:52px;border-top:1px solid var(--line)}.creator-profile>h2{margin-bottom:26px}.creator-profile .portal-concept{font-size:20px;line-height:1.95;margin:0}.creator-profile .about-copy{font-size:18px;line-height:1.95;margin:0}.related-section{padding-top:24px}.support-overview{margin-bottom:36px!important}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card-top{min-height:58px}.catalog-name{font-size:22px}}
@media(max-width:600px){.header{padding-block:15px;gap:9px}.short-introduction{padding-block:14px 22px}.short-introduction h1{font-size:29px}.short-introduction>p{font-size:17px;line-height:1.8}.compact-news{padding-block:13px}.compact-news>.wrap{grid-template-columns:1fr;gap:3px}.compact-news h2{font-size:19px}.compact-news p{font-size:15px}.news-item-link{padding-block:5px;min-height:36px}.intro{padding-top:26px}.intro h2{font-size:28px}.intro .scene-hint{font-size:14px!important;line-height:1.7}.sky{padding-top:9px}.catalog-key{margin-bottom:22px}.catalog-key summary{font-size:12px;min-height:36px;padding:5px 0}.catalog-grid{grid-template-columns:minmax(0,1fr)}.product-trigger{padding:19px 20px 65px}.catalog-name{font-size:21px}.catalog-card-top{min-height:57px;gap:11px;margin-bottom:6px}.catalog-card-top .catalog-icon{width:32px;height:32px;padding:4px}.catalog-summary{font-size:16px;line-height:1.6;margin-bottom:10px}.catalog-chip{font-size:12px;padding:2px 7px}.catalog-state{font-size:14px;padding-top:8px}.catalog-card-actions{left:20px;right:20px;bottom:15px;font-size:14px;gap:8px}.catalog-overview-hint{font-size:12px}.catalog-card-actions a{padding:6px 8px}.creator-profile{padding-block:40px}.creator-profile .portal-concept,.creator-profile .about-copy{font-size:18px}.related-section{padding-top:10px}.catalog-stage-heading h3{font-size:23px}.catalog-stage-note{font-size:12px;line-height:1.75}}
/* Public palette: white information/gutters, navy space, blue sky, restrained ground. */
:root{--paper:#fcfdfb;--ink:#111111;--muted:#222222;--sage:#374e43;--line:#dce2df}body{background:#fcfdfb;color:#111}body:before{opacity:.06}.preview-note{display:none}.header,.short-introduction,.creator-profile,.portal-contact,.related-section{background:#fcfdfb}.compact-news{background:#f6f9fb;border-color:#dce3e7}.sky::before{background:none;mask-image:none;-webkit-mask-image:none}.wash-one,.wash-two{background:#b9def4;opacity:.11}.wash-three{background:#d5e4cd;opacity:.12}.scene-art .scene-cloud{stroke:#77a9c4}.scene-cloud .cloud-wash{fill:#fff;fill-opacity:.85}.scene-art .scene-breeze{stroke:#89b0c6}.scene-art .scene-hills{opacity:.45;stroke:#8aa37b}.hill-back{fill:#dbe7d1;fill-opacity:.38}.hill-front{fill:#c8dcbc;fill-opacity:.28}.scene-art .scene-grass{stroke:#829c73;opacity:.55}.ground{background:linear-gradient(#e8f0e1,#fcfdfb)}.ground svg{stroke:#8ca57d;opacity:.55}.ground .ground-wash{fill:#d6e5ca;opacity:.3}.catalog-stage{position:relative;isolation:isolate}.catalog-stage::before{content:"";position:absolute;inset:-16px -18px -24px;z-index:-2;pointer-events:none;border-radius:24px}.stage-released::before{background:radial-gradient(ellipse at 70% 40%,#153a65,#102b4f 66%,#315b7c);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.stage-released::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 74% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 91% 45%,#d8e9fd 0 1px,transparent 2px),radial-gradient(circle at 65% 75%,#eaf4ff 0 1px,transparent 2px),radial-gradient(circle at 47% 40%,#d8e9fd 0 1px,transparent 2px),radial-gradient(circle at 84% 82%,#fff 0 1px,transparent 2px)}.stage-developing::before{inset:-15px -15px -30px;background:radial-gradient(ellipse at 22% 30%,#bce0f480,transparent 62%),radial-gradient(ellipse at 80% 70%,#cfe8f59e,transparent 68%)}.stage-planning::before{background:radial-gradient(ellipse at 50% 75%,#dbe8d09c,transparent 75%)}.stage-released .catalog-stage-heading{width:fit-content;background:#fff;border:1px solid #d9e3ed;border-radius:7px;padding:7px 12px}.stage-released .catalog-stage-note{width:fit-content;max-width:790px;background:#f9fbfd;border-radius:6px;padding:8px 12px}.stage-released .catalog-decoration{fill:#e6eff9;stroke:#3c6385}.product-trigger{background:#fff;border-color:#425c4e;box-shadow:0 4px 12px #192d3c15}.catalog-icon{background:#eef3f5}.catalog-use,.panel-detail{background:#dcebf6;color:#111;border-color:#5f7d93}.catalog-use:hover,.panel-detail:hover{background:#cce1f0}.catalog-direct-detail{background:#fff;border-color:#7b8c82;color:#111}.product-panel,.panel-header{background:#fff;color:#111}.product-panel{border-color:#acbbc6}.panel-close{background:#f1f6f9;border-color:#91a6b6}.panel-image{background:#f5f8fa;border-color:#dce4e8}.panel-placeholder{background:radial-gradient(ellipse,#e3eff8,#fafcfd);border-color:#dce4e8}.panel-glyph{stroke:#4f7390}#details.support-overview{background:#fff;border-color:#dce2df}.support-overview .support-links a{color:#111}.catalog-chip{color:#111}.catalog-overview-hint{color:#111;border-color:#6f8177}.news-item-link{color:#111;text-decoration-color:#75878f}body :is(h1,h2,h3,h4,h5,p,span,a,button,dt,dd,li,summary,b,strong){color:#111}.catalog-chip,.catalog-name-note,.catalog-state,.catalog-summary,.catalog-stage-number,.catalog-stage-count,.catalog-environment-note,.panel-image-note,.panel-facts dt,.sample-note,.catalog-key summary{color:#111}.panel-detail,.catalog-use{color:#111}.header nav a{color:#111;text-decoration:underline;text-decoration-color:#91a19b;text-underline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#111}
@media(max-width:600px){.catalog-stage::before{inset:-13px -7px -22px;border-radius:18px}.stage-developing::before{inset:-12px -5px -23px}.stage-released .catalog-stage-heading{padding:6px 8px}.stage-released .catalog-stage-note{padding:7px 9px}.stage-released::before{mask-image:none;-webkit-mask-image:none}.sky{width:calc(100% - 42px)}.catalog-grid{max-width:320px}}
body :is(h1,h2,h3,h4,h5,h6,p,span,a,button,dt,dd,li,summary,small,b,strong,label,legend){color:#111!important}

/* Sticky navigation, quiet green outer margins, and silhouette frames. */
:root{--header-offset:86px;--outer-edge:max(0px,calc((100vw - min(1100px,100vw - 96px))/2 - 12px))}
html{scroll-padding-top:0}
.header{position:sticky;top:0;z-index:30;padding-block:10px;min-height:64px;background:#fcfdfbf5;box-shadow:0 1px 0 #d7e0d5;backdrop-filter:blur(12px)}
.header::before{content:'';position:absolute;inset:0 calc((1100px - 100vw)/2);background:#fcfdfbf5;z-index:-1;pointer-events:none}
.header nav a{min-height:40px;display:inline-flex;align-items:center;padding-block:5px}.header .brand{font-size:25px}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:6;background:linear-gradient(90deg,#e8f0e2 0, #edf3e8 calc(var(--outer-edge) - 12px),transparent var(--outer-edge),transparent calc(100% - var(--outer-edge)),#edf3e8 calc(100% - var(--outer-edge) + 12px),#e8f0e2 100%)}
.section,.product-detail,.anchor-marker,.sample-details,[id]{scroll-margin-top:var(--header-offset)}
.catalog-shape-frame{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);overflow:visible;fill:#fff;stroke:#476854;stroke-width:2;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 4px 5px #203b4b16)}
.catalog-shape-frame .frame-lines{fill:none;stroke-width:2}.catalog-shape-frame .orbit{fill:#edf5ff;stroke-width:3}
.catalog-card[data-frame=planet] .catalog-shape-frame{stroke:#547da2;fill:#f8fbff}
.catalog-card[data-frame=cloud] .catalog-shape-frame{stroke:#5d8aa3;fill:#f5fbff}
.catalog-card[data-frame=tree] .catalog-shape-frame{fill:#f1f6eb;stroke:#628357}
.catalog-card[data-frame=sprout] .catalog-shape-frame{fill:#f6f9f1;stroke:#648251}
.product-trigger{background:#ffffffed;border:1.5px solid #687d71;border-radius:15px;box-shadow:none}
.stage-released .product-trigger{border-radius:27px;border-color:#7590aa}
.stage-developing .product-trigger{border-radius:21px;border-color:#87a7b8}
.stage-planning .product-trigger{border-radius:16px;border-color:#88a27a}
.catalog-decoration{display:none}.catalog-grid{row-gap:73px}.catalog-stage-note{margin-bottom:58px}
.catalog-card:hover .catalog-shape-frame{filter:drop-shadow(0 5px 7px #203b4b25)}
@media(max-width:1196px){.header::before{inset-inline:-48px}}
@media(max-width:760px){:root{--outer-edge:10px}.header{gap:2px;padding-block:5px;min-height:0}.header::before{inset-inline:-20px}.header .brand{font-size:22px;line-height:1.4}.header nav{gap:3px 16px;font-size:13px;line-height:1.4;flex-wrap:wrap}.header nav a{min-height:36px}.header .brand svg{height:21px}.catalog-grid{row-gap:70px}}
@media(max-width:360px){.header nav{gap:2px 12px;font-size:12px}}
/* Clear outer silhouettes stay above the content, never behind product names. */
.catalog-card[data-frame=planet]>.catalog-decoration{display:block;top:-55px;right:0;width:130px;height:73px;opacity:1;fill:#eff6ff;stroke:#547da2;stroke-width:2}
.catalog-card[data-frame=tree]>.catalog-decoration,.catalog-card[data-frame=sprout]>.catalog-decoration{display:block;top:-60px;right:14px;width:93px;height:70px;opacity:1;fill:#e4eedb;stroke:#567747;stroke-width:2}

/* One continuous landscape surface: space -> sky -> ground. */
#product-catalog{isolation:isolate}
#product-catalog::before{content:'';position:absolute;inset:-16px -18px -30px;z-index:-1;pointer-events:none;border-radius:28px;background:linear-gradient(to bottom,#142e50 0px,#183e68 var(--space-hold,320px),#8ebad7 var(--space-fade,470px),#e3f2fb var(--sky-start,620px),#e3f2fb var(--sky-hold,1300px),#e5f0e6 var(--ground-start,1500px),#e1ecd7 var(--ground-hold,1800px),#e8f0e180 100%);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.catalog-stage::before,.stage-developing::before,.stage-planning::before,.stage-released::before{background:none;mask-image:none;-webkit-mask-image:none}
@media(max-width:600px){#product-catalog::before{inset:-13px -7px -30px;border-radius:18px;mask-image:none;-webkit-mask-image:none}}