*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#ece9e2;color:#181818;font-family:Arial,Helvetica,sans-serif}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.atelier{overflow-x:hidden;width:100%}

.at-head{height:72px;position:fixed;z-index:30;inset:0 0 auto;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#ece9e2ed;backdrop-filter:blur(16px);border-bottom:1px solid #18181816}
.at-logo{font-size:12px;letter-spacing:.28em;white-space:nowrap}
.at-back,.at-next{font-size:8px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}

.at-hero{padding-top:72px;min-height:100svh;display:grid;grid-template-columns:40% 60%;background:#d9d5cd}
.at-hero-copy{padding:6vw 5vw;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.at-code{font-size:8px;letter-spacing:.2em;color:#716c64}
.at-hero h1{font:400 clamp(72px,10vw,155px)/.76 Georgia,serif;letter-spacing:-.075em;margin:0}
.at-hero h1 em{font-style:italic;color:#81786d}
.at-hero p{max-width:360px;font-size:11px;line-height:1.9;color:#67625b}
.at-hero-image{position:relative;min-height:700px;overflow:hidden}
.at-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.at-stamp{position:absolute;left:22px;bottom:22px;background:#ece9e2e8;padding:11px 13px;font-size:7px;letter-spacing:.14em}

.at-meta{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #18181820;background:#ece9e2}
.at-meta div{padding:24px 4vw;border-right:1px solid #18181818;min-width:0}
.at-meta small{display:block;font-size:7px;letter-spacing:.16em;color:#777169;margin-bottom:7px}
.at-meta strong{font-size:11px;font-weight:400}

.at-intro{padding:120px 7vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:12vw}
.at-ey{font-size:8px;letter-spacing:.2em;color:#81786d;text-transform:uppercase}
.at-intro h2,.at-section h2{font:400 clamp(55px,7vw,105px)/.83 Georgia,serif;letter-spacing:-.06em;margin:18px 0}
.at-intro h2 em,.at-section h2 em{font-style:italic;color:#81786d}
.at-copy{max-width:550px;font-size:13px;line-height:1.9;color:#68635c}
.at-copy p{margin:0 0 18px}

.at-split{display:grid;grid-template-columns:55% 45%;min-height:760px;background:#171717;color:#eeeae2}
.at-split-image{min-height:760px}
.at-split-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.at-split-copy{padding:90px 7vw;display:flex;flex-direction:column;justify-content:center}
.at-split-copy h2{font:400 clamp(58px,7vw,100px)/.8 Georgia,serif;letter-spacing:-.06em;margin:18px 0}
.at-split-copy h2 em{font-style:italic;color:#a89988}
.at-split-copy p{max-width:410px;color:#aaa49b;font-size:12px;line-height:1.9}

.at-material{padding:120px 7vw;background:#d2cdc4}
.at-material>h2{font:400 clamp(55px,7vw,105px)/.83 Georgia,serif;letter-spacing:-.06em;margin:18px 0}
.at-material>h2 em{font-style:italic;color:#81786d}
.at-material-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:60px}
.at-material-card{background:#ece9e2;min-width:0}
.at-material-card img{width:100%;height:330px;aspect-ratio:4/3;object-fit:cover;object-position:center}
.at-material-card div{padding:18px}
.at-material-card small{font-size:7px;letter-spacing:.16em;color:#81786d}
.at-material-card h3{font:400 27px Georgia,serif;margin:9px 0}
.at-material-card p{font-size:10px;line-height:1.7;color:#6d6861;margin:0}

.at-gallery{padding:120px 4vw;background:#ece9e2}
.at-gallery-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}
.at-gallery h2{font:400 clamp(58px,7vw,105px)/.8 Georgia,serif;letter-spacing:-.06em;margin:15px 0}
.at-gallery h2 em{font-style:italic;color:#81786d}
.at-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:420px;gap:12px}
.at-gallery-grid img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.at-gallery-grid .wide{height:100%;aspect-ratio:auto;grid-row:span 2}
.at-gallery-grid .full{grid-column:1/-1;height:100%;aspect-ratio:auto;grid-row:auto}

.at-data{padding:110px 7vw;background:#171717;color:#eeeae2;display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.at-data h2{font:400 clamp(55px,7vw,100px)/.82 Georgia,serif;letter-spacing:-.06em;margin:18px 0}
.at-data h2 em{font-style:italic;color:#a89988}
.at-table{border-top:1px solid #fff2}
.at-row{display:grid;grid-template-columns:1fr 1fr;padding:17px 0;border-bottom:1px solid #fff2;font-size:10px;gap:12px}
.at-row span:first-child{color:#8f8981}

.at-close{padding:130px 7vw;background:#c6beb2}
.at-close h2{font:400 clamp(65px,9vw,140px)/.78 Georgia,serif;letter-spacing:-.07em;margin:15px 0}
.at-close h2 em{font-style:italic;color:#766d63}
.at-close a{display:inline-block;border-bottom:1px solid #181818;padding-bottom:8px;font-size:9px;letter-spacing:.15em;text-transform:uppercase}

.at-foot{padding:32px 4vw;background:#111;color:#8d8880;display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.14em;text-transform:uppercase}
.at-foot a{color:#ddd7cf}

/* Tablet */
@media (max-width:900px){
  .at-head{padding:0 5vw}
  .at-next{display:none}
  .at-hero{grid-template-columns:1fr;min-height:0}
  .at-hero-copy{min-height:500px;padding:55px 7vw 45px}
  .at-hero-image{height:65svh;min-height:430px;max-height:700px}
  .at-meta{grid-template-columns:1fr 1fr}
  .at-meta div{padding:20px 7vw}
  .at-intro,.at-data{grid-template-columns:1fr;gap:45px}
  .at-split{grid-template-columns:1fr}
  .at-split-image{height:60svh;min-height:420px;max-height:650px}
  .at-split-copy{padding:75px 7vw}
  .at-material,.at-gallery{padding:90px 7vw}
  .at-gallery-head{display:block}
  .at-gallery-grid{grid-template-columns:1fr}
  .at-gallery-grid .wide,.at-gallery-grid img,.at-gallery-grid .full{height:430px}
  .at-close{padding:95px 7vw}
}

/* Phone */
@media (max-width:600px){
  .at-gallery-grid{grid-template-columns:1fr;grid-auto-rows:390px}
  .at-hero-copy{position:relative;z-index:3;background:#d9d5cd}
  .at-hero-image{z-index:1}

  body{width:100%;overflow-x:hidden}
  .at-head{height:58px;padding:0 18px}
  .at-logo{font-size:10px;letter-spacing:.22em}
  .at-back{font-size:7px;letter-spacing:.1em;max-width:46%;overflow:hidden;text-overflow:ellipsis}
  .at-hero{padding-top:58px}
  .at-hero-copy{min-height:430px;padding:38px 22px 34px}
  .at-code{font-size:7px;line-height:1.5;letter-spacing:.14em}
  .at-hero h1{position:relative;z-index:4;font-size:clamp(58px,19vw,92px);line-height:.8;letter-spacing:-.065em;margin:26px 0 0}
  .at-hero p{font-size:10.5px;line-height:1.75;max-width:100%;margin:0}
  .at-hero-image{height:54svh;min-height:360px;max-height:540px}
  .at-stamp{left:14px;bottom:14px;padding:9px 10px;font-size:6.5px}
  .at-meta{grid-template-columns:1fr 1fr}
  .at-meta div{padding:16px 18px;min-height:72px}
  .at-meta small{font-size:6.5px;margin-bottom:6px}
  .at-meta strong{font-size:9px;line-height:1.3}
  .at-intro{padding:72px 22px;gap:28px}
  .at-ey{font-size:7px;letter-spacing:.16em}
  .at-intro h2,.at-material>h2,.at-gallery h2,.at-data h2,.at-close h2{font-size:clamp(52px,16vw,78px);line-height:.82;letter-spacing:-.06em}
  .at-copy{font-size:11px;line-height:1.85}
  .at-copy p{margin-bottom:15px}
  .at-split-image{height:55svh;min-height:340px;max-height:500px}
  .at-split-copy{padding:64px 22px}
  .at-split-copy h2{font-size:clamp(52px,16vw,78px);line-height:.82}
  .at-split-copy p{font-size:10.5px;line-height:1.8}
  .at-material{padding:72px 22px}
  .at-material-grid{grid-template-columns:1fr;gap:10px;margin-top:34px}
  .at-material-card img{height:280px}
  .at-material-card div{padding:16px}
  .at-material-card h3{font-size:23px}
  .at-material-card p{font-size:9.5px}
  .at-gallery{padding:72px 22px}
  .at-gallery-head{margin-bottom:32px}
  .at-gallery-grid{gap:8px}
  .at-gallery-grid img,.at-gallery-grid .wide,.at-gallery-grid .full{height:390px;aspect-ratio:auto;grid-row:auto}
  .at-data{padding:72px 22px;gap:38px}
  .at-row{padding:14px 0;font-size:9px;grid-template-columns:.9fr 1.1fr}
  .at-close{padding:78px 22px}
  .at-close a{font-size:8px}
  .at-foot{padding:25px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;line-height:1.6}
}

/* Small phones */
@media (max-width:380px){
  .at-hero-copy{min-height:410px;padding-left:18px;padding-right:18px}
  .at-hero h1{font-size:20vw}
  .at-hero-image{height:52svh;min-height:330px}
  .at-meta div{padding-left:14px;padding-right:14px}
  .at-intro,.at-material,.at-gallery,.at-data,.at-close,.at-split-copy{padding-left:18px;padding-right:18px}
  .at-gallery-grid img,.at-gallery-grid .wide,.at-gallery-grid .full{height:350px;aspect-ratio:auto;grid-row:auto}
}

/* V3 image consistency */
.atelier img{image-rendering:auto}
.at-material-card,.at-gallery-grid,.at-split-image,.at-hero-image{overflow:hidden}
.at-material-card img,.at-gallery-grid img,.at-split-image img,.at-hero-image img{display:block}