/* ATELIER N°01 — scoped editorial page pattern; no changes to global theme tokens. */
.jga-atelier{--atelier-paper:#f8f6f2;--atelier-sand:#eae3d8;--atelier-ink:#181818;--atelier-bronze:#b79b72;--atelier-muted:#77736c;margin:0!important;background:var(--atelier-paper);color:var(--atelier-ink);font-family:Inter,system-ui,sans-serif}
.jga-atelier,.jga-atelier *{box-sizing:border-box}
.jga-atelier :is(h1,h2,h3){font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;letter-spacing:-.025em;line-height:1.06;margin:0}
.jga-atelier p{margin:0;line-height:1.55}
.jga-atelier .atelier-eyebrow{font-size:.75rem;letter-spacing:.22em;font-weight:500;color:var(--atelier-bronze)}
.jga-atelier .atelier-section{padding:clamp(4rem,6vw,6rem) max(5.15vw,1.5rem)}
.jga-atelier .atelier-nav{min-height:104px;padding:1rem 5.15vw;gap:2rem;border-bottom:1px solid #dcd5cb;background:var(--atelier-paper)}
.jga-atelier .atelier-nav .atelier-logo{font-size:2.25rem;letter-spacing:.09em}
.jga-atelier .atelier-logo-caption{font-size:.625rem;letter-spacing:.2em;color:var(--atelier-muted)}
.jga-atelier .atelier-nav a{font-size:.75rem;letter-spacing:.16em;color:var(--atelier-ink);text-decoration:none}
.jga-atelier .atelier-hero,.jga-atelier .atelier-material{display:grid;grid-template-columns:47% 53%;background:var(--atelier-sand)}
.jga-atelier .atelier-hero{min-height:780px}
.jga-atelier .atelier-hero-copy{padding:clamp(5rem,8vw,8rem) 5vw 4rem 11%;display:flex;flex-direction:column;align-items:flex-start;gap:3rem}
.jga-atelier .atelier-hero h1{font-size:clamp(4rem,6.4vw,6rem)}
.jga-atelier .atelier-hero .atelier-intro{font-size:1.05rem;max-width:32rem}
.jga-atelier .atelier-link a{color:inherit;text-decoration:none;font-size:.75rem;letter-spacing:.16em;font-weight:600;padding-bottom:1.1rem;border-bottom:1px solid currentColor;display:inline-block}
.jga-atelier .atelier-image-placeholder{background:#c9bfb1;display:grid;place-items:center;min-height:300px;color:#554f47;text-align:center;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.jga-atelier .atelier-image-placeholder:has(img){background:transparent}
.jga-atelier .atelier-image-placeholder img{display:block;width:100%;height:100%;object-fit:cover}
.jga-atelier .atelier-hero-image{min-height:780px}
.jga-atelier .atelier-studio{min-height:360px}
.jga-atelier .atelier-studio-grid{display:grid;grid-template-columns:60% 40%;align-items:end;gap:2rem;margin-top:2rem}
.jga-atelier .atelier-studio h2{font-size:clamp(3rem,4.1vw,4rem)}
.jga-atelier .atelier-studio-grid>p{color:var(--atelier-muted);font-size:.95rem;max-width:27rem}
.jga-atelier .atelier-projects,.jga-atelier .atelier-philosophy{background:var(--atelier-ink);color:var(--atelier-paper)}
.jga-atelier .atelier-projects h2{font-size:clamp(3.3rem,4.6vw,4.7rem);margin:2rem 0 3rem}
.jga-atelier .atelier-project-grid{gap:2rem;align-items:stretch}
.jga-atelier .atelier-project-image{height:clamp(260px,32vw,460px)}
.jga-atelier .atelier-project-grid .atelier-eyebrow{margin-top:1.5rem}
.jga-atelier .atelier-project-grid h3{font-size:2rem;margin-top:.4rem}
.jga-atelier .atelier-approach{position:relative;isolation:isolate;min-height:570px}
.jga-atelier .atelier-approach h2{font-size:clamp(3rem,4.4vw,4.2rem);margin:2rem 0 4rem}
.jga-atelier .atelier-steps{gap:3rem}
.jga-atelier .atelier-steps>.wp-block-column{border-top:1px solid var(--atelier-bronze);padding-top:1.1rem}
.jga-atelier .atelier-number{color:var(--atelier-bronze);font-size:1.1rem}
.jga-atelier .atelier-steps h3{font-size:2.7rem;margin:1.5rem 0}
.jga-atelier .atelier-steps p:last-child{color:var(--atelier-muted);max-width:24rem}
.jga-atelier .atelier-material{min-height:600px}
.jga-atelier .atelier-material-copy{padding:5rem 5vw 4rem 11%;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:2.5rem}
.jga-atelier .atelier-material h2{font-size:clamp(3.5rem,5.3vw,5rem)}
.jga-atelier .atelier-material-copy>p:last-child{font-size:1.1rem;max-width:32rem}
.jga-atelier .atelier-material-image{min-height:600px}
.jga-atelier .atelier-philosophy{min-height:520px}
.jga-atelier .atelier-philosophy h2{font-size:clamp(3.7rem,5.3vw,5.2rem);margin:2.5rem 0 3rem}
.jga-atelier .atelier-philosophy>p:last-child{border-top:2px solid var(--atelier-bronze);padding-top:1.5rem;max-width:65rem;font-size:1.1rem}
.jga-atelier .atelier-contact{background:var(--atelier-sand);padding-bottom:1.5rem}
.jga-atelier .atelier-contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center;margin:2rem 0 4rem}
.jga-atelier .atelier-contact h2{font-size:clamp(3.2rem,4.2vw,4.3rem)}
.jga-atelier .atelier-bottom{border-top:1px solid #beb5a9;padding-top:1.25rem;font-size:.7rem;letter-spacing:.12em}
.jga-atelier .atelier-bottom p:last-child{color:var(--atelier-muted)}
.jga-atelier a:focus-visible{outline:2px solid var(--atelier-bronze);outline-offset:5px}
@media(max-width:900px){.jga-atelier .atelier-hero,.jga-atelier .atelier-material{grid-template-columns:1fr}.jga-atelier .atelier-hero{min-height:0}.jga-atelier .atelier-hero-copy,.jga-atelier .atelier-material-copy{padding:5rem 6vw}.jga-atelier .atelier-hero-image,.jga-atelier .atelier-material-image{min-height:440px}.jga-atelier .atelier-studio-grid,.jga-atelier .atelier-contact-grid{grid-template-columns:1fr}.jga-atelier .atelier-project-grid{gap:2rem}.jga-atelier .atelier-steps{gap:1.5rem}}
@media(max-width:600px){.jga-atelier .atelier-section{padding:4rem 6vw}.jga-atelier .atelier-nav{padding:1rem 6vw;min-height:80px}.jga-atelier .atelier-hero h1{font-size:clamp(3.5rem,13vw,5rem)}.jga-atelier .atelier-hero-image,.jga-atelier .atelier-material-image{min-height:320px}.jga-atelier .atelier-project-image{height:320px}.jga-atelier .atelier-project-grid,.jga-atelier .atelier-steps{display:block}.jga-atelier .atelier-project-grid>.wp-block-column+.wp-block-column,.jga-atelier .atelier-steps>.wp-block-column+.wp-block-column{margin-top:3rem}.jga-atelier .atelier-approach h2{margin-bottom:3rem}.jga-atelier .atelier-contact-grid{gap:2rem}.jga-atelier .atelier-bottom{gap:1rem}}

/* Scoped media placement; the pencil drawing blends into the paper instead of appearing as a framed image. */
.jga-atelier .atelier-image-placeholder{overflow:hidden;display:block;padding:0}
.jga-atelier .atelier-image-placeholder figure{margin:0;width:100%;height:100%}
.jga-atelier .atelier-image-placeholder img{display:block;width:100%;height:100%;object-fit:cover}
.jga-atelier .atelier-approach>.atelier-sketch{position:absolute;inset:0 0 auto auto;width:min(46%,560px);height:auto;margin:0;z-index:-1;opacity:.23;mix-blend-mode:multiply;pointer-events:none}
.jga-atelier .atelier-approach>.atelier-sketch img{width:100%;height:auto;display:block;filter:grayscale(1)}
.jga-atelier .atelier-approach>.atelier-eyebrow,.jga-atelier .atelier-approach>h2,.jga-atelier .atelier-approach>.atelier-steps{position:relative;z-index:1}
@media(max-width:600px){.jga-atelier .atelier-approach>.atelier-sketch{width:80%;opacity:.12}}

/* Match Figma ink colors: WordPress global heading/link presets must not bleed into ATELIER. */
.jga-atelier :is(h1,h2,h3,h4,h5,h6),
.jga-atelier :is(h1,h2,h3,h4,h5,h6).wp-block-heading{color:var(--atelier-ink)}
.jga-atelier .atelier-projects :is(h1,h2,h3,h4,h5,h6),
.jga-atelier .atelier-philosophy :is(h1,h2,h3,h4,h5,h6),
.jga-atelier .atelier-projects :is(h1,h2,h3,h4,h5,h6).wp-block-heading,
.jga-atelier .atelier-philosophy :is(h1,h2,h3,h4,h5,h6).wp-block-heading{color:var(--atelier-paper)}
.jga-atelier .atelier-nav .atelier-menu-links a,
.jga-atelier .atelier-link a{color:var(--atelier-ink)}
.jga-atelier .atelier-projects .atelier-link a,
.jga-atelier .atelier-philosophy .atelier-link a{color:var(--atelier-paper)}
.jga-atelier .atelier-nav .atelier-logo,
.jga-atelier .atelier-steps h3{color:var(--atelier-ink)}
.jga-atelier .atelier-projects .atelier-eyebrow,
.jga-atelier .atelier-philosophy .atelier-eyebrow{color:var(--atelier-bronze)}

/* Full-bleed project gallery: avoid WP Columns default flex sizing/margins. */
.jga-atelier .atelier-projects .atelier-project-grid.wp-block-columns{
 display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
 gap:clamp(1.5rem,3vw,3.5rem);align-items:start;width:100%;max-width:none;
 margin:0;
}
.jga-atelier .atelier-projects .atelier-project-grid>.wp-block-column{
 flex-basis:auto!important;width:100%;min-width:0;margin:0;
}
.jga-atelier .atelier-projects .atelier-project-image{
 position:relative;width:100%;height:clamp(260px,32vw,460px);
 overflow:hidden;min-height:0;
}
.jga-atelier .atelier-projects .atelier-project-image figure,
.jga-atelier .atelier-projects .atelier-project-image .wp-block-image{
 position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;margin:0;
}
.jga-atelier .atelier-projects .atelier-project-image img{
 display:block;width:100%;height:100%;max-width:none;object-fit:cover;
}
.jga-atelier .atelier-projects .atelier-project-grid .atelier-eyebrow{margin-top:1.25rem}
.jga-atelier .atelier-projects .atelier-project-grid h3{margin-top:.35rem}
@media(max-width:700px){
 .jga-atelier .atelier-projects .atelier-project-grid.wp-block-columns{grid-template-columns:minmax(0,1fr);gap:2.75rem}
 .jga-atelier .atelier-projects .atelier-project-image{height:auto;aspect-ratio:1.45 / 1}
}

/* ATELIER mobile navigation and hero refinements. */
@media (max-width: 600px) {
 .jga-atelier .atelier-nav.wp-block-group {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  gap:1.25rem;min-height:0;padding:1.25rem 6vw 1.4rem;
 }
 .jga-atelier .atelier-nav .atelier-logo{font-size:2rem;line-height:1}
 .jga-atelier .atelier-nav .atelier-menu-links{
  width:100%;display:flex;flex-wrap:wrap;column-gap:clamp(.7rem,3vw,1.25rem);
  row-gap:.7rem;align-items:center;font-size:.65rem;line-height:1.4;
  letter-spacing:.1em;margin:0;overflow-wrap:normal;
 }
 .jga-atelier .atelier-nav .atelier-menu-links a{
  display:inline-block;white-space:nowrap;font-size:inherit;letter-spacing:inherit;
 }
 .jga-atelier .atelier-hero-copy.wp-block-group{
  padding:4rem 6vw 4.5rem;gap:2rem;min-width:0;
 }
 .jga-atelier .atelier-hero h1.wp-block-heading{
  font-size:clamp(3.15rem,12vw,4.4rem);line-height:1.06;letter-spacing:-.045em;
  overflow-wrap:normal;word-break:normal;
 }
 .jga-atelier .atelier-hero .atelier-intro{font-size:.96rem;line-height:1.65}
 .jga-atelier .atelier-hero-image{min-height:340px}
}
@media(max-width:380px){
 .jga-atelier .atelier-nav .atelier-menu-links{column-gap:.6rem;font-size:.59rem}
 .jga-atelier .atelier-hero h1.wp-block-heading{font-size:clamp(2.85rem,11.7vw,3.5rem)}
}