@font-face{font-family:Anuphan Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_next/static/media/anuphan-thai-wght-normal.5e635a00.woff2) format("woff2-variations");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Anuphan Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_next/static/media/anuphan-vietnamese-wght-normal.efc83c82.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Anuphan Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_next/static/media/anuphan-latin-ext-wght-normal.d7e5b662.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Anuphan Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_next/static/media/anuphan-latin-wght-normal.bb978bf4.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Manrope Variable,Noto Sans Thai,sans-serif;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.invert{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--paper:#f7f7f2;--white:#fff;--ink:#252923;--muted:#646b60;--line:#d9ddd2;--olive:#68705e;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Anuphan Variable,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer}a,button{touch-action:manipulation}button:disabled{cursor:default;opacity:.45}h1,h2,h3,p{margin:0}.editorial,.project-dialog-heading h2,h1,h2{letter-spacing:-.035em;font-family:Anuphan Variable,sans-serif;font-weight:400;line-height:1.04}h2{font-size:clamp(46px,5.4vw,76px)}h3{font-weight:500}h1 em,h2 em,h3 em{font-weight:400}p{line-height:1.95}svg{flex-shrink:0}img{display:block}::selection{color:#242b20;background:#d6dec9}:focus-visible{outline-offset:5px;outline:2px solid #667d52}input,textarea{caret-color:#667d52}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#f7f7f2}::-webkit-scrollbar-thumb{background:#b8c0ad;border-radius:5px}.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.section{padding-block:118px}section[id]{scroll-margin-top:95px}.kaniti-site{overflow:clip}.skip-link{z-index:100;color:#fff;background:#2b3524;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}.button{min-height:50px;transition:background .3s,transform .4s var(--ease);white-space:nowrap;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:28px;padding:16px 23px;font-size:13px;font-weight:500;display:inline-flex}.button svg{transition:transform .4s var(--ease)}.button:hover svg{transform:translate(3px,-3px)}.button-dark{color:#fff;background:#293027}.button-dark:hover{background:#46503e;transform:translateY(-2px)}.text-action{color:#374130;background:0 0;border:0;border-bottom:1px solid #88917d;align-items:center;gap:18px;min-height:44px;padding:12px 0;font-size:14px;transition:gap .3s;display:inline-flex}.text-action:hover{gap:24px}.small-note{color:var(--muted);font-size:13px}.site-header{z-index:35;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f7f2e8;border-bottom:1px solid #d9ddd2a0;position:fixed;top:0;left:0;right:0}.nav-shell{justify-content:space-between;align-items:center;width:calc(100% - 112px);max-width:1440px;height:94px;margin:auto;display:flex}.brand{flex-direction:column;gap:8px;font-family:Anuphan Variable,sans-serif;display:inline-flex}.brand>span{font-size:27px;font-weight:500;line-height:1}.brand>small{letter-spacing:.24em;font-size:10px;font-weight:500;line-height:1.3}.desktop-nav{align-items:center;gap:36px;display:flex}.desktop-nav a{color:#51594b;padding:12px 0;font-size:13px;position:relative}.desktop-nav a:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .35s var(--ease);background:#4e6042;position:absolute;bottom:4px;left:0;transform:scaleX(0)}.desktop-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-actions{gap:12px}.nav-actions,.nav-contact{align-items:center;display:flex}.nav-contact{border-bottom:1px solid #909986;gap:19px;min-height:44px;padding:13px 0;font-size:13px}.mobile-menu-trigger{background:0 0;border:0;padding:10px;display:none}.architecture-story{height:300svh;position:relative}.architecture-stage{isolation:isolate;background:#f7f7f2;height:100svh;min-height:780px;position:sticky;top:0;overflow:hidden}.architecture-canvas{z-index:2;position:absolute;inset:0}.architecture-canvas canvas{touch-action:pan-y;outline:none;width:100%;height:100%;display:block}.architecture-fallback{z-index:1;opacity:.9;transition:opacity .8s;position:absolute;inset:140px 0 100px 38%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18%);mask-image:linear-gradient(90deg,#0000,#000 18%)}.architecture-fallback img{object-fit:cover}.architecture-fallback.is-ready{opacity:0}.hero-chapter{z-index:5;pointer-events:none;width:37%;max-width:500px;position:absolute;top:27%;left:max(56px,50vw - 664px)}.hero-chapter h1,.hero-chapter h2{letter-spacing:-.035em;font-size:clamp(76px,7.4vw,108px);font-weight:400;line-height:1.015}.hero-chapter h1 em,.hero-chapter h2 em{color:#69705e}.hero-thai{color:#39412f;margin-top:29px;font-size:18px;font-weight:400}.hero-body{color:#666d5f;margin-top:10px;font-size:14px;line-height:1.95}.hero-chapter .button{pointer-events:auto;margin-top:28px}.hero-secondary{pointer-events:auto;color:#555e4d;align-items:center;gap:23px;width:fit-content;min-height:32px;margin-top:22px;font-size:11px;display:flex}.hero-chapter[aria-hidden=true]{visibility:hidden}.hero-chapter.second-chapter h2,.hero-chapter.third-chapter h2{font-size:clamp(65px,6.7vw,97px)}.layer-key{color:#5c6454;flex-direction:column;gap:14px;margin-top:27px;font-size:10px;display:flex}.layer-key span{align-items:center;gap:12px;display:flex}.layer-key i{background:#bba78a;width:17px;height:3px}.layer-key span:nth-child(2) i{background:#c9cbbd}.layer-key span:nth-child(3) i{background:#8f9e77}.model-caption{z-index:4;letter-spacing:.11em;color:#626b59;pointer-events:none;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;top:130px;right:56px}.model-caption>span:last-child{color:#69715f;letter-spacing:.12em;margin-left:16px;font-size:10px;display:block}.model-caption-dot{background:#7a8b66;border-radius:50%;width:4px;height:4px}.model-tools{z-index:6;position:absolute;bottom:104px;right:56px}.model-tool-hint{color:#59664d;letter-spacing:.1em;justify-content:flex-end;align-items:center;gap:7px;margin-bottom:12px;font-size:10px;display:flex}.model-tool-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #d5dacd;border-radius:4px;display:flex;box-shadow:0 6px 24px -18px #44513355}.model-tool-buttons>button{color:#4e5844;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 16px;font-size:11px;transition:background .3s,color .3s;display:flex}.model-tool-buttons>button+button{border-left:1px solid #dce0d5}.model-tool-buttons>button[aria-pressed=true]{color:#fff;background:#414d35}.model-tool-buttons>button:hover:not(:disabled){color:#27341d;background:#e5eadb}.hero-baseline{z-index:6;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:25px;left:56px;right:56px}.scroll-instruction{letter-spacing:.12em;color:#5d6653;align-items:center;gap:12px;font-size:10px;font-weight:500;display:flex}.scroll-instruction>span{border:1px solid #aab39d;border-radius:25px;place-items:center;width:33px;height:42px;display:grid}.scroll-instruction:hover svg{transform:translateY(3px)}.story-nav{gap:22px;display:flex}.story-nav>button{background:0 0;border:0;align-items:center;gap:6px;min-height:44px;padding:6px 0;display:flex}.story-nav>button,.story-nav>button>span:first-child{color:#626e55;font-size:10px}.story-nav>button>span:last-child{display:none}.story-nav>button[aria-current=step]>span:last-child{display:block}.story-nav>button[aria-current=step]{color:#2e3825;border-bottom:1px solid #697855}.hero-location{letter-spacing:.12em;text-align:right;color:#5f6855;flex-direction:column;gap:6px;font-size:10px;line-height:1.2;display:flex}.hero-location>span{letter-spacing:.15em;font-size:10px}.story-progress{z-index:7;background:#e2e6da;width:100%;height:2px;position:absolute;bottom:0;left:0}.story-progress>div{transform-origin:0;background:#78816b;position:absolute;inset:0}.architecture-story.is-still{height:100svh;min-height:780px}.architecture-story.is-still .architecture-fallback{opacity:.95}.philosophy{border-bottom:1px solid var(--line);grid-template-columns:1fr 3.2fr;gap:70px;padding-bottom:145px;display:grid;position:relative}.studio-side{flex-direction:column;gap:29px;padding-top:12px;display:flex}.kaniti-monogram{color:#68745a;width:83px;height:83px}.studio-side>span{letter-spacing:.12em;color:#59664d;font-size:10px;line-height:1.9}.philosophy-content h2{font-size:clamp(46px,5.2vw,73px)}.philosophy-content h2 em{color:#6d7463}.philosophy-copy{grid-template-columns:1fr 1fr;gap:40px;margin-top:35px;display:grid}.philosophy-copy p{color:#5f6855;font-size:14px;line-height:2.2}.design-values{border-top:1px solid #cdd4c1;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px;padding-top:21px;display:grid}.design-values>div>span{font-size:14px;font-weight:500}.design-values p{color:#68715d;margin-top:5px;font-size:11px}.philosophy-word{color:#e8ebe1;white-space:nowrap;letter-spacing:-.025em;z-index:-1;font-family:Anuphan Variable,sans-serif;font-size:clamp(80px,12vw,172px);font-style:italic;line-height:.85;position:absolute;bottom:0;left:0}.section-header{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px;display:flex}.section-header h2 em{color:#6f7765}.section-header>p,.section-summary p{color:#626b59;font-size:14px;line-height:2}.section-summary>span{letter-spacing:.14em;color:#59664d;margin-top:16px;font-size:10px;display:block}.project-toolbar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;padding-top:20px;display:flex}.project-filters{gap:26px;display:flex}.project-filters button{color:#68715d;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;min-height:44px;padding:8px 0;font-size:13px;transition:color .25s}.project-filters button.active{color:#25351c;border-bottom-color:#485b38}.project-filters button:hover{color:#25351c}.project-filters sup{margin-left:4px;font-size:10px}.gallery-note{letter-spacing:.1em;color:#626d55;align-items:center;gap:7px;font-size:10px;display:flex}.gallery-note>span{background:#7a875d;border-radius:50%;width:4px;height:4px}.architecture-gallery{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:60px 30px;display:grid}.architecture-project{grid-column:span 4;min-width:0}.project-index-0{grid-column:span 7}.project-index-1{grid-column:span 5;padding-top:90px}.project-index-2,.project-index-3{grid-column:span 4}.project-index-3{padding-top:65px}.project-index-4{grid-column:span 4}.project-index-5{grid-column:span 7}.project-index-6{padding-top:90px}.project-index-6,.project-index-7{grid-column:span 5}.project-index-8{grid-column:span 7;padding-top:80px}.project-index-10,.project-index-9{grid-column:span 4}.project-index-10{padding-top:65px}.project-index-11{grid-column:span 4}.architecture-gallery.filtered .architecture-project{grid-column:span 6;padding-top:0}.project-interactive{--rx:0deg;--ry:0deg;position:relative}.project-image-frame{aspect-ratio:1.22;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .65s var(--ease);transform-origin:50%;background:#e6e9df;border-radius:2px;position:relative;overflow:hidden}.project-index-0 .project-image-frame,.project-index-5 .project-image-frame{aspect-ratio:1.38}.project-index-8 .project-image-frame{aspect-ratio:1.5}.architecture-project-image{object-fit:cover;transition:transform 1s var(--ease)}.project-interactive:hover .architecture-project-image{transform:scale(1.045)}.project-image-caption{color:#39432e;letter-spacing:.11em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdc;padding:6px 9px;font-size:10px;position:absolute;top:17px;left:17px}.project-open-icon{color:#39482c;opacity:0;background:#fffffff2;border-radius:50%;place-items:center;width:43px;height:43px;transition:opacity .35s,transform .4s;display:grid;position:absolute;bottom:20px;right:20px;transform:translateY(7px)}.project-interactive:focus-within .project-open-icon,.project-interactive:hover .project-open-icon{opacity:1;transform:none}.project-info{justify-content:space-between;align-items:flex-start;gap:12px;padding-top:17px;display:flex}.project-info h3{letter-spacing:-.035em;font-size:18px;font-weight:450}.project-name-button{font:inherit;color:inherit;letter-spacing:inherit;text-align:left;background:0 0;border:0;padding:0}.project-name-button:after{content:"";z-index:4;position:absolute;inset:0}.project-name-button:focus-visible{outline:0}.project-name-button:focus-visible:after{outline-offset:5px;outline:2px solid #657750}.project-info p{color:#59664d;align-items:center;gap:7px;margin-top:7px;font-size:10px;line-height:1.6;display:flex}.project-info p>span{background:#8f977f;border-radius:50%;width:2px;height:2px}.project-area{white-space:nowrap;color:#626e55;margin-top:4px;font-size:10px}.portfolio-note{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:30px;margin-top:65px;padding-top:20px;display:flex}.portfolio-note>span{letter-spacing:.12em;color:#525e45;font-size:10px}.portfolio-note p{color:#69725e;font-size:11px;line-height:1.9}.featured-space{background:#e9ece3;height:760px;position:relative}.featured-frame{position:absolute;inset:0;overflow:hidden}.featured-photo{height:120%;position:absolute;inset:-10% 0}.featured-photo img{object-fit:cover;object-position:50% 52%}.featured-shade{background:linear-gradient(#0000 15%,#142010aa);position:absolute;inset:0}.featured-content{color:#fff;width:calc(100% - 112px);max-width:850px;position:absolute;bottom:92px;left:56px}.featured-index{letter-spacing:.16em;margin-bottom:32px;font-size:10px;display:block}.featured-content h2{letter-spacing:-.035em;font-size:100px;line-height:1}.featured-content>div{justify-content:space-between;align-items:end;gap:30px;max-width:550px;margin-top:25px;display:flex}.featured-content p{color:#f2f4ee;font-size:14px;line-height:1.9}.round-link{color:#fff;width:62px;height:62px;transition:background .3s,transform .5s var(--ease);background:0 0;border:1px solid #fff9;border-radius:50%;place-items:center;display:grid}.round-link:hover{background:#ffffff25;transform:rotate(45deg)}.featured-credit{letter-spacing:.12em;color:#fff;font-size:10px;position:absolute;bottom:35px;right:56px}.expertise-layout{grid-template-columns:1.06fr 1fr;align-items:center;gap:85px;margin-top:70px;display:grid}.expertise-image{background:#e3e7d9;align-self:stretch;min-height:570px;position:relative;overflow:hidden}.expertise-image img{object-fit:cover;animation:photo-enter .65s var(--ease)}.expertise-image>span{color:#33452a;letter-spacing:.11em;background:#fffffff0;padding:9px 12px;font-size:10px;position:absolute;bottom:20px;left:21px}.expertise-list>article{border-top:1px solid var(--line)}.expertise-list>article:last-child{border-bottom:1px solid var(--line)}.expertise-list h3>button{text-align:left;letter-spacing:-.025em;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:27px 0;font-family:Anuphan Variable,sans-serif;font-size:36px;line-height:1;display:flex}.expertise-list h3 small{color:#69765a;letter-spacing:0;margin-top:9px;font-family:Anuphan Variable,sans-serif;font-size:13px;line-height:1.5;display:block}.expertise-list h3 svg{color:#6d7c5a}.expertise-list article>div{padding:0 0 27px}.expertise-list article>div>p{color:#67725c;max-width:52ch;font-size:14px;line-height:2}.service-tags{letter-spacing:.02em;color:#667358;margin-top:15px;font-size:10px;display:block}.expertise-list .text-action{margin-top:12px;font-size:13px}.expertise-list .active h3>button{color:#536542}.process-section{background:#ecf0e5;border-block:1px solid #dce3d1}.process-layout{grid-template-columns:1.13fr 1fr;align-items:center;gap:85px;margin-top:65px;display:grid}.process-tabs{border-bottom:1px solid #bfc9b0;grid-template-columns:repeat(4,1fr);display:grid}.process-tabs>button{color:#5c6a4d;background:0 0;border:0;border-bottom:2px solid #0000;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 8px 18px 0;font-size:14px;font-weight:500;display:flex}.process-tabs>button>span{color:#62714f;font-size:10px;font-weight:400}.process-tabs>button.active{color:#283e1b;border-bottom-color:#5c6d48}.process-detail{min-height:305px;padding-top:35px}.process-counter{color:#7a8c63;font-size:52px;line-height:1}.process-counter,.process-counter>span{font-family:Anuphan Variable,sans-serif}.process-counter>span{letter-spacing:.04em;color:#59664d;vertical-align:middle;font-size:10px}.process-detail h3{letter-spacing:-.02em;margin-top:20px;font-size:22px;font-weight:400}.process-detail p{color:#5e6c50;max-width:51ch;margin-top:16px;font-size:14px;line-height:2.15}.process-detail-caption{letter-spacing:.02em;color:#59664d;margin-top:26px;font-size:10px;display:block}.plan-sheet{color:#677555;transition:transform .6s var(--ease);background:#f9faf5;padding:25px;transform:perspective(1200px)rotateY(-9deg)rotateX(6deg);box-shadow:12px 25px 35px -25px #465a3650}.plan-sheet:hover{transform:perspective(1200px)rotateY(-2deg)rotateX(0)}.plan-sheet-footer,.plan-sheet-heading{letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.plan-sheet-heading{border-bottom:1px solid #d5ddca;padding-bottom:16px}.plan-sheet-footer{border-top:1px solid #d5ddca;padding-top:16px;font-size:10px}.floor-plan{width:100%;height:auto;margin-block:25px}.plan-base{opacity:.7}.plan-accent{transition:transform .6s var(--ease);transform-origin:50%}.phase-0 .plan-accent{opacity:.1}.phase-1 .plan-accent path{stroke-dasharray:1;stroke-dashoffset:.3px}.phase-2 .plan-accent{transform:translateY(-4px)}.phase-3 .plan-accent path{fill:#b2c69a33}.questions-section{grid-template-columns:1fr 1.2fr;gap:85px;display:grid}.questions-section h2{font-size:53px}.questions-list{padding-top:0}.question{border-bottom:1px solid var(--line)}.question:first-child{border-top:1px solid var(--line)}.question h3>button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:25px;width:100%;padding:24px 0;font-size:13px;font-weight:400;line-height:1.7;display:flex}.question p{color:#68755b;padding:0 30px 23px 0;font-size:14px;line-height:2}.contact-section{background:#efefe7;border-top:1px solid #dadccf}.contact-layout{grid-template-columns:1fr 1fr;gap:110px;display:grid}.contact-intro h2{font-size:clamp(54px,5.7vw,83px);line-height:1.03}.contact-intro h2 em{color:#747b66}.contact-intro>p{color:#606b53;margin-top:25px;font-size:14px;line-height:2}.contact-seal{color:#59664d;align-items:center;gap:20px;margin-top:50px;display:flex}.contact-seal svg{width:95px;height:95px;animation:seal-turn 60s linear infinite}.contact-seal span{letter-spacing:.11em;font-size:10px;line-height:1.9}.contact-form fieldset{border:0;margin:0 0 30px;padding:0}.contact-form legend{margin-bottom:18px;font-size:13px}.service-options{flex-wrap:wrap;gap:8px;display:flex}.service-options>button{color:#596849;background:0 0;border:1px solid #bfc7b2;border-radius:2px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:10px 14px;font-size:11px;transition:background .25s,border-color .25s;display:flex}.service-options>button.selected{color:#fff;background:#404f32;border-color:#404f32}.service-options>button:hover{border-color:#6c8056}.selected-project{color:#576944;background:#e1e6d5;margin:0 0 24px;padding:12px 14px;font-size:11px;line-height:1.7}.selected-project strong{margin-top:3px;font-size:13px;font-weight:600;display:block}.form-row{grid-template-columns:1fr 1fr;gap:22px;display:grid}.form-field{flex-direction:column;margin-bottom:24px;display:flex}.form-field label{color:#4b583d;margin-bottom:9px;font-size:11px}.form-field label>span{color:#657b4d}.form-field input,.form-field select,.form-field textarea{color:#2c4020;background:0 0;border:0;border-bottom:1px solid #aeb99d;border-radius:0;outline:none;width:100%;min-height:43px;padding:10px 0;font-size:14px;transition:border-color .2s}.form-field textarea{resize:vertical;min-height:94px}.form-field input::placeholder,.form-field textarea::placeholder{color:#59664d;font-size:13px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#384e22;box-shadow:0 1px #384e22}.form-field input[aria-invalid=true],.form-field textarea[aria-invalid=true]{border-color:#a04136}.form-field>small{color:#953a30;margin-top:7px;font-size:11px}.form-field select{padding-right:20px;font-size:13px}.consent{color:#59664d;align-items:flex-start;gap:10px;margin:0 0 24px;font-size:10px;line-height:1.9;display:flex}.consent input{accent-color:#556a40;flex-shrink:0;width:16px;height:16px;margin-top:1px}.consent a{text-underline-offset:3px;color:#425b2e;margin-left:4px;text-decoration:underline}.submit-button{justify-content:space-between;width:100%;font-size:14px}.form-footnote{color:#59664d;text-align:center;margin-top:13px;font-size:10px}.honeypot{opacity:0;position:absolute;left:-10000px}.form-error{color:#80352b;background:#f2ded8;margin-bottom:15px;padding:11px 14px;font-size:13px}.form-success{flex-direction:column;justify-content:center;align-items:flex-start;min-height:500px;padding:30px 20px;display:flex}.success-icon{color:#4c6438;border:1px solid #82956a;border-radius:50%;place-items:center;width:65px;height:65px;margin-bottom:30px;display:grid}.form-success h3{letter-spacing:-.03em;font-family:Anuphan Variable,sans-serif;font-size:53px;line-height:1.05}.form-success h3 em{color:#72815e}.form-success>p{color:#526641;margin:20px 0;font-size:14px}.form-success>code{letter-spacing:.06em;color:#385423;border:1px solid #9bac86;padding:8px 12px;font-family:Anuphan Variable,sans-serif;font-size:13px}.form-success>.small-note{font-size:11px;line-height:1.9}.form-success .text-action{font-size:13px}.site-footer{padding-top:50px;padding-bottom:28px}.footer-top{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.footer-top>p{color:#637454;font-size:13px;line-height:1.8}.footer-top nav{color:#576c47;gap:30px;font-size:11px;display:flex}.footer-top nav>a{min-height:32px;padding:8px 0}.footer-back{letter-spacing:.07em;align-items:center;gap:15px;padding:8px 0;font-size:10px;display:flex}.footer-wordmark{padding-block:54px 20px;display:block;overflow:hidden}.brand-large{display:block}.brand-large>span{letter-spacing:.1em;color:#485a38;font-family:Anuphan Variable,sans-serif;font-size:clamp(100px,20.6vw,304px);font-weight:400;line-height:.88;display:block;transform:translate(-.008em)}.footer-bottom{border-top:1px solid var(--line);color:#627354;justify-content:space-between;align-items:center;gap:25px;padding-top:22px;font-size:10px;display:flex}.footer-bottom>span:nth-child(2){letter-spacing:.09em;font-size:10px}.footer-bottom>a{align-items:center;gap:10px;min-height:28px;display:flex}.motion-toggle{z-index:40;color:#4b6339;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafbf4e8;border:1px solid #a7b299;border-radius:22px;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:8px 12px;font-size:10px;display:flex;position:fixed;bottom:16px;right:16px}.dialog-overlay{z-index:70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#202a1ea8;animation:fade-in .2s;position:fixed;inset:0}.project-dialog{z-index:71;width:min(1000px,100% - 50px);max-height:91svh;animation:dialog-enter .3s var(--ease);background:#f9faf5;border-radius:3px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 100px #111c1255}.dialog-close{z-index:6;color:#445a33;background:#fbfcf6f5;border:1px solid #d2d9c7;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .3s;display:grid;position:absolute;top:18px;right:18px}.dialog-close:hover{transform:rotate(90deg)}.project-dialog-image{aspect-ratio:1.8;background:#e0e5d7;position:relative;overflow:hidden}.project-dialog-image img{object-fit:cover}.project-dialog-image>span{letter-spacing:.12em;color:#445a30;background:#fffffff0;padding:8px 10px;font-size:10px;position:absolute;bottom:23px;left:25px}.project-dialog-body{padding:38px 45px 40px}.project-dialog-heading{justify-content:space-between;align-items:center;gap:25px;display:flex}.project-dialog-heading h2{font-size:53px;line-height:1.08}.project-dialog-heading p{color:#627751;margin-top:10px;font-size:14px}.project-dialog-heading>span{color:#566f44;font-size:11px}.project-specs{border-block:1px solid #cdd9c1;grid-template-columns:repeat(3,1fr);gap:25px;margin-block:30px;padding-block:23px;display:grid}.project-specs>div{align-items:flex-start;gap:12px;display:flex}.project-specs svg{color:#6c8758;margin-top:2px}.project-specs span{letter-spacing:.11em;color:#526344;font-size:10px}.project-specs strong{letter-spacing:0;color:#364e29;margin-top:6px;font-size:13px;font-weight:400;display:block}.project-story{grid-template-columns:1fr 2fr;gap:40px;display:grid}.project-story h3{letter-spacing:-.03em;font-family:Anuphan Variable,sans-serif;font-size:33px;font-weight:400;line-height:1.1}.project-story h3 em{color:#758d61}.project-story p{color:#5b714a;margin-bottom:18px;font-size:14px;line-height:2}.project-deliverables{flex-wrap:wrap;gap:8px;margin:15px 0 26px;display:flex}.project-deliverables>span{color:#4c6739;border:1px solid #c6d4b9;padding:7px 10px;font-size:10px}.concept-disclaimer{color:#657e52;margin-top:22px;font-size:10px}.mobile-menu{z-index:71;background:#f6f8ef;border-radius:4px;padding:30px;position:fixed;inset:12px 12px auto;box-shadow:0 20px 70px #1d2b1930}.mobile-menu nav{flex-direction:column;margin:34px 0 22px;display:flex}.mobile-menu nav>a{color:#3b522e;border-bottom:1px solid #d1ddc4;justify-content:space-between;align-items:center;padding:17px 0;font-size:22px;display:flex}.mobile-menu>p{color:#728b5e;font-family:Anuphan Variable,sans-serif;font-size:26px;font-style:italic}.legal-page{max-width:790px;min-height:90vh;margin:0 auto;padding:50px 24px 100px}.legal-page h1{margin:60px 0 25px;font-size:56px}.legal-page h2{margin:35px 0 15px;font-family:Anuphan Variable,sans-serif;font-size:22px;line-height:1.6}.legal-page li,.legal-page p{color:#596d49;font-size:14px;line-height:2}.legal-page a{color:#395e25;text-underline-offset:4px;text-decoration:underline}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes seal-turn{to{transform:rotate(1turn)}}@keyframes dialog-enter{0%{translate:0 12px}to{translate:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes photo-enter{0%{opacity:.8;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@media (min-width:1600px){.nav-shell{max-width:1600px}.hero-chapter{top:29%;left:max(70px,50vw - 720px)}.hero-chapter h1{font-size:122px}.model-caption{right:70px}.hero-baseline{left:70px;right:70px}.model-tools{right:70px}.architecture-fallback{left:42%}}@media (max-width:1100px){.nav-shell,.wrap{width:calc(100% - 70px)}.nav-shell{height:84px}.desktop-nav{gap:24px}.hero-chapter{width:37%;top:28%;left:35px}.hero-chapter h1{font-size:82px}.hero-chapter.second-chapter h2,.hero-chapter.third-chapter h2{font-size:74px}.hero-thai{font-size:16px}.hero-body{font-size:13px}.hero-chapter .button{gap:17px;padding-inline:17px;font-size:11px}.model-caption,.model-tools{right:35px}.model-caption>span:last-child{display:none}.hero-baseline{left:35px;right:35px}.story-nav{gap:15px}.section{padding-block:90px}.philosophy{gap:40px;padding-bottom:140px}.philosophy-copy{gap:25px}.philosophy-content h2{font-size:57px}.philosophy-copy p{font-size:13px}.design-values>div>span{font-size:11px}.design-values p{font-size:10px}.architecture-gallery{gap:45px 22px}.project-info h3{font-size:15px}.project-area,.project-info p{font-size:10px}.expertise-layout,.process-layout{gap:45px}.expertise-image{min-height:530px}.expertise-list h3>button{font-size:31px}.contact-layout{gap:60px}.questions-section{gap:45px}.questions-section h2{font-size:46px}.plan-sheet{padding:20px}.featured-content{left:35px}.featured-content h2{font-size:90px}.featured-credit{right:35px}.featured-space{height:680px}}@media (max-width:767px){.nav-shell,.wrap{width:calc(100% - 40px)}.nav-shell{height:78px}.brand>span{letter-spacing:.16em;font-size:24px}.brand>small{letter-spacing:.21em;font-size:10px}.desktop-nav{display:none}.nav-contact{gap:10px;padding-block:10px;font-size:10px}.nav-actions{gap:10px}.mobile-menu-trigger{place-items:center;padding:9px;display:grid}.architecture-story{height:270svh}.architecture-stage{height:100svh;min-height:820px}.hero-chapter{width:calc(100% - 44px);max-width:430px;top:120px;left:22px}.hero-chapter h1{letter-spacing:-.035em;font-size:66px;line-height:.98}.hero-chapter.second-chapter h2,.hero-chapter.third-chapter h2{font-size:63px;line-height:1}.hero-thai{margin-top:18px;font-size:14px}.hero-body{margin-top:7px;font-size:11px;line-height:1.9}.hero-chapter .button{gap:18px;padding:12px 15px}.hero-chapter .button,.hero-secondary{min-height:42px;margin-top:19px;font-size:10px}.hero-secondary{gap:10px;margin-left:18px;display:inline-flex}.model-caption{letter-spacing:.08em;gap:5px;font-size:10px;top:96px;right:20px}.model-caption-dot{width:3px;height:3px}.model-tools{justify-content:space-between;align-items:center;gap:8px;display:flex;bottom:83px;left:20px;right:20px}.model-tool-hint{letter-spacing:.07em;text-align:left;justify-content:flex-start;gap:5px;max-width:95px;margin-bottom:0;font-size:10px;line-height:1.7}.model-tool-hint svg{width:10px}.model-tool-buttons>button{gap:5px;min-height:42px;padding:9px 10px;font-size:10px}.model-tool-buttons>button svg{width:13px;height:13px}.hero-baseline{bottom:21px;left:20px;right:20px}.scroll-instruction{letter-spacing:.08em;gap:8px;font-size:10px}.scroll-instruction>span{width:27px;height:36px}.story-nav{gap:11px}.story-nav>button{gap:5px;min-height:36px;font-size:10px}.story-nav>button>span:first-child{font-size:10px}.hero-location{display:none}.architecture-fallback{opacity:.95;inset:405px 0 140px;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.architecture-fallback img{object-position:50% 50%}.layer-key{flex-flow:wrap;gap:12px;max-width:270px;margin-top:15px;font-size:10px}.layer-key span{gap:6px}.layer-key i{width:11px;height:2px}.architecture-story.is-still{min-height:820px}.section{padding-block:68px}h2{letter-spacing:-.03em;font-size:46px}.philosophy{grid-template-columns:1fr;gap:28px;padding-bottom:100px}.studio-side{flex-direction:row;align-items:center;gap:20px;padding-top:0}.kaniti-monogram{width:47px;height:47px}.studio-side>span{font-size:10px;line-height:1.8}.philosophy-content h2{font-size:44px;line-height:1.08}.philosophy-copy{grid-template-columns:1fr;gap:20px;margin-top:25px}.philosophy-copy p{font-size:13px;line-height:2}.philosophy-copy p br{display:none}.design-values{gap:14px;margin-top:28px;padding-top:20px}.design-values>div>span{min-height:29px;font-size:10px;line-height:1.6;display:block}.design-values p{margin-top:5px;font-size:10px;line-height:1.7}.philosophy-word{font-size:69px;bottom:8px;left:0}.section-header{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:30px}.section-header>p,.section-summary p{font-size:13px;line-height:1.9}.section-summary>span{margin-top:12px;font-size:10px}.project-toolbar{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:26px;padding-top:13px}.project-filters{gap:19px;max-width:100%;overflow:auto}.project-filters>button{white-space:nowrap;min-height:38px;font-size:11px}.project-filters sup{margin-left:3px;font-size:10px}.gallery-note{font-size:10px}.architecture-gallery{grid-template-columns:1fr 1fr;gap:30px 15px}.architecture-project,.project-index-0,.project-index-1,.project-index-10,.project-index-11,.project-index-2,.project-index-3,.project-index-4,.project-index-5,.project-index-6,.project-index-7,.project-index-8,.project-index-9{grid-column:span 2;padding-top:0}.project-index-10,.project-index-11,.project-index-2,.project-index-3,.project-index-6,.project-index-7{grid-column:span 1}.project-index-11,.project-index-3,.project-index-7{padding-top:37px}.architecture-gallery.filtered .architecture-project{grid-column:span 2;padding-top:0}.project-image-frame,.project-index-0 .project-image-frame,.project-index-5 .project-image-frame,.project-index-8 .project-image-frame{aspect-ratio:1.25}.project-index-10 .project-image-frame,.project-index-11 .project-image-frame,.project-index-2 .project-image-frame,.project-index-3 .project-image-frame,.project-index-6 .project-image-frame,.project-index-7 .project-image-frame{aspect-ratio:.83}.project-info{gap:8px;padding-top:13px}.project-info h3{font-size:16px;line-height:1.3}.project-info p{flex-wrap:wrap;gap:5px;margin-top:6px;font-size:10px}.project-area{margin-top:2px;font-size:10px}.project-image-caption{padding:5px 7px;font-size:10px;top:10px;left:10px}.project-open-icon{opacity:1;width:30px;height:30px;bottom:10px;right:10px;transform:none}.project-open-icon svg{width:16px;height:16px}.project-index-10 .project-info,.project-index-11 .project-info,.project-index-2 .project-info,.project-index-3 .project-info,.project-index-6 .project-info,.project-index-7 .project-info{flex-direction:column;gap:4px}.project-index-10 .project-info h3,.project-index-11 .project-info h3,.project-index-2 .project-info h3,.project-index-3 .project-info h3,.project-index-6 .project-info h3,.project-index-7 .project-info h3{font-size:13px}.project-index-10 .project-info p,.project-index-11 .project-info p,.project-index-2 .project-info p,.project-index-3 .project-info p,.project-index-6 .project-info p,.project-index-7 .project-info p{font-size:10px}.portfolio-note{flex-direction:column;gap:14px;margin-top:38px;padding-top:20px}.portfolio-note>span{font-size:10px}.portfolio-note p{font-size:10px;line-height:1.8}.featured-space{height:610px}.featured-photo img{object-position:57% 50%}.featured-content{width:calc(100% - 44px);bottom:90px;left:22px}.featured-index{margin-bottom:25px;font-size:10px}.featured-content h2{font-size:72px;line-height:.98}.featured-content>div{gap:20px;margin-top:24px}.featured-content p{font-size:11px;line-height:1.9}.round-link{flex-shrink:0;width:53px;height:53px}.round-link svg{width:25px}.featured-credit{font-size:10px;bottom:26px;left:22px;right:auto}.expertise-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.expertise-image{aspect-ratio:.97;min-height:400px}.expertise-image>span{padding:7px 9px;font-size:10px;bottom:17px;left:17px}.expertise-list h3>button{padding-block:24px;font-size:33px}.expertise-list h3 small{margin-top:8px;font-size:11px}.expertise-list article>div>p{font-size:13px;line-height:2}.service-tags{font-size:10px}.expertise-list .text-action{font-size:11px}.process-layout{grid-template-columns:1fr;gap:38px;margin-top:30px}.process-tabs>button{gap:8px;padding:15px 5px 15px 0;font-size:13px}.process-tabs>button>span{font-size:10px}.process-detail{min-height:0;padding-top:30px}.process-counter{font-size:44px}.process-detail h3{margin-top:16px;font-size:20px}.process-detail p{margin-top:13px;font-size:13px;line-height:2}.process-detail-caption{margin-top:20px;font-size:10px}.plan-sheet{width:93%;max-width:400px;margin:auto;padding:20px}.floor-plan{margin-block:12px}.plan-sheet-footer,.plan-sheet-heading{font-size:10px}.questions-section{grid-template-columns:1fr;gap:30px}.questions-section h2{font-size:44px}.question h3>button{gap:15px;padding:21px 0;font-size:14px}.question p{padding:0 15px 22px 0;font-size:13px;line-height:2}.contact-layout{grid-template-columns:1fr;gap:43px}.contact-intro h2{font-size:57px;line-height:1.03}.contact-intro>p{margin-top:22px;font-size:13px}.contact-seal{display:none}.contact-form legend{margin-bottom:15px;font-size:14px}.service-options{gap:7px}.service-options>button{min-height:38px;padding:9px 12px;font-size:10px}.contact-form fieldset{margin-bottom:25px}.form-row{gap:18px}.form-field{margin-bottom:23px}.form-field input,.form-field textarea{font-size:16px}.form-field input::placeholder,.form-field label,.form-field select,.form-field textarea::placeholder{font-size:11px}.consent{gap:8px;font-size:10px}.submit-button{min-height:49px;font-size:13px}.form-footnote{font-size:10px}.site-footer{padding-top:35px;padding-bottom:70px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>p{font-size:11px}.footer-top nav{gap:19px;font-size:10px}.footer-back{font-size:10px}.footer-wordmark{padding-block:30px 16px}.brand-large>span{letter-spacing:.055em;font-size:20.2vw;line-height:1}.footer-bottom{flex-wrap:wrap;gap:13px;padding-top:18px;font-size:10px}.footer-bottom>a,.footer-bottom>span:nth-child(2){font-size:10px}.motion-toggle{padding:8px 11px;font-size:10px;bottom:13px;right:13px}.project-dialog{width:calc(100% - 24px);max-height:93svh}.project-dialog-image{aspect-ratio:1.25}.project-dialog-image>span{padding:6px 8px;font-size:10px;bottom:16px;left:16px}.project-dialog-body{padding:27px 22px 30px}.project-dialog-heading h2{font-size:38px}.project-dialog-heading p{margin-top:8px;font-size:11px}.project-dialog-heading>span{font-size:10px}.project-specs{gap:12px;margin-block:24px;padding-block:20px}.project-specs>div{flex-direction:column;gap:7px}.project-specs span{font-size:10px}.project-specs strong{margin-top:5px;font-size:10px}.project-story{grid-template-columns:1fr;gap:20px}.project-story h3{font-size:34px}.project-story h3 br{display:none}.project-story h3 em{margin-left:7px}.project-story p{margin-bottom:15px;font-size:13px;line-height:1.95}.project-deliverables{gap:6px;margin:12px 0 22px}.project-deliverables>span{padding:6px 8px;font-size:10px}.project-dialog-body>.button{min-height:45px;padding:13px 17px;font-size:11px}.concept-disclaimer{margin-top:18px;font-size:10px;line-height:1.8}.dialog-close{width:36px;height:36px;top:12px;right:12px}.form-success{min-height:440px;padding:20px 5px}.form-success h3{font-size:48px}.legal-page{padding-top:35px}.legal-page h1{font-size:40px}.legal-page h2{font-size:19px}.legal-page p{font-size:14px}}@media (max-width:370px){.nav-shell,.wrap{width:calc(100% - 32px)}.brand>span{font-size:22px}.nav-contact{font-size:10px}.nav-contact svg{width:12px}.nav-actions{gap:7px}.hero-chapter{width:calc(100% - 36px);left:18px}.hero-chapter h1{font-size:59px}.hero-secondary{gap:5px;margin-left:11px;font-size:10px}.model-tool-hint{display:none}.model-tools{justify-content:flex-end}.project-filters{gap:15px}.project-filters>button{font-size:10px}.philosophy-content h2{font-size:39px}.project-info h3{font-size:14px}.contact-intro h2{font-size:52px}.model-caption{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}.architecture-story{height:auto}.architecture-stage{position:relative}.plan-sheet,.project-image-frame{transform:none!important}}html[data-motion=reduced]{scroll-behavior:auto}html[data-motion=reduced] *,html[data-motion=reduced] :after,html[data-motion=reduced] :before{transition:none!important;animation:none!important}html[data-motion=reduced] .plan-sheet,html[data-motion=reduced] .project-image-frame{transform:none!important}.architecture-story.is-still .first-chapter{opacity:1!important;transform:none!important}@media (max-width:767px){.brand>small{letter-spacing:.17em;font-size:7px}.hero-body{font-size:12px}.hero-chapter .button{min-height:44px}.model-tool-hint{display:none}.model-tools{justify-content:flex-end}.model-tool-buttons>button{min-height:44px;padding-inline:14px}.model-caption{font-size:9px}.hero-baseline{padding-right:105px}.story-nav{display:none}.scroll-instruction{font-size:9px}.motion-toggle{font-size:10px}.form-row{grid-template-columns:1fr;gap:0}.form-field input,.form-field select,.form-field textarea{font-size:16px}.form-field label{font-size:13px}.consent,.form-footnote{font-size:11px}}.spatial-story{height:680svh}.story-chapter{z-index:5;visibility:hidden;pointer-events:none;width:34%;max-width:450px;position:absolute;top:26%;left:max(56px,50vw - 664px)}.story-chapter.is-active{visibility:visible;animation:story-copy-enter .45s var(--ease)}.story-chapter h1,.story-chapter h2{letter-spacing:-.035em;font-size:clamp(68px,6.6vw,96px);line-height:1.035}.story-chapter h1 em,.story-chapter h2 em{color:#69705f;white-space:nowrap}.story-chapter .hero-thai{margin-top:27px;font-size:18px;line-height:1.8}.story-chapter .hero-body{color:#5c6654;max-width:34ch;margin-top:12px;font-size:14px;line-height:2}.story-chapter .button,.story-chapter a,.story-chapter button{pointer-events:auto}.story-intro-actions{flex-wrap:wrap;align-items:center;gap:23px;margin-top:28px;display:flex}.story-intro-actions .button{margin-top:0}.story-intro-actions .hero-secondary{gap:10px;min-height:44px;margin:0;font-size:11px}.story-project-link{margin-top:28px}.story-material-list{color:#536148;flex-direction:column;gap:13px;margin-top:27px;font-size:11px;display:flex}.story-material-list>span{align-items:center;gap:10px;display:flex}.material-dot{background:#bdab91;border:1px solid #b09d81;width:18px;height:8px;display:block}.material-dot-1-1,.material-dot-3-1{background:#dbd6c9;border-color:#b7b4a8}.material-dot-1-2,.material-dot-4-2{background:#80916a;border-color:#6b7c57}.material-dot-2-1,.material-dot-3-0{background:#a47848;border-color:#996c3f}.material-dot-2-2,.material-dot-3-2{background:#e6dfcf;border-color:#c2b9a4}.material-dot-4-0{background:#ddc792;border-color:#b9a373}.material-dot-4-1{background:#8badb0;border-color:#678d91}.scene-state{z-index:4;color:#616d56;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;top:161px;right:56px}.scene-state>span:first-child{font-variant-numeric:tabular-nums;font-size:10px}.scene-state>i{background:#aeb6a3;width:24px;height:1px}.scene-explore{z-index:6;color:#616d55;align-items:center;gap:15px;display:flex;position:absolute;bottom:150px;left:max(56px,50vw - 664px)}.scene-hotspot{color:#59674c;background:0 0;border:none;border-bottom:1px solid #d5dbce;align-items:center;gap:5px;min-height:44px;padding:10px 0;font-size:11px;transition:border-color .25s,color .25s;display:inline-flex}.scene-hotspot:hover,.scene-hotspot[aria-pressed=true]{color:#273d1b;border-bottom-color:#586d43}.spatial-story .model-tools{bottom:111px}.spatial-story .model-tool-hint{font-size:9px}.spatial-story .hero-baseline{bottom:27px}.spatial-story .story-nav{gap:18px;display:flex}.spatial-story .story-nav>button{gap:8px;min-width:28px;font-size:10px}.spatial-story .story-nav>button>span:first-child{font-size:10px}.spatial-story .hero-location{max-width:215px;padding-right:90px;font-size:8px}.spatial-story .hero-location>span{font-size:7px}.spatial-story .scroll-instruction>.scroll-instruction-copy{letter-spacing:.06em;border:0;border-radius:0;width:auto;height:auto;font-size:9px;display:block}.scroll-instruction-copy small{letter-spacing:0;color:#5b6552;margin-top:5px;font-size:10px;display:block}.spatial-story.is-still{height:auto}.spatial-story.is-still .architecture-stage{position:relative}.story-readable{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 80px;padding-block:90px;display:grid}.story-readable article{max-width:55ch}.story-readable h2{font-size:42px}.story-readable h2 em{color:#66725b}.story-readable h3{margin-top:22px;font-size:16px}.story-readable p{color:#5d6754;margin-top:12px;font-size:14px}.story-readable>.text-action{place-self:start}@keyframes story-copy-enter{0%{translate:0 9px}to{translate:0}}@media (min-width:1600px){.story-chapter{max-width:495px;left:max(70px,50vw - 720px)}.story-chapter h1,.story-chapter h2{font-size:105px}.scene-explore{left:max(70px,50vw - 720px)}.scene-state{right:70px}}@media (min-width:768px) and (max-width:1100px){.story-chapter{width:35%;top:27%;left:35px}.story-chapter h1,.story-chapter h2{font-size:clamp(53px,6.2vw,72px)}.story-chapter .hero-thai{margin-top:23px;font-size:16px}.story-chapter .hero-body{max-width:32ch;font-size:13px}.story-intro-actions{gap:10px}.story-intro-actions .button{gap:15px;padding-inline:16px;font-size:12px}.scene-explore{gap:10px;bottom:144px;left:35px}.scene-explore>svg{display:none}.scene-hotspot{font-size:10px}.scene-state{right:35px}.spatial-story .story-nav{gap:13px}.spatial-story .hero-location{display:none}.spatial-story .model-tool-hint{max-width:255px;font-size:8px}}@media (max-width:767px){.spatial-story{height:620svh}.spatial-story .architecture-stage{min-height:850px}.story-chapter{width:calc(100% - 44px);max-width:none;top:118px;left:22px}.story-chapter h1,.story-chapter h2{font-size:clamp(49px,14.2vw,64px);line-height:1.01}.story-chapter .hero-thai{margin-top:18px;font-size:15px;line-height:1.65}.story-chapter .hero-body{max-width:44ch;margin-top:8px;font-size:12px;line-height:1.85}.story-intro-actions{flex-wrap:nowrap;gap:18px;margin-top:19px}.story-intro-actions .button{gap:12px;min-height:44px;padding:11px 15px;font-size:11px}.story-intro-actions .hero-secondary{gap:7px;min-height:44px;font-size:10px}.story-material-list{flex-flow:wrap;gap:8px 14px;margin-top:17px;font-size:10px}.story-material-list>span{gap:6px}.material-dot{width:12px;height:6px}.story-project-link{min-height:44px;margin-top:18px;padding:12px 17px;font-size:11px}.scene-state{background:#f7f7f2d9;gap:7px;padding:6px 8px;font-size:10px;inset:auto auto 158px 22px}.scene-state>span:first-child{font-size:9px}.scene-state>i{width:15px}.scene-explore{display:none}.spatial-story .model-caption{font-size:8px;top:94px;right:22px}.spatial-story .model-tools{bottom:89px;left:22px;right:22px}.spatial-story .model-tool-hint{display:none}.spatial-story .model-tool-buttons>button{padding-inline:13px}.spatial-story .hero-baseline{padding:0;bottom:24px;left:22px;right:113px}.spatial-story .hero-location,.spatial-story .scroll-instruction{display:none}.spatial-story .story-nav{justify-content:space-between;gap:6px;width:100%;display:flex}.spatial-story .story-nav>button{justify-content:center;min-width:28px;min-height:44px}.spatial-story .story-nav>button>span:first-child{font-size:11px}.spatial-story .story-nav>button>span:last-child{display:none}.spatial-story.is-still{height:auto;min-height:850px}.spatial-story.is-still .scene-state{display:none}.spatial-story .architecture-fallback{inset:403px 0 151px}.story-readable{grid-template-columns:1fr;gap:40px;padding-block:55px}.story-readable h2{font-size:37px}.story-readable h3{margin-top:16px;font-size:15px}.story-readable p{font-size:13px}}@media (max-width:370px){.story-chapter{width:calc(100% - 36px);left:18px}.story-chapter h1,.story-chapter h2{font-size:49px}.story-chapter .hero-body{font-size:11px}.story-intro-actions{gap:11px}.story-intro-actions .hero-secondary{font-size:9px}}@media (prefers-reduced-motion:reduce){.spatial-story{height:auto}.story-chapter.is-active{animation:none}}.spatial-story .architecture-stage{min-height:660px}@media (min-width:768px) and (max-height:850px){.story-chapter{top:23%}.story-chapter h1,.story-chapter h2{font-size:clamp(53px,5.7vw,77px)}.story-chapter .hero-thai{margin-top:20px;font-size:16px}.story-chapter .hero-body{max-width:37ch;font-size:13px;line-height:1.85}.story-material-list{gap:10px;margin-top:20px}.story-intro-actions{margin-top:22px}.scene-explore{bottom:121px}.spatial-story .model-tools{bottom:97px}.spatial-story .model-caption{top:118px}.scene-state{top:145px}.spatial-story .hero-baseline{bottom:18px}}@media (max-width:767px){.spatial-story .architecture-stage,.spatial-story.is-still{min-height:650px}}@media (max-width:767px) and (max-height:740px){.story-chapter{top:111px}.story-chapter h1,.story-chapter h2{font-size:47px}.story-chapter .hero-thai{margin-top:12px;font-size:14px}.story-chapter .hero-body{margin-top:6px;font-size:11px;line-height:1.75}.story-material-list{gap:7px 11px;margin-top:12px;font-size:9px}.story-intro-actions{margin-top:13px}.story-project-link{margin-top:14px}.scene-state{font-size:9px;bottom:146px}.spatial-story .model-tools{bottom:78px}.spatial-story .hero-baseline{bottom:14px}.spatial-story .architecture-fallback{inset:345px 0 128px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--terra:#b74727;--night:#152a38}::selection{background:#b74727;color:#fffaf4}:focus-visible{outline-color:#bb4929}::-webkit-scrollbar-thumb{background:#ab6852}.site-header{transition:background .6s,color .6s,border-color .6s}.nav-contact{border-color:#c46340}.nav-contact svg{color:#b74727}body:has(.experience-story[data-in-view=true][data-dark=true]) .site-header{color:#f5f1e9;background:#112532e8;border-color:#74919b50}body:has(.experience-story[data-in-view=true][data-dark=true]) .desktop-nav a{color:#d5e3e7}body:has(.experience-story[data-in-view=true][data-dark=true]) .nav-contact svg{color:#ffaf7c}body:has(.experience-story[data-in-view=true][data-dark=true]) .desktop-nav a:after{background:#ffaf7c}.experience-story{--scene-bg:#e5edf0;--scene-ink:#1b323e;--scene-muted:#465f6b;--scene-accent:#af4425;--scene-line:#39556b30;--scene-panel:#f8faf7ed;--scene-glow:#fff9e8;color:var(--scene-ink)}.experience-story[data-chapter="1"]{--scene-bg:#152d40;--scene-glow:#335e76}.experience-story[data-chapter="2"]{--scene-bg:#ead3bf;--scene-ink:#422c22;--scene-muted:#6a4838;--scene-line:#56362332;--scene-glow:#fff0d7;--scene-panel:#fff9f1ed}.experience-story[data-chapter="3"]{--scene-bg:#282c37;--scene-glow:#5c5350}.experience-story[data-chapter="4"]{--scene-bg:#d8e2cb;--scene-ink:#233e32;--scene-muted:#46624e;--scene-line:#27443230;--scene-glow:#fbf1ca;--scene-panel:#f8fcf2ed}.experience-story[data-chapter="5"]{--scene-bg:#112632;--scene-glow:#4b5964}.experience-story[data-dark=true]{--scene-ink:#f9f2e5;--scene-muted:#bed2db;--scene-accent:#ffb57f;--scene-line:#afcbd83b;--scene-panel:#1a3041ef;color-scheme:dark}.spatial-story.experience-story .architecture-stage{background:var(--scene-bg);transition:background .8s ease,color .6s ease;min-height:680px}.experience-backdrop{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.experience-horizon{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 51%,var(--scene-glow) 0,transparent 58%);opacity:.75;transition:background .8s}.experience-word{position:absolute;top:15%;left:36%;font-family:Anuphan Variable,sans-serif;font-size:clamp(110px,13.5vw,210px);line-height:1;font-weight:800;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px var(--scene-line);white-space:nowrap}.experience-orbit{position:absolute;width:74%;height:74%;left:29%;top:13%;color:var(--scene-accent);stroke:currentColor;stroke-width:.7;opacity:.23;transform:rotate(-13deg);transition:transform 1.4s var(--ease)}.experience-story[data-chapter="2"] .experience-orbit{transform:rotate(9deg)}.experience-story[data-chapter="3"] .experience-orbit{transform:rotate(22deg)}.experience-story[data-chapter="4"] .experience-orbit{transform:rotate(-22deg)}.experience-story[data-chapter="5"] .experience-orbit{transform:rotate(0)}.experience-story .architecture-canvas{z-index:2}.spatial-story.experience-story .story-chapter{top:25%;width:34%;max-width:470px;color:var(--scene-ink)}.experience-story .story-chapter h1{font-family:Anuphan Variable,sans-serif;font-weight:600;font-size:clamp(58px,5.55vw,84px);letter-spacing:-.04em;line-height:1.12}.experience-story .story-chapter h2{font-size:clamp(63px,6.2vw,90px)}.experience-story .story-chapter h1 em{font-family:Anuphan Variable,sans-serif;font-size:1.23em;letter-spacing:-.035em;line-height:1.05}.experience-story .story-chapter h1 em,.experience-story .story-chapter h2 em{color:var(--scene-accent)}.experience-story .story-chapter .hero-thai{font-weight:500;color:var(--scene-ink);margin-top:30px;font-size:17px}.experience-story .story-chapter .hero-body{color:var(--scene-muted);line-height:1.95;max-width:37ch;font-size:13px}.experience-story .story-material-list{color:var(--scene-muted);flex-direction:row;flex-wrap:wrap;gap:10px 17px;max-width:340px;margin-top:23px;font-size:10px}.experience-story .material-dot{width:5px;height:5px;background:var(--scene-accent);border:0;border-radius:50%}.experience-story .button-dark{background:var(--scene-accent);color:#fffdf8;border:none;border-radius:3px;min-height:52px;box-shadow:0 10px 24px -14px #632c23b0}.experience-story[data-dark=true] .button-dark{color:#263240}.experience-story .button-dark:hover{transform:translateY(-3px)}.play-invitation{border:0;background:transparent;padding:0;font-size:11px;color:var(--scene-muted);display:inline-flex;align-items:center;gap:7px}.experience-story .model-caption{color:var(--scene-muted);letter-spacing:.09em;font-size:9px;top:125px}.experience-story .model-caption-dot{background:var(--scene-accent)}.experience-story .scene-state{color:var(--scene-muted);top:156px;background:none}.experience-story .scene-state i{background:var(--scene-accent)}.spatial-story.experience-story .scene-explore{bottom:202px;gap:17px}.experience-story .scene-hotspot{color:var(--scene-muted);border-color:var(--scene-line);font-size:10px}.experience-story .scene-hotspot:hover,.experience-story .scene-hotspot[aria-pressed=true]{color:var(--scene-accent);border-color:var(--scene-accent)}.experience-dock{position:absolute;z-index:9;bottom:78px;left:max(56px,calc((100vw - 1328px) / 2));right:max(56px,calc((100vw - 1328px) / 2));display:grid;grid-template-columns:1.12fr 1.3fr .85fr;align-items:center;gap:26px;min-height:106px;padding:17px 22px;background:var(--scene-panel);border-radius:12px;box-shadow:0 18px 45px -22px #17293d65;transition:background .65s}.dock-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:23px;color:var(--scene-ink)}.dock-heading>label,.dock-heading>span{font-family:Anuphan Variable,sans-serif;font-size:19px;white-space:nowrap}.dock-heading small{font-size:9px;color:var(--scene-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.palette-options{display:flex;gap:8px;margin-top:5px}.palette-option{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:4px 7px;border:1px solid transparent;border-radius:4px;background:transparent;font-size:10px;color:var(--scene-muted);transition:background .2s,border-color .2s,transform .3s var(--ease)}.palette-option:hover{transform:translateY(-2px)}.palette-option[aria-pressed=true]{color:var(--scene-ink);border-color:var(--scene-line);background:var(--scene-bg)}.palette-chip{display:flex;width:26px;height:26px;position:relative;border-radius:50%;overflow:hidden;transform:rotate(-35deg);box-shadow:inset 0 1px 3px #0002}.palette-chip i{width:33.34%;height:100%;background:#eee9dc}.palette-chip i:nth-child(2){background:#b48b59}.palette-chip i:nth-child(3){background:#949a79}.palette-clay .palette-chip i{background:#b96248}.palette-clay .palette-chip i:nth-child(2){background:#775139}.palette-clay .palette-chip i:nth-child(3){background:#ecc4a5}.palette-ink .palette-chip i{background:#293646}.palette-ink .palette-chip i:nth-child(2){background:#b99356}.palette-ink .palette-chip i:nth-child(3){background:#5d8299}.palette-chip svg{position:absolute;inset:7px;color:white;transform:rotate(35deg);filter:drop-shadow(0 1px 2px #000)}.spatial-story.experience-story .model-tools{position:static;display:flex;flex-direction:column;align-items:center;gap:8px}.spatial-story.experience-story .model-tool-hint{display:flex;align-items:center;gap:7px;max-width:none;color:var(--scene-muted);font-size:8px;letter-spacing:.07em}.experience-story .model-tool-buttons{display:flex;justify-content:center;box-shadow:none;background:transparent;border:0;border-radius:0}.spatial-story.experience-story .model-tool-buttons>button{background:transparent;border:0;border-right:1px solid var(--scene-line);border-radius:0;color:var(--scene-muted);min-height:42px;padding:7px 12px;gap:7px;font-size:10px;transition:color .2s,background .2s}.experience-story .model-tool-buttons>button:last-child{border:0}.experience-story .model-tool-buttons>button[aria-pressed=true]{color:var(--scene-accent);background:var(--scene-bg)}.experience-story .model-tool-buttons>button:hover{color:var(--scene-accent)}.light-lab .dock-heading{gap:5px}.light-lab output{font-size:9px;color:var(--scene-muted);white-space:nowrap}.light-slider{display:flex;align-items:center;gap:9px;min-height:44px;color:var(--scene-muted)}.light-slider input{min-width:0;width:100%;height:24px;appearance:none;background:transparent;cursor:ew-resize;accent-color:var(--scene-accent)}.light-slider input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#e4af6f,#ad6144,#334d68);border-radius:2px}.light-slider input::-webkit-slider-thumb{appearance:none;width:15px;height:15px;margin-top:-6px;background:var(--scene-accent);border:3px solid var(--scene-panel);border-radius:50%;box-shadow:0 2px 7px #18273055}.light-slider input::-moz-range-track{height:3px;background:#8e806c}.light-slider input::-moz-range-thumb{width:12px;height:12px;background:var(--scene-accent);border:2px solid var(--scene-panel);border-radius:50%}.reset-experience{display:grid;place-items:center;width:30px;min-width:30px;height:36px;background:none;border:none;color:var(--scene-muted);transition:transform .4s var(--ease)}.reset-experience:hover{transform:rotate(-35deg);color:var(--scene-accent)}.experience-story :focus-visible{outline-color:var(--scene-accent)}.experience-story .scene-pin{position:absolute;top:0;left:0;z-index:6;display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:var(--scene-ink);cursor:pointer;min-height:36px;will-change:transform}.scene-pin-symbol{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--scene-accent);background:var(--scene-panel);border-radius:50%;color:var(--scene-accent);box-shadow:0 5px 15px #17263233;font-size:21px;line-height:1;transition:transform .4s var(--ease),background .3s}.scene-pin-label{font-size:9px;padding:5px 9px;background:var(--scene-panel);border-radius:2px;letter-spacing:.06em;box-shadow:0 4px 10px #10273719}.scene-pin:focus-visible .scene-pin-symbol,.scene-pin:hover .scene-pin-symbol{transform:rotate(90deg) scale(1.13);background:var(--scene-accent);color:var(--scene-bg)}.spatial-story.experience-story .hero-baseline{bottom:16px;color:var(--scene-muted)}.experience-story .hero-location,.experience-story .scroll-instruction{color:var(--scene-muted)}.experience-story .scroll-instruction>span:first-child{border-color:var(--scene-line)}.experience-story .story-nav>button{color:var(--scene-muted)}.experience-story .story-nav>button[aria-current=step]{color:var(--scene-ink);border-color:var(--scene-accent)}.experience-story .story-progress{background:var(--scene-line)}.experience-story .story-progress>div{background:var(--scene-accent)}.experience-story .architecture-fallback{mix-blend-mode:multiply}.experience-story.is-still .experience-orbit{display:none}.experience-story.is-still .story-readable{background:var(--paper);color:var(--ink)}.philosophy{isolation:isolate;color:#432c23}.philosophy:before{content:"";position:absolute;z-index:-2;inset:0;left:calc((100% - 100vw) / 2);width:100vw;background:#e9c5a9}.philosophy .kaniti-monogram,.philosophy-content h2 em{color:#944022}.philosophy .design-values p,.philosophy .studio-side>span,.philosophy-copy p{color:#6c4230}.philosophy .design-values{border-color:#7c4a303b}.philosophy-word{color:#dcb092}.projects-section .section-header h2 em{color:#ae482d}.project-filters button.active{color:#a34025;border-color:#a34025}.project-open-icon{background:#b24b2e;color:#fff}.featured-content .round-link{background:#b74727;border-color:transparent}.process-section{background:#dae5e9;border-color:#bdcdd4}.process-section .section-header h2 em{color:#385e70}.plan-sheet{box-shadow:16px 30px 50px -25px #173e6655}.site-footer{position:relative;isolation:isolate;color:#f0eadd}.site-footer:before{content:"";position:absolute;inset:0;left:calc((100% - 100vw) / 2);width:100vw;background:#162d3a;z-index:-1}.site-footer .brand-large>span{color:#e9b98d}.site-footer .footer-bottom,.site-footer .footer-top nav,.site-footer .footer-top>p{color:#c2d0d5}.site-footer .footer-bottom{border-color:#46606e}@media (min-width:768px) and (max-height:850px){.spatial-story.experience-story .story-chapter{top:24%}.experience-story .story-chapter h1{font-size:clamp(48px,4.75vw,69px)}.experience-story .story-chapter h2{font-size:clamp(55px,5.3vw,73px)}.experience-story .story-chapter .hero-thai{font-size:15px;margin-top:20px}.experience-story .story-chapter .hero-body{font-size:12px;line-height:1.8;margin-top:8px}.experience-story .story-material-list{margin-top:16px}.experience-story .story-intro-actions{margin-top:19px}.experience-story .story-intro-actions .button{min-height:44px}.experience-story .model-caption{top:117px}.experience-story .scene-state{top:143px}.spatial-story.experience-story .scene-explore{bottom:187px}.experience-dock{bottom:66px;min-height:99px;padding-block:12px}.spatial-story.experience-story .hero-baseline{bottom:11px}}@media (min-width:768px) and (max-width:1100px){.experience-dock{left:35px;right:35px;grid-template-columns:1fr 1.2fr;gap:8px 20px;padding:13px 18px}.experience-dock .light-lab{grid-column:1/-1;display:flex;align-items:center;gap:25px}.light-lab .dock-heading{min-width:220px}.light-lab .light-slider{flex:1;min-height:24px}.dock-heading small,.experience-story .play-invitation,.spatial-story.experience-story .scene-explore{display:none}.experience-story .story-chapter h1{font-size:54px}}@media (max-width:767px){.spatial-story.experience-story .architecture-stage{min-height:650px}.spatial-story.experience-story .story-chapter{top:111px;left:22px;width:calc(100% - 44px);max-width:none}.experience-story .story-chapter h1{font-size:clamp(39px,10.4vw,49px);line-height:1.08}.experience-story .story-chapter h1 em{font-size:1.3em}.experience-story .story-chapter h2{font-size:clamp(47px,12.5vw,62px);line-height:1}.experience-story .story-chapter .hero-thai{font-size:14px;margin-top:15px;line-height:1.65}.experience-story .story-chapter .hero-body{font-size:11px;margin-top:6px;max-width:48ch;line-height:1.8}.experience-story .story-intro-actions{margin-top:15px;gap:16px}.experience-story .story-intro-actions .button{min-height:41px;font-size:10px;padding:9px 13px}.experience-story .play-invitation{font-size:10px;gap:5px}.experience-story .story-material-list{font-size:9px;gap:8px 13px;margin-top:14px;max-width:none}.experience-story .story-project-link{margin-top:17px;min-height:42px;font-size:11px}.experience-story .model-caption{top:90px;right:22px;font-size:7px}.experience-story .model-caption>span:last-child{display:none}.experience-story .scene-state{top:auto;bottom:204px;left:22px;padding:0;font-size:9px}.experience-story .scene-state span:first-child{font-size:8px}.experience-word{top:40%;left:1%;font-size:21vw}.experience-orbit{top:32%;left:-12%;height:48%;width:124%}.experience-dock{left:16px;right:16px;bottom:66px;padding:11px 12px;min-height:126px;grid-template-columns:1.65fr 1fr;gap:8px 9px;border-radius:10px;box-shadow:0 14px 30px -15px #172b3b55}.material-lab{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}.material-lab .dock-heading{min-height:0}.dock-heading>label,.dock-heading>span{font-size:16px}.dock-heading small{display:none}.palette-options{margin-top:0;gap:2px}.palette-option{min-height:36px;padding:3px 5px;gap:5px;font-size:8px}.palette-chip{width:22px;height:22px}.palette-chip svg{inset:5px}.spatial-story.experience-story .model-tools{align-items:stretch;gap:0}.spatial-story.experience-story .model-tool-hint{display:none}.spatial-story.experience-story .model-tool-buttons>button{flex:1;flex-direction:column;min-width:0;min-height:47px;padding:4px 5px;gap:5px;font-size:8px}.experience-story .model-tool-buttons>button svg{width:15px;height:15px}.light-lab{min-width:0}.light-lab .dock-heading{min-height:15px;justify-content:space-between;gap:2px}.light-lab .dock-heading label{font-size:12px}.light-lab output{display:none}.light-slider{gap:5px;min-height:32px}.light-slider>svg{display:none}.light-slider .reset-experience{min-width:24px;width:24px;height:30px}.light-slider input{height:28px}.experience-story .scene-pin-symbol{width:29px;height:29px;font-size:19px}.experience-story .scene-pin-label{display:none}.spatial-story.experience-story .hero-baseline{bottom:14px}.spatial-story.experience-story .story-nav>button{min-width:28px;font-size:10px}.experience-story .architecture-fallback{inset:349px 0 212px}.experience-story.is-still .architecture-fallback{opacity:1}}@media (max-width:767px) and (max-height:740px){.spatial-story.experience-story .story-chapter{top:104px}.experience-story .story-chapter h1{font-size:37px}.experience-story .story-chapter h2{font-size:44px}.experience-story .story-chapter .hero-thai{margin-top:11px;font-size:12px}.experience-story .story-chapter .hero-body{font-size:10px;line-height:1.7;max-width:48ch}.experience-story .story-intro-actions{margin-top:10px}.experience-story .story-intro-actions .button{min-height:35px}.experience-story .story-material-list{margin-top:9px;font-size:8px}.experience-story .model-caption{top:87px}.experience-story .story-project-link{min-height:35px;margin-top:10px}.experience-story .architecture-fallback{inset:310px 0 206px}.experience-dock{bottom:62px;min-height:122px}.experience-story .scene-state{bottom:194px}}@media (prefers-reduced-motion:reduce){.experience-story *,.site-header{transition:none!important;animation:none!important}}html[data-motion=reduced] .experience-story *,html[data-motion=reduced] .site-header{transition:none!important;animation:none!important}.experience-story .scene-pin[hidden]{display:none}.experience-story .model-caption>span:last-child,.experience-story .scroll-instruction-copy small,.experience-story .story-nav>button>span:first-child{color:var(--scene-muted)}.experience-story .story-nav>button[aria-current=step]>span:first-child{color:var(--scene-accent)}.process-section .process-counter>span,.process-section .process-detail-caption,.process-section .process-detail>p,.process-section .process-tabs>button,.process-section .process-tabs>button>span,.process-section .section-header>p{color:#3e5967}.process-section .process-counter{color:#466778}.process-section .process-tabs>button.active{color:#183f53;border-color:#386b83}.kaniti-site .nav-playground{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:3px;background:var(--terra);color:#fffdf8;font-size:13px;font-weight:500;white-space:nowrap;transition:background .2s}.kaniti-site .nav-playground:hover{background:#98371c}.home-playground-actions svg,.kaniti-site .nav-playground svg{flex-shrink:0}body:has(.experience-story[data-in-view=true][data-dark=true]) .kaniti-site .nav-playground{background:#efae83;color:#172e3b}.experience-story .home-playground-actions{gap:10px 18px;flex-wrap:wrap}.experience-story .home-playground-actions .home-playground-primary{gap:18px;min-height:50px;padding:12px 20px;font-size:13px;white-space:nowrap}.experience-story .home-walk-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--scene-ink);font-size:12px;font-weight:500;white-space:nowrap;text-decoration:underline;text-decoration-color:var(--scene-line);text-underline-offset:6px;transition:color .2s}.experience-story .home-walk-link:hover{color:var(--scene-accent);text-decoration-color:currentColor}.home-mobile-menu{max-height:calc(100svh - 24px);overflow-y:auto;overscroll-behavior:contain}.home-mobile-menu nav>a{min-height:50px;padding-block:13px;font-size:20px}.home-mobile-menu nav>a[href^="/playground"]{color:var(--terra);font-weight:500}@media (min-width:768px) and (max-width:1023px){.kaniti-site .desktop-nav{display:none}.kaniti-site .mobile-menu-trigger{display:grid;place-items:center;min-width:44px;min-height:44px}}@media (max-width:767px){.kaniti-site .site-header .brand>small{display:none}.kaniti-site .site-header .brand>span{font-size:22px}.kaniti-site .nav-actions{gap:5px}.kaniti-site .nav-playground{min-height:44px;padding:10px 12px;gap:8px;font-size:12px}.experience-story .home-playground-actions{gap:8px 12px}.experience-story .home-playground-actions .home-playground-primary{min-height:44px;padding:10px 14px;gap:9px;font-size:12px}.experience-story .home-walk-link{min-height:44px;gap:6px;font-size:11px}}@media (max-width:370px){.kaniti-site .site-header .brand>span{font-size:20px}.kaniti-site .nav-playground{padding-inline:9px;gap:5px;font-size:11px}.kaniti-site .mobile-menu-trigger{padding-inline:7px}.experience-story .home-playground-actions{gap:7px}.experience-story .home-playground-actions .home-playground-primary{padding-inline:10px;gap:7px;font-size:11px}.experience-story .home-walk-link{gap:5px;font-size:10px}}:root{--paper:#f3f0e8;--white:#fffdf8;--ink:#171714;--muted:#5f5b54;--line:#d8d2c5;--olive:#6d5748;--terra:#6d5748;--night:#171714}::selection{background:#6d5748;color:#fffdf8}:focus-visible{outline-color:#6d5748}input,textarea{caret-color:#6d5748}::-webkit-scrollbar-track{background:#f3f0e8}::-webkit-scrollbar-thumb{background:#8c887e;border-radius:2px}.editorial,h1,h2{font-weight:400;letter-spacing:-.03em}h1 em,h2 em,h3 em{font-style:normal;font-weight:300}h2{font-size:clamp(38px,4.4vw,64px);line-height:1.15}.site-header{background:#f3f0e8f5;border-color:var(--line)}.brand>span{font-weight:400;letter-spacing:.19em}.brand>small{letter-spacing:.12em}.desktop-nav a,.nav-contact,.nav-contact svg{color:var(--ink)}.nav-contact{border-color:var(--olive)}.kaniti-site .nav-playground:hover{background:#514135}.experience-story{--scene-bg:#f3f0e8;--scene-ink:#171714;--scene-muted:#5f5b54;--scene-accent:#6d5748;--scene-line:#6d574830;--scene-panel:#fffdf8f2;--scene-glow:#fffdf8}.experience-story[data-chapter="2"]{--scene-bg:#e8dfd3;--scene-ink:#322820;--scene-muted:#655447;--scene-glow:#f9f1e6}.experience-story .story-chapter h1,.experience-story .story-chapter h2{font-weight:400;font-size:clamp(48px,4.8vw,72px);line-height:1.08;letter-spacing:-.035em}.experience-story .story-chapter h1 em{font-size:1em;line-height:1.08}.experience-story .experience-word{font-weight:300}.philosophy{color:var(--ink)}.philosophy:before{background:#e7e2d8}.philosophy-content h2{font-size:clamp(36px,4.5vw,64px);line-height:1.16}.contact-intro h2 em,.expertise-section h2 em,.philosophy-content h2 em,.projects-section .section-header h2 em,.questions-section h2 em{color:var(--olive)}.philosophy .design-values p,.philosophy .studio-side>span,.philosophy-copy p{color:var(--muted)}.philosophy .design-values{border-color:#c7bfb0}.philosophy-word{color:#d3cbbe;font-size:clamp(50px,8vw,120px)}.project-filters button.active{color:var(--ink);border-color:var(--ink)}.featured-content .round-link,.project-open-icon{background:var(--olive)}.project-info h3{font-size:clamp(19px,1.65vw,25px);line-height:1.4}.project-info>div{min-width:0}.gallery-note,.portfolio-note p,.portfolio-note>span,.project-area,.project-info p,.section-summary{color:var(--muted)}.project-area{flex-shrink:0;padding-top:5px}.featured-content h2{font-size:clamp(44px,6vw,86px);line-height:1.08}.featured-credit{max-width:70%}.process-section{background:#e7e2d8;border-color:var(--line)}.process-section .process-counter,.process-section .process-counter>span,.process-section .process-detail-caption,.process-section .process-detail>p,.process-section .section-header h2 em{color:var(--muted)}.process-section .process-tabs>button.active{color:var(--ink);border-color:var(--olive)}.contact-section{background:#e7e2d8;border-color:var(--line)}.contact-intro h2{font-size:clamp(40px,4.7vw,68px);line-height:1.16}.contact-intro>p,.contact-seal{color:var(--muted)}.contact-channels{align-self:center}.contact-channels h3{font-size:24px;line-height:1.55}.contact-channels>p{margin-top:20px;color:var(--muted);font-size:15px}.contact-channels ul{list-style:none;margin:30px 0 0;padding:0}.contact-channels li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #c5bcad}.contact-channels a{display:inline-flex;gap:12px;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}.contact-channels a:hover{color:var(--olive)}.contact-pending{margin-top:30px;padding-top:26px;border-top:1px solid #c5bcad}.contact-pending h4{font-size:17px;margin:0 0 12px;font-weight:500}.contact-pending p{color:var(--muted)}.contact-pending a{margin-top:16px}.contact-channels .contact-scope{margin-top:34px;font-size:12px}.site-footer:before{background:#171714}.site-footer .brand-large>span{color:#f3f0e8}.site-footer .footer-bottom,.site-footer .footer-top nav,.site-footer .footer-top>p{color:#d8d2c5}.site-footer .footer-bottom{border-color:#57534b}.project-dialog{background:#fffdf8}.project-dialog-heading h2{font-size:clamp(28px,4vw,48px);line-height:1.2;overflow-wrap:anywhere}.project-dialog-heading p,.project-specs span,.project-story p,.project-thai-name{color:var(--muted)}.project-thai-name{margin-top:12px;font-size:16px}.project-specs{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.dialog-close{background:#fffdf8;color:var(--ink);border-color:var(--line)}.portfolio-gallery{padding:20px;background:#e7e2d8}.portfolio-gallery-stage{position:relative;height:min(57svh,580px)}.portfolio-gallery-stage img{object-fit:contain}.portfolio-gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:18px}.portfolio-gallery-controls>div{display:flex;gap:8px}.portfolio-gallery-controls button{width:44px;height:44px;border:1px solid #bab1a2;background:#fffdf8;display:grid;place-items:center;border-radius:2px}.portfolio-gallery-controls button:hover{background:#d8d2c5}.portfolio-thumbnails{display:flex;gap:10px;padding-top:10px}.portfolio-thumbnails button{position:relative;width:76px;height:60px;border:2px solid transparent;padding:0;background:#d8d2c5;opacity:.65}.portfolio-thumbnails button[aria-pressed=true]{border-color:var(--olive);opacity:1}.portfolio-thumbnails img{object-fit:cover}.project-source{display:flex;align-items:center;gap:10px;width:fit-content;min-height:44px;margin-top:18px;text-decoration:underline;text-underline-offset:5px}@media (max-width:767px){.experience-story .story-chapter h1,.experience-story .story-chapter h2{font-size:clamp(36px,10vw,46px);line-height:1.1}.experience-story .story-chapter h1 em{font-size:1em}.philosophy-content h2{font-size:36px}.contact-layout{gap:42px}.contact-intro h2{font-size:42px}.project-info h3{font-size:20px}.portfolio-gallery{padding:14px}.portfolio-gallery-stage{height:42svh}.portfolio-thumbnails button{width:64px;height:52px}}.expertise-list article>div>p,.expertise-list h3 small,.project-filters button,.question p,.section-summary p,.section-summary>span,.service-tags{color:var(--muted)}.expertise-list .active h3>button,.project-specs strong{color:var(--ink)}.project-deliverables>span,.project-specs svg,.project-story h3 em{color:var(--olive)}.project-deliverables>span,.project-specs{border-color:var(--line)}.philosophy-word{font-style:normal}.experience-story .first-chapter h1{font-size:clamp(36px,4.3vw,62px);line-height:1.35}.contact-intro h2,.expertise-section h2,.philosophy-content h2,.process-section .section-header h2,.projects-section .section-header h2{line-height:1.4}.project-page-link{margin-top:20px}@media (max-width:767px){.experience-story .first-chapter h1{font-size:clamp(29px,7.5vw,40px)}}@media (min-width:768px) and (max-height:850px){.spatial-story.experience-story .first-chapter{top:20%}.experience-story .first-chapter .hero-body{max-width:100%}}