/* Atelier Fold 2026 — inner page compositions (each page has its own) */
/* work: filtered mosaic */
.w-grid{list-style:none;padding:0;display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.w-card a{display:grid;block-size:100%;grid-template-rows:auto 1fr;text-decoration:none;color:var(--fg);background:var(--surface);border:2px solid var(--ink)}
.w-card picture,.w-card img{aspect-ratio:1;object-fit:cover;inline-size:100%}
.w-t{display:grid;align-content:start;gap:var(--s1);padding:var(--s4) var(--s5) var(--s5);border-block-start:2px solid var(--ink)}
.w-t b{font-family:var(--f-display);font-weight:500;font-size:1.625rem;line-height:1.1}
.w-t>span:last-child{color:var(--muted)}
.w-card a:hover b{color:var(--brand-t);text-decoration:underline;text-decoration-thickness:1px}
.w-card--p a{background:var(--ink);color:#fff;border-color:var(--ink)}
.w-card--p .w-t{border-color:var(--ink)}
.w-card--p .meta,.w-card--p .w-t>span:last-child{color:var(--cream-2)}
.w-card--p a:hover b{color:#fff}
@media (min-width:900px){.w-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.w-1{grid-column:span 2;grid-row:span 2}.w-1 a{grid-template-rows:1fr auto}.w-1 picture,.w-1 img{aspect-ratio:auto;block-size:100%}.w-1 b{font-size:2.25rem}}
.js .w-grid.is-filtered .w-1{grid-column:auto;grid-row:auto}
.js .w-grid.is-filtered .w-1 picture,.js .w-grid.is-filtered .w-1 img{aspect-ratio:1;block-size:auto}
/* case: jump index + alternating studies */
.jump{margin-block-start:var(--s6)}
.jump ol{list-style:none;padding:0;display:grid;gap:0 var(--s5);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));border-block-start:2px solid var(--ink)}
.jump a{display:flex;align-items:center;gap:var(--s3);min-block-size:72px;padding-block:var(--s2);border-block-end:1px solid var(--line);text-decoration:none;color:var(--fg)}
.jump picture,.jump img{flex:none;inline-size:52px;block-size:52px;object-fit:cover}
.jump span{display:grid;line-height:1.3}
.jump b{font-family:var(--f-display);font-weight:500;font-size:1.1875rem}
.jump small{font-size:var(--t-label);color:var(--muted)}
.jump a:hover b{color:var(--brand-t);text-decoration:underline}
.studies{display:grid;gap:var(--sec)}
.study{padding-block-start:var(--s6);border-block-start:2px solid var(--ink);position:relative}
.study::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:-2px;inline-size:72px;block-size:8px;background:var(--teal)}
.study:nth-child(2n)::before{background:var(--brand)}
.study:nth-child(3n)::before{background:var(--mustard)}
.study-h{margin-block-end:var(--s6)}
.study-h .lead{margin-block-start:var(--s3)}
.study-g{display:grid;gap:var(--s6);align-items:start}
.study-g>*{min-inline-size:0}
.study-main picture{border:2px solid var(--ink)}
.study-main img{max-block-size:78svh;object-fit:cover}
.study-d h3{margin-block-end:var(--s2)}
.study-d>p{font-size:1.125rem}
.study-pic picture{aspect-ratio:3/2;border:2px solid var(--ink)}
@media (min-width:1000px){.study-g{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--s7)}.study--rev .study-main{order:2}.study--rev .study-g{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s5)}
/* process: prose split + numbered ledger with photos */
.prose-split{display:grid;gap:var(--s6);align-items:start}
.prose-split>*{min-inline-size:0}
.prose p{font-size:1.125rem}
.prose p+p{margin-block-start:var(--s4)}
.prose .big{font-family:var(--f-display);font-size:clamp(1.375rem,1.2rem + .8vw,1.875rem);line-height:1.3;font-variation-settings:"opsz" 48}
@media (min-width:1000px){.prose-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}}
.p-steps{list-style:none;padding:0;display:grid;gap:0;border-block-start:2px solid var(--ink)}
.p-step{display:grid;gap:var(--s4) var(--s6);padding-block:var(--s6);border-block-end:1px solid var(--line-strong);align-items:center}
.p-step>*{min-inline-size:0}
.p-step .n{font-family:var(--f-display);font-size:clamp(3.5rem,2.5rem + 4vw,6.5rem);line-height:.9;font-weight:300;color:var(--brand-t);font-variation-settings:"opsz" 144}
.p-step:nth-child(2) .n{color:var(--teal)}
.p-step:nth-child(4) .n{color:var(--ink)}
.p-step h2{font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);margin-block-end:var(--s2)}
.p-step p{font-size:1.125rem}
.p-step .hint{margin-block-start:var(--s2)}
.p-step .ph picture{aspect-ratio:4/3}
@media (min-width:860px){.p-step{grid-template-columns:8rem minmax(0,1fr) minmax(0,300px)}}
/* services: price ledger */
.svc-grid{display:grid;gap:var(--s7);align-items:start}
.svc-grid>*{min-inline-size:0}
.ledger{list-style:none;padding:0;border-block-start:2px solid var(--ink)}
.ledger li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--s2) var(--s4);padding-block:var(--s5);border-block-end:1px solid var(--line-strong)}
.ledger .n{font-weight:600;color:var(--muted);padding-block-start:6px}
.ledger h2{font-size:clamp(1.625rem,1.3rem + 1vw,2.25rem);margin-block-end:var(--s2)}
.ledger p{font-size:1.125rem}
.ledger .price{grid-column:2;font-family:var(--f-display);font-size:1.5rem;font-weight:500;color:var(--brand-t);white-space:nowrap}
@media (min-width:700px){.ledger li{grid-template-columns:3rem minmax(0,1fr) auto}.ledger .price{grid-column:auto;align-self:start;padding-block-start:4px}}
.svc-side{display:grid;gap:var(--s4)}
.svc-side .ph picture{aspect-ratio:4/3}
.svc-side .btn{justify-self:start}
@media (min-width:1000px){.svc-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--s8)}.svc-side{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
/* about */
.about-g{display:grid;gap:var(--s6);align-items:start}
.about-g>*{min-inline-size:0}
.about-g>.ph picture{aspect-ratio:4/5}
.about-g .prose .ph{margin-block-start:var(--s6)}
.about-g .prose .ph picture{aspect-ratio:4/3}
@media (min-width:1000px){.about-g{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--s8)}}
.people-g{display:grid;gap:var(--s6);align-items:start}
.people-g>*{min-inline-size:0}
.people-g h2{margin-block-end:var(--s5)}
.people{list-style:none;padding:0;display:grid;gap:var(--s4)}
.people li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--s4);align-items:start;padding:var(--s5);background:var(--surface);border:2px solid var(--ink)}
.mono{display:grid;place-items:center;inline-size:72px;block-size:72px;font-family:var(--f-display);font-size:2.5rem;font-weight:500;color:#fff;background:var(--brand);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.people li+li .mono{background:var(--teal)}
.people h3{margin-block-end:var(--s1)}
.people-g>.ph picture{aspect-ratio:3/4;border:2px solid var(--ink)}
@media (min-width:1000px){.people-g{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s8)}}
/* journal */
.j-index{list-style:none;padding:0;margin-block-start:var(--s6);border-block-start:2px solid var(--ink);max-inline-size:720px}
.j-index a{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:var(--s3);align-items:baseline;min-block-size:52px;padding-block:var(--s3);border-block-end:1px solid var(--line);text-decoration:none}
.j-index time{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.j-index span{font-family:var(--f-display);font-size:1.25rem}
.j-index a:hover span{color:var(--brand-t);text-decoration:underline}
@media (max-width:479.98px){.j-index a{grid-template-columns:minmax(0,1fr);gap:0}}
.entry{display:grid;gap:var(--s4) var(--s7);padding-block:var(--s7);border-block-start:2px solid var(--ink)}
.entry>*{min-inline-size:0}
.entry-d time{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--ink);display:inline-block;padding:var(--s1) var(--s3);background:var(--mustard)}
.entry-t h2{margin-block-end:var(--s4)}
.entry-t p{font-size:1.1875rem;line-height:1.65}
.entry-t p+p{margin-block-start:var(--s4)}
.entry .ph picture{aspect-ratio:4/5}
@media (min-width:1000px){.entry{grid-template-columns:10rem minmax(0,1.6fr) minmax(0,1fr)}}
/* commission */
.comm-g{display:grid;gap:var(--s7);align-items:start}
.comm-g>*{min-inline-size:0}
.mini-ledger{list-style:none;padding:0;border-block-start:2px solid var(--ink)}
.mini-ledger li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 var(--s4);padding-block:var(--s3);border-block-end:1px solid var(--line)}
.mini-ledger b{color:var(--brand-t);font-weight:600}
@media (min-width:1000px){.comm-g{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:var(--s8)}.comm-g .form-card{order:2}.comm-side{order:1}}
.form-card{--ear-c:var(--bg)}
/* studio */
.studio-g{display:grid;gap:var(--s5);margin-block-start:var(--s6);align-items:start}
.studio-g>*{min-inline-size:0}
.addr-card{--ear-c:var(--bg);padding:var(--s5);background:var(--surface);border:2px solid var(--ink);block-size:100%}
.addr-card address{font-style:normal;display:grid;font-size:1.125rem}
.addr-card--h{background:var(--ink);color:#fff;border-color:var(--ink)}
.addr-card--h h2{color:#fff}
.addr-card--h p{font-size:1.125rem}
.studio-g .ph picture{aspect-ratio:16/9}
.ph--fade picture{aspect-ratio:auto}
@media (min-width:860px){.studio-g{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-g .ph{grid-column:1/-1}}
@media (min-width:1100px){.studio-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr)}.studio-g .ph{grid-column:auto}}
/* motion */
.plans{list-style:none;padding:0;display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.plans li{display:grid;gap:var(--s2);padding:var(--s5);background:var(--surface);border:2px solid var(--ink)}
.plans b{font-family:var(--f-display);font-size:1.5rem;font-weight:500}
/* 404 */
.nf-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s6)}
/* credits */
table.credits td:first-child{inline-size:112px}
table.credits picture,table.credits img{inline-size:96px;block-size:72px;object-fit:cover}
table.credits{min-inline-size:640px}
