:root{--ink:#12231f;--navy:#163d56;--green:#4ba46b;--mint:#98d6bf;--paper:#f3efe7;--white:#fffdf8;--sand:#ded4c3;--orange:#df6d46;--line:rgba(18,35,31,.16);--shadow:0 24px 70px rgba(18,35,31,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans JP",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}.section-shell{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.site-header{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.06em}.brand-mark{width:30px;height:22px;border:2px solid var(--ink);display:inline-grid;place-items:center;transform:rotate(-3deg);position:relative}.brand-mark:after{content:"";width:2px;height:9px;background:var(--ink);position:absolute;top:-9px}.brand-mark i,.tag-symbol i,.mini-tag i{width:12px;height:6px;display:block;background:linear-gradient(90deg,var(--navy) 0 48%,transparent 48% 54%,var(--green) 54%);clip-path:polygon(0 60%,18% 60%,27% 12%,41% 92%,53% 42%,100% 42%,100% 62%,58% 62%,42% 100%,28% 36%,22% 75%,0 75%)}nav{display:flex;gap:36px;font-size:13px;font-weight:600;letter-spacing:.08em}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:currentColor;transition:.25s}nav a:hover:after{right:0}.header-cta{font-size:13px;font-weight:700;border-bottom:1px solid;padding:8px 0}.hero{min-height:710px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding-top:60px;padding-bottom:76px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 18px;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,7vw,98px);line-height:1.05;letter-spacing:-.065em;margin-bottom:30px;font-weight:600}h1 em{font-style:normal;color:var(--green)}.hero-lead{font-size:18px;max-width:520px;margin-bottom:36px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-width:218px;padding:17px 20px;font-size:14px;font-weight:700;letter-spacing:.05em;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(18,35,31,.16)}.button.primary{background:var(--ink);color:#fff}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink)}.micro-facts{display:flex;list-style:none;padding:0;margin:64px 0 0;border-top:1px solid var(--line)}.micro-facts li{padding:17px 20px 0 0;min-width:130px}.micro-facts b,.micro-facts span{display:block}.micro-facts b{font-size:11px;letter-spacing:.12em}.micro-facts span{font-size:11px;opacity:.58}.hero-visual{height:570px;background:#d9e5dc;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 56%,rgba(255,255,255,.35));pointer-events:none}.visual-caption{position:absolute;top:22px;left:25px;font-size:10px;letter-spacing:.16em;z-index:2}.visual-caption span{border:1px solid;padding:4px 6px;margin-right:8px}.shirt{position:absolute;background:var(--white);filter:drop-shadow(0 28px 22px rgba(24,55,46,.15))}.hero-shirt{width:365px;height:490px;top:54px;right:64px;border-radius:70px 70px 26px 26px;clip-path:polygon(20% 0,36% 0,40% 9%,60% 9%,64% 0,80% 0,100% 12%,87% 35%,78% 29%,78% 100%,22% 100%,22% 29%,13% 35%,0 12%)}.shirt-neck{position:absolute;top:-3px;left:40%;width:20%;height:42px;border-radius:0 0 50% 50%;background:#d7ddd8;box-shadow:inset 0 -3px 5px rgba(0,0,0,.08)}.fabric-lines{position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(93deg,transparent 0 11px,#baa 12px,transparent 13px)}.hem-tag{position:absolute;background:#102e43;color:white;display:flex;align-items:center;gap:8px;border-top:2px dashed rgba(255,255,255,.65);box-shadow:0 6px 12px rgba(0,0,0,.2);font-weight:600}.tag-jp{right:-23px;bottom:44px;width:86px;height:36px;padding:4px 7px;font-size:7px;line-height:1.35;letter-spacing:.02em}.tag-symbol{width:38px;height:38px;flex:0 0 auto;background:#eef7f2;border-radius:50%;display:grid;place-items:center;border:2px solid var(--green);position:relative}.tag-symbol:before,.tag-symbol:after{content:"";position:absolute;background:var(--green)}.tag-symbol:before{width:18px;height:5px}.tag-symbol:after{height:18px;width:5px}.tag-symbol i{position:absolute;bottom:5px;transform:scale(.7);z-index:2}.tag-symbol.small{width:20px;height:20px;border-width:1px}.tag-symbol.small:before{width:10px;height:3px}.tag-symbol.small:after{height:10px;width:3px}.tag-symbol.small i{bottom:1px;transform:scale(.43)}.tag-callout{position:absolute;bottom:28px;left:28px;width:210px;font-size:13px;z-index:2}.tag-callout strong,.tag-callout small{display:block}.tag-callout small{opacity:.65}.callout-line{position:absolute;width:115px;border-top:1px solid var(--ink);transform:rotate(-25deg);right:-92px;top:-22px}.problem-band{background:var(--ink);color:#fff;height:118px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center}.problem-band p{margin:0;font-size:clamp(24px,3vw,38px);font-weight:500;letter-spacing:-.03em}.problem-band span{font-size:11px;letter-spacing:.18em;color:var(--mint)}.comparison{padding-top:120px;padding-bottom:130px}.section-heading{max-width:650px;margin-bottom:58px}.section-heading h2,.tag-copy h2,.pricing h2,.contact h2{font-size:clamp(39px,5vw,68px);line-height:1.15;letter-spacing:-.055em;margin-bottom:24px}.section-heading p:last-child{max-width:560px}.section-heading.compact{margin-bottom:42px}.compare-panel{background:var(--white);box-shadow:var(--shadow)}.compare-tabs{height:68px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.compare-tabs button{border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.08em;transition:.25s}.compare-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}.compare-stage{height:600px;position:relative;overflow:hidden;background:linear-gradient(140deg,#dfdbd2,#f8f5ee);transition:background .5s}.compare-panel[data-mode="after"] .compare-stage{background:linear-gradient(140deg,#d9e8df,#f6f4eb)}.model{position:absolute;left:10%;bottom:0;width:420px;height:570px;transition:opacity .45s,transform .6s}.model .head{position:absolute;top:0;left:140px;width:130px;height:155px;border-radius:54% 54% 48% 48%;background:#b48368;z-index:2}.model .head:before{content:"";position:absolute;inset:-13px 0 48%;background:#2a2421;border-radius:54% 54% 20% 20%}.model .head span{position:absolute;bottom:40px;left:46px;width:35px;border-bottom:3px solid rgba(50,20,10,.42);border-radius:50%}.model .torso{position:absolute;bottom:-30px;left:46px;width:320px;height:460px;clip-path:polygon(22% 0,37% 0,41% 8%,59% 8%,63% 0,78% 0,100% 15%,88% 42%,79% 35%,79% 100%,21% 100%,21% 35%,12% 42%,0 15%);z-index:1}.navy-shirt{background:#d9dcde}.premium-shirt{background:#fffdf7;box-shadow:inset 0 0 45px rgba(15,60,45,.06)}.model .shirt-neck{top:0}.big-company-logo{position:absolute;top:125px;left:55px;width:210px;text-align:center}.big-company-logo .tag-symbol{margin:0 auto 10px}.big-company-logo b{font-size:20px;display:block;color:#176487}.big-company-logo small{font-size:7px;letter-spacing:.11em}.model .arm{position:absolute;bottom:35px;width:60px;height:320px;background:#b48368;border-radius:30px;z-index:0}.model .arm.left{left:28px;transform:rotate(4deg)}.model .arm.right{right:8px;transform:rotate(-5deg)}.model-tag{right:49px;bottom:36px}.sleeve-tag .mini-tag{position:absolute;top:30px;left:19px;width:26px;height:16px;background:var(--navy);border-top:1px dashed #fff;display:grid;place-items:center}.mini-tag i{transform:scale(.55)}.model-before,.model-after{opacity:0;transform:translateX(-30px)}.compare-panel[data-mode="before"] .model-before,.compare-panel[data-mode="after"] .model-after{opacity:1;transform:none}.mode-copy{position:absolute;right:8%;top:50%;transform:translateY(-50%) translateX(25px);max-width:380px;opacity:0;transition:.45s}.compare-panel[data-mode="before"] .before-copy,.compare-panel[data-mode="after"] .after-copy{opacity:1;transform:translateY(-50%)}.mode-copy h3{font-size:34px;letter-spacing:-.04em;margin:20px 0 14px}.verdict{font-size:11px;letter-spacing:.16em;border:1px solid;padding:6px 8px;font-weight:700}.verdict.no{color:var(--orange)}.verdict.yes{color:var(--green)}.tag-story{background:#e2dbcf;padding:120px 0}.tag-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.tag-demo{height:500px;background:#153b50;padding:42px;display:flex;flex-direction:column;justify-content:center;color:#fff;box-shadow:var(--shadow)}.sample-label{position:absolute;align-self:flex-start;transform:translateY(-195px);font-size:10px;letter-spacing:.14em;color:var(--mint)}.woven-tag-large{width:100%;max-width:420px;height:150px;margin:auto;background:#f5f0e7;color:var(--navy);display:flex;align-items:center;gap:22px;padding:24px 32px;border-top:4px dashed rgba(22,61,86,.35);box-shadow:0 18px 40px rgba(0,0,0,.23);background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(20,60,70,.035) 3px)}.woven-tag-large .tag-symbol{width:68px;height:68px}.tag-rule{height:76px;width:1px;background:rgba(22,61,86,.3)}.woven-tag-large strong{font-family:"Noto Sans JP",sans-serif;font-size:24px;line-height:1.35;letter-spacing:.08em}.woven-tag-large small{font-size:17px;font-weight:500}.sample-note{font-size:12px;max-width:470px;color:rgba(255,255,255,.72);margin-bottom:0}.tag-copy h2{font-size:clamp(42px,4.5vw,64px)}.spec-list article{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:23px 0;border-top:1px solid rgba(18,35,31,.18)}.spec-list article>span{font-size:11px;font-weight:700;color:var(--green)}.spec-list h3{margin:0 0 5px;font-size:20px}.spec-list p{margin:0;font-size:14px;opacity:.72}.materials{padding-top:120px;padding-bottom:130px}.material-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.material-card{min-height:430px;position:relative;overflow:hidden;color:#fff;padding:255px 34px 30px}.material-card .texture{position:absolute;inset:0;background-size:cover;transition:transform .5s}.material-card:hover .texture{transform:scale(1.035)}.material-card .texture:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(12,30,25,.8))}.organic .texture{background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.45),transparent 18%),repeating-linear-gradient(135deg,#c7b68e 0 3px,#d5c49c 4px 8px)}.american .texture{background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.2),transparent 20%),repeating-linear-gradient(45deg,#294f67 0 2px,#37647d 3px 6px)}.material-card>span,.material-card h3,.material-card p{position:relative;z-index:1}.material-card>span{font-size:10px;letter-spacing:.14em}.material-card h3{font-size:27px;margin:8px 0}.material-card p{font-size:13px;max-width:410px;margin-bottom:0;color:rgba(255,255,255,.8)}.material-footnote{font-size:11px;margin-top:16px;opacity:.6}.pricing{background:var(--navy);color:#fff;padding:120px 0}.pricing-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.eyebrow.light{color:var(--mint)}.pricing h2 strong{color:var(--mint)}.pricing-copy>p:not(.eyebrow){color:rgba(255,255,255,.72);max-width:530px}.quantity-tool{margin-top:42px;border-top:1px solid rgba(255,255,255,.2);padding-top:24px}.quantity-tool label{display:flex;justify-content:space-between;font-size:13px}.quantity-tool output{font-weight:700;color:var(--mint)}input[type="range"]{width:100%;accent-color:var(--mint);margin:20px 0}.tool-result{background:rgba(255,255,255,.08);padding:18px 20px;display:grid;grid-template-columns:1fr auto;align-items:center}.tool-result span{font-size:12px}.tool-result strong{font-size:25px;color:var(--mint)}.tool-result small{grid-column:1/-1;color:rgba(255,255,255,.55)}.tool-result.is-paid strong{color:#ffb48f}.storage-card{background:var(--white);color:var(--ink);padding:48px;position:relative;overflow:hidden}.big-number{display:block;font-size:clamp(100px,14vw,180px);font-weight:700;letter-spacing:-.08em;line-height:.78;color:#d8e9df}.days{font-size:11px;letter-spacing:.3em;color:var(--green)}.storage-card h3{font-size:29px;line-height:1.35;margin:25px 0 15px}.storage-card>p:not(.days){font-size:13px;opacity:.7}.storage-timeline{display:flex;align-items:center;gap:10px;margin-top:32px;font-size:9px;letter-spacing:.08em}.storage-timeline i{height:1px;background:var(--line);flex:1}.process{padding-top:120px;padding-bottom:130px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps li{padding:26px 26px 0 0;border-right:1px solid var(--line);min-height:220px}.steps li:not(:first-child){padding-left:26px}.steps li:last-child{border:0}.steps span{font-size:11px;color:var(--green);font-weight:700}.steps h3{font-size:19px;margin:45px 0 8px}.steps p{font-size:12px;opacity:.68}.faq{padding-bottom:120px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;font-size:17px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font-size:24px;font-weight:400;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:730px;padding:0 0 25px;margin:0;font-size:14px;opacity:.72}.contact{background:var(--green);color:#fff;padding:125px 24px;text-align:center}.contact-inner{max-width:880px;margin:auto}.contact h2{font-size:clamp(48px,6vw,78px)}.contact p:not(.eyebrow){color:rgba(255,255,255,.8)}.button.inverse{background:#fff;color:var(--ink);margin:24px auto 14px;text-align:left}.contact small{display:block;color:rgba(255,255,255,.72)}footer{height:120px;background:var(--ink);color:#fff;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em}.footer-brand .brand-mark{border-color:#fff}.footer-brand .brand-mark:after{background:#fff}.footer-brand .brand-mark i{filter:brightness(1.8)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}@media(max-width:900px){.section-shell{padding-left:24px;padding-right:24px}.site-header{padding:0 22px}.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:45px;padding-top:65px}.hero-copy{padding-top:10px}.hero-visual{height:520px}.comparison,.materials,.process{padding-top:90px;padding-bottom:90px}.tag-grid,.pricing-grid{grid-template-columns:1fr;gap:55px}.steps{grid-template-columns:1fr 1fr}.compare-stage{height:770px}.model{left:50%;transform:translateX(-50%)!important;height:510px;width:390px}.compare-panel[data-mode="before"] .model-before,.compare-panel[data-mode="after"] .model-after{transform:translateX(-50%)!important}.mode-copy{right:24px;left:24px;top:auto;bottom:28px;transform:translateY(15px)}.compare-panel[data-mode="before"] .before-copy,.compare-panel[data-mode="after"] .after-copy{transform:none}.material-cards{grid-template-columns:1fr}.pricing{padding:90px 0}}@media(max-width:600px){.site-header{height:66px}.header-cta{font-size:11px}.brand{font-size:13px}.hero{min-height:auto;padding-top:48px}.hero-visual{height:440px}.hero-shirt{right:22px;transform:scale(.82);transform-origin:top right}.hero-actions{align-items:flex-start;flex-direction:column}.micro-facts{justify-content:space-between}.micro-facts li{min-width:0;padding-right:8px}.problem-band{height:100px}.problem-band span{display:none}.compare-tabs button{font-size:11px}.compare-stage{height:690px}.model{left:48%;bottom:70px;transform:translateX(-50%) scale(.78)!important;transform-origin:center bottom}.compare-panel[data-mode="before"] .model-before,.compare-panel[data-mode="after"] .model-after{transform:translateX(-50%) scale(.78)!important}.mode-copy h3{font-size:27px}.tag-story{padding:80px 0}.tag-demo{height:400px;padding:24px}.woven-tag-large{padding:18px;gap:14px}.woven-tag-large strong{font-size:19px}.sample-label{transform:translateY(-150px)}.steps{grid-template-columns:1fr}.steps li,.steps li:not(:first-child){padding:24px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.steps h3{margin:20px 0 5px}.storage-card{padding:30px}.contact{padding:90px 22px}footer{height:auto;padding:35px 24px;gap:24px;align-items:flex-start;flex-direction:column}}