:root{--black:#08090a;--ink:#111315;--line:#2b2e30;--orange:#ff7418;--white:#f3f3ef;--muted:#9b9d9c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Kanit,system-ui,sans-serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.shell{width:min(1180px,calc(100% - 64px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:10;background:rgba(8,9,10,.82);backdrop-filter:blur(16px);border-bottom:1px solid #202224}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--white);font-family:Rajdhani;text-decoration:none;font-weight:700;font-size:22px;letter-spacing:1px}.brand small{display:block;font-family:Kanit;font-size:8px;letter-spacing:5px;color:var(--muted);text-align:center}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font-style:italic}.orange,em{color:var(--orange);font-style:normal}.nav-links{display:flex;gap:38px}.nav-links a,.text-link{font-size:13px;color:var(--muted);text-decoration:none;transition:.2s}.nav-links a:hover,.text-link:hover{color:var(--orange)}.nav-cta{color:var(--white);border:1px solid var(--line);padding:11px 18px;text-decoration:none;font-size:13px}.nav-cta span,.text-link span{color:var(--orange);font-size:18px;margin-left:9px}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:650px;display:grid;grid-template-columns:45% 55%;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--orange);font:600 12px Rajdhani;letter-spacing:2px;margin:0 0 20px}.eyebrow i{display:inline-block;width:27px;border-top:2px solid var(--orange);margin:0 9px 3px 0}.hero h1,h2{font:700 clamp(48px,6.2vw,86px)/.88 Rajdhani;margin:0;letter-spacing:-1px}.hero h1 em,h2 em{font-style:italic}.hero-text{color:var(--muted);font-size:15px;line-height:1.8;margin:27px 0}.hero-actions{display:flex;align-items:center;gap:25px}.btn{display:inline-flex;align-items:center;gap:28px;padding:14px 20px;text-decoration:none;font-size:14px;font-weight:500}.btn.primary{color:#090909;background:var(--orange)}.btn.outline{border:1px solid var(--orange);color:var(--white)}.btn span{font-size:21px}.hero-stats{display:flex;gap:31px;border-top:1px solid var(--line);margin-top:52px;padding-top:17px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font:700 24px Rajdhani}.hero-stats span{color:var(--muted);font-size:11px}.hero-art{height:590px;position:relative}.hero-art img{position:absolute;width:125%;max-width:none;right:-15%;top:-4%;mix-blend-mode:screen;filter:saturate(1.05) contrast(1.08)}.orb{position:absolute;border-radius:50%;filter:blur(50px);opacity:.28}.orb-one{width:300px;height:300px;background:var(--orange);right:10%;top:24%}.orb-two{width:180px;height:180px;background:#fff;right:45%;top:44%;opacity:.1}.floating-tag{position:absolute;right:3%;bottom:10%;border-left:2px solid var(--orange);padding:8px 0 8px 14px}.floating-tag span{color:var(--orange);font:700 19px Rajdhani}.floating-tag b,.floating-tag small{display:block;font:600 11px Rajdhani;letter-spacing:1.5px}.floating-tag small{color:var(--muted);font-size:9px}.ticker{overflow:hidden;border-block:1px solid var(--line);color:var(--muted);font:600 13px Rajdhani;letter-spacing:2px;white-space:nowrap;padding:14px 0}.ticker div{animation:scroll 25s linear infinite}.ticker b{color:var(--orange);margin:0 30px}@keyframes scroll{to{transform:translateX(-30%)}}.section-pad{padding:112px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:39px}.section-head h2,.features h2,.custom h2{font-size:58px}.product-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.product-card{min-width:0}.product-image{height:360px;position:relative;overflow:hidden;background:#171a1b}.product-image img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen;transform:scale(1.35);filter:saturate(1.1)}.orange-bg{background:linear-gradient(145deg,#26221b,#0b0d0e 65%)}.cyan-bg{background:linear-gradient(145deg,#10272c,#0b0d0e)}.green-bg{background:linear-gradient(145deg,#172919,#0b0d0e)}.badge{position:absolute;z-index:1;top:16px;left:16px;background:var(--orange);padding:6px 9px;font:700 10px Rajdhani;letter-spacing:1px}.badge.muted{background:#1d747d}.shirt-placeholder{font:700 190px Rajdhani;color:transparent;-webkit-text-stroke:2px;position:absolute;inset:0;display:grid;place-items:center;opacity:.7}.shirt-placeholder.cyan{-webkit-text-stroke-color:#24d4e0;transform:skew(-8deg)}.shirt-placeholder.green{-webkit-text-stroke-color:#81d43c}.product-info{display:flex;justify-content:space-between;align-items:start;padding:14px 2px}.product-info h3{margin:0;font:600 20px Rajdhani;text-transform:uppercase}.product-info p{margin:2px 0;color:var(--muted);font-size:12px}.product-info strong{font:600 21px Rajdhani;color:var(--orange)}.features{background:#101214;border-block:1px solid var(--line)}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.muted-copy{max-width:390px;color:var(--muted);line-height:1.8;margin:25px 0 30px}.feature-list{border-top:1px solid var(--line)}.feature{display:grid;grid-template-columns:34px 45px 1fr;gap:17px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.feature-num{font:600 14px Rajdhani;color:var(--orange)}.feature-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--orange);color:var(--orange);font-size:20px}.feature h3{font:600 21px Rajdhani;text-transform:uppercase;margin:0}.feature p{margin:4px 0 0;color:var(--muted);font-size:12px}.custom{padding-top:100px;padding-bottom:100px}.custom-card{min-height:350px;display:flex;justify-content:space-between;align-items:center;padding:65px 8%;background:linear-gradient(110deg,#181a1b 0%,#101214 60%,#1b120d 100%);border:1px solid #35302a;position:relative;overflow:hidden}.custom-card:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #50301d;border-radius:50%;right:-90px;top:-80px}.custom-card p:not(.eyebrow){color:var(--muted);max-width:390px;line-height:1.7;margin:24px 0}.custom-mark{z-index:1;font:italic 700 170px Rajdhani;line-height:.7;color:#262a2b;text-align:center}.custom-mark small{font:12px Kanit;letter-spacing:4px;color:var(--orange)}.footer{border-top:1px solid var(--line);padding:40px 0 20px}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner p{font-size:12px;color:var(--muted);line-height:1.6}.footer-links{display:flex;gap:22px}.footer-links a{font-size:12px;color:var(--muted);text-decoration:none}.copyright{border-top:1px solid var(--line);padding-top:18px;margin-top:28px;color:#646766;font-size:10px}
@media(max-width:800px){.nav-links.open{display:flex;position:absolute;top:78px;left:0;right:0;padding:18px 20px;background:#101214;border-bottom:1px solid var(--line);flex-direction:column;gap:14px}.nav-links.open a{font-size:15px}}
.brand img{display:block;width:47px;height:47px;object-fit:cover;object-position:center 25%;border-radius:50%}.footer-brand img{width:58px;height:58px}.footer-brand{gap:12px}
.real-portfolio{padding-top:20px}.real-portfolio-frame{border:1px solid var(--line);background:#05080e;overflow:hidden;box-shadow:0 20px 60px #000}.real-portfolio-frame img{display:block;width:100%;height:auto}
.real-portfolio{display:none}
.slider-controls{display:flex;justify-content:flex-end;gap:8px;margin:-22px 0 18px}.slider-controls button{width:42px;height:36px;border:1px solid var(--line);background:#111416;color:var(--white);font-size:18px;cursor:pointer}.slider-controls button:hover{border-color:var(--orange);color:var(--orange)}
.product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:18px;padding-bottom:12px;scrollbar-width:none}.product-grid::-webkit-scrollbar{display:none}.product-card,.product-card:first-child{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}
@media(max-width:800px){.slider-controls{margin:-8px 0 14px}.product-card,.product-card:first-child{flex:0 0 86%}}
.product-image{height:310px;background:#111517;display:flex;align-items:center;justify-content:center;padding:10px}
.product-image img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;mix-blend-mode:normal;filter:none}
.product-card:first-child .product-image{height:310px}
@media(max-width:800px){.product-image,.product-card:first-child .product-image{height:280px;padding:8px}}
@media(max-width:480px){.product-image,.product-card:first-child .product-image{height:260px}}
@media(max-width:800px){.product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:14px;padding-bottom:10px;scrollbar-width:none}.product-grid::-webkit-scrollbar{display:none}.product-card,.product-card:first-child{flex:0 0 86%;scroll-snap-align:start}.product-card:first-child{grid-column:auto}}
body{font-family:'Noto Sans Thai',system-ui,sans-serif}.brand,.hero h1,h2,.hero-stats strong,.floating-tag span,.floating-tag b,.floating-tag small,.ticker,.product-info h3,.product-info strong,.feature h3,.badge,.custom-mark{font-family:'Chakra Petch','Noto Sans Thai',sans-serif}.eyebrow{font-family:'Chakra Petch','Noto Sans Thai',sans-serif}
/* Thai typography refinement */
.brand,.hero h1,h2,.product-info h3,.feature h3,.custom-mark{font-family:'Noto Sans Thai',system-ui,sans-serif}
.hero h1,h2{font-weight:700;letter-spacing:-1.8px;line-height:1.08}
.hero h1{font-size:clamp(44px,5.3vw,72px)}
.hero h1 em,h2 em{font-style:normal;color:var(--orange)}
.eyebrow{font-family:'Noto Sans Thai',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px}
.hero-text,.muted-copy,.feature p,.custom-card p:not(.eyebrow){font-size:14px;line-height:1.95}
.section-head h2,.features h2,.custom h2{font-size:clamp(38px,4.8vw,58px);line-height:1.15}
.product-info h3{font-size:17px;font-weight:700;letter-spacing:0}
.feature h3{font-size:17px;font-weight:700;letter-spacing:0}
.btn,.nav-cta,.nav-links a,.text-link{font-family:'Noto Sans Thai',system-ui,sans-serif}
.hero-stats strong,.product-info strong{font-family:'Chakra Petch',sans-serif}
@media(max-width:800px){.hero h1{font-size:46px}.section-head h2,.features h2,.custom h2{font-size:40px}.section-head{margin-bottom:30px}.hero-stats{margin-top:36px}.feature{padding:20px 0}}
/* Portfolio images: preserve the complete artwork without cropping or squeezing. */
.product-image{height:auto;aspect-ratio:3 / 2;padding:0;display:block;background:#0b0d0e}
.product-image img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain;object-position:center;transform:none;mix-blend-mode:normal;filter:none}
@media(max-width:800px){.product-image,.product-card:first-child .product-image{height:auto;aspect-ratio:3 / 2;padding:0}.product-image img{height:auto;aspect-ratio:3 / 2}}
/* Hero artwork: show the complete source image inside its panel. */
.hero-art{display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-art img{position:relative;inset:auto;width:100%;height:auto;max-width:100%;mix-blend-mode:screen;filter:saturate(1.05) contrast(1.08)}
@media(max-width:800px){.hero-art{height:auto;min-height:330px}.hero-art img{width:100%;max-width:100%}}