:root{--paper:#f7f6f0;--ink:#283c35;--green:#244c43;--muted:#657069;--line:#d9ded5;--white:#fafbf7;--warm:#b98d66;--accent:#244c43;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}button,select,input{font:inherit;color:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--warm);outline-offset:4px}button,select{border-radius:3px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.035em;line-height:1.03}h1{font-size:clamp(52px,6.4vw,88px)}h2{font-size:clamp(40px,4.2vw,60px)}h3{font-size:20px}em{font-style:normal;color:var(--warm)}.wrap{width:min(1376px,calc(100% - 96px));margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:114px;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:var(--serif);font-size:36px;line-height:.9;letter-spacing:-.04em;white-space:nowrap}.brand span{color:var(--warm)}.brand small{display:block;font:9px/1 var(--sans);letter-spacing:.2em;margin-top:13px}.topbar nav{display:flex;gap:35px;font-size:13px}.archive-badge{font-size:11px;display:flex;gap:9px;align-items:center}.archive-badge i{width:6px;height:6px;background:var(--warm);border-radius:50%}.intro{display:grid;grid-template-columns:1.4fr .65fr;gap:12%;align-items:end;padding-block:65px 60px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;line-height:1.5}.intro .eyebrow{margin-bottom:22px}.intro-copy{font-size:15px;line-height:1.85;padding-bottom:5px;max-width:360px;color:var(--muted)}.collection-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}.collection-heading>span{font-size:11px;color:var(--muted)}.model-tabs{display:flex;border-bottom:1px solid var(--line);gap:8px;padding-bottom:12px;overflow:auto}.model-tabs button{border:1px solid var(--line);border-radius:30px;white-space:nowrap;padding:10px 24px;font-size:12px}.model-tabs button:hover{background:#eeede6}.model-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.workbench{display:grid;grid-template-columns:290px minmax(0,1fr);background:var(--white);border:1px solid var(--line);margin-top:18px;min-height:570px}.model-panel{padding:32px 27px;border-right:1px solid var(--line);display:flex;flex-direction:column}.model-panel h2{font-size:43px;margin:14px 0 20px}.model-panel>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8}.model-panel .eyebrow{font-size:9px;line-height:1.8;color:var(--muted)}.feature-list{padding:0;list-style:none;margin:23px 0;font-size:11px}.feature-list li{padding:9px 0;border-top:1px solid var(--line)}.feature-list li::before{content:'';margin-right:9px;color:var(--warm);display:inline-block;width:.78em;height:.78em;vertical-align:-.04em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5 12 4M5.5 4H12v6.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5 12 4M5.5 4H12v6.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat}.panel-note{margin-top:auto;padding-top:15px}.tiny-label{font-size:8px;letter-spacing:.15em;font-weight:600}.panel-note p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:7px}.download{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.download span{color:var(--muted)}.model-view{min-width:0;display:flex;flex-direction:column}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:10px}.stage-top{border-bottom:1px solid var(--line)}.stage-top>span{font-size:11px;letter-spacing:.07em;text-transform:uppercase}.stage-options{display:flex;gap:20px;align-items:center}.stage-options label,.context-select{display:flex;gap:7px;align-items:center;color:var(--muted)}select{border:0;background:transparent;max-width:145px;padding:4px 1px;color:var(--ink);font-size:10px}.stage{position:relative;flex:1;min-height:400px;background:#eeede6;overflow:hidden;background-size:cover;background-position:center}.stage.photo-context::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(247,246,240,.8),rgba(247,246,240,.12) 60%);pointer-events:none;z-index:0}.stage canvas{position:absolute;width:100%;height:100%;display:block;touch-action:none;z-index:1}.model-poster{position:absolute;width:100%;height:100%;object-fit:cover;z-index:2;transition:opacity .25s}.stage.ready .model-poster{opacity:0;pointer-events:none}.loading{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#eeede6a6;font-size:12px;backdrop-filter:blur(3px)}[hidden]{display:none!important}.spinner{width:23px;height:23px;border:1px solid #c7d0c1;border-top-color:var(--ink);border-radius:50%;animation:spin 1s linear infinite}progress{width:120px;height:3px;accent-color:var(--accent)}.error{position:absolute;inset:auto 20px 25px;background:var(--paper);border:1px solid var(--line);padding:20px;z-index:4;box-shadow:0 8px 30px #283c3514}.error h3{font-size:16px}.error p{font-size:12px;margin:7px 0 13px}.error button{border:1px solid var(--ink);padding:7px 12px;font-size:11px}.context-note{position:absolute;left:18px;top:16px;z-index:2;background:#f7f6f0ee;padding:6px 9px;font-size:9px}.stage-bottom{border-top:1px solid var(--line);color:var(--muted);padding-block:9px}.view-buttons{display:flex;gap:8px;padding:0 20px 15px;flex-wrap:wrap}.view-buttons button{font-size:10px;border:1px solid var(--line);padding:6px 10px}.view-buttons button[aria-pressed=true]{background:#e0e5dc;border-color:var(--green)}.inspection-panel{display:grid;grid-template-columns:1fr 1.45fr;gap:50px;border:1px solid var(--line);border-top:0;padding:29px 32px;background:#e9ece4}.inspection-label .eyebrow{font-size:8px;color:var(--muted)}.inspection-label h3{font:30px/1.1 var(--serif);margin-top:8px}.inspection-label p{font-size:11px;color:var(--muted);margin-top:9px}.slider-head{display:flex;justify-content:space-between;align-items:center;font-size:11px}.slider-head button{padding:0}.slider-head output{font-size:10px;color:var(--muted)}input[type=range]{width:100%;height:3px;margin:20px 0 23px;accent-color:var(--ink);cursor:ew-resize}.inspection-actions{display:flex;align-items:center;gap:12px;font-size:10px}.inspection-actions button{padding:9px 15px;border:1px solid #c7d0c1}.inspection-actions .primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.primary span{font-size:9px;margin-right:8px}.inspection-actions a{margin-left:auto;font-size:9px}.inspection-actions button[aria-pressed=true]{background:#e0e5dc}.model-footnote{display:flex;justify-content:space-between;gap:25px;margin:12px 0;font-size:9px;color:var(--muted)}.model-footnote p:last-child{text-align:right}.designs,.archive{padding-block:82px}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:end;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:15px;color:var(--muted)}.section-heading>p{max-width:460px;color:var(--muted);font-size:13px;line-height:1.9}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}.design-card{border-top:1px solid var(--line);padding-top:12px;text-align:left}.design-card>button{display:block;width:100%;text-align:left;padding:0}.design-card img{aspect-ratio:4/3;object-fit:cover;background:#eeede6;width:100%;transition:filter .3s}.design-card button:hover img{filter:brightness(1.035)}.design-card .card-meta{display:flex;justify-content:space-between;margin:13px 0 7px;font-size:9px;color:var(--muted)}.design-card h3{font:29px/1.1 var(--serif);margin-bottom:9px}.design-card p{font-size:11px;color:var(--muted);line-height:1.8;max-width:350px}.design-card .explore{display:block;font-size:10px;margin-top:13px}.story{background:var(--green);color:#f6f5ee;padding-block:70px}.story-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:100px}.story .eyebrow{color:#d0d9cd;margin-bottom:22px}.story h2{font-size:68px}.story em{color:#c5d2bb}.story-copy p{font-size:14px;line-height:1.9;color:#d5dfd6;max-width:580px}.story-copy p+p{margin-top:19px;font-size:12px}.principles{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px;font-size:10px}.principles span{border-bottom:1px solid #ffffff35;padding-bottom:8px}.timeline{padding-block:36px;border-bottom:1px solid var(--line)}#timeline-items{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.timeline-item .year{font:35px var(--serif);color:var(--warm)}.timeline-item h3{font-size:12px;margin:5px 0 8px}.timeline-item p{font-size:10px;line-height:1.9;color:var(--muted)}.archive{padding-top:80px}.region-filter{display:flex;gap:10px;margin-bottom:25px}.region-filter button{font-size:11px;border:1px solid var(--line);padding:7px 17px;border-radius:20px}.region-filter .active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 22px}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:1.55;object-fit:cover}.gallery figure[data-region=Malaysia] img{max-width:481px;object-fit:contain;background:#eeede6}.gallery figcaption{font-size:10px;color:var(--muted);padding-top:11px}.gallery figcaption strong{display:block;color:var(--ink);font-size:13px;font-weight:400;margin-bottom:3px}.archive-note{font-size:10px;color:var(--muted);margin-top:27px}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:30px 45px;gap:20px}.footer p{font-size:10px;color:var(--muted)}.footer>a:last-child{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{text-align:center;padding:20px}.noscript a{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.stage{min-height:460px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.intro{gap:50px;grid-template-columns:1.4fr 1fr}.workbench{grid-template-columns:240px 1fr}.model-panel{padding:26px 21px}.model-panel h2{font-size:36px}.stage-top{padding-inline:14px}.stage-options{gap:10px}.inspection-panel{gap:25px;padding:25px}.inspection-actions{gap:8px}.inspection-actions button{padding-inline:10px}.section-heading,.story-inner{gap:45px}.model-footnote{display:block}.model-footnote p:last-child{text-align:left;margin-top:3px}.topbar nav{gap:24px}.archive-badge{font-size:9px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.topbar{min-height:92px;flex-wrap:wrap;gap:10px;padding-block:21px 17px}.brand{font-size:30px}.brand small{font-size:7px;margin-top:9px}.topbar nav{font-size:11px;gap:18px}.archive-badge{display:none}.intro{display:block;padding-block:40px 35px}.intro .eyebrow{font-size:8px;margin-bottom:18px}.intro h1{font-size:clamp(45px,9.5vw,68px)}.intro-copy{font-size:12px;line-height:1.8;margin-top:23px;max-width:420px}.collection-heading{padding-bottom:12px}.collection-heading .eyebrow{font-size:8px}.collection-heading>span{font-size:9px}.model-tabs{gap:6px}.model-tabs button{font-size:10px;padding:8px 16px}.workbench{display:flex;flex-direction:column;margin-top:13px}.model-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding:22px;border-right:0;border-bottom:1px solid var(--line)}.model-panel .eyebrow{grid-column:1/-1;font-size:8px}.model-panel h2{grid-column:1/-1;margin:9px 0 13px}.model-panel>p:not(.eyebrow){font-size:11px}.feature-list{margin:0;font-size:9px}.feature-list li{padding:7px 0}.panel-note{grid-column:1/-1;padding-top:15px;display:none}.download{grid-column:1/-1;margin-top:17px;padding-top:12px;font-size:10px}.stage{min-height:360px;height:clamp(320px,85vw,530px);flex:unset}.stage-top{padding:10px 13px}.stage-top>span{font-size:9px}.stage-options{font-size:9px}.stage-options select{font-size:9px}.stage-bottom{padding:10px 13px;font-size:8px;gap:8px}.context-select select{font-size:9px;max-width:110px}.view-buttons{padding:0 13px 14px;gap:6px}.view-buttons button{font-size:9px;padding:6px 9px}.inspection-panel{grid-template-columns:1fr;padding:22px;gap:18px}.inspection-label h3{font-size:27px}.inspection-label p{font-size:10px;margin-top:6px}.inspection-actions{flex-wrap:wrap;gap:8px}.inspection-actions a{font-size:8px}.model-footnote{font-size:8px;line-height:1.8}.designs,.archive{padding-block:50px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:42px}.section-heading .eyebrow{font-size:8px;margin-bottom:13px}.section-heading>p{font-size:11px;line-height:1.8;margin-top:18px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.design-card h3{font-size:25px}.design-card p{font-size:10px}.design-card .card-meta{font-size:8px;display:block}.design-card .card-meta span+span{display:block;margin-top:2px}.story{padding-block:42px}.story-inner{grid-template-columns:1fr;gap:25px}.story h2{font-size:54px}.story .eyebrow{font-size:8px;margin-bottom:16px}.story-copy p{font-size:12px}.story-copy p+p{font-size:11px}.principles{font-size:9px;gap:12px}#timeline-items{grid-template-columns:1fr 1fr;gap:27px}.timeline-item p{font-size:9px}.timeline-item h3{font-size:11px}.gallery{grid-template-columns:1fr 1fr;gap:22px 14px}.gallery figcaption{font-size:8px}.gallery figcaption strong{font-size:11px}.footer .brand{font-size:28px}.footer p{font-size:8px}.footer>a:last-child{font-size:9px}.archive-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.walk-controls{display:flex;align-items:center;gap:7px;padding:0 20px 15px;font-size:10px}.walk-controls button{border:1px solid var(--line);background:#f1f3ee;width:30px;height:28px}.walk-controls small{font-size:9px;color:var(--muted);margin-left:5px}.walk-controls>span{margin-right:5px}
body.embed .topbar,body.embed .intro,body.embed .designs,body.embed .story,body.embed .timeline,body.embed .archive,body.embed .footer{display:none}body.embed .collection{padding-block:15px;width:calc(100% - 32px)}body.embed .workbench{min-height:570px}body.embed .model-footnote{margin-bottom:0}@media(max-width:760px){body.embed .collection{width:calc(100% - 20px);padding-block:10px}}
.brand img{display:block;width:180px;height:auto;mix-blend-mode:multiply}.footer .brand img{width:160px}@media (max-width:640px){.brand img{width:140px}.footer .brand img{width:130px}}


.inspection-controls>.primary{background:var(--ink);color:var(--paper);padding:13px 19px;font-size:12px;margin-bottom:17px}.component-inspector{border:1px solid var(--line);border-top:0;padding:26px 32px;background:var(--white)}.component-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.component-heading button{font-size:10px;text-decoration:underline;text-underline-offset:4px}.component-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}.component-buttons button{border:1px solid var(--line);padding:8px 12px;font-size:11px}.component-buttons button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.component-copy{display:grid;grid-template-columns:.8fr 1.4fr 1.3fr;gap:24px;border-top:1px solid var(--line);padding-top:19px}.component-copy h3{font:27px/1.15 var(--serif)}.component-copy p{font-size:12px;line-height:1.8;color:var(--muted)}.component-copy .connection-note{font-size:11px;border-left:2px solid #c7d0c1;padding-left:18px}.model-tabs button:last-child{border-color:var(--green)}.system-message{font-size:11px}.model-footnote p{max-width:720px}@media(max-width:760px){.component-inspector{padding:22px}.component-copy{grid-template-columns:1fr;gap:12px}.component-copy h3{font-size:25px}.component-copy p{font-size:11px}.component-copy .connection-note{font-size:10px}.component-buttons button{font-size:10px}.component-heading .eyebrow{font-size:8px}}
.ico-arrow{display:inline-block;width:.78em;height:.78em;vertical-align:-.04em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5 12 4M5.5 4H12v6.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5 12 4M5.5 4H12v6.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
.explore::after{content:'';margin-left:.35em;display:inline-block;width:.78em;height:.78em;vertical-align:-.04em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5 12 4M5.5 4H12v6.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5 12 4M5.5 4H12v6.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
