@font-face{font-family:Inter;src:url(inter.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Bodoni;src:url(bodoni.woff2) format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:NotoKO;src:url(noto-ko.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:NotoJA;src:url(noto-ja.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:NotoZH;src:url(noto-zh.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#efebe2;--ink:#252920;--muted:#676a60;--olive:#424d37;--line:#cdcbbf;--body:Inter,NotoKO,sans-serif;--serif:Bodoni,Georgia,NotoKO,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--body)}html:lang(ja){--body:Inter,NotoJA,sans-serif;--serif:Bodoni,NotoJA,serif}html:lang(zh){--body:Inter,NotoZH,sans-serif;--serif:Bodoni,NotoZH,serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;height:auto}figure{margin:0}h1,h2,h3,h4,p{margin:0}h1,h2{font:400 clamp(48px,5.2vw,84px)/1.14 var(--serif);letter-spacing:-.045em}h3{font-size:21px;line-height:1.5;font-weight:500}p{word-break:keep-all;overflow-wrap:break-word}html:lang(en) p{word-break:normal}html:lang(ko) h1,html:lang(ko) h2,html:lang(ja) h1,html:lang(ja) h2,html:lang(zh) h1,html:lang(zh) h2{font-family:var(--body);font-weight:450;line-height:1.27;font-size:clamp(40px,4.2vw,67px);letter-spacing:-.055em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ad673d;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;background:var(--paper);z-index:100;padding:10px}.skip:focus{top:10px}header{min-height:106px;display:flex;align-items:center;gap:32px;padding:20px 3.5%;position:relative;border-bottom:1px solid var(--line);z-index:10}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap;line-height:1}.brand svg{width:47px;height:47px;flex:none}.brand strong{font:500 27px/1 Bodoni,Georgia,serif;letter-spacing:-.8px}.brand i{font-size:20px;font-style:normal}.brand small{display:block;font:8px/1.5 Inter,sans-serif;letter-spacing:3.2px;margin-top:7px}.main-nav{display:flex;gap:22px;margin-left:auto;font-size:12px}.header-inquiry{font-size:12px;border-bottom:1px solid;padding-bottom:4px;white-space:nowrap}.languages{display:flex;gap:11px;font-size:10px;white-space:nowrap}.languages a{opacity:.55}.languages a[aria-current]{opacity:1;border-bottom:1px solid}.hero{height:min(860px,calc(100svh - 106px));min-height:650px;position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,21,13,.63),rgba(15,21,13,.2) 55%,transparent 78%),linear-gradient(0deg,rgba(10,18,9,.5),transparent 24%)}.hero-copy{position:absolute;left:7%;top:22%;max-width:650px}.eyebrow{font:10px/1.8 Inter,var(--body);letter-spacing:1.9px;text-transform:uppercase;margin-bottom:25px}.hero h1{font-size:clamp(64px,6.8vw,110px);letter-spacing:-.04em}.hero-copy>p:not(.eyebrow){max-width:350px;margin:30px 0;line-height:1.8;font-size:15px;color:#f3f0e8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:52px;padding:13px 24px;font-size:12px;border:1px solid transparent;transition:background .2s}.button span{font-size:21px}.light{background:var(--paper);color:var(--ink)}.light:hover{background:white}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:var(--olive)}.outline{border-color:var(--line)}.hero-foot{position:absolute;bottom:25px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;gap:20px;font:9px/1.5 var(--body);letter-spacing:1px}.hero-foot small{font-size:9px;letter-spacing:0}.section{padding:110px 7%;scroll-margin-top:0}.section-heading{max-width:760px}.lede{color:var(--muted);font-size:16px;max-width:540px;line-height:1.95;margin-top:30px}.concept{display:grid;grid-template-columns:1fr 1fr;gap:65px 7%;align-items:center}.concept h2{font-size:clamp(42px,4.3vw,68px)}.product-image img{aspect-ratio:4/3;object-fit:cover}.product-image figcaption{margin-top:12px;font-size:10px;color:var(--muted)}.features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:35px;gap:50px}.features article{position:relative;padding-left:38px}.features article>span{position:absolute;left:0;top:5px;font-size:10px}.features h3{font-size:17px;margin-bottom:12px}.features p{font-size:13px;color:var(--muted)}.atelier{background:#e3e2d8}.atelier .section-heading{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:0 8%}.atelier .eyebrow{grid-column:1/-1}.atelier .lede{align-self:end;margin:0}.atelier-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:7%;margin-top:65px;align-items:center}.diagram{--cloth1:#4c5147;--cloth2:#242c21;min-width:0}.diagram.sand{--cloth1:#bfb094;--cloth2:#8d7d60}.diagram.olive{--cloth1:#929879;--cloth2:#596148}.diagram svg{display:block;width:100%;height:auto;overflow:visible}.cloth-light{stop-color:var(--cloth1)}.cloth-dark{stop-color:var(--cloth2)}.cutaway{opacity:.6}.pouch-group{transform:translateY(0);transition:transform 1s cubic-bezier(.2,.7,.2,1)}.pouch-lid{transition:transform .7s;transform-origin:350px 190px}.pouch-fastener,.zipper{transition:opacity .5s}.contents,.uv-module,.solar-module{opacity:0;transition:opacity .7s,transform .7s}.diagram[data-state='1'] .pouch-group,.diagram[data-state='2'] .pouch-group,.diagram[data-state='3'] .pouch-group{transform:translateY(204px)}.diagram[data-state='2'] .pouch-lid{transform:translate(0,-53px) rotate(-9deg)}.diagram[data-state='2'] .pouch-fastener{opacity:0}.diagram[data-state='2'] .contents{opacity:1;transform:translateY(-15px)}.diagram[data-state='3'] .pouch-lid,.diagram[data-state='3'] .pouch-fastener{opacity:.1}.diagram[data-state='3'] .uv-module,.diagram[data-state='3'] .solar-module{opacity:1}.diagram[data-state='3'] .uv-module{transform:translateY(-42px)}.diagram-label{fill:var(--muted);stroke:var(--muted);font:13px Inter}.diagram-label text{stroke:none}.pouch-label,.tech-label{opacity:0;transition:opacity .7s}.diagram:not([data-state='0']) .pouch-label,.diagram[data-state='3'] .tech-label{opacity:1}.diagram-key{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:10px;color:var(--muted);border-top:1px solid #c1c3b7;padding-top:18px}.diagram-key b{font-size:9px;margin-right:4px}.micro{font-size:10px;line-height:1.85;color:var(--muted);margin-top:18px}.control-label{font-size:11px;margin-bottom:12px}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{border:1px solid transparent;background:transparent;padding:5px 9px 5px 0;display:flex;align-items:center;gap:9px;font-size:11px;color:var(--ink)}.swatch i{width:23px;height:23px;display:block;border-radius:50%;border:3px solid #e3e2d8;box-shadow:0 0 0 1px transparent}.swatch[aria-pressed='true'] i{box-shadow:0 0 0 1px var(--ink)}.swatch.ink i{background:#343b2f}.swatch.sand i{background:#b6a386}.swatch.olive i{background:#757d59}.step-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:30px 0}.step-buttons button{border:1px solid #b5b9ab;background:transparent;color:var(--ink);padding:13px;text-align:left;line-height:1.5;font-size:12px;min-height:53px}.step-buttons span{font-size:9px;margin-right:12px;opacity:.6}.step-buttons button[aria-pressed='true']{background:var(--olive);color:white;border-color:var(--olive)}.step-explanation{min-height:200px}.step-explanation .eyebrow{margin-bottom:12px}.step-explanation p:last-child{margin-top:14px;font-size:13px;color:var(--muted)}.text-button{background:none;border:0;border-bottom:1px solid;color:var(--ink);padding:8px 0;font-size:12px}.text-button span{margin-left:20px}.lookbook{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.scene-buttons{display:flex;gap:25px;margin:40px 0}.scene-buttons button{border:0;border-bottom:1px solid transparent;background:none;padding:8px 0;color:var(--muted);font-size:12px}.scene-buttons button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.scene-caption{border-top:1px solid var(--line);padding-top:35px;min-height:225px;max-width:420px}.scene-caption .eyebrow{margin-bottom:15px}.scene-caption p:last-child{color:var(--muted);font-size:13px;margin-top:16px}.look-index{font-size:9px;letter-spacing:2px;margin-top:50px}.look-photo img{width:100%;aspect-ratio:3/4;object-fit:cover}.look-photo figcaption{font-size:10px;color:var(--muted);margin-top:12px}.foundation{background:#262e22;color:var(--paper)}.foundation .lede{color:#c2c6b7}.foundation h2{font-size:clamp(40px,4.3vw,66px)}.patents{display:grid;grid-template-columns:1fr 1fr;margin-top:65px;gap:7%}.patents article{border-top:1px solid #606858;padding-top:25px}.patents .eyebrow{color:#bbc3ab;margin-bottom:25px}.patents h3{font:400 clamp(23px,2.8vw,41px)/1.3 Bodoni,Georgia,serif}.patents .date{font-size:11px;color:#bbc3ab;margin-top:10px}.patents h4{font-weight:400;font-size:15px;margin:25px 0 15px}.patents article>p:not(.date):not(.eyebrow){font-size:12px;color:#d2d6c9}.patents a{display:inline-block;margin-top:28px;border-bottom:1px solid #86917c;font-size:11px}.rights-note{border-top:1px solid #606858;margin-top:45px;padding-top:24px;color:#aeb8a5;font-size:11px;max-width:100%}.licensing{display:grid;grid-template-columns:.82fr 1fr;gap:70px 12%;align-items:center}.catalog-preview{position:relative;background:#252a20;color:var(--paper);box-shadow:16px 20px 0 #dbd7cc;margin-right:25px}.catalog-preview>span{font-size:9px;letter-spacing:3px;display:block;padding:21px}.catalog-preview img{aspect-ratio:4/4;object-fit:cover;object-position:50% 18%}.catalog-preview>div{font:400 clamp(22px,2.4vw,40px)/1 Bodoni,Georgia,serif;padding:24px}.catalog-preview i{font-style:normal;font-size:.65em}.catalog-preview small{display:block;font:7px/1.5 Inter;margin-top:13px;letter-spacing:2px}.catalog-copy>h3{font-size:13px;margin:35px 0 15px}.catalog-links{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.catalog-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.catalog-links a:nth-child(odd){margin-right:25px}.catalog-links small{font-size:10px}.license-process{grid-column:1/-1;border-top:1px solid var(--line);padding-top:35px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.license-process h3{grid-column:1/-1}.license-process small{font-size:10px;letter-spacing:1px}.license-process p{font-size:13px;color:var(--muted);margin-top:12px}.contact{background:#dedfd2;display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact h2{font-size:clamp(42px,4vw,65px)}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:65px;font-size:12px}.contact-details>p{font-size:11px;letter-spacing:1px}.contact-details .email{font-size:clamp(18px,2vw,27px);border-bottom:1px solid var(--ink);padding-bottom:8px;letter-spacing:-1px;margin-bottom:8px}.contact-details span{color:var(--muted)}form h3{font-size:20px;margin-bottom:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field span{font-size:10px}.field input,.field select,.field textarea{width:100%;min-width:0;border:0;border-bottom:1px solid #a9afa0;padding:10px 0;background:transparent;color:var(--ink);border-radius:0;font-size:13px}.field select{padding-right:15px}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline-offset:2px}.field.wide{grid-column:1/-1}.consent{display:flex;gap:11px;font-size:10px;line-height:1.8;margin:25px 0}.consent input{accent-color:var(--olive);width:17px;height:17px;flex:none}.honey{position:absolute;left:-10000px}form .button{width:100%;text-align:left}form button:disabled{opacity:.5}#form-status{font-size:12px;margin-top:15px}footer{padding:45px 3.5%;display:flex;gap:35px;align-items:center}footer>p{font-size:11px;line-height:2}footer small{color:var(--muted);font-size:9px}footer>.button{margin-left:auto;font-size:10px;white-space:nowrap}
@media(min-width:1700px){.section{padding-left:max(7%,calc((100vw - 1480px)/2));padding-right:max(7%,calc((100vw - 1480px)/2))}}
@media(max-width:1200px){header{gap:22px;flex-wrap:wrap}.main-nav{gap:16px}.languages{width:100%;justify-content:flex-end;margin-top:-4px}.hero{min-height:650px}.section{padding:85px 6%}.brand strong{font-size:25px}.atelier-layout{gap:5%}.step-explanation{min-height:235px}}
@media(max-width:850px){header{padding:18px 5%;gap:18px}.main-nav{display:none}.header-inquiry{margin-left:auto}.languages{margin:0;justify-content:flex-end}.hero{height:760px;max-height:none;min-height:0}.hero-image{object-position:64% center}.hero-shade{background:linear-gradient(0deg,rgba(18,25,15,.85),rgba(18,25,15,.04) 85%)}.hero-copy{left:6%;top:auto;bottom:100px;right:6%;max-width:none}.hero h1{font-size:72px}.hero-foot>span:last-child{display:none}.hero-foot{font-size:8px;bottom:20px}.hero-foot small{max-width:50%;text-align:right;font-size:8px}.concept{grid-template-columns:1fr;gap:35px}.concept .section-heading{max-width:640px}.product-image img{max-height:600px;object-fit:cover}.features{gap:22px;margin-top:20px}.features article{padding-left:0}.features article>span{position:static;display:block;margin-bottom:14px}.features h3{font-size:15px}.atelier .section-heading{display:block}.atelier .lede{margin-top:25px}.atelier-layout{grid-template-columns:1fr;gap:40px;margin-top:25px}.diagram{max-width:700px}.diagram svg{max-height:570px}.controls{max-width:640px}.step-explanation{min-height:150px}.lookbook{gap:5%}.look-copy h2{font-size:40px}.look-copy .lede{font-size:14px}.scene-caption{min-height:270px}.patents{gap:5%}.licensing{gap:70px 7%}.catalog-copy h2{font-size:40px}.contact{grid-template-columns:1fr;gap:60px}.contact-copy{max-width:620px}.contact-details{margin-top:35px}footer{flex-wrap:wrap}footer>.button{margin-left:auto}}
@media(max-width:560px){body{font-size:14px}header{padding:17px 5%;gap:17px}.brand{gap:4px}.brand svg{width:40px;height:40px}.brand strong{font-size:24px}.brand i{font-size:17px}.brand small{font-size:7px;letter-spacing:2px}.header-inquiry{font-size:10px;max-width:115px;white-space:normal;text-align:right}.languages{gap:20px;font-size:10px;justify-content:center;border-top:1px solid var(--line);padding-top:10px}.hero{height:760px;max-height:calc(100svh - 105px);min-height:600px}.hero-image{object-position:64% top}.hero-copy{bottom:85px;left:6%;right:5%}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:20px}.hero h1{font-size:58px}html:lang(ko) .hero h1,html:lang(ja) .hero h1,html:lang(zh) .hero h1{font-size:40px}.hero-copy>p:not(.eyebrow){font-size:12px;margin:22px 0;max-width:280px}.hero-foot{flex-direction:column;gap:8px;left:6%;right:6%;font-size:8px;bottom:18px}.hero-foot small{max-width:none;text-align:left}.button{min-height:49px;padding:11px 18px;font-size:11px}.section{padding:65px 6%}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}h2,.concept h2,.contact h2,.foundation h2,.catalog-copy h2,.look-copy h2{font-size:43px}html:lang(ko) h2,html:lang(ja) h2,html:lang(zh) h2{font-size:34px}.lede{font-size:14px;margin-top:23px}.features{grid-template-columns:1fr;gap:25px;padding-top:25px}.features article{padding-left:33px}.features article>span{position:absolute;left:0;top:2px}.features h3{font-size:16px;margin-bottom:8px}.features p{font-size:12px}.product-image figcaption,.look-photo figcaption{font-size:9px}.atelier-layout{gap:28px}.diagram svg{width:calc(100% + 24px);max-width:calc(100% + 24px);margin-left:-12px}.diagram-key{font-size:9px;gap:8px 13px}.micro{font-size:9px}.step-buttons{margin:25px 0}.step-buttons button{font-size:11px;padding:13px 10px}.step-buttons span{margin-right:6px}.step-explanation{min-height:180px}.step-explanation h3{font-size:18px}.step-explanation p:last-child{font-size:12px}.lookbook{grid-template-columns:1fr;gap:35px}.look-copy .lede{max-width:340px}.scene-buttons{margin:25px 0}.scene-caption{min-height:140px;padding-top:22px}.scene-caption h3{font-size:18px}.scene-caption .eyebrow{margin-bottom:10px}.look-index{display:none}.look-photo img{max-height:620px}.patents{grid-template-columns:1fr;gap:40px;margin-top:40px}.patents h3{font-size:33px}.patents h4{margin-top:20px}.patents .eyebrow{font-size:10px}.rights-note{font-size:10px}.licensing{grid-template-columns:1fr;gap:40px}.catalog-preview{max-width:300px;margin:0 auto 0 0;width:90%}.catalog-preview>div{font-size:32px}.catalog-copy{padding-top:20px}.license-process{grid-template-columns:1fr;gap:23px}.license-process h3{font-size:19px}.license-process p{font-size:12px;margin-top:7px}.contact{gap:45px}.contact-details .email{font-size:23px}.form-grid{gap:22px 15px}.field span{font-size:10px}.field input,.field select{font-size:12px}.consent{font-size:10px}footer{padding:35px 6%;gap:25px}footer>.brand{width:100%}footer>p{font-size:10px}footer>.button{margin-left:0;min-width:210px}form h3{font-size:18px}}
.section>*{min-width:0}html:lang(ja) p,html:lang(zh) p{word-break:normal}.features article,.license-process article,.patents article{min-width:0}h1,h2,h3{overflow-wrap:break-word}
@media(max-width:360px){header{gap:12px}.brand svg{width:32px;height:32px}.brand strong{font-size:21px}.brand i{font-size:15px}.brand small{font-size:6px;letter-spacing:1.6px}.header-inquiry{max-width:92px;font-size:9px;line-height:1.5}html:lang(ja) .hero h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}