@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600&display=swap');
:root{--paper:#edece5;--ink:#242720;--gold:#d5c69e;--gold-ink:#776747;--line:#c7c9bd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans Thai',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold-ink);outline-offset:6px}header{padding:28px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font-size:29px;letter-spacing:-1.5px;font-weight:700}.wordmark span{color:var(--gold-ink)}nav{display:flex;gap:35px;font-size:14px}nav a:hover{color:var(--gold-ink)}nav a:last-child{border-bottom:1px solid;padding-bottom:5px}section{padding:70px 5%}.hero{padding-top:30px}.eyebrow{font-size:13px;letter-spacing:1.5px;display:flex;justify-content:space-between}.hero h1{font-size:clamp(64px,10.7vw,165px);font-weight:500;letter-spacing:-.065em;line-height:1.03;margin:66px 0 40px}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;color:var(--gold-ink)}.hero-bottom{display:flex;justify-content:space-between;align-items:center}.hero-bottom p{line-height:1.8;font-size:19px}.hero-note{font-size:15px!important;color:#616558}.round-link{width:62px;height:62px;border:1px solid #72786b;border-radius:50%;display:grid;place-items:center;font-size:29px;transition:.2s}.round-link:hover{background:var(--ink);color:var(--paper)}.work{padding-top:35px}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:35px}.section-head h2{font-size:36px;font-weight:500;letter-spacing:-1.3px;line-height:1.2;margin:0}.section-head h2 span{display:block;font-size:14px;letter-spacing:0;font-weight:400;margin-top:12px}.index,.small-label{font-size:13px;letter-spacing:1px}.project-list>a{display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);padding:28px 0}.project-list>a:first-child{border-top:1px solid var(--line)}.num{font-size:13px;align-self:start;padding-top:6px}.project-list h3{font-size:30px;font-weight:500;letter-spacing:-.7px;margin:0 0 10px}.project-list p{font-size:14px;margin:0;color:#626658;line-height:1.6}.project-list p span{margin-left:24px}.arrow{font-size:27px;margin-left:auto}.project-list a:hover h3{color:var(--gold-ink)}.practice{background:#e8e1ce;padding-top:80px;padding-bottom:85px}.practice .section-head h2{font-size:clamp(32px,4.7vw,68px);letter-spacing:-2px}.practice-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:55px 0}.practice-intro p:first-child{font-size:27px;line-height:1.65}.practice-intro p{margin:0;line-height:1.95}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.services article{border-top:1px solid #aab19e;padding-top:24px}.services article>span{font-size:12px;letter-spacing:1.2px}.services h3{font-size:22px;font-weight:500;margin:23px 0 10px}.services p{font-size:16px;line-height:1.9;color:#4b5145;margin:0}.statement{text-align:center;padding:100px 5%;border-bottom:1px solid var(--line)}.statement>span{font-size:12px;letter-spacing:2px}.statement p{font-size:clamp(28px,4.6vw,66px);line-height:1.55;margin:30px 0 0;font-weight:500}.statement p span{color:var(--gold-ink)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:85px;padding-bottom:95px}.contact h2{font-size:clamp(60px,7vw,100px);font-weight:500;line-height:1.08;letter-spacing:-5px;margin:30px 0 0}.contact-info>p{line-height:1.9;font-size:19px}.contact-button{display:flex;justify-content:space-between;gap:20px;background:var(--gold);color:var(--ink);padding:20px 22px;margin:27px 0}.contact-button:hover{background:#c5b384}.contact-hint{font-size:14px!important;color:#626658}footer{padding:30px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child{font-size:13px}.project-photo{margin:0 0 42px}.project-photo img{display:block;width:100%;height:clamp(300px,51vw,700px);object-fit:cover}.project-photo figcaption{display:flex;justify-content:space-between;gap:20px;font-size:13px;line-height:1.7;margin-top:15px;color:#626658}.project-photo figcaption strong{font-size:20px;color:var(--ink);font-weight:500}@media(min-width:1500px){main,header,footer{max-width:1700px;margin:auto}}@media(max-width:700px){header{padding:22px 6%}.wordmark{font-size:23px}nav{gap:18px;font-size:13px}nav a:nth-child(2){display:none}section{padding:50px 6%}.hero{padding-top:24px}.eyebrow{font-size:11px;letter-spacing:.8px}.hero h1{margin:60px 0 30px;font-size:clamp(60px,13vw,92px)}.hero-bottom p{font-size:16px}.hero-note{display:none}.round-link{width:46px;height:46px;font-size:24px}.section-head h2{font-size:28px}.work{padding-top:22px}.project-list>a{gap:20px;padding:24px 0}.project-list h3{font-size:24px}.project-list p span{display:block;margin:5px 0 0}.practice{padding:55px 6%}.practice .section-head{gap:20px;flex-direction:column}.practice .section-head h2{letter-spacing:-1px}.practice-intro{grid-template-columns:1fr;gap:22px;margin:35px 0}.practice-intro p:first-child{font-size:24px}.services{grid-template-columns:1fr;gap:30px}.services h3{margin-top:17px}.statement{padding:65px 6%}.contact{grid-template-columns:1fr;gap:20px;padding:60px 6%}.contact h2{letter-spacing:-3px}.contact-info>p{font-size:17px}footer{flex-wrap:wrap;padding:25px 6%}footer p{order:3;flex-basis:100%;margin:0}.project-photo figcaption{flex-direction:column;gap:5px}.project-photo img{height:370px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.instagram-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.instagram-card{margin:0;min-width:0}.instagram-window{position:relative;overflow:hidden;aspect-ratio:1;background:#dce0d3}.instagram-window img{position:absolute;display:block;max-width:none;width:306.9565%;height:auto;left:var(--crop-x);top:var(--crop-y)}.instagram-card h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:17px 0 5px}.instagram-card p{font-size:14px;line-height:1.7;color:#626658;margin:0}.instagram-card a{display:block}.instagram-card a:hover{opacity:.9}.gallery-note{font-size:14px;line-height:1.8;color:#626658;margin:22px 0 40px}@media(max-width:700px){.instagram-gallery{grid-template-columns:1fr;gap:30px}.instagram-card h3{font-size:24px}}

/* Portfolio refinements */
.hero{padding-bottom:46px}.hero h1{font-size:clamp(64px,9.1vw,136px);margin:42px 0 28px}.hero-bottom p{margin:0}.work{padding-top:28px;padding-bottom:80px}.section-head{align-items:center}.section-head .index{color:#626658}.feature-image{position:relative;overflow:hidden;background:#252720}.feature-image img{height:auto;aspect-ratio:2048/860;object-fit:cover}.feature-label{position:absolute;left:22px;top:22px;z-index:1;background:var(--paper);color:var(--ink);padding:11px 15px;font-size:12px;letter-spacing:1px}.project-photo{margin-bottom:52px}.project-photo figcaption{font-size:14px;gap:24px;margin-top:20px}.project-photo figcaption strong{font-size:28px;letter-spacing:-.5px}.project-photo figcaption a{text-decoration:underline;text-underline-offset:4px}.instagram-gallery{gap:30px}.instagram-card{position:relative}.instagram-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px}.project-number{font-size:12px;letter-spacing:1px;color:#626658}.instagram-card h3{margin:7px 0 4px;font-size:27px}.card-arrow{font-size:25px;transition:transform .2s}.instagram-card:focus-within .card-arrow,.instagram-card:hover .card-arrow{transform:translate(3px,-3px)}.instagram-card a::after{content:"";position:absolute;inset:0;z-index:2}.instagram-card a:focus-visible{outline:none}.instagram-card:focus-within{outline:2px solid var(--gold-ink);outline-offset:8px}.instagram-card a:hover{opacity:1}.gallery-note{border-bottom:1px solid var(--line);padding-bottom:24px;margin:28px 0 0}.project-list>a:first-child{border-top:0}.project-list>a{padding:28px 0}.project-list h3{font-size:26px}.project-list .num{padding-top:4px}.hero .eyebrow{gap:16px;flex-wrap:wrap}
@media(max-width:700px){.hero{padding-bottom:34px}.hero h1{font-size:clamp(54px,12.6vw,88px);margin:36px 0 25px}.hero .eyebrow{font-size:12px;letter-spacing:.3px}.section-head{gap:16px}.section-head .index{font-size:12px;white-space:nowrap}.feature-label{top:12px;left:12px;padding:8px 10px;font-size:12px;letter-spacing:.2px}.feature-image img{height:auto;aspect-ratio:4/3}.project-photo{margin-bottom:36px}.project-photo figcaption strong{font-size:25px}.project-photo figcaption{gap:12px}.instagram-gallery{gap:36px}.instagram-card figcaption{padding-top:15px}.instagram-card h3{font-size:25px}.work{padding-bottom:50px}.gallery-note{font-size:13px}.project-list h3{font-size:23px}.hero-bottom{gap:14px}.round-link{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.card-arrow{transition:none}}

.feature-image img{object-position:50% 50%}@media(max-width:700px){.feature-image img{aspect-ratio:4/3;object-position:50% 50%}}

/* Supplied light and dark brand marks */
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}.brand-logo{display:block;width:142px;height:auto}.wordmark span{color:inherit}header{gap:24px}footer{background:#242720;color:#edece5;border-top:1px solid #4c4b3e;padding-top:38px;padding-bottom:38px}footer .brand-logo{width:160px}footer>a:last-child{color:var(--gold)}footer a:focus-visible{outline-color:var(--gold)}.contact-button:focus-visible{outline-color:var(--gold-ink)}.statement p span{color:var(--gold-ink)}@media(max-width:700px){.brand-logo{width:112px}footer .brand-logo{width:134px}header{gap:16px}nav{gap:16px}}@media(max-width:360px){header{flex-wrap:wrap}nav{flex-wrap:wrap}}

.project-cover{aspect-ratio:3/2;overflow:hidden}.project-cover img,.project-cover video{display:block;width:100%;height:100%;object-fit:cover}.project-cover video{pointer-events:none}.album{padding-top:35px}.album-back{font-size:14px;text-decoration:underline;text-underline-offset:5px}.album-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:42px 0 32px}.album-heading h1{font-size:clamp(40px,6vw,80px);font-weight:500;letter-spacing:-2px;margin:14px 0 0}.album-heading p{font-size:14px;color:#626658}.album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;align-items:start}.album-grid figure{margin:0}.album-grid figure:first-child{grid-column:1/-1}.album-grid img{display:block;width:100%;height:auto}.album-grid a{display:block}.album-grid figcaption{font-size:12px;letter-spacing:1px;color:#626658;margin-top:10px}@media(max-width:700px){.album-heading{align-items:start;flex-direction:column;gap:4px;margin-top:30px}.album-grid{grid-template-columns:1fr;gap:24px}.album-heading .eyebrow{font-size:12px}}

.maison-grid figure:first-child{grid-column:auto}

/* Match the supplied panoramic Sataa Resort crop. */
@media(min-width:701px){.feature-image img{aspect-ratio:2048/703}}