*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fdfdfb;color:#222320;font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bd3829;outline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}p{margin-bottom:1.2em}h1,h2,h3{line-height:1.04;letter-spacing:-.055em;font-weight:500}h1{font-size:clamp(52px,7.8vw,126px)}h2{font-size:clamp(38px,5.1vw,80px)}h3{font-size:clamp(25px,2.7vw,43px)}small,.eyebrow{font-size:11px;letter-spacing:.09em;text-transform:uppercase}.eyebrow{display:block;margin-bottom:30px;color:#b13729}.lead{font-size:clamp(18px,1.7vw,27px);line-height:1.5;letter-spacing:-.02em}.section{padding:100px 5vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px;gap:30px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.text-link{display:inline-block;border-bottom:1px solid;padding:7px 0;margin-top:18px;font-size:14px}.text-link:hover{color:#b13729}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:#bd3829;color:white;border:1px solid #bd3829;padding:16px 24px;font-size:14px;transition:background .2s}.button:hover{background:#96291e}.button.light{background:white;color:#222;border-color:white}.button.light:hover{background:#eee}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:0}
header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 3vw;background:#fdfdfb;position:relative;z-index:20;border-bottom:1px solid #ddd}.logo{display:flex;align-items:center;gap:15px}.monogram{font-size:54px;letter-spacing:-7px;line-height:1}.monogram span{color:#bd3829}.brand{font-size:10px;line-height:1.45;letter-spacing:.13em}nav{display:flex;align-items:center;gap:25px}nav a{font-size:13px;position:relative;padding:8px 0}nav a.active:after{content:'';position:absolute;bottom:1px;left:0;width:100%;height:2px;background:#bd3829}nav a:hover{color:#bd3829}.header-actions{display:flex;align-items:center;gap:25px;font-size:12px}.enquire{border-bottom:1px solid;padding-bottom:6px}.language{font-size:11px}.menu{display:none}
.hero{position:relative;height:min(800px,calc(100svh - 100px));min-height:570px;overflow:hidden;background:#20221e;color:#fff}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.43),transparent 85%),linear-gradient(0deg,rgba(0,0,0,.68),transparent 45%)}.hero-top{position:absolute;top:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.12em}.hero-top h1{font-size:14px;font-weight:400;letter-spacing:.04em;line-height:1.5}.hero-type{position:absolute;left:4.5vw;bottom:155px;font-size:clamp(72px,10.3vw,168px);font-weight:700;line-height:.88;letter-spacing:-.065em;max-width:85%}.hero-bottom{position:absolute;bottom:55px;left:5vw;right:5vw;display:flex;align-items:end;justify-content:space-between;gap:20px}.hero-bottom p{margin:0;font-size:16px;line-height:1.5}.hero-credit{position:absolute;bottom:14px;right:5vw;font-size:9px;color:#ddd}.ticker{background:#bd3829;color:white;font-size:clamp(12px,1.4vw,22px);letter-spacing:.04em;padding:22px 5vw;text-align:center}.manifesto{display:grid;grid-template-columns:1fr 2fr;gap:6vw;border-bottom:1px solid #ddd}.manifesto .lead{margin-top:34px;max-width:870px}.manifesto>div>p:not(.lead){max-width:760px}.selected{background:#fff}.projects{display:grid;grid-template-columns:1fr 1fr;gap:65px 30px}.project-card>a{display:block}.project-card img{height:clamp(240px,30vw,485px);object-fit:cover;transition:filter .3s}.project-card:hover img{filter:brightness(.94)}.project-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #222;margin-top:17px;padding-top:15px}.project-caption h3{font-size:clamp(22px,2vw,32px);margin-top:5px;letter-spacing:-.035em}.project-caption small{font-size:10px}.project-caption>span{font-size:30px;line-height:1;color:#bd3829}.selected .project-card:nth-child(3n+1){grid-column:1/-1}.selected .project-card:nth-child(3n+1) img{height:55vw;max-height:670px}.dark-section{background:#242623;color:#fafaf7}.dark-section .eyebrow{color:#e89987}.dark-section .lead{color:#d0d3cb}.service-list{margin-top:50px}.service-list>a{display:grid;grid-template-columns:80px 1fr 35px;align-items:center;border-top:1px solid #969b9160;padding:21px 0;gap:12px}.service-list>a:last-child{border-bottom:1px solid #969b9160}.service-list>a>span{font-size:13px}.service-list>a>span:last-child{font-size:26px}.service-list>a h3{font-size:clamp(28px,3vw,46px)}.service-list>a:hover h3{transform:translateX(10px);color:#cf6250}.service-list h3{transition:transform .2s,color .2s}.feature{display:grid;grid-template-columns:1.15fr 1fr;background:#eaece7}.feature>div:first-child img{height:100%;min-height:650px;object-fit:cover}.feature-copy{padding:80px 6vw}.feature-copy p{margin-top:30px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.process>div{border-top:1px solid #222;padding-top:20px}.process h3{font-size:29px;margin:28px 0 20px}.process p{font-size:14px}.sourcing{background:#e9e5de}.sourcing>.split{margin-top:35px}.sourcing .text-link{display:block;width:max-content;max-width:100%;font-size:18px}.ideas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.ideas-grid>a{border-top:1px solid #222;padding-top:20px;min-height:210px;display:flex;flex-direction:column;align-items:start}.ideas-grid h3{font-size:29px;line-height:1.1;margin:28px 0}.ideas-grid>a>span{margin-top:auto;font-size:26px;color:#bd3829}.ideas-grid>a:hover h3{color:#bd3829}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:7vw;background:#f0f1eb}.faq h2{font-size:clamp(38px,4.2vw,65px)}details{border-top:1px solid #bbb}details:last-child{border-bottom:1px solid #bbb}summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;gap:25px;line-height:1.5;font-size:16px}summary::-webkit-details-marker{display:none}summary span{font-size:22px}details[open] summary span{transform:rotate(45deg)}details p{font-size:15px;line-height:1.7;color:#4c5148;margin-bottom:25px;padding-right:24px}.cta{display:flex;align-items:center;justify-content:space-between;gap:35px}.page-intro{padding-top:75px;padding-bottom:70px}.page-intro h1{max-width:1200px}.page-intro .lead{max-width:770px;margin-top:34px;margin-bottom:0}.work-section{padding-top:0}.filters{display:flex;gap:8px 22px;flex-wrap:wrap;border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:18px 0;margin-bottom:45px}.filters button{border:0;background:none;padding:8px 0;font-size:13px;color:#444}.filters button[aria-pressed=true]{color:#b13729;text-decoration:underline;text-underline-offset:7px}.filters sup{font-size:9px}.filter-result{font-size:12px}.project-hero,.service-photo,.about-photo{padding:0 5vw}.project-hero img{max-height:790px;width:100%;object-fit:cover}.service-photo img{height:540px;object-fit:cover}.about-photo img{height:620px;object-fit:cover}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.gallery{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.gallery figure:nth-child(3n+1){grid-column:1/-1}.gallery img{width:100%;max-height:850px;object-fit:contain;background:#eee}.gallery figcaption{display:flex;justify-content:space-between;padding-top:15px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.deliverables{list-style:none;counter-reset:deliver;margin:0;padding:0}.deliverables li{counter-increment:deliver;display:flex;gap:28px;border-top:1px solid #bbb;padding:23px 0;font-size:20px}.deliverables li:before{content:'0' counter(deliver);font-size:12px;padding-top:7px;color:#b13729}.brief{background:#e9e5de}.brief p{margin-top:30px;max-width:850px}.related-services .service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.related-services .service-list h3{font-size:24px}.related-services .service-list>a{grid-template-columns:35px 1fr 25px}.article{max-width:1000px;margin:auto}.article section{margin-bottom:50px}.article h2{font-size:35px;margin-bottom:25px}.article p{font-size:18px;line-height:1.85}.contact{display:grid;grid-template-columns:1fr 1.3fr;gap:10vw;padding-top:0}.contact>div>p{max-width:350px;margin-top:25px}.contact .text-link{display:block;width:max-content;max-width:100%}.contact label{display:block;font-size:13px;margin-bottom:22px}input,textarea,select{display:block;width:100%;border:0;border-bottom:1px solid #777;background:#f3f3ef;padding:14px;margin-top:7px;border-radius:0;color:#222}textarea{resize:vertical}.form-note{font-size:13px;color:#555}.contact #draft-result{margin-top:30px}.contact button:not(.button){border:1px solid;padding:10px;background:none;margin-top:15px}footer{background:#222320;color:#f5f4ed;padding:75px 5vw 20px}.footer-title{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:65px;border-bottom:1px solid #666}.footer-title p{font-size:clamp(35px,4.3vw,67px);letter-spacing:-.04em;line-height:1.1;margin:0}.footer-grid{display:grid;grid-template-columns:1.2fr .5fr 1fr;gap:7vw;padding:55px 0;font-size:13px}.footer-grid b{font-size:13px;letter-spacing:.08em}.footer-grid p{margin-top:17px;max-width:370px}.footer-grid>div:nth-child(2) a{display:block;padding:3px 0}.fineprint{display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#c1c4bb;border-top:1px solid #666;padding-top:20px}.lightbox{position:fixed;inset:0;border:0;padding:55px 4vw;background:#171815;color:white;max-width:none;max-height:none;width:100%;height:100%;z-index:100}.lightbox::backdrop{background:#111}.lightbox img{height:calc(100vh - 130px);object-fit:contain}.lightbox button{position:absolute;right:25px;top:15px;background:transparent;color:white;border:1px solid #aaa;padding:8px 20px}.lightbox p{text-align:center;font-size:13px;margin-top:10px}[hidden]{display:none!important}
@media(min-width:1600px){.section,footer{padding-left:max(5vw,calc((100vw - 1450px)/2));padding-right:max(5vw,calc((100vw - 1450px)/2))}}
@media(max-width:1050px){header{height:85px;gap:15px}.brand{font-size:8px}.monogram{font-size:43px}nav{gap:15px}.header-actions{gap:18px}.enquire{display:none}.hero{height:700px;min-height:570px}.process{grid-template-columns:1fr 1fr}.feature-copy{padding:60px 5vw}.feature>div:first-child img{min-height:540px}.service-list>a{grid-template-columns:45px 1fr 30px}.section{padding-top:75px;padding-bottom:75px}.hero-type{font-size:12vw}.ideas-grid h3{font-size:25px}}
@media(max-width:700px){header{height:78px;padding:0 5vw}.logo{gap:12px}.brand{font-size:8px}.monogram{font-size:42px}.header-actions{margin-left:auto}.menu{display:block;border:0;background:none;font-size:12px;order:3;padding:10px}.header-actions{order:2}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fdfdfb;padding:25px 5vw;border-bottom:1px solid #ddd;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px 0;font-size:19px}.hero{height:calc(100svh - 78px);min-height:580px;max-height:900px}.hero>img{object-position:57% center}.hero-top{top:22px;flex-direction:column;gap:9px}.hero-top h1{font-size:13px}.hero-top>span{font-size:8px;letter-spacing:.06em}.hero-type{font-size:16vw;bottom:235px;left:5vw;line-height:.96;max-width:95%;letter-spacing:-.065em}.hero-bottom{bottom:65px;align-items:start;flex-direction:column;gap:25px}.hero-bottom p{font-size:15px}.hero-credit{font-size:8px;left:5vw;right:auto;bottom:20px}.ticker{font-size:10px;padding:18px 3vw;letter-spacing:.01em}.section{padding:60px 6vw}.manifesto,.split,.faq,.project-story,.contact{grid-template-columns:1fr;gap:30px}.manifesto>.eyebrow{margin-bottom:0}.manifesto .lead{margin-top:25px}.section-heading{align-items:start;flex-direction:column;gap:15px}.projects{grid-template-columns:1fr;gap:37px}.project-card img{height:65vw;max-height:none}.selected .project-card:nth-child(3n+1) img{height:76vw}.project-caption{margin-top:12px}.project-caption h3{font-size:26px}.project-caption small{font-size:9px}.feature{grid-template-columns:1fr}.feature>div:first-child img{min-height:0;height:85vw}.feature-copy{padding:55px 6vw}.process{grid-template-columns:1fr;gap:20px;margin-top:30px}.process>div{display:grid;grid-template-columns:90px 1fr;gap:15px}.process h3{margin:0;font-size:27px}.process p{grid-column:2;margin:0}.process small{font-size:9px;padding-top:6px}.ideas-grid{grid-template-columns:1fr;gap:30px}.ideas-grid>a{min-height:150px}.ideas-grid h3{font-size:28px;margin:18px 0}.cta{flex-direction:column;align-items:start}.page-intro{padding-top:50px}.page-intro h1{font-size:53px;overflow-wrap:anywhere}.page-intro .lead{font-size:18px;margin-top:25px}.project-hero,.service-photo,.about-photo{padding:0}.project-hero img{max-height:520px;min-height:260px;object-fit:cover}.service-photo img,.about-photo img{height:78vw}.gallery{grid-template-columns:1fr}.gallery figure{grid-column:auto!important}.gallery img{max-height:none}.filters{gap:4px 18px;margin-bottom:30px}.filters button{font-size:12px}.work-section{padding-top:0}.deliverables li{font-size:18px}.related-services .service-list{grid-template-columns:1fr}.contact{padding-top:0}.contact .text-link{font-size:14px;overflow-wrap:anywhere}.article h2{font-size:29px}.article p{font-size:17px}.footer-title{flex-direction:column;align-items:start;padding-bottom:35px}.footer-grid{grid-template-columns:1fr;gap:27px}.footer-grid>div:nth-child(2){display:flex;gap:18px;flex-wrap:wrap}.fineprint{flex-direction:column;gap:10px}.service-list>a h3{font-size:27px}.service-list>a{grid-template-columns:35px 1fr 25px}.eyebrow{font-size:10px;margin-bottom:25px}}
.about-photo{background:#151515;padding:0 5vw}.about-photo img{height:auto;max-height:800px;object-fit:contain}.archive-list>a{display:grid;grid-template-columns:100px 1fr 25px;gap:25px;border-top:1px solid #ccc;padding:18px 0}.archive-list time{font-size:11px;color:#666}.archive-list b{color:#bd3829}@media(max-width:700px){.about-photo{padding:0}.about-photo img{height:auto}.archive-list>a{grid-template-columns:1fr 25px;gap:5px 15px}.archive-list time{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* A quieter publication system, with the projects carrying the narrative. */
:root{--ink:#26352f;--paper:#f8f7f2;--metal:#82694e}body{background:var(--paper);color:var(--ink)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em;font-weight:400}h2 em{font-weight:400;color:#7c806e}h1{font-size:clamp(48px,6.6vw,100px)}h2{font-size:clamp(36px,4.5vw,70px);line-height:1.12}p{line-height:1.8}.lead{font-size:21px;line-height:1.65;letter-spacing:0}.eyebrow{color:var(--metal);font-size:9px;letter-spacing:.17em}.section{padding-top:115px;padding-bottom:115px}header{height:95px;background:var(--paper);border-color:#d9dcd2;padding:0 4vw}.monogram{display:none}.brand{font-size:12px;letter-spacing:.2em;line-height:1.7}.logo:before{content:'I / J';font-family:Georgia,serif;font-size:30px;border-right:1px solid #bfc4b8;padding-right:23px;margin-right:8px}.logo{gap:13px}nav a{font-size:12px}nav a.active:after{background:var(--metal)}.header-actions{gap:22px}.enquire{font-size:11px}.button{background:var(--ink);border-color:var(--ink);padding:17px 27px}.button:hover{background:#415147}.text-link:hover{color:var(--metal)}.project-caption>span,.ideas-grid>a>span{color:var(--metal)}.project-caption{border-color:#aab3a5}.project-caption h3{font-size:30px}.project-caption small{font-size:9px;letter-spacing:.12em}.project-card img{filter:saturate(.93)}.project-card:hover img{filter:saturate(1)}footer{background:#24332c}.footer-title p{font-family:Georgia,serif;letter-spacing:-.035em}.faq{background:#eceee5}.faq h2{font-size:48px}.page-intro h1{max-width:1100px}.page-intro{padding-top:85px}.page-intro .lead{max-width:740px}.service-list>a h3{font-size:35px}.service-list>a:hover h3{color:var(--metal)}.process h3{font-size:29px}.brief{background:#eae8df}.project-story{border-bottom:1px solid #ddd}.ideas-grid h3{font-size:29px}.filters button[aria-pressed=true]{color:var(--metal)}.fineprint{color:#d1d4c7}
.atelier-hero{display:grid;grid-template-columns:35% 65%;background:#26372f;color:#f5f4eb;min-height:700px;height:calc(100svh - 95px);max-height:930px}.atelier-copy{padding:55px 3.5vw 28px 4vw;display:flex;flex-direction:column;position:relative;z-index:1}.atelier-copy .eyebrow{color:#c4c4a6;font-size:8px;letter-spacing:.12em;margin-bottom:38px}.atelier-copy h1{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.05em;line-height:1.65;text-transform:uppercase}.hero-thought{font:clamp(38px,4.4vw,74px)/1.13 Georgia,serif;letter-spacing:-.045em;margin:38px -5vw 23px 0;max-width:470px;text-wrap:balance}.hero-description{font-size:13px;max-width:290px;color:#cfd4c5;line-height:1.85;margin-bottom:30px}.atelier-link{font-size:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6d7b6e;padding:15px 0;max-width:230px}.atelier-link span{font-size:20px}.atelier-index{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.07em;margin-top:auto;padding-top:30px;color:#c7cebc}.atelier-index span:last-child{max-width:145px;text-align:right}.atelier-visual{min-width:0;position:relative}.atelier-visual img{height:100%;width:100%;object-fit:cover;object-position:48% center}.atelier-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 3vw 21px;display:flex;justify-content:space-between;gap:15px;background:linear-gradient(transparent,rgba(0,0,0,.65));font-size:8px;letter-spacing:.1em}
.opening-note{text-align:center;max-width:1250px;margin:auto;padding:130px 8vw}.opening-note h2{font-size:clamp(38px,4.7vw,74px);line-height:1.18}.opening-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:850px;margin:45px auto 0;text-align:left;font-size:14px;color:#525d50}.editorial-work{background:#efeee7}.editorial-work>.section-heading{margin-bottom:80px}.work-story{display:grid;grid-template-columns:1.8fr 1fr;gap:6vw;align-items:center;margin-bottom:105px}.work-story:last-child{margin-bottom:0}.story-image{display:block}.story-image img{height:520px;object-fit:cover}.story-copy{max-width:345px}.story-copy .eyebrow{font-size:9px}.story-copy h3{font-size:clamp(30px,3vw,46px);line-height:1.15;margin-bottom:24px}.story-copy p{font-size:14px;color:#5c6459}.story-1{grid-template-columns:1fr 1.6fr;max-width:1150px;margin-left:auto}.story-1 .story-image{order:2}.story-1 .story-copy{order:1}.story-1 .story-image img{height:620px}.story-2{grid-template-columns:1.8fr 1fr}.story-2 .story-image img{height:460px}.indonesia-chapter{background:#24352d;color:#edeedf;padding:105px 6vw}.indonesia-title{max-width:1000px;margin:0 auto 65px;text-align:center}.indonesia-title .eyebrow{color:#c6b695}.indonesia-title h2 em{color:#c7c9ae}.indonesia-title>p{max-width:620px;margin:30px auto 0;font-size:14px;color:#cdd2c1}.indonesia-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:start}.indonesia-grid figure{position:sticky;top:25px}.indonesia-grid img{height:600px;object-fit:cover}.indonesia-grid figcaption{font-size:9px;color:#c4ccb7;padding-top:15px;letter-spacing:.05em}.local-principles>div{border-top:1px solid #647262;padding:24px 0 20px}.local-principles small{color:#bbbfa4;font-size:9px}.local-principles h3{font-size:33px;margin:18px 0;line-height:1.2}.local-principles p{font-size:14px;color:#cbd0c0}.commission{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.commission h2{font-size:clamp(36px,4vw,62px)}.commission-list>a{display:grid;grid-template-columns:25px 1fr 20px;gap:20px;border-top:1px solid #b5bcae;padding:26px 0}.commission-list>a>span{font-size:9px;color:var(--metal);padding-top:6px}.commission-list h3{font-size:30px;line-height:1.2}.commission-list p{font-size:12px;margin:12px 0 0;color:#5e665b}.commission-list b{font-weight:400}.detail-interlude{position:relative;min-height:770px;background:#222}.detail-interlude>figure{position:absolute;inset:0}.detail-interlude img{height:100%;object-fit:cover}.detail-interlude>div{position:relative;margin-left:auto;padding:70px 5vw;width:49%;min-height:770px;background:rgba(27,38,31,.93);color:#f4f3e9;display:flex;flex-direction:column;justify-content:center}.detail-interlude h2{font-size:clamp(38px,4vw,62px)}.detail-interlude em{color:#c0c5aa}.detail-interlude .eyebrow{color:#c1b090}.detail-interlude p{font-size:14px;margin-top:28px;max-width:460px;color:#d0d4c7}.detail-interlude .text-link{align-self:start}.about-beliefs{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:#edeee6}.about-beliefs article{border-top:1px solid #b4bdad;padding:25px 0}.about-beliefs h3{font-size:33px;margin-bottom:20px}.about-beliefs p{font-size:15px;color:#53614e}
@media(min-width:1700px){.atelier-copy{padding-top:80px}.hero-thought{margin-top:65px}}
@media(max-width:1050px){header{height:85px}.brand{font-size:9px}.logo:before{font-size:24px;padding-right:12px}.atelier-hero{grid-template-columns:40% 60%;height:740px;min-height:0}.atelier-copy{padding-top:40px}.hero-thought{font-size:48px;margin-top:40px;margin-right:0}.atelier-copy .eyebrow{font-size:7px}.story-image img{height:440px}.story-1 .story-image img{height:490px}.indonesia-grid{gap:5vw}.indonesia-grid img{height:620px}.detail-interlude>div{width:55%}.opening-note{padding:100px 7vw}}
@media(max-width:700px){header{height:78px}.brand{font-size:8px}.logo:before{font-size:25px;margin:0;padding-right:13px}.logo{gap:10px}.section{padding:65px 6vw}.atelier-hero{display:flex;flex-direction:column;height:auto;max-height:none}.atelier-copy{padding:34px 6vw 36px;min-height:430px}.atelier-copy .eyebrow{font-size:8px;margin-bottom:23px}.atelier-copy h1{font-size:10px}.hero-thought{font-size:49px;margin:24px 0 20px;max-width:330px;line-height:1.1}.hero-description{font-size:13px;max-width:330px;margin-bottom:15px}.atelier-link{max-width:100%;width:100%;padding:12px 0}.atelier-index{display:none}.atelier-visual{height:470px;min-height:0}.atelier-visual img{object-position:45% center}.atelier-visual figcaption{font-size:7px;padding:35px 6vw 18px}.opening-note{padding:75px 7vw;text-align:left}.opening-note h2{font-size:37px}.opening-columns{grid-template-columns:1fr;gap:0;margin-top:30px;font-size:14px}.editorial-work>.section-heading{margin-bottom:42px}.work-story,.story-1,.story-2{display:flex;flex-direction:column;gap:27px;margin-bottom:65px;align-items:stretch}.story-image,.story-1 .story-image{order:0}.story-copy,.story-1 .story-copy{order:1;max-width:none}.story-image img,.story-1 .story-image img,.story-2 .story-image img{height:80vw}.story-copy h3{font-size:35px}.story-copy .eyebrow{margin-bottom:19px}.story-copy p{font-size:14px}.indonesia-chapter{padding:70px 6vw}.indonesia-title{text-align:left;margin-bottom:35px}.indonesia-title h2{font-size:36px}.indonesia-title>p{margin-top:25px}.indonesia-grid{grid-template-columns:1fr;gap:38px}.indonesia-grid figure{position:static}.indonesia-grid img{height:90vw}.local-principles h3{font-size:31px}.commission{grid-template-columns:1fr;gap:35px}.commission h2{font-size:38px}.commission-list h3{font-size:27px}.detail-interlude{min-height:0;display:flex;flex-direction:column}.detail-interlude>figure{position:static;height:90vw}.detail-interlude>div{width:100%;min-height:0;padding:60px 6vw}.detail-interlude h2{font-size:39px}.faq h2{font-size:38px}.page-intro h1{font-size:49px}.about-beliefs{grid-template-columns:1fr;gap:35px}.about-beliefs h2{font-size:37px}.project-caption h3{font-size:27px}.footer-title p{font-size:37px}.lead{font-size:18px}.section-heading h2{font-size:39px}}
.source-story{background:#eeeee5}.source-story article{display:grid;grid-template-columns:75px 1fr;gap:30px;max-width:960px;margin:0 auto 45px;border-top:1px solid #adb7a5;padding-top:30px}.source-story h2{font-size:36px;margin-bottom:24px}.source-story p{font-size:17px}.source-story small{font-size:11px;color:#82694e}@media(max-width:700px){.source-story article{grid-template-columns:25px 1fr;gap:15px}.source-story h2{font-size:29px}.source-story p{font-size:15px}}
.skip{top:0;left:0;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}.skip:focus{clip-path:none;width:auto;height:auto;padding:15px}

/* Original SATU wordmark, with the local practice identity. */
.logo:before{content:none;display:none}.logo .satu-logo{display:block;width:125px;height:auto;object-fit:contain;flex-shrink:0}.logo .brand{border-left:1px solid #bfc4b8;padding-left:19px}@media(max-width:1050px){.logo .satu-logo{width:105px}.logo .brand{padding-left:12px}}@media(max-width:700px){.logo .satu-logo{width:94px}.logo .brand{font-size:7px;padding-left:9px}.logo{gap:9px}}