@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#10120e;--lime:#dcff79;--paper:#f4f5ef;--ink:#161912;--muted:#9da094;--line:rgba(255,255,255,.17);font-family:'DM Sans',Arial,sans-serif;color:var(--paper);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8ca84b;outline-offset:6px}button{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;letter-spacing:-.065em;line-height:1.02}em{font-style:normal;color:var(--lime)}.header{height:100px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--bg)}.brand{font-family:'Space Grotesk',Arial,sans-serif;font-size:29px;font-weight:700;letter-spacing:-1.6px;display:flex;align-items:center;gap:10px}.brand span{font-family:'DM Sans',Arial,sans-serif;font-size:11px;letter-spacing:1px;font-weight:500;border-left:1px solid #555;padding-left:10px;line-height:1.2;max-width:75px}.header nav{display:flex;gap:36px;font-size:14px}.header nav a{transition:color .2s}.header nav a:hover{color:var(--lime)}.nav-quote{display:flex;gap:22px;align-items:center;font-size:14px}.round-dot{height:9px;width:9px;background:var(--lime);border-radius:50%}.menu-button{display:none}.hero{padding:28px 4.5% 0;position:relative;overflow:hidden}.hero-top,.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow,.edition,.small-note{font-size:12px;letter-spacing:1.6px;font-weight:500}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.edition{color:#92988a}.hero-heading{position:relative;margin-top:58px;display:flex;align-items:flex-end;justify-content:space-between;z-index:2;pointer-events:none}h1{font-size:clamp(65px,8.6vw,142px);line-height:.97;letter-spacing:-.07em}.hero-caption{font-size:14px;color:#b8beae;line-height:1.6;padding-bottom:15px;text-align:right}.hero-art{height:410px;width:65%;margin:-107px -5% 0 auto;position:relative;z-index:1;transition:filter 1s,transform .2s}.hero-art img{object-position:center;mix-blend-mode:lighten;mask-image:linear-gradient(to bottom,transparent,black 12%,black 84%,transparent);animation:float 8s ease-in-out infinite}.art-index,.art-note{font-size:11px;letter-spacing:1.4px;position:absolute;color:#a0a696}.art-index{bottom:80px;left:15px;transform:rotate(-90deg);transform-origin:left}.art-note{right:12%;bottom:28px;display:flex;align-items:center;gap:18px}.tiny-cross{font-size:30px;color:var(--lime)}.hero-bottom{position:relative;z-index:3;display:flex;align-items:center;gap:34px;margin-top:-30px;padding-bottom:48px}.hero-bottom p{font-size:16px;line-height:1.6;color:#b9beaf;margin-right:20px}.button{min-height:51px;display:inline-flex;align-items:center;justify-content:center;padding:15px 27px;font-size:14px;font-weight:600;border:none;gap:30px;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.lime{background:var(--lime);color:var(--ink)}.lime:hover{background:#eaffb2}.outline{border:1px solid #79806c;background:transparent}.light-toggle{margin-left:auto;display:flex;align-items:center;gap:10px;background:none;border:0;font-size:13px}.toggle-track{display:inline-block;width:38px;height:22px;border:1px solid #777e6b;border-radius:22px;padding:3px}.toggle-track span{display:block;background:var(--lime);width:14px;height:14px;border-radius:50%;transform:translateX(15px);transition:transform .3s,background .3s}.light-toggle[aria-pressed=false] .toggle-track span{transform:translateX(0);background:#777}.hero.lights-on{background:#252c1b}.hero.lights-on .hero-art{filter:brightness(1.45) saturate(.65)}.scroll-cue{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0;font-size:11px;letter-spacing:1.8px;color:#919886}.scroll-cue span{font-size:24px;color:var(--lime)}.ticker{background:var(--lime);color:var(--ink);padding:19px 0;overflow:hidden;white-space:nowrap;font-family:'Space Grotesk',Arial,sans-serif;font-size:31px;letter-spacing:-1px}.ticker div{width:max-content;animation:ticker 35s linear infinite}.ticker span{margin:0 44px;font-size:33px}.experience{height:125vh;position:relative;background:#080a07}.experience-sticky{height:90vh;min-height:600px;position:sticky;top:0;overflow:hidden}.experience-sticky>img{position:absolute;inset:0;filter:brightness(.85);transition:filter .15s;object-position:center 55%}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 45%,rgba(0,0,0,.8))}.experience-top{position:absolute;top:38px;left:4.5%;right:4.5%;display:flex;justify-content:space-between}.scene-state{font-size:11px;letter-spacing:1.4px;display:flex;gap:20px}.scene-state b{color:var(--lime);font-weight:400}.experience-copy{position:absolute;left:4.5%;bottom:110px}.experience-copy h2{font-size:clamp(40px,5.1vw,78px)}.experience-copy p{margin-top:25px;line-height:1.7;color:#cad0c1}.experience-bottom{position:absolute;bottom:35px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center}.experience-bottom>span{font-size:10px;letter-spacing:1.6px;color:#c7ccbe}.range-control{display:flex;gap:15px;align-items:center;font-size:12px}.range-control input{accent-color:var(--lime);width:180px}.section-light{background:var(--paper);color:var(--ink)}.products,.technology,.applications,.quote{padding:70px 4.5% 80px}.section-top{padding-bottom:28px;border-bottom:1px solid currentColor;border-color:#d0d3c8}.small-note{font-size:10px;color:#79806f}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:55px 0 50px;gap:30px}.section-title h2{font-size:clamp(48px,5.8vw,87px)}.section-title h2 span{color:#8d9580}.section-title p{font-size:15px;line-height:1.7;max-width:340px;padding-bottom:8px;color:#68715d}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #d0d3c8;padding:25px 0 30px}.filters{display:flex;gap:10px}.filters button{background:none;border:1px solid #d0d3c8;color:var(--ink);border-radius:30px;padding:11px 18px;font-size:13px}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters small{font-size:10px;margin-left:15px;color:#a6af99}.catalog-toggle{border:0;background:none;color:var(--ink);font-size:12px;display:flex;align-items:center;gap:12px}.catalog-toggle .toggle-track span{background:#7d886c;transform:translateX(0)}.catalog-toggle[aria-pressed=true] .toggle-track span{transform:translateX(15px);background:#b8e445}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:none;background:none;padding:0;text-align:left;color:var(--ink);min-width:0}.product-card[hidden]{display:none}.product-visual{aspect-ratio:1/1.05;background:#dfe3d7;overflow:hidden;position:relative}.product-visual img{transition:transform .8s,filter .6s;filter:brightness(1.7) saturate(.55);object-position:47% center}.product-card:hover .product-visual img{transform:scale(1.06)}.product-visual.arrow-image img{object-position:80% 50%;transform:scale(1.5) rotate(7deg)}.product-card:hover .arrow-image img{transform:scale(1.6) rotate(4deg)}.route-image img{filter:brightness(1.5);object-position:74% center}.product-number{position:absolute;top:18px;left:18px;font-size:11px;color:#e4eadc;mix-blend-mode:screen}.product-tag{position:absolute;bottom:17px;left:17px;font-size:9px;letter-spacing:1.6px;color:#e4eadc}.catalog-dark .product-visual img{filter:brightness(.75) saturate(1.2)}.product-info{padding:22px 0;display:flex;justify-content:space-between;gap:12px}.product-info h3{font-family:'Space Grotesk',Arial,sans-serif;font-size:22px;letter-spacing:-.8px;font-weight:500}.product-info p{margin-top:8px;font-size:13px;color:#6d7662}.plus{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #c9cebf;border-radius:50%;font-size:20px;flex-shrink:0;transition:background .2s}.product-card:hover .plus{background:var(--lime);border-color:var(--lime)}.collection-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d0d3c8;margin-top:25px;padding-top:28px;font-size:14px;color:#6b745f}.text-link{font-size:14px;color:var(--ink);display:flex;align-items:center;gap:35px}.text-link span{font-size:23px}.technology{background:#161b12;overflow:hidden}.technology .section-top,.quote .section-top{border-color:var(--line)}.technology-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:65px 0}.technology h2{font-size:clamp(55px,6.1vw,92px)}.technology-copy>p{max-width:400px;font-size:17px;line-height:1.7;margin-top:30px;color:#d0d6c6}.technology-copy p.muted{font-size:14px;color:#8f9984;margin-top:20px}.technology-copy .button{margin-top:32px}.light-orbit{height:440px;position:relative;display:flex;justify-content:center;align-items:center}.orbit-ring{position:absolute;border:1px solid #56633e;border-radius:50%;width:350px;height:350px}.orbit-ring.two{width:270px;height:270px;border-style:dashed;animation:rotate 80s linear infinite}.orbit-ring.one:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime);left:50%;top:-5px;box-shadow:0 0 30px 8px #b8ff3150}.orbit-ring.one{animation:rotate 25s linear infinite}.orbit-core{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#dfff87,#a5c55a 55%,#4f642d);box-shadow:0 0 70px #b9f75c2b,0 0 140px #b9f75c10;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2b3917;font-family:'Space Grotesk',Arial,sans-serif;font-size:31px;font-weight:500;letter-spacing:-1px}.orbit-core span{font-family:'DM Sans',Arial,sans-serif;font-size:9px;letter-spacing:2px;margin-top:6px}.orbit-label{position:absolute;font-size:10px;letter-spacing:2px;color:#8a9b6c}.orbit-label.top{top:9px}.orbit-label.bottom{bottom:9px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid var(--line);padding-top:38px}.steps article>span{font-size:10px;letter-spacing:1.8px;color:var(--lime)}.steps h3{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;font-size:24px;letter-spacing:-1px;margin:25px 0 13px}.steps p{font-size:14px;line-height:1.7;color:#99a18e;max-width:320px}.application-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.application-image{height:510px;position:relative;overflow:hidden}.application-image img{object-position:65% center}.image-caption{position:absolute;bottom:25px;left:25px;color:#e3e9da;font-size:10px;letter-spacing:2px}.application-accordion details{border-top:1px solid #c7cdbe;padding:25px 0}.application-accordion details:last-of-type{border-bottom:1px solid #c7cdbe}.application-accordion summary{display:flex;align-items:center;gap:20px;list-style:none;cursor:pointer;font-family:'Space Grotesk',Arial,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.6px}.application-accordion summary::-webkit-details-marker{display:none}.application-accordion summary>span{font-family:'DM Sans',Arial,sans-serif;font-size:10px;color:#8d977e;letter-spacing:0}.application-accordion summary b{font-weight:400;font-size:22px;margin-left:auto}.application-accordion details[open] summary b{transform:rotate(45deg)}.application-accordion p{font-size:14px;line-height:1.8;padding:22px 25px 0 36px;color:#6b745f}.application-note{margin-top:50px;font-size:14px;line-height:1.7;color:#8b957d}.quote{background:#1c2316}.quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:55px}.quote h2{font-size:clamp(52px,5.4vw,80px)}.quote-layout>div>p{font-size:15px;line-height:1.8;color:#a7b098;margin-top:30px}.quote-types{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.quote-types span{font-size:10px;border:1px solid #4c5740;border-radius:30px;padding:8px 12px;color:#b4bea4}form{padding-top:8px}form label{display:block;font-size:12px;color:#c5cdb9;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}input,textarea,select{width:100%;border:0;border-bottom:1px solid #556148;background:transparent;border-radius:0;padding:13px 0;color:var(--paper);font-size:14px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--lime)}input::placeholder,textarea::placeholder{color:#7d896e}textarea{resize:vertical}select option{background:#1c2316;color:white}form .button{width:100%;justify-content:space-between}form .button span{font-size:22px}.form-caption{font-size:11px;color:#98a286;margin-top:15px}#form-result{font-size:13px;line-height:1.6;color:var(--lime);margin-top:15px}.closing{background:var(--lime);color:var(--ink);padding:65px 4.5% 75px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;overflow:hidden}.closing h2{font-size:clamp(80px,12vw,180px);margin-top:30px;line-height:.9}.closing em{color:#657d36}.closing-cta{font-size:18px;line-height:1.5;display:flex;gap:35px;align-items:center;padding-bottom:20px}.closing-cta span{font-size:55px;font-weight:400}.closing-line{position:absolute;width:45%;height:1px;right:4.5%;top:80px;background:#b6d458}footer{padding:40px 4.5%;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}footer p{font-size:13px;color:#929c84;text-align:right}footer>div{display:flex;gap:30px;font-size:12px}footer>span{font-size:11px;color:#929c84;text-align:right}dialog{background:var(--paper);color:var(--ink);border:0;max-width:620px;width:calc(100% - 36px);padding:55px;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#070a05b8;backdrop-filter:blur(6px)}dialog h2{font-size:48px;margin-top:30px}dialog>p{font-size:16px;line-height:1.7;margin-top:22px;color:#606c53}.dialog-close{position:absolute;right:20px;top:16px;background:transparent;border:none;font-size:32px;color:var(--ink)}dialog dl{margin:30px 0}dialog dt{font-size:11px;letter-spacing:1px;color:#6b775e;border-top:1px solid #d4dacb;padding-top:15px}dialog dd{margin:8px 0 20px;font-size:14px;line-height:1.6}.skip{position:fixed;top:-60px;left:20px;z-index:100;background:var(--lime);color:var(--ink);padding:12px}.skip:focus{top:15px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-12px) rotate(-1deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes rotate{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero-art{height:520px}.hero-bottom{margin-top:-70px}.hero-heading{margin-top:75px}}
@media(max-width:1000px){.header{height:85px}.header nav{gap:20px}.hero-art{height:350px;width:75%;margin-top:-40px}.hero-bottom{gap:20px;margin-top:0}.hero-bottom p{font-size:14px;margin-right:0}.hero-caption{display:none}.technology-layout{gap:30px}.orbit-ring{width:290px;height:290px}.orbit-ring.two{width:220px;height:220px}.light-orbit{height:350px}.application-layout{gap:35px}.quote-layout{gap:40px}.section-title p{max-width:290px}.small-note{display:none}.product-info h3{font-size:20px}.application-accordion summary{font-size:19px}}
@media(max-width:700px){html{scroll-padding-top:25px}.header{height:76px;padding:0 6%}.brand{font-size:26px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:28px 6%;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:23px}.header nav.open{display:flex}.nav-quote{margin-left:auto;margin-right:25px;font-size:12px;gap:10px}.menu-button{display:block;border:0;background:none;font-size:12px;padding:8px 0}.hero{padding:24px 6% 0}.eyebrow{font-size:10px;letter-spacing:1.3px}.edition{display:none}.hero-heading{margin-top:45px}h1{font-size:clamp(52px,11.7vw,82px);line-height:1.03}.hero-art{height:290px;width:118%;margin:0 -9% 0;}.art-index{display:none}.art-note{font-size:9px;right:9%;bottom:18px}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding:10px 0 30px}.hero-bottom p{grid-column:1/-1;font-size:15px}.hero-bottom .button{padding:14px 17px;font-size:13px}.light-toggle{font-size:12px}.scroll-cue{font-size:9px;padding:18px 0}.ticker{padding:15px 0;font-size:24px}.ticker span{margin:0 25px}.experience{height:105vh}.experience-sticky{height:90vh;min-height:560px}.experience-top{left:6%;right:6%;top:25px}.scene-state{font-size:9px;gap:8px}.experience-copy{left:6%;bottom:130px;right:6%}.experience-copy h2{font-size:42px}.experience-copy p{font-size:14px}.experience-bottom{left:6%;right:6%;bottom:25px;align-items:flex-start;gap:20px;flex-direction:column}.experience-bottom>span{font-size:8px}.range-control{width:100%}.range-control input{flex:1}.products,.technology,.applications,.quote{padding:45px 6% 50px}.section-top{padding-bottom:23px}.section-title{margin:35px 0;display:block}.section-title h2{font-size:50px}.section-title p{font-size:14px;margin-top:22px}.catalog-toolbar{flex-direction:column;align-items:flex-start;padding:20px 0 25px;gap:22px}.filters{gap:7px;flex-wrap:wrap}.filters button{font-size:11px;padding:9px 12px}.filters small{margin-left:8px}.catalog-toggle{font-size:11px}.product-grid{grid-template-columns:1fr;gap:22px}.product-visual{aspect-ratio:1.25}.product-info h3{font-size:24px}.product-info p{font-size:14px}.collection-foot{align-items:flex-start;gap:20px;flex-direction:column;font-size:13px}.technology-layout{grid-template-columns:1fr;padding:38px 0 30px;gap:20px}.technology h2{font-size:57px}.technology-copy>p{font-size:16px}.light-orbit{height:340px}.steps{grid-template-columns:1fr;gap:30px}.steps article{border-bottom:1px solid var(--line);padding-bottom:25px}.steps h3{margin-top:14px}.application-layout{grid-template-columns:1fr;gap:30px}.application-image{height:380px}.application-accordion summary{font-size:21px}.application-note{margin-top:30px}.quote-layout{grid-template-columns:1fr;padding-top:38px;gap:35px}.quote h2{font-size:63px}.quote-types{margin-top:25px}.quote-layout>div>p{font-size:14px}.form-row{gap:18px}.closing{padding:45px 6%;flex-direction:column;align-items:flex-start;gap:35px}.closing h2{font-size:90px}.closing-cta{font-size:16px;width:100%;justify-content:space-between}.closing-line{display:none}footer{padding:35px 6%;grid-template-columns:1fr;gap:25px}footer p,footer>span{text-align:left}footer>div{gap:25px}dialog{padding:40px 27px}dialog h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.experience{height:auto}.experience-sticky{position:relative}}

.section-title p,.quote-layout>div>p,.steps p,.application-accordion p{font-size:16px}.header nav,.nav-quote{font-size:14px}
/* Scroll-directed light choreography */
.hero{--hero-progress:0}.hero-heading{transform:translateY(calc(var(--hero-progress)*-45px));opacity:calc(1 - var(--hero-progress)*.5);will-change:transform}.hero-art{transform:translate3d(calc(var(--hero-progress)*-60px),calc(var(--hero-progress)*-70px),0) rotate(calc(var(--hero-progress)*-7deg));filter:brightness(calc(1 + var(--hero-progress)*.55));will-change:transform}.hero-art img{animation:none}.scroll-status{margin-left:auto;font-size:10px;letter-spacing:1.5px;color:#9fa990;display:flex;gap:9px;align-items:center}.scroll-status i{width:5px;height:5px;background:var(--lime);border-radius:50%}.ticker div{animation:none;will-change:transform}.catalog-note{font-size:10px;letter-spacing:1.3px;color:#7a866b}.experience{height:230vh;--scene-progress:0;--glow:0}.experience-sticky{height:100vh;min-height:620px}.experience-sticky>img:not(.scene-glow){transform:scale(calc(1.02 + var(--scene-progress)*.18));filter:brightness(calc(.95 - var(--glow)*.68));will-change:transform,filter;transition:none}.experience-sticky>img.scene-glow{position:absolute;inset:0;filter:brightness(1.6) saturate(1.6);transform:scale(calc(1.02 + var(--scene-progress)*.18));mix-blend-mode:screen;opacity:calc(var(--glow)*.85);clip-path:polygon(56% 38%,66% 38%,100% 85%,100% 100%,60% 80%);mask-image:linear-gradient(0deg,black,transparent 85%);will-change:transform,opacity;transition:none}.experience-copy{transform:translateY(calc((1 - var(--scene-progress))*28px));will-change:transform}.scene-timeline{width:390px;display:flex;position:relative;justify-content:space-between;gap:18px;padding-bottom:18px}.phase{font-size:10px;letter-spacing:1.2px;color:#8c967d;transition:color .3s}.phase.active{color:var(--lime)}.scene-progress{position:absolute;bottom:0;left:0;right:0;background:#58614a;height:2px}.scene-progress i{display:block;height:100%;background:var(--lime);transform:scaleX(var(--scene-progress));transform-origin:left}.scene-route{position:absolute;right:5%;top:22%;height:50%;width:15%;opacity:calc(var(--glow)*.7);pointer-events:none}.scene-route svg{height:100%;width:100%;overflow:visible}.scene-route path{stroke-width:1.5;vector-effect:non-scaling-stroke}.route-track{stroke:#82926b55}.route-lit{stroke:var(--lime);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--scene-progress));filter:drop-shadow(0 0 4px #cbff6b)}.scene-route circle{fill:var(--lime);opacity:var(--scene-progress)}.product-visual img{filter:brightness(calc(1.65 - var(--card-progress,0)*.8)) saturate(calc(.5 + var(--card-progress,0)*.7));transition:transform .8s}.product-info .plus{transform:rotate(calc(var(--card-progress,0)*90deg));background:rgba(220,255,121,var(--card-progress,0))}.technology{height:175vh;padding:0 4.5%;--energy:0;position:relative}.material-stage{position:sticky;top:0;min-height:100vh;padding:50px 0;display:flex;flex-direction:column;justify-content:center}.technology-layout{padding:40px 0;gap:50px}.light-orbit{height:350px;transform:scale(calc(.92 + var(--energy)*.08))}.orbit-ring.one{animation:none;transform:rotate(calc(var(--energy)*420deg));border-color:rgba(190,240,110,calc(.2 + var(--energy)*.6))}.orbit-ring.two{animation:none;transform:rotate(calc(var(--energy)*-240deg))}.orbit-core{box-shadow:0 0 calc(20px + var(--energy)*85px) rgba(185,247,92,calc(.08 + var(--energy)*.38));transform:scale(calc(.88 + var(--energy)*.16))}.orbit-core .energy-word{font-size:25px;letter-spacing:-1px;font-family:'Space Grotesk',Arial,sans-serif}.orbit-core>span:last-child{font-size:8px;letter-spacing:1.6px}.energy-particles{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.energy-particles i{position:absolute;width:3px;height:3px;background:var(--lime);border-radius:50%;transform:rotate(calc(var(--i)*45deg + var(--energy)*180deg)) translateX(calc(170px - var(--energy)*75px));opacity:calc(.15 + var(--energy)*.85);box-shadow:0 0 12px #ceff6b}.steps{gap:40px;padding-top:25px}.steps article{position:relative;opacity:.45;transition:opacity .35s}.steps article.energized{opacity:1}.steps article:before{content:'';position:absolute;top:-26px;left:0;width:100%;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .5s}.steps article.energized:before{transform:scaleX(1)}.steps h3{margin-top:17px}.closing{--closing-progress:0}.closing h2{clip-path:inset(calc((1 - var(--closing-progress))*100%) 0 0 0);transform:translateY(calc((1 - var(--closing-progress))*35px))}.closing-line{transform:scaleX(var(--closing-progress));transform-origin:left}
@media(max-width:1000px){.technology-layout{gap:20px}.technology h2{font-size:60px}.technology-copy>p{font-size:16px}.light-orbit{height:310px}.steps h3{font-size:22px}}
@media(max-width:700px){.scroll-status{font-size:9px;letter-spacing:1px;line-height:1.5;max-width:135px}.hero-bottom{align-items:center}.hero-art{transform:translate3d(calc(var(--hero-progress)*-15px),calc(var(--hero-progress)*-35px),0) rotate(calc(var(--hero-progress)*-4deg))}.experience{height:185vh}.experience-sticky{min-height:560px;height:100svh}.scene-timeline{width:100%;gap:8px}.phase{font-size:9px}.scene-route{right:7%;width:20%;top:20%;height:40%;opacity:calc(var(--glow)*.5)}.catalog-note{font-size:9px}.technology{height:auto;padding:45px 6% 50px}.material-stage{position:relative;padding:0;min-height:0}.technology-layout{padding:35px 0 25px}.technology h2{font-size:57px}.light-orbit{height:340px}.steps{gap:30px}.steps article:before{top:-1px}.steps article{padding-top:15px}.experience-copy h2{font-size:clamp(36px,9vw,46px)}}
@media(prefers-reduced-motion:reduce){.hero-heading,.hero-art,.experience-copy,.light-orbit,.orbit-core{transform:none!important;opacity:1!important}.experience,.technology{height:auto}.experience-sticky{position:relative}.material-stage{position:relative;min-height:0;padding:50px 0}.experience-sticky>img{transform:none!important}.closing h2{clip-path:none;transform:none}.steps article{opacity:1}.scene-progress i{transform:scaleX(1)}.scene-route{display:none}.closing-line{transform:none}}
/* One continuous route: product, place, craft, purpose. */
body{position:relative}.page-guidance{position:absolute;inset:0;z-index:12;pointer-events:none;overflow:hidden}.page-guidance svg{display:block;width:100%;height:100%}.guidance-track{stroke:#92a46726;stroke-width:1;fill:none}.guidance-light{stroke:#b5db55;stroke-width:1.5;fill:none;filter:drop-shadow(0 0 3px #9bcb4266)}.guidance-head{fill:#dfff89;filter:drop-shadow(0 0 6px #bfff64)}.experience{height:310vh;--portal:0}.portal-product{position:absolute;inset:0;z-index:4;background:#0c0f0a;opacity:calc(1 - var(--portal));pointer-events:none;transform:scale(calc(1 + var(--portal)*1.8));will-change:transform,opacity}.portal-product img{height:100%;width:100%;object-fit:cover;object-position:53% 50%;filter:brightness(calc(1 + var(--portal)*.8))}.portal-product>span{position:absolute;left:4.5%;top:13%;font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(34px,5vw,78px);letter-spacing:-.055em;line-height:1.03;color:var(--paper);opacity:calc(1 - var(--portal)*2)}.experience-top,.experience-bottom{z-index:5}.experience-copy{opacity:clamp(0,calc(var(--portal)*2 - 1),1)}.experience-sticky>img:not(.scene-glow){filter:brightness(calc(1 - var(--glow)*.87));transform:scale(calc(1 + var(--scene-progress)*.25)) translateX(calc(var(--scene-progress)*-1%))}.experience-sticky>img.scene-glow{transform:scale(calc(1 + var(--scene-progress)*.25)) translateX(calc(var(--scene-progress)*-1%));filter:brightness(1.65) contrast(3) saturate(1.6);opacity:calc(var(--glow)*.9);clip-path:none;mask-image:radial-gradient(ellipse 8% 7% at 57% 42%,black 20%,transparent 100%),linear-gradient(to bottom,transparent 55%,black 72%);mix-blend-mode:screen}.scene-shade{background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 45%,rgba(0,0,0,.65))}.craft{background:#0c100a;color:var(--paper);height:340vh;padding:0 4.5%;--craft-progress:0;--craft-frame:0;--craft-local:0}.craft-stage{position:sticky;top:0;height:100vh;min-height:680px;padding:40px 0;display:flex;flex-direction:column;justify-content:center}.craft .section-top{border-color:var(--line)}.craft-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:30px 0}.craft h2{font-size:clamp(40px,4.5vw,66px)}.craft-heading>p{font-size:15px;line-height:1.7;color:#aab79a}.craft-film{position:relative;height:min(46vh,470px);min-height:260px;overflow:hidden;background:#1b2514}.craft-shot{position:absolute;inset:0;overflow:hidden;transform:perspective(1400px) rotateY(calc((var(--craft-local) - .5)*3deg)) scale(calc(1 + var(--craft-local)*.025));will-change:transform}.craft-shot img{width:500%;max-width:none;height:100%;object-fit:fill;transform:translateX(calc(var(--craft-frame)*-20%));transition:transform .65s cubic-bezier(.22,1,.36,1)}.craft-film:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071003e6,transparent 60%);pointer-events:none}.craft-shine{position:absolute;inset:-80%;background:linear-gradient(105deg,transparent 40%,#ffffff12 49%,transparent 55%);transform:translateX(calc((var(--craft-local) - .5)*65%));pointer-events:none;z-index:1}.craft-caption{position:absolute;left:30px;right:30px;bottom:27px;z-index:2;display:flex;align-items:flex-end;gap:35px}.craft-caption>span{font-size:12px;letter-spacing:1.4px;color:var(--lime);padding-bottom:5px}.craft-caption h3{font-family:'Space Grotesk',Arial,sans-serif;font-size:30px;font-weight:500;letter-spacing:-1px}.craft-caption p{font-size:14px;color:#bcc8ae;margin-top:8px}.craft-chapters{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:25px 0 0;gap:12px}.craft-chapters li{padding-top:15px;border-top:1px solid #46583a;color:#788b67;font-size:12px;position:relative;transition:color .3s}.craft-chapters li.active{color:var(--lime)}.craft-chapters li:before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left}.craft-chapters li.active:before{transform:scaleX(clamp(.04,var(--craft-local),1))}.application-image{isolation:isolate}.installation-base{filter:grayscale(1) brightness(.6);transform:scale(calc(1.05 - var(--installation)*.05))}.installation-glow{position:absolute;inset:0;clip-path:inset(0 calc((1 - var(--installation))*100%) 0 0);transform:scale(calc(1.05 - var(--installation)*.05));object-position:65% center}.installation-wipe{position:absolute;inset:0;transform:translateX(calc(var(--installation)*100%));border-left:1px solid #d5ff8999;pointer-events:none}.applications{--installation:0}.application-image .image-caption{z-index:2}.application-image img{will-change:transform}.hero-art{transform:translate3d(calc(var(--hero-progress)*-35px),calc(var(--hero-progress)*-60px),0) rotate(calc(var(--hero-progress)*-5deg)) scale(calc(1 + var(--hero-progress)*.18))}
@media(max-width:700px){.experience{height:260vh}.portal-product>span{left:6%;top:17%;font-size:41px}.portal-product img{object-position:53% center}.craft{height:285vh;padding:0 6%}.craft-stage{height:100svh;min-height:630px;padding:25px 0}.craft-heading{margin:25px 0}.craft-heading h2{font-size:40px}.craft-heading>p{display:none}.craft-film{height:49vh;min-height:310px}.craft-caption{left:20px;right:20px;bottom:22px;display:block}.craft-caption>span{display:block;margin-bottom:14px;font-size:10px}.craft-caption h3{font-size:25px}.craft-caption p{font-size:13px;line-height:1.6}.craft-chapters{gap:8px}.craft-chapters li{font-size:10px}.craft-shot img{object-fit:fill}.hero-art{transform:translate3d(0,calc(var(--hero-progress)*-30px),0) scale(calc(1 + var(--hero-progress)*.12))}}
@media(prefers-reduced-motion:reduce){.page-guidance,.portal-product{display:none}.experience-copy{opacity:1}.craft{height:auto;padding:45px 4.5%}.craft-stage{position:relative;height:auto;min-height:0;padding:0}.craft-film{height:450px}.craft-shot{transform:none}.craft-shot img{transform:translateX(-80%)}.craft-shine{display:none}.craft-chapters li.active:before{transform:scaleX(1)}.installation-glow{clip-path:none;transform:none}.installation-wipe{display:none}}

.craft-shot{width:52%;inset:0 auto 0 0}.craft-shot img{width:100%;height:100%;object-fit:contain;transform:none;transition:opacity .3s}.craft-caption{left:58%;right:5%;top:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}.craft-caption>span{font-size:14px}.craft-caption h3{font-size:clamp(26px,3.1vw,44px);line-height:1.1}.craft-caption p{font-size:16px;line-height:1.6}.craft-film:after{background:linear-gradient(90deg,transparent 40%,#0b120855 65%)}.craft-shot{background:#10180c}.craft-shine{mix-blend-mode:screen}.craft-film{border:1px solid #38442a}.craft-chapters{counter-reset:chapter}.craft-chapters li:after{counter-increment:chapter;content:'0' counter(chapter);float:right;font-size:9px;opacity:.7}@media(max-width:700px){.craft-shot{width:100%;height:65%;inset:0 0 auto}.craft-shot img{object-fit:contain}.craft-caption{left:18px;right:18px;top:67%;bottom:12px;display:block}.craft-caption>span{font-size:9px;margin-bottom:6px}.craft-caption h3{font-size:22px}.craft-caption p{font-size:12px;margin-top:4px}.craft-film:after{background:linear-gradient(0deg,#081105aa,transparent 55%)}.craft-film{min-height:360px;height:52vh}.craft-chapters li:after{display:none}}@media(prefers-reduced-motion:reduce){.craft-shot img{transform:none}.craft-film{height:480px}}

/* Isolate green emissions rather than masking fixed image coordinates. */
.visual-filters{position:absolute;pointer-events:none;overflow:hidden}.experience-sticky>img.scene-glow{filter:url(#corridor-glow);-webkit-mask-image:none;mask-image:none;clip-path:none;opacity:clamp(0,calc(var(--glow)*1.7),1);mix-blend-mode:screen}.scene-shade{background:linear-gradient(180deg,#0005,transparent 38%,#0006)}.scene-route{opacity:var(--glow)}.route-lit{stroke:#e4ff9b;stroke-width:2;filter:drop-shadow(0 0 7px #baff70)}.experience-copy em{text-shadow:0 0 24px #cbff6326}@media(max-width:700px){.experience-sticky>img{object-position:64% 55%}.experience-sticky>img.scene-glow{opacity:clamp(0,calc(var(--glow)*2.2),1);filter:url(#corridor-glow) brightness(1.3)}.scene-route{opacity:var(--glow)}.experience-copy{z-index:3}.scene-shade{background:linear-gradient(180deg,#0004,transparent 32%,#0004)}.experience-copy em{text-shadow:0 0 20px #caff6340}}

@media(max-width:700px){.menu-button{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;position:relative}.menu-button span{display:block;width:22px;height:2px;background:var(--paper);border-radius:1px;transition:transform .2s,opacity .2s}.menu-button[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}

.language-switcher{display:flex;align-items:center;gap:3px;margin-left:auto;margin-right:28px;padding:4px;border:1px solid #49543b;border-radius:22px}.language-switcher button{background:none;border:0;border-radius:20px;color:#a7b497;font-size:12px;padding:6px 9px;min-height:30px}.language-switcher button[aria-pressed=true]{color:#1a2511;background:var(--lime)}.header nav{margin-left:auto;margin-right:35px}html[lang=th] body,html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] summary{font-family:'Noto Sans Thai','DM Sans',sans-serif}html[lang=ja] body,html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] summary{font-family:'Noto Sans JP','DM Sans',sans-serif}html[lang=th] h1,html[lang=th] h2,html[lang=ja] h1,html[lang=ja] h2{letter-spacing:-.035em;line-height:1.22}html[lang=th] h1,html[lang=ja] h1{font-size:clamp(52px,7vw,112px)}html[lang=th] .section-title h2,html[lang=ja] .section-title h2{font-size:clamp(44px,5vw,72px)}html[lang=th] .brand,html[lang=ja] .brand{font-family:'Space Grotesk',Arial,sans-serif}html[lang=th] .closing h2,html[lang=ja] .closing h2{font-size:clamp(60px,8vw,120px);line-height:1.2}html[lang=ja] .craft-caption h3,html[lang=th] .craft-caption h3{font-size:clamp(23px,2.5vw,36px);line-height:1.4}html[lang=th] .technology h2,html[lang=ja] .technology h2{font-size:clamp(45px,4.5vw,68px)}html[lang=th] .quote h2,html[lang=ja] .quote h2{font-size:clamp(45px,4.5vw,68px)}html[lang=th] .craft h2,html[lang=ja] .craft h2{font-size:clamp(35px,3.8vw,54px)}@media(max-width:1000px){.header nav{gap:18px;margin-right:20px}.language-switcher{margin-right:18px}.nav-quote{gap:8px}}@media(max-width:700px){.header nav{margin:0}.header .nav-quote{display:none}.language-switcher{margin-right:10px;gap:0;padding:3px}.language-switcher button{padding:5px 7px;font-size:11px}.header .brand{font-size:23px;gap:7px}.brand span{font-size:9px;max-width:65px}.menu-button{flex-shrink:0}html[lang=th] h1,html[lang=ja] h1{font-size:clamp(38px,9.7vw,65px)}html[lang=th] .experience-copy h2,html[lang=ja] .experience-copy h2{font-size:36px}html[lang=th] .section-title h2,html[lang=ja] .section-title h2{font-size:40px}html[lang=th] .craft h2,html[lang=ja] .craft h2{font-size:31px}html[lang=th] .craft-caption h3,html[lang=ja] .craft-caption h3{font-size:20px}.craft-caption p{line-height:1.5}html[lang=th] .portal-product>span,html[lang=ja] .portal-product>span{font-size:33px}html[lang=th] .application-accordion summary,html[lang=ja] .application-accordion summary{font-size:18px}}
