:root{--red:#dd261e;--ink:#262924;--paper:#fffdf8;--line:#d8d7ce;--jp:'Noto Sans JP',sans-serif;--en:'Space Grotesk',sans-serif;scroll-behavior:auto;scroll-padding-top:120px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:500 15px/2.1 var(--jp);letter-spacing:.025em}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:5px}img{display:block;width:100%;height:auto}button{color:inherit}h2{font-size:clamp(34px,4.2vw,62px);font-weight:900;line-height:1.55;letter-spacing:-.035em}h3{font-weight:800;line-height:1.85;font-size:22px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;z-index:99;top:8px;left:8px;background:white;padding:12px}.header{height:94px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:40px;position:sticky;top:0;z-index:20;border-bottom:1px solid #26292415}.toji-header-brand{width:225px;flex-shrink:0;padding:18px 0}.toji-logo,.toji-logo-en{display:block;width:100%;aspect-ratio:808/113;background:currentColor;mask:url('/assets/products/toji/logo-001.png') center/contain no-repeat;mask-mode:luminance;transform:scaleY(-1)}.toji-logo-en{aspect-ratio:852/112;mask-image:url('/assets/products/toji/logo-003.png')}.toji-header-brand{color:var(--red)}.toji-nav{display:flex;align-items:center;gap:clamp(16px,2.3vw,36px)}.toji-nav a{font-size:12px;font-weight:700;white-space:nowrap;padding:12px 0;position:relative}.toji-nav a:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}.toji-nav a:hover:after,.toji-nav a[aria-current]:after{transform:scaleX(1)}.toji-video-frame{position:relative;height:calc(100svh - 94px);min-height:520px;max-height:900px;background:#6d827d;isolation:isolate;color:white;display:grid;place-items:center;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.toji-video-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(#152b2620,#152b263a);z-index:-1}.toji-kv-logo{width:min(84%,1200px);margin-top:-20px}.toji-kv-logo .toji-logo-en{width:66%;margin:34px auto 0}.video-scroll{position:absolute;bottom:42px;right:4%;font:500 11px/1.5 var(--en);letter-spacing:.14em;display:flex;gap:28px;align-items:center}.video-scroll span{display:block;font-size:36px;line-height:1;animation:toji-scroll-cue 1.8s ease-in-out infinite}.section{padding:140px 5%}.section-inner{max-width:1200px;margin:auto}.eyebrow{font:700 12px/1.5 var(--en);letter-spacing:.14em;color:var(--red);margin-bottom:44px}.story h2{color:var(--red)}.prose p{margin-top:26px;line-height:2.5}.support{background:#edf0e6}.support-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:5%}.support-stat{border-left:1px solid #a9b4a4;padding-left:15%;padding-top:6px}.support-stat p{font-size:14px;font-weight:700}.support-stat strong{display:block;color:var(--red);font:500 clamp(90px,10vw,150px)/1.15 var(--en);letter-spacing:-.09em;margin-left:-.04em}.support-stat strong span{font-size:.42em;letter-spacing:-.03em;padding-left:12px}.support-copy{margin-top:44px}.support-flow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:70px 0 0;border-top:1px solid #a9b4a4}.support-flow li{padding:30px 10% 0 0;position:relative}.support-flow li+li{padding-left:12%;border-left:1px solid #a9b4a4}.support-flow li>span{font:500 12px/1 var(--en);color:var(--red)}.support-flow h3{font-size:29px;margin:20px 0 12px}.support-flow p{font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:64px}.product-photo{display:block;width:100%;border:0;padding:0;position:relative;background:#fff;overflow:hidden}.product-photo img{aspect-ratio:1;object-fit:contain;transition:transform .65s cubic-bezier(.2,.65,.2,1)}.product-photo:hover img{transform:scale(1.045)}.product-photo>span{position:absolute;bottom:18px;right:18px;background:var(--paper);width:34px;height:34px;display:grid;place-items:center;font-size:21px;line-height:1}.product-title{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:5px;margin:25px 0 14px}.product-title h3{font-size:21px}.product-title p{font:600 16px/1.5 var(--en)}.product-title small{font:500 10px var(--jp)}.product-grid article>p{font-size:13px;line-height:2.1}.culture{background:var(--red);color:var(--paper)}.culture .eyebrow{color:inherit}.culture-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:12%}.culture h2{margin-bottom:24px}.culture-mark{display:block;font-size:150px;line-height:1;margin-top:65px;font-weight:400}.ten-rules{list-style:none;counter-reset:rule;padding:0;margin:0}.ten-rules li{counter-increment:rule;display:flex;align-items:baseline;gap:24px;border-bottom:1px solid #fff5;padding:19px 0;font-weight:700;font-size:16px}.ten-rules li:first-child{padding-top:0}.ten-rules li:before{content:counter(rule,decimal-leading-zero);font:500 12px/1.5 var(--en);opacity:.75;min-width:20px}.stockists-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.stockists .prose p:first-child{margin-top:0}.text-link{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid currentColor;font-size:14px;font-weight:700;padding:20px 0;max-width:480px;margin-top:25px;transition:color .2s}.text-link span{font-size:24px}.text-link:hover{color:var(--red)}.partners{background:#f2eee4}.partner-intro{margin-top:36px}.partner-grid{display:grid;grid-template-columns:.9fr 1fr;gap:13%;margin-top:70px;align-items:start}.display-photo{background:#fff;padding:42px 38px}.display-art{display:block;width:100%;height:auto}.partner-details h3{font-size:21px}.terms{margin:26px 0}.terms>div{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #c6c4b9}.terms dt{font-size:14px;font-weight:700}.terms dd{margin:0;color:var(--red);font:500 42px/1 var(--en);letter-spacing:-.05em}.terms small{font-size:18px;margin-left:6px}.partner-details>p{font-size:13px}.partner-feature{margin-top:36px}.partner-feature p{margin-top:13px;font-size:14px}.inquiry-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:12%}.inquiry h2{color:var(--red);margin-bottom:35px}.inquiry-grid>div>p:last-child{font-size:14px}.toji-form>label,.form-two label{display:block;font-size:13px;font-weight:700;margin:25px 0 9px}.toji-form>label:first-of-type{margin-top:0}.toji-form label small{font-size:10px;color:var(--red);padding-left:9px}.toji-form input:not([type=checkbox]),.toji-form textarea{width:100%;border:1px solid var(--line);background:transparent;padding:12px 14px;border-radius:0;color:inherit;min-height:50px}.toji-form textarea{resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.toji-form fieldset{border:0;padding:0;margin:28px 0}.toji-form legend{font-size:13px;font-weight:700;margin-bottom:14px}.toji-form fieldset label{display:inline-flex;gap:8px;align-items:center;margin:0 18px 12px 0;font-size:12px}.toji-form input[type=checkbox]{width:16px;height:16px;accent-color:var(--red)}.form-trap{position:absolute;left:-9999px}.privacy{font-size:10px;color:#6b6b61;margin:20px 0 28px}.submit-button{border:1px solid var(--red);background:var(--red);color:var(--paper);padding:18px 25px;width:100%;display:flex;justify-content:space-between;font-size:15px;font-weight:700;transition:background .2s}.submit-button:hover{background:#bc211a}.toji-footer{padding:70px 5%;border-top:1px solid var(--line);display:flex;gap:10%;align-items:center;position:relative}.footer-brand{color:var(--red);width:280px}.footer-brand .toji-logo-en{width:68%;margin:12px auto 0}.toji-footer>div{font-size:12px}.toji-footer>div>p{font-size:10px;margin-bottom:6px}.toji-footer small{display:block;font:400 9px var(--en);margin-top:15px}.back-top{margin-left:auto;font-size:27px;padding:10px}.mobile-contact{display:none}.photo-dialog{border:0;background:#fff;padding:54px 14px 14px;max-width:min(90vw,800px);max-height:94svh}.photo-dialog::backdrop{background:#102019d9}.photo-dialog img{max-height:78svh;width:auto;max-width:100%;object-fit:contain;margin:auto}.photo-close{position:absolute;right:18px;top:15px;background:transparent;border:0;font-size:13px}.reveal-ready{opacity:0;transform:translateY(30px);transition:opacity .85s,transform .85s}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.header{height:116px;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:0 5%}.toji-header-brand{width:200px;padding:16px 0 13px}.toji-nav{width:100%;overflow-x:auto;gap:26px;scrollbar-width:none}.toji-nav a{font-size:11px;padding:10px 0 12px}.toji-video-frame{height:calc(100svh - 116px)}.desktop-br{display:none}.product-grid{gap:22px}.culture-grid,.partner-grid,.inquiry-grid{gap:7%}.ten-rules li{font-size:14px;gap:16px}.product-title{display:block}.product-title p{margin-top:8px}}
@media(max-width:700px){:root{scroll-padding-top:130px}body{font-size:14px;letter-spacing:.01em}.header{height:112px;padding-inline:22px}.toji-header-brand{width:182px}.toji-nav{gap:24px}.toji-video-frame{height:calc(82svh - 112px);min-height:410px;max-height:700px}.toji-kv-logo{width:90%;margin-top:-30px}.toji-kv-logo .toji-logo-en{width:76%;margin-top:22px}.video-scroll{right:22px;bottom:20px;font-size:9px;gap:20px}.section{padding:80px 24px}.eyebrow{font-size:10px;margin-bottom:30px}h2{font-size:clamp(29px,8vw,42px);line-height:1.6;letter-spacing:-.045em}.prose p{line-height:2.3;margin-top:22px}.support-heading{grid-template-columns:1fr;gap:35px}.support-stat{border-left:0;border-top:1px solid #a9b4a4;padding:28px 0 0}.support-stat strong{font-size:112px}.support-stat p{font-size:12px}.support-copy{margin-top:28px;font-size:13px}.support-flow{grid-template-columns:1fr;margin-top:36px}.support-flow li,.support-flow li+li{padding:22px 0;border-left:0;border-bottom:1px solid #a9b4a4;display:grid;grid-template-columns:30px 1fr;gap:8px 12px}.support-flow li>span{grid-row:1/3;padding-top:10px}.support-flow h3{font-size:25px;margin:0}.support-flow p{font-size:13px}.product-grid{grid-template-columns:1fr;gap:48px;margin-top:36px}.product-photo img{aspect-ratio:1}.product-title{display:flex;margin-top:20px}.product-title h3{font-size:21px}.product-title p{margin-top:0}.product-grid article>p{font-size:13px}.culture-grid{grid-template-columns:1fr;gap:35px}.culture-mark{display:none}.culture h2{margin-bottom:20px}.culture-grid>div>p:last-of-type{font-size:13px}.ten-rules li{padding:16px 0;font-size:13px;gap:12px}.stockists-grid{grid-template-columns:1fr;gap:28px}.text-link{font-size:12px}.partner-intro{margin-top:28px;font-size:13px}.partner-grid{grid-template-columns:1fr;gap:35px;margin-top:36px}.display-photo{width:90%;padding:28px;margin:auto}.partner-details h3{font-size:20px}.inquiry-grid{grid-template-columns:1fr;gap:42px}.form-two{grid-template-columns:1fr;gap:0}.inquiry h2{margin-bottom:24px}.toji-footer{flex-wrap:wrap;padding:50px 24px 110px;gap:28px}.footer-brand{width:240px}.toji-footer>div{width:100%;font-size:11px}.back-top{position:absolute;right:24px;top:42px}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:var(--red);color:white;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;padding:16px 24px calc(16px + env(safe-area-inset-bottom))}.mobile-contact[hidden]{display:none}.photo-dialog{max-width:94vw;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal-ready{opacity:1;transform:none}}
/* The English artwork is horizontally mirrored in the source PDF. */
.toji-logo-en{transform:scaleX(-1)}
.inquiry h2{font-size:clamp(30px,3.2vw,46px)}

/* Story is led by the words and open space. */
.story h2{font-size:clamp(48px,6vw,84px);line-height:1.5;letter-spacing:-.035em}.story-copy{max-width:760px;margin-top:64px}.story-copy .prose p{font-size:17px;line-height:2.5}
@media(max-width:700px){.story h2{font-size:clamp(34px,9.2vw,46px)}.story-copy{margin-top:38px}.story-copy .prose p{font-size:14px;line-height:2.35}}

.story-copy .prose p:first-child{margin-top:0}

/* Keep the authored ten lines on every viewport. */
.story-copy{container-type:inline-size}.story-copy .prose p{font-size:min(17px,3.27cqi)}.story-line{display:block;white-space:nowrap}

@keyframes toji-scroll-cue{0%,100%{transform:translateY(-3px)}50%{transform:translateY(6px)}}
@media(max-width:700px){.video-scroll span{font-size:32px}}

/* Gentle merchandise motion, with the image frame kept still. */
[data-goods-motion="hanging"] .display-art{transform-origin:50% 2%;animation:toji-display-sway 6.4s ease-in-out infinite;animation-play-state:paused}
[data-goods-motion="sticker"] img{transform-origin:50% 25%;animation:toji-sticker-float 5.6s ease-in-out infinite;animation-play-state:paused}
[data-goods-motion].is-motion-visible img,[data-goods-motion].is-motion-visible .display-art{animation-play-state:running}
@keyframes toji-display-sway{0%,100%{rotate:-1.15deg}50%{rotate:1.15deg}}
@keyframes toji-sticker-float{0%,100%{translate:0 2px;rotate:-.65deg}50%{translate:0 -3px;rotate:.65deg}}
@media(prefers-reduced-motion:reduce){[data-goods-motion] img,[data-goods-motion] .display-art{animation:none!important;rotate:none;translate:none}}

/* Illustrated support story: generous alternating image-and-copy rows. */
.support-flow-illustrated{display:flex;flex-direction:column;gap:32px;max-width:1000px;margin:78px auto 0;border:0}
.support-flow-illustrated li,.support-flow-illustrated li+li{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:0;border:0}
.support-step-visual{position:relative;width:100%;max-width:390px;justify-self:center;isolation:isolate}
.support-step-number{position:absolute;top:2%;left:0;color:#fffdf8;font:700 clamp(100px,12vw,165px)/1 var(--en);letter-spacing:-.07em;z-index:-1}
.support-step-visual img{position:relative;width:100%;aspect-ratio:1;object-fit:contain}
.support-flow-illustrated h3{font-size:clamp(28px,3.1vw,42px);line-height:1.5;letter-spacing:-.035em;margin:0 0 20px}
.support-flow-illustrated p{font-size:16px;line-height:2.2}
.support-flow-illustrated li:nth-child(even) .support-step-visual{grid-column:2;grid-row:1}
.support-flow-illustrated li:nth-child(even) .support-step-copy{grid-column:1;grid-row:1;justify-self:center}
@media(max-width:700px){
.support-flow-illustrated{gap:42px;margin-top:42px}
.support-flow-illustrated li,.support-flow-illustrated li+li{grid-template-columns:1fr;gap:4px}
.support-step-visual{max-width:290px}
.support-step-number{font-size:112px}
.support-flow-illustrated li:nth-child(even) .support-step-visual,.support-flow-illustrated li:nth-child(even) .support-step-copy{grid-column:auto;grid-row:auto}
.support-step-copy{justify-self:center;width:100%;max-width:270px}
.support-flow-illustrated h3{font-size:29px;margin:0 0 14px}
.support-flow-illustrated p{font-size:14px}
}

/* Preserve the original artwork; animate only its isolated steam, emphasis lines and arrows. */
.support-art{position:relative;display:block;width:100%;height:auto;aspect-ratio:1;overflow:visible}
.support-part{animation-play-state:paused;transform-box:view-box;transform-origin:center}
.support-steam{animation:support-steam-rise 4.8s linear infinite;animation-play-state:paused}
.support-emphasis{animation:support-emphasis-pop 2.6s ease-in-out infinite;animation-play-state:paused}
.support-emphasis.emphasis-two{animation-delay:-.28s}
.support-arrow.arrow-left{animation:support-arrow-left 2.8s ease-in-out infinite;animation-play-state:paused}
.support-arrow.arrow-right{animation:support-arrow-right 2.8s ease-in-out infinite;animation-play-state:paused}
.support-step-visual.is-motion-visible .support-part{animation-play-state:running}
@keyframes support-steam-rise{0%{transform:translateY(0);opacity:0}20%{transform:translateY(-4px);opacity:.85}65%{transform:translateY(-13px);opacity:.85}90%,100%{transform:translateY(-20px);opacity:0}}
@keyframes support-emphasis-pop{0%,55%,100%{transform:translate(0,0);opacity:.4}25%{transform:translate(-7px,-9px);opacity:1}}
@keyframes support-arrow-left{0%,100%{transform:translateX(4px)}50%{transform:translateX(-18px)}}
@keyframes support-arrow-right{0%,100%{transform:translateX(-4px)}50%{transform:translateX(18px)}}
@media(prefers-reduced-motion:reduce){.support-part{animation:none!important;transform:none;opacity:1}}

/* Pair the brand story with its silver enamel badge. */
.story .section-inner{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);grid-template-areas:"eyebrow eyebrow" "heading badge" "copy badge";column-gap:48px}
.story .eyebrow{grid-area:eyebrow}
.story h2{grid-area:heading}
.story-copy{grid-area:copy}
.story-badge{grid-area:badge;align-self:start;width:100%;max-width:380px;margin:20px auto 0}
.story-badge img{width:100%;height:auto;object-fit:contain}
@media(max-width:800px){
.story .section-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "heading" "badge" "copy"}
.story-badge{width:min(70%,280px);margin-top:32px}
}

/* Keep the backing card visible, with clean rectangular display edges. */
.badge-card-image,.photo-dialog img[src$="badge-card-silver-v4.png"]{clip-path:inset(6.7% 8.4% 8% 8.4%)}
.product-photo--badge{aspect-ratio:1;display:grid;place-items:center}
.product-photo--badge img{width:80%;height:auto;aspect-ratio:1122/1402}