/* Shared Toriumi brand layer; legacy article and application styles stay scoped out. */
.brand-home{--bg:#f5f8f7;--surface:#fff;--sunk:#e7efec;--ink:#123536;--muted:#456663;--faint:#536e68;--line:#cbdcd6;--accent:#09645f;--accent-soft:#e0efea;--on-accent:#fff;background:var(--bg);font-size:1rem;line-height:1.85}
.brand-home .wrap{max-width:1240px;padding:0 32px}.brand-home main:focus{outline:none}.brand-home [hidden]{display:none!important}.brand-home :is(a,button,input,select,summary):focus-visible{outline:3px solid #b05b12;outline-offset:5px;box-shadow:0 0 0 2px var(--surface)}
.brand-home button,.brand-home input,.brand-home select{font:inherit}.brand-home button,.brand-home summary{cursor:pointer}.brand-home button,.brand-home nav a{min-height:44px}.brand-home :is(section,[id]){scroll-margin-top:24px}.brand-home .skip-link{position:fixed;top:8px;left:16px;z-index:10000;padding:12px 20px;background:#fff;color:#103b3c;transform:translateY(-160%)}.brand-home .skip-link:focus{transform:none}
.brand-home .bar{padding:26px 0 16px;gap:22px;padding-right:148px;min-height:104px}.brand-home .bar a.home{display:block;flex:0 0 auto}.brand-home .brand-logo{display:block;width:230px;max-width:100%;height:auto}.brand-home .bar nav{gap:6px 20px;align-items:center}.brand-home .bar nav a{display:flex;align-items:center;font-size:.9375rem;color:var(--ink);font-weight:500}.brand-home .bar nav .nav-cta{padding:8px 17px;background:var(--accent);color:#fff;border-radius:8px}
.brand-home .locale-picker{position:absolute;right:max(32px,calc((100vw - 1176px)/2));top:32px;z-index:20;font-size:.875rem}.brand-home .locale-picker summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:125px;min-height:44px;padding:8px 15px;border:1px solid var(--line);border-radius:8px;background:var(--surface);list-style:none}.brand-home .locale-picker summary::-webkit-details-marker{display:none}.brand-home .locale-picker nav{position:absolute;right:0;top:54px;width:min(360px,calc(100vw - 48px));padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:5px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 50px #0b30252e;border-radius:12px}.brand-home .locale-picker nav a{padding:8px 12px;color:var(--ink);text-decoration:none;border-radius:6px}.brand-home .locale-picker nav a:hover,.brand-home .locale-picker [aria-current]{background:var(--accent-soft);font-weight:700}
.brand-home .home-quicknav{background:none;border:0;display:flex;flex-wrap:wrap;overflow:visible;margin:0 0 24px;gap:8px}.brand-home .home-quicknav a{background:var(--surface);border:1px solid var(--line);font-size:.875rem;color:var(--ink);padding:8px 18px;border-radius:100px;white-space:normal}
.brand-home .brand-hero{isolation:isolate;overflow:hidden;position:relative;border-radius:18px;min-height:470px;padding:60px 52px;background:#092b2e;color:#f3faf5}.brand-hero picture{position:absolute;inset:0;z-index:-2}.brand-home .brand-hero-art{width:100%;height:100%;object-fit:cover;object-position:60% center}.brand-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08282ded 0%,#08282dbd 43%,#08282d25 76%)}.brand-home .brand-hero .hero-copy{max-width:590px}.brand-home .brand-hero .mark{color:#d3c39d;font:600 .8125rem/1.5 system-ui,sans-serif;letter-spacing:.2em;margin-bottom:22px}.brand-home .brand-hero h1{font-size:clamp(2rem,4.25vw,3.6rem);font-weight:700;line-height:1.35;letter-spacing:.01em;display:block;margin:0 0 22px;color:#fff}.brand-home .brand-intro{font-size:1rem;max-width:31em;color:#e0ede6;margin-bottom:25px}.brand-home .hero-actions{gap:12px;flex-wrap:wrap}.brand-home .hero-action{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;font-size:.9375rem;border-radius:8px;text-decoration:none;font-weight:700}.brand-home .brand-hero .hero-action{background:#143d3e;color:#fff;border:1px solid #9bbcb1}.brand-home .brand-hero .hero-action.primary{color:#103b3c;background:#e2eee4;border-color:#e2eee4}.brand-home .brand-caption{font-size:.875rem;color:#d1e2d9;margin:22px 0 0}.brand-home .brand-banner{display:block;width:100%;height:auto;border-radius:16px;margin-bottom:30px}
.brand-home .brand-finder{padding:0;margin:28px 0 48px}.brand-home .site-finder{margin:0;padding:26px 30px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.brand-home .finder-label{font-size:.75rem;letter-spacing:.14em;color:var(--muted)}.brand-home .finder-title{font-size:1.35rem;line-height:1.6;font-weight:700}.brand-home .finder-input-row{display:flex;flex-wrap:wrap;gap:10px}.brand-home .finder-input-row input{min-width:160px;flex:1 1 50%;min-height:50px;padding:10px 16px;font-size:1rem;background:var(--bg);color:var(--ink);border:1px solid #8fac9f;border-radius:7px}.brand-home .finder-input-row button{font-size:.9375rem;min-height:50px;padding:10px 20px}.brand-home .finder-chips{gap:8px}.brand-home .finder-chips button{font-size:.875rem;min-height:44px;color:var(--ink);padding:8px 18px}.brand-home .finder-chips button[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}.brand-home .finder-status{font-size:.875rem;color:var(--muted);margin:12px 0 0}.brand-home .finder-empty{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:20px 0}
.brand-home .brand-featured{padding:0 0 28px}.brand-home .hero-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.brand-home .feat{padding:24px;border:1px solid var(--line);border-radius:14px;box-shadow:none;background:var(--surface);color:var(--ink);margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}.brand-home .feat-label{font-size:.8125rem;color:var(--accent);letter-spacing:.04em}.brand-home .feat-h{font-size:1.3rem;line-height:1.5;color:var(--ink);font-weight:700}.brand-home .feat-p{font-size:.9375rem;line-height:1.8;color:var(--muted)}.brand-home .feat-note{font-size:.8125rem;color:var(--muted)}.brand-home .feat-cta{font-size:.9375rem;color:var(--accent);min-height:44px;display:flex;align-items:center}.brand-home .gp{margin:0}.brand-home .gp img{max-width:160px}.brand-home .app-icon{width:44px;height:44px}.brand-home .horizon{margin:32px 0}.brand-home .horizon::after{background:var(--accent);width:48px}.brand-home section{padding-top:38px;padding-bottom:38px}.brand-home .sec-head{gap:14px}.brand-home .sec-label{font-size:.8125rem;letter-spacing:.12em;color:var(--accent)}.brand-home h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.5;letter-spacing:0}.brand-home .sec-note{font-size:1rem;max-width:68ch;color:var(--muted);margin-bottom:25px}
.brand-home .works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.brand-home .workwrap{min-width:0;display:flex;flex-direction:column}.brand-home .workwrap>.work,.brand-home .workwrap>.work-multi{height:100%}.brand-home :is(.work,.work-multi){padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s;overflow-wrap:anywhere}.brand-home .work:hover{transform:none;box-shadow:0 6px 24px #123b3110;border-color:var(--accent)}.brand-home .work h3,.brand-home .work-multi h3{font-size:1.25rem;line-height:1.6;color:var(--ink)}.brand-home .work p,.brand-home .work-multi p{font-size:1rem;color:var(--muted);line-height:1.9}.brand-home .work-en{font-size:.8125rem;color:var(--muted)}.brand-home .work-foot{font-size:.8125rem;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.brand-home .work-top{min-height:48px;padding-right:84px}.brand-home .like{min-height:44px;min-width:50px;font-size:.875rem;color:var(--muted)}.brand-home .like[aria-pressed="true"]{color:#fff}.brand-home .rankb{color:var(--ink);background:var(--surface);font-size:.8125rem}.brand-home .rankb.top3{background:var(--accent);color:#fff}.brand-home .sortb{min-height:44px;font-size:.9375rem}.brand-home .sortbar{flex-wrap:wrap;gap:10px}.brand-home .picks{gap:14px}.brand-home .pick-p,.brand-home .picks-note{font-size:.875rem;color:var(--muted)}.brand-home .start-card{padding:24px;border-radius:12px;background:var(--surface)}.brand-home .start-card p,.brand-home .work-tool-card small{font-size:.9375rem}.brand-home .start-card a{font-size:1rem;display:inline-block;padding:8px 0}.brand-home .work-tool-card{border-color:var(--line);border-radius:12px}.brand-home .work-tool-cta{font-size:.875rem}.brand-home .work-tool-card:hover{transform:none}.brand-home .flinks a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem}.brand-home .fnote{font-size:.9375rem}
.brand-home .brand-wish{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:40px;margin:28px 0 60px;border:1px solid var(--line);border-radius:16px;background:var(--accent-soft)}.brand-home .brand-wish h2{font-size:1.55rem;line-height:1.7}.brand-home .brand-wish video{width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;background:#0b2b2d}.brand-home .brand-video-note{font-size:.8125rem;color:var(--muted)}
.brand-home .devtab{font-size:.875rem;min-height:48px;max-width:calc(100vw - 32px)}.brand-home .devpane{max-width:calc(100vw - 16px);font-size:1rem}.brand-home .devpane-close{min-height:44px;min-width:70px;font-size:.9375rem}.brand-home input,.brand-home textarea{font-size:1rem}.brand-home .adsl{max-width:100%}
@media(prefers-color-scheme:dark){.brand-home{--bg:#091f23;--surface:#102e32;--sunk:#15383b;--ink:#e5f0e9;--muted:#b1cbc0;--faint:#aac7bb;--line:#355650;--accent:#91dbc3;--accent-soft:#173b3d;--on-accent:#092e2d}.brand-home .brand-logo{filter:brightness(0) invert(1)}.brand-home .bar nav .nav-cta,.brand-home .finder-chips button[aria-pressed="true"]{color:#103b3c}.brand-home .finder-input-row .finder-submit{color:#103b3c}.brand-home .rankb.top3{color:#103b3c}}
@media(max-width:900px){.brand-home .bar{padding-top:20px;align-items:flex-start}.brand-home .bar nav{gap:5px 18px}.brand-home .hero-side{grid-template-columns:1fr}.brand-home .feat{display:grid;grid-template-columns:1fr;gap:10px}.brand-home .brand-hero{padding:42px 34px;min-height:450px}.brand-home .brand-hero .hero-copy{max-width:540px}.brand-home .brand-wish{gap:24px;padding:28px}.brand-home .brand-wish h2{font-size:1.35rem}}
@media(max-width:600px){.brand-home .wrap{padding:0 18px}.brand-home .bar{padding-right:0;padding-top:16px;gap:15px}.brand-home .brand-logo{width:183px}.brand-home .bar nav{width:100%;gap:2px 17px}.brand-home .bar nav a{font-size:.875rem}.brand-home .locale-picker{top:20px;right:18px}.brand-home .locale-picker summary{min-width:105px;padding:8px 10px}.brand-home .home-quicknav{gap:7px;margin-bottom:20px}.brand-home .home-quicknav a{padding:8px 12px}.brand-home .brand-hero{padding:35px 25px;min-height:0;border-radius:13px}.brand-home .brand-hero-art{object-position:70% center}.brand-hero:before{background:#08282dce}.brand-home .brand-hero h1{font-size:2.1rem}.brand-home .brand-hero .mark{font-size:.75rem}.brand-home .hero-actions{display:flex}.brand-home .brand-hero .hero-action{flex:1 1 140px;padding:10px 12px}.brand-home .site-finder{padding:22px 18px}.brand-home .finder-input-row input{flex-basis:100%;width:100%}.brand-home .finder-input-row button{flex:1}.brand-home .finder-title{font-size:1.2rem}.brand-home .works,.brand-home .brand-wish{grid-template-columns:1fr}.brand-home :is(.work,.work-multi){padding:22px}.brand-home .work h3{font-size:1.15rem}.brand-home .sec-head{display:block}.brand-home .sec-label{display:block;margin-bottom:6px}.brand-home .brand-wish{padding:24px}.brand-home .work-tool-card{grid-template-columns:1fr}.brand-home .work-tool-icon{display:none}.brand-home .devtab{bottom:16px;top:auto;left:16px;transform:none;writing-mode:horizontal-tb;border-radius:8px;padding:10px 16px}.brand-home footer{padding-bottom:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.brand-home *, .brand-home *::before,.brand-home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.brand-hero:before{background:Canvas}.brand-home .brand-hero,.brand-home .brand-hero h1,.brand-home .brand-hero p{color:CanvasText}.brand-home .brand-hero-art{visibility:hidden}}

/* Long translated labels and narrow displays must wrap without clipping. */
.brand-home .bar nav{flex-wrap:wrap;overflow:visible;min-width:0}.brand-home .works>.grp{grid-column:1/-1;min-width:0}.brand-home .grp-body{min-width:0;grid-template-columns:minmax(0,1fr)}.brand-home .grp-name{white-space:normal;overflow-wrap:anywhere}.brand-home .grp>summary{flex-wrap:wrap}.brand-home .work-top{min-width:0}
@media(min-width:700px){.brand-home .grp-body{grid-template-columns:repeat(2,minmax(0,1fr))}}