:root{--ink:#f4f4eb;--paper:#133d32;--muted:#b3c5b9;--line:#ffffff24}body{background:linear-gradient(145deg,#123e31 0%,#0c2b24 45%,#1d4739 100%);color:var(--ink)}#constellation{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}header,main,footer{position:relative;z-index:1}header{background:#12392fb8;border-bottom:1px solid #ffffff20;height:95px;backdrop-filter:blur(8px)}header .logo{color:#fafaf2;font-weight:400;letter-spacing:.12em}.logo i{color:#c7d8c5}nav a{color:#dce5d9}nav a:hover{color:#fff}.nav-cta{border-color:#d5e3d254;color:#f2f5e9;border-radius:0;font-size:12px;letter-spacing:.04em}.nav-cta:hover{background:#ffffff0e}h1,h2{font-family:'Noto Serif JP','Yu Mincho',serif;font-weight:400}h3{font-weight:400}.eyebrow{letter-spacing:.23em!important;font-size:10px!important;color:#b8c9b4!important}.soft-hero{background:transparent;min-height:790px;grid-template-columns:1.15fr 1fr;padding-bottom:85px}.hero-copy{padding:125px 0 90px 9%}h1{font-size:clamp(32px,3.7vw,56px);line-height:1.85;letter-spacing:.075em}h1 span{color:#e1e8cb}.hero .eyebrow{margin-bottom:34px;color:#bbcbb8}.hero-lead{font-size:16px;color:#dbe5d6;line-height:2.2}.hero-description{font-size:14px;color:#b2c6b7;line-height:2.2}.hero-note{color:#a7bcaa;font-size:11px;letter-spacing:.07em}.hero-actions{gap:28px;margin-top:36px}.copper{background:#e4e9d7;color:#244534;border:1px solid #e4e9d7;border-radius:0;font-size:12px;padding:17px 26px}.copper:hover{background:white}.text-link{color:#d6e2cb;border-color:#d1dfc96b;font-size:12px}.hero-bottom{border-color:#ceddc62c;left:5%;right:5%;color:#a6bda8;bottom:0;height:75px}.hero-bottom a{color:#becfba}.hero-product{position:relative;padding:55px 14% 35px 8%;display:flex;align-items:center}.hero-product-frame{position:relative;width:100%;height:610px;background:#f7f9f3;color:#325540;box-shadow:0 30px 80px #03180f26}.hero-product-frame>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:35px 15px 55px}.product-edition{position:absolute;top:28px;left:0;right:0;text-align:center;font:9px Arial,sans-serif;letter-spacing:.2em;color:#84917e;z-index:1}.hero-product-caption{position:absolute;left:26px;right:26px;bottom:25px;display:flex;align-items:end;justify-content:space-between;font-size:14px;letter-spacing:.1em}.hero-product-caption small{font-size:9px;color:#87947d;letter-spacing:.05em}.vertical-caption{position:absolute;right:4%;top:155px;writing-mode:vertical-rl;font:9px Arial,sans-serif;letter-spacing:.2em;color:#bacab2}.section{background:transparent!important;border-color:#ffffff22;padding-top:110px;padding-bottom:110px}.section h2{font-size:38px;line-height:1.9;letter-spacing:.065em}.section-tag,.section-lead,.product-intro>p:last-child,.story-heading>p:last-child{color:#b2c6b4}.product-experience{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;background:#0c2c2426!important}.product-intro{margin-bottom:35px}.product-tabs{gap:24px}.product-tabs button{border:0;border-bottom:1px solid #afc4a94d;border-radius:0;color:#c4d2be;padding:14px 22px;background:transparent}.product-tabs button[aria-selected=true]{background:transparent;border-color:#ecf1e0;color:#fff}.product-tabs button span{color:#a9bea5}.tap-demo{border-radius:0;border:1px solid #d0d8c8;background:#f3f7ef;color:#32573f;margin-top:35px;box-shadow:0 30px 70px #031e1926}.tap-demo .eyebrow{color:#71906b!important}.tap-demo .scan-device{box-shadow:8px 18px 35px #1a49301c}.tap-note,.product-experience>.footnote{color:#a0b6a3;font-size:11px}.product-display>img{mix-blend-mode:multiply}.tap-demo[data-product='knife'] .nfc-point{left:50%;top:73%}.tap-demo[data-product='knife'] .touch-label{left:61%;top:66%}.tap-summary>p:last-child{color:#627e5f}.story-heading{margin-bottom:70px}.story-image{background:#f2f6ed;border-radius:0;height:330px;overflow:hidden;box-shadow:0 16px 50px #031b1426}.story-image .product-only{height:330px;background-size:contain}.story-product{width:100%;height:330px;background-position:center;background-repeat:no-repeat;background-size:contain;mix-blend-mode:multiply}.story-sake{background-image:url('assets/sake-transparent.png')}.story-lacquer{background-image:url('assets/lacquer-transparent.png')}.story-row{gap:110px;min-height:420px}.story-text h3{font-family:'Noto Serif JP',serif;font-size:28px;font-weight:400;color:#f0f3e6}.story-text>p:not(.small-label){color:#b0c4b2;font-size:14px}.story-text .small-label{color:#a8c0a9}.story-example{color:#c7d8c1;border-color:#b3c6a82b}.story-example span{color:#9fb79e}.story-rail:before{background:#d5e3d02b}.rail-progress{background:#d9e6cc}.story-node{background:#173b2f;color:#d5e4cb;border-color:#a8bf9d}.in-view .story-node{background:#d2dfc5;color:#254732}.scene-status{bottom:0;background:#f2f6ede8;color:#557250;max-width:100%;font-size:10px;border-radius:0;padding:9px 12px;white-space:normal;text-align:center}.footnote,.how .footnote{color:#9eb59e}.intro{border-top:1px solid #d2dfc620}.feature{border-color:#a3bba069;background:#ffffff03;padding:32px 26px 0}.feature-number{color:#b5cba44d}.feature .small-label{color:#b9cfae}.feature>p:not(.small-label){color:#afc2ac}.feature-result{border-color:#c2d3b527;color:#d0debe}.check{color:#d1e0bd}.experience-copy>p:not(.eyebrow):not(.footnote){color:#b0c5af}.demo-panel{background:#f5f8ef;color:#305238;border-radius:0;border-color:#e4eadb}.demo-panel .logo{color:#35593f}.demo-label{color:#6b8165}.demo-instruction>span{border-color:#bdcdb05c;color:#c4d3b9}.demo-instruction p{color:#c2d1b7}.demo-panel .copper{background:#426b4e;color:#fff;border-color:#426b4e}.demo-panel .footnote{color:#6f8366}.field-list article{border-color:#bbcfad32}.field-list:before{background:#bed1b467}.field-list article:before{background:#194235;border-color:#c1d5b5}.field-list article:hover:before{background:#e4efce}.field-list h3,.field-list article>p{color:#e4edde}.field-list h3 small,.field-no{color:#a7bf9d}.field-list details{color:#d2e0c5}.field-list details p{color:#b6c9a8}.rfid{border-top:1px solid #d1dfc324}.rfid>div>p:not(.eyebrow){color:#b3c8aa}.rfid-tags span{border-color:#b7cba141;color:#c3d6b7}.faq details{border-color:#c8dabb2e}.faq details p{color:#b3c6a6}.closing{background:#09281d45;border-top:1px solid #d1dfbe24;padding-top:100px;padding-bottom:100px}.closing h2{font-family:'Noto Serif JP',serif;font-size:40px;line-height:1.9}.closing .eyebrow{color:#c4d6b5}footer{background:#09281d45;border-top:1px solid #d1dfbe1c;padding-bottom:80px}footer p,footer small,footer>a:last-child{color:#a6bd9e}footer .logo{color:#e6eedc}footer>a:not(.logo){font-size:11px;color:#bdceb1}.stars-toggle{position:fixed;right:20px;bottom:14px;z-index:5;border:1px solid #e1edcc38;background:#123b2ee6;color:#c2d6b6;padding:7px 12px;font-size:10px;letter-spacing:.04em;backdrop-filter:blur(8px)}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#c7dabc}.tap-demo button:focus-visible,.demo-panel button:focus-visible{outline-color:#527c4f}
@media(max-width:1100px){.hero-product{padding-right:11%;padding-left:7%}.hero-product-frame{height:555px}.hero-product-caption{display:block}.hero-product-caption small{display:block;margin-top:5px}.hero-copy{padding-top:100px}.story-row{gap:80px}}
@media(max-width:760px){header{height:78px}.nav-cta{font-size:10px;padding:10px 12px}.soft-hero{min-height:0;padding-bottom:65px}.hero-copy{padding:55px 7% 40px}h1{font-size:30px;line-height:1.85;letter-spacing:.05em}.hero .eyebrow{font-size:9px!important;margin-bottom:25px}.hero-lead{font-size:14px;line-height:2}.hero-description{font-size:13px}.hero-note{font-size:9px;line-height:2}.hero-actions{gap:23px}.copper{font-size:11px;padding:15px 20px}.text-link{font-size:11px}.hero-product{padding:0 13% 35px 7%;width:100%}.hero-product-frame{height:460px}.hero-product-frame>img{padding:35px 10px 50px}.product-edition{font-size:8px;top:23px}.hero-product-caption{left:22px;bottom:20px}.hero-product-caption>span{font-size:13px}.hero-product-caption small{font-size:9px}.vertical-caption{right:5%;top:75px;font-size:8px}.hero-bottom{height:65px;left:7%;right:7%;font-size:9px}.section{padding:75px 6%}.section h2{font-size:27px;line-height:1.85}.product-intro>p:last-child{font-size:12px}.product-tabs{gap:7px;margin-top:25px}.product-tabs button{font-size:11px;padding:10px 5px}.tap-demo{margin-top:20px}.story-row{gap:25px;min-height:0;padding-bottom:65px}.story-image,.story-image .product-only,.story-product{height:285px}.story-text h3{font-size:24px}.scene-status{font-size:9px;min-width:180px}.feature{padding:25px 20px 0}.field-list article>p{font-size:12px}.closing{padding:75px 6%}.closing h2{font-size:29px}.stars-toggle{right:12px;bottom:10px;font-size:9px;padding:7px 9px}footer{padding-bottom:75px}}
.demo-panel{--muted:#6a795f}.demo-panel .product-info span,.demo-panel .timeline p,.demo-panel .reset{color:#6a795f}
@media(max-width:760px){.tap-stage{height:570px}.tap-summary{top:455px}.tap-summary h3{font-size:16px}.tap-summary>p:last-child{font-size:11px}}
/* Supplied URAGAKI vector, with its original paths preserved. */
.logo{display:inline-flex;align-items:center;line-height:1}.brand-logo{display:block;object-fit:contain;width:218px;height:auto}footer .brand-logo{width:190px}.demo-heading .brand-logo{width:150px}.phone-brand .brand-logo{width:125px;height:22px;object-position:left center}.phone-brand{height:31px}
@media(max-width:760px){header .brand-logo{width:150px}footer .brand-logo{width:170px}.demo-heading .brand-logo{width:140px}.phone-brand .brand-logo{width:105px;height:19px}.phone-brand{height:25px}}
/* Forest-green studio lighting, based on the supplied photographic references. */
:root{--paper:#09290e}
body{background:#041a08}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 44% 37% at 48% 88%,rgba(92,102,39,.30) 0%,rgba(54,77,25,.13) 48%,transparent 100%),radial-gradient(ellipse 85% 85% at 31% 56%,#1c4b1c 0%,#133c15 35%,#09290d 67%,#021605 100%)}
header{background:rgba(4,24,7,.64)}
.product-experience{background:rgba(3,20,5,.10)!important}
.closing,footer{background:rgba(3,17,4,.24)}
.stars-toggle{background:rgba(7,34,11,.90)}
.story-node{background:#113515}
/* Bring the supplied blade closer, preserving the complete product. */
.hero-product-frame{overflow:hidden}.hero-product-frame>img{padding:0;transform:scale(1.26)}.hero-product-caption{z-index:1}.product-only{background-size:auto 126%!important}.tap-demo[data-product='knife'] .product-display>img{transform:scale(1.25)}.tap-demo[data-product='knife'] .nfc-point{top:79%}.tap-demo[data-product='knife'] .touch-label{top:73%}
@media(min-width:761px){.tap-demo[data-product='knife'][data-phase='1'] .scan-device{transform:translateX(-50%) scale(.5) rotate(-13deg)}}
/* One continuous blue-gray surface behind every product and the tap animation. */
:root{--product-surface:#dfe3e9;--product-line:#c6cdd5}
.hero-product-frame,.story-image,.tap-demo,.tap-stage,.tap-controls{background:var(--product-surface)}
.tap-demo,.tap-controls{border-color:var(--product-line)}
.hero-product-frame>img,.product-display>img,.product-only,.story-product,.phone-product img{mix-blend-mode:normal}
.hero-product-frame>img,.product-display>img{background:transparent}
.scene-status{background:rgba(223,227,233,.94);color:#566878}
.hero-product-caption,.product-edition,.hero-product-caption small{color:#526272}
.tap-summary>p:last-child,.tag-caption p,.tap-steps button,.playback button{color:#617180}
.tap-steps button[aria-current]{color:#294839}
.scan-device{background:#f8fafc}.phone-product{background:transparent}
.demo-panel{background:#f3f5f8}.demo-label{background:#e3e8ed}.demo-heading{border-color:#d1d9e1}

/* Larger approach scenes; keep the 27cm blade and 15cm reference phone to scale. */
.tap-demo{max-width:1320px}
.tap-stage{height:800px}
.product-display{left:0;top:25px;width:59%;height:600px}
.tap-summary{left:65%;right:4%;top:275px}
.tap-demo[data-product='knife'] .product-display{height:650px;top:0}
.tap-demo[data-product='knife'][data-phase='0'] .scan-device{left:65%;top:335px;transform:scale(var(--knife-phone-scale,.49)) rotate(5deg);transform-origin:50% 0}
.tap-demo[data-product='knife'][data-phase='1'] .scan-device{transform:translateX(-50%) scale(var(--knife-phone-scale,.49)) rotate(-13deg)}
.tap-demo[data-product='knife'] .touch-label{left:57%;top:79%}
.tap-demo[data-product='sake'][data-phase='1'] .scan-device,.tap-demo[data-product='lacquer'][data-phase='1'] .scan-device{transform:translateX(-50%) scale(.85) rotate(-13deg)}
@media(max-width:760px){
.tap-stage{height:700px}
.product-display{left:-5%;top:20px;width:85%;height:425px}
.tap-demo[data-product='knife'] .product-display{left:-12%;top:0;width:100%;height:490px}
.tap-summary{left:8%;right:8%;top:570px}
.tap-demo[data-product='knife'][data-phase='0'] .scan-device{left:63%;top:320px}
.tap-demo[data-product='sake'][data-phase='1'] .scan-device,.tap-demo[data-product='lacquer'][data-phase='1'] .scan-device{transform:translateX(-50%) scale(.72) rotate(-12deg)}
.tap-demo[data-phase='2'] .scan-device,.tap-demo[data-phase='3'] .scan-device{left:43%;top:160px}
}
.tap-demo[data-phase='1'] .tag-caption{opacity:0}
