:root{--bg:#f7f7f4;--ink:#0d0d0d;--muted:#858585;--line:#d9d9d4;--max:1440px;--pad:clamp(22px,4vw,64px);font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font,Arial,Helvetica,sans-serif);letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site-header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);position:sticky;top:0;background:rgba(247,247,244,.92);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:-.06em}.brand-mark span{font-weight:400}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:13px;letter-spacing:.12em}.brand-copy small{font-size:9px;margin-top:5px;letter-spacing:.16em;color:#6d6d6d}.nav{display:flex;gap:34px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--ink);transition:.25s}.nav a:hover:after{width:100%}.menu-btn{display:none;background:none;border:0;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.section-pad{padding:clamp(84px,10vw,150px) var(--pad);max-width:var(--max);margin:auto}.hero{min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;padding-top:60px;padding-bottom:50px}.hero-meta,.eyebrow{font-size:10px;letter-spacing:.19em;color:#6d6d6a}.hero-title-wrap{display:grid;grid-template-columns:70px 1fr;align-items:start;position:relative;z-index:2}.hero-index{font-size:11px;margin-top:11px;color:#83837f}.hero h1{font-size:clamp(60px,11vw,168px);line-height:.83;letter-spacing:-.065em;font-weight:500;margin:0;text-transform:uppercase}.hero h1 i{font-family:Georgia,serif;font-weight:400}.hero-bottom{display:grid;grid-template-columns:1fr 1.3fr auto;gap:40px;align-items:end;max-width:900px;position:relative;z-index:2}.thai-lead{font-size:clamp(14px,1.5vw,20px);line-height:1.6;margin:0}.hero-note{font-size:13px;line-height:1.65;color:#5d5d59;max-width:450px;margin:0}.scroll-link{font-size:10px;text-transform:uppercase;letter-spacing:.16em;white-space:nowrap}.hero-orbit{position:absolute;width:45vw;height:45vw;max-width:620px;max-height:620px;border:1px solid #cdcdc7;border-radius:50%;right:-10vw;top:18%;opacity:.9}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #d9d9d4;border-radius:50%;inset:9%}.hero-orbit:after{inset:19%}.section-grid{display:grid;grid-template-columns:180px 1fr;gap:50px;border-top:1px solid var(--line)}.manifesto h2{font-size:clamp(36px,6vw,82px);line-height:.95;letter-spacing:-.05em;font-weight:500;margin:0 0 65px}.manifesto h2 span{font-family:Georgia,serif;font-style:italic}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:880px}.manifesto-grid p{font-size:14px;line-height:1.75;margin:0;color:#555551}.values{border-top:1px solid var(--line)}.value-list{border-top:1px solid var(--line);margin-top:38px}.value-row{display:grid;grid-template-columns:60px 1fr 1.1fr;align-items:center;border-bottom:1px solid var(--line);padding:22px 0}.value-row span{font-size:10px;color:#777}.value-row strong{font-size:clamp(20px,2.7vw,34px);font-weight:500;letter-spacing:-.04em}.value-row em{font-size:13px;color:#767671;font-style:normal}.work{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section-head h2{font-size:clamp(38px,5.2vw,72px);font-weight:500;letter-spacing:-.055em;line-height:.9;margin:18px 0 0}.section-head h2 span{font-family:Georgia,serif;font-style:italic}.section-head p{max-width:280px;font-size:12px;line-height:1.6;color:#777}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px 34px}.project-large{grid-row:span 2}.project-wide{grid-column:1 / -1}.project-image{width:100%;display:block;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.placeholder{background:#e7e7e2;aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.project-large .placeholder{aspect-ratio:1/1.12}.project-wide .placeholder{aspect-ratio:2.4/1}.placeholder:before{content:"";position:absolute;width:55%;height:70%;border:1px solid #c5c5bf;transform:rotate(-8deg)}.placeholder:after{content:"";position:absolute;width:35%;height:45%;border:1px solid #c8c8c2;transform:rotate(11deg)}.placeholder span,.placeholder small{position:relative;z-index:2}.placeholder span{font-size:13px;letter-spacing:.16em}.placeholder small{font-size:9px;color:#888;letter-spacing:.18em}.project-info{display:grid;grid-template-columns:40px 1fr;gap:8px;padding-top:17px}.project-info>span{font-size:10px;color:#858580}.project-info h3{font-size:18px;font-weight:500;margin:0 0 6px}.project-info p{font-size:11px;color:#858580;margin:0}.process-line{font-size:clamp(36px,6vw,88px);line-height:1;letter-spacing:-.06em;display:flex;flex-wrap:wrap;gap:12px 22px;align-items:baseline}.process-line span:nth-child(even){font-family:Georgia,serif;font-style:italic;font-size:.55em;color:#858580}.tools-grid{border-top:1px solid var(--line);margin-top:80px;padding-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.tools-grid small,.label{font-size:9px;letter-spacing:.18em;color:#888}.tools-grid h3{font-size:clamp(25px,3vw,42px);font-weight:500;letter-spacing:-.05em;margin:15px 0 0}.tools-grid p{font-size:13px;line-height:1.7;max-width:390px;color:#62625d}.business{border-top:1px solid var(--line)}.business-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-top:55px}.big-label{font-size:clamp(90px,15vw,220px);line-height:.7;letter-spacing:-.1em}.business-grid p{font-size:11px;margin:30px 0 0;text-transform:uppercase;letter-spacing:.16em;color:#777}.business-grid h3{font-size:clamp(28px,4vw,58px);line-height:.95;font-weight:500;letter-spacing:-.06em;margin:20px 0 0}.team{border-top:1px solid var(--line)}.team-lockup{display:flex;justify-content:space-between;align-items:end;gap:60px}.team-word{font-size:clamp(84px,16vw,210px);line-height:.78;letter-spacing:-.09em}.team-lockup p{max-width:350px;font-size:14px;line-height:1.7;color:#666661;margin:0 0 5px}.contact{border-top:1px solid var(--line);padding-bottom:35px}.contact-main{margin-top:80px}.contact h2{font-size:clamp(54px,9vw,132px);line-height:.82;letter-spacing:-.075em;font-weight:500;margin:0 0 60px}.contact h2 i{font-family:Georgia,serif;font-weight:400}.email{font-size:clamp(18px,2.4vw,34px);border-bottom:1px solid var(--ink);padding-bottom:6px}.contact-foot{margin-top:120px;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;color:#777}.modal{display:none;position:fixed;inset:0;z-index:50}.modal.is-open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.modal-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(860px,90vw);background:#eee;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;cursor:pointer;z-index:2}.modal-art{aspect-ratio:16/10;background:#dfdfda;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.modal-art:before{content:"";width:38%;height:65%;border:1px solid #c0c0bb;transform:rotate(-8deg);position:absolute}.modal-art span,.modal-art small{position:relative;z-index:2}.modal-art span{font-size:14px;letter-spacing:.18em}.modal-art small{font-size:9px;color:#85857f;letter-spacing:.12em;margin-top:10px}
@media (max-width:900px){.nav{display:none}.menu-btn{display:block}.hero-title-wrap{grid-template-columns:42px 1fr}.hero-bottom{grid-template-columns:1fr;gap:15px}.scroll-link{display:none}.section-grid{grid-template-columns:1fr;gap:35px}.manifesto-grid,.tools-grid,.business-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr;gap:50px 20px}.project-large{grid-row:auto}.project-wide{grid-column:1 / -1}.business-grid{gap:70px}.team-lockup{display:block}.team-lockup p{margin-top:50px}.contact-main{margin-top:55px}.contact-foot{margin-top:75px}}
@media (max-width:600px){.site-header{height:68px}.hero{min-height:calc(100svh - 68px);padding-top:40px}.hero h1{font-size:18vw}.section-pad{padding-top:82px;padding-bottom:82px}.section-head{display:block}.section-head p{margin-top:22px}.project-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.project-wide .placeholder,.project-large .placeholder,.placeholder{aspect-ratio:4/4.6}.value-row{grid-template-columns:35px 1fr}.value-row em{grid-column:2;margin-top:8px}.process-line{gap:10px}.contact h2{font-size:17vw}.contact-foot{font-size:8px}}