/* Inner pages: services, system, library, consultation, journal, story */
.pic{position:relative;overflow:hidden;background:var(--oat-3)}
.pic img{width:100%;height:100%;object-fit:cover}

/* ---------- page opening: text left, picture right ---------- */
.open{display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);min-height:100svh}
.open__text{padding:150px calc(var(--m) * 2) 80px var(--m);display:flex;flex-direction:column}
.open__text .lede{margin-top:28px}
.open__pic{position:relative;min-height:100svh}
.open__pic .pic{position:sticky;top:0;height:100svh}

/* services tree */
.tree{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.tree__root{grid-column:1/3;background:var(--espresso);color:var(--oat);padding:22px 24px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.tree__root b{font:400 24px/1.2 var(--f-head)}
.open__text .btn{align-self:flex-start;margin-top:32px}
.tree__root span{font:400 15px/1.4 var(--f-head);color:var(--grey)}
.tree__n{background:var(--oat-2);padding:18px 20px;transition:background .3s}
.tree__n:hover{background:var(--oat-3)}
.tree__n b{display:block;font:500 17px/1.3 var(--f-head)}
.tree__n span{display:block;font-size:15px;color:var(--ink-soft);margin-top:4px}

/* ---------- silver-lining split slider ---------- */
.silver{position:relative;display:grid;grid-template-columns:minmax(320px,34%) 1fr;min-height:100svh;background:var(--walnut);color:var(--oat)}
.silver__copy{padding:120px 48px 48px var(--m);display:flex;flex-direction:column}

.silver__copy .sub-en{color:var(--grey)}
.silver__copy p{margin-top:28px}
.silver__list{margin-top:auto;padding-top:40px;display:grid;gap:4px}
.silver__list li{background:var(--morandi);padding:14px 16px;font:400 15px/1.5 var(--f-head)}
.silver__list b{color:var(--gold);font-weight:500;margin-right:8px}
.compare{position:relative;overflow:hidden;touch-action:pan-y;user-select:none;min-height:60svh}
.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.compare__a img{filter:saturate(.55) contrast(1.12) brightness(1.06)}
.compare__b{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split,50%))}
.compare__handle{position:absolute;top:0;bottom:0;left:var(--split,50%);width:2px;margin-left:-1px;background:var(--oat);cursor:ew-resize}
.compare__handle span{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--oat);color:var(--espresso);display:grid;place-items:center;font:400 18px/1 var(--f-ui);transition:transform .3s var(--ease-out)}
.compare__handle:hover span,.compare__handle:focus-visible span{transform:scale(1.1)}
.compare__tag{position:absolute;bottom:40px;padding:12px 18px;background:rgba(33,26,23,.78);font:400 15px/1.3 var(--f-head)}
.compare__tag.a{left:24px}.compare__tag.b{right:var(--m)}

/* ---------- photographs down a diagonal ---------- */
.diag{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:0 var(--m)}
.diag__h{grid-column:7/13;grid-row:1}
.diag__s{display:contents}
.diag .pic{aspect-ratio:3/4}
.diag__s:nth-of-type(1) .pic{grid-column:1/5;grid-row:1/3}
.diag__s:nth-of-type(1) p{grid-column:5/9;grid-row:2;align-self:start;margin-top:40px}
.diag__s:nth-of-type(2) .pic{grid-column:6/9;grid-row:3;aspect-ratio:1;margin-top:120px}
.diag__s:nth-of-type(2) p{grid-column:9/13;grid-row:3;margin-top:120px}
.diag__s:nth-of-type(3) .pic{grid-column:8/13;grid-row:4;aspect-ratio:16/10;margin-top:120px}
.diag__s:nth-of-type(3) p{grid-column:3/8;grid-row:4;margin-top:120px;text-align:right}
.diag p{font-size:17px;max-width:36ch}
.diag__s:nth-of-type(3) p{justify-self:end}
.diag p b{font:500 17px/1 var(--f-head)}

/* ---------- closing invitation ---------- */
.invite{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:0 var(--m);align-items:end}
.invite .h2{grid-column:1/8}
.invite__side{grid-column:9/13}
.invite__side p{margin-bottom:24px}

/* ---------- styling system: switcher ---------- */
.switch{display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);min-height:100svh}
.switch__side{padding:150px 48px 64px var(--m);display:flex;flex-direction:column}
.switch__side .lede{margin-top:28px}
.modes{margin-top:44px;display:grid;gap:4px}
.modes button{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:16px 20px;background:var(--oat-2);text-align:left;transition:background .4s,color .4s}
.modes button:hover{background:var(--oat-3)}
.modes b{font:400 19px/1.2 var(--f-head)}
.modes .en{font-size:16px;color:var(--ink-soft);transition:color .4s}
.modes button[aria-selected="true"]{background:var(--espresso);color:var(--oat)}
.modes button[aria-selected="true"] .en{color:var(--gold)}
.mode-note{margin-top:28px;font-size:16px;min-height:3.4em;transition:opacity .3s}
.switch__stage{position:relative;overflow:hidden;background:var(--espresso)}
.switch__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
.switch__stage img.on{opacity:1}
.palette{position:absolute;right:var(--m);bottom:40px;display:flex;gap:4px;background:var(--oat);padding:16px;align-items:center}
.palette p{font:400 15px/1.5 var(--f-head);margin-right:14px}
.palette i{width:56px;height:56px;display:block;transition:background-color .6s ease}

.principles{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:0 var(--m)}
.principles .h2{grid-column:1/13;line-height:1.05;padding-left:3vw}
.principles .pic{grid-column:1/5;grid-row:2;aspect-ratio:4/5;margin-top:96px;align-self:end}
.principles dl{grid-column:7/13;grid-row:2;margin-top:96px;align-self:end}
.principles dl div{display:grid;grid-template-columns:7em 1fr;gap:20px;padding:22px 0}
.principles dl div+div{margin-top:4px}
.principles dt{font:500 19px/1.4 var(--f-head)}
.principles dd{font-size:17px}

.bleed{position:relative;height:100svh;overflow:hidden}
.bleed img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.bleed figcaption{position:absolute;left:var(--m);bottom:32px;padding:12px 18px;background:rgba(33,26,23,.72);color:var(--oat);font:400 15px/1.4 var(--f-head)}

/* ---------- library ---------- */
.lib-head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:140px var(--m) 0;align-items:end}
.lib-head > div:first-child{grid-column:1/8}
.lib-head p{grid-column:8/12;font-size:17px}
.lib-head .board-btn{grid-column:12/13;justify-self:end;white-space:nowrap}
.filterbar{position:sticky;top:0;z-index:55;background:var(--oat);padding:20px var(--m) 16px;transition:padding .4s var(--ease-out);margin-top:40px;display:grid;gap:8px}
.filterbar .row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.filterbar .row > span{font:400 15px/1 var(--f-head);color:var(--ink-soft);min-width:3em}
.mat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:36px 16px;padding:24px var(--m) 0}
.mat{text-align:left;display:block;width:100%}
.mat .pic{aspect-ratio:1;display:block}
.mat .pic img{transition:transform 1.2s var(--ease-out)}
.mat:hover .pic img{transform:var(--z) scale(1.06)!important}
.mat b{display:block;margin-top:12px;font:500 17px/1.3 var(--f-head)}
.mat span{display:block;font-size:15px;color:var(--ink-soft)}
.mat[hidden]{display:none}
.empty{padding:80px var(--m);font-size:18px}

.veil{position:fixed;inset:0;z-index:90;background:rgba(33,26,23,.42);opacity:0;transition:opacity .5s var(--ease)}
.veil.on{opacity:1}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:95;width:min(560px,100vw);background:var(--oat);overflow:auto;padding:88px 40px 32px;
  transform:translateX(100%);transition:transform .7s var(--ease-out);display:flex;flex-direction:column}
.drawer.on{transform:none}
.drawer__x{position:absolute;top:24px;right:24px;width:44px;height:44px}
.drawer__x i{position:absolute;left:12px;right:12px;top:21px;height:1.5px;background:var(--espresso);transform:rotate(45deg);transition:transform .5s var(--ease-out)}
.drawer__x i+i{transform:rotate(-45deg)}
.drawer__x:hover i{transform:rotate(135deg)}.drawer__x:hover i+i{transform:rotate(45deg)}
.drawer .macro{height:320px;flex:none}
.drawer h2{font:300 var(--s-head)/1.1 var(--f-head);margin-top:24px}
.drawer h2 .en{display:block;font-size:17px;color:var(--ink-soft);margin-top:8px}
.drawer h3{font:500 15px/1 var(--f-head);margin-top:28px;color:var(--ink-soft)}
.drawer table{width:100%;border-collapse:collapse;margin-top:10px;font:400 15px/1.4 var(--f-head)}
.drawer td{padding:9px 0;border-bottom:1px solid var(--oat-3)}
.drawer td:last-child{text-align:right;color:var(--ink-soft)}
.drawer .pal{display:flex;gap:4px;margin-top:10px}
.drawer .pal i{flex:1;height:44px}
.drawer .case{height:200px;margin-top:10px;flex:none}
.drawer .btn{margin-top:32px;flex:none}
.drawer .fine{margin-top:12px;font-size:14px;color:var(--ink-soft)}
.board-list{display:grid;gap:4px;margin-top:20px}
.board-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:var(--oat-2);font:400 16px/1.3 var(--f-head)}
.board-list a:hover{background:var(--oat-3)}
.board-list + .btn{margin-top:24px}

/* ---------- consultation ---------- */
.consult{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);min-height:100svh}
.consult__pic .pic{position:sticky;top:0;height:100svh}
.consult__form{padding:130px var(--m) 96px 64px}
.steps{display:flex;gap:28px;margin-top:36px;flex-wrap:wrap}
.steps li{font:400 16px/1 var(--f-head);color:var(--ink-soft);padding-bottom:8px}
.steps li.done{color:var(--espresso)}
.steps li[aria-current="step"]{color:var(--espresso);font-weight:500;text-decoration:underline 2px var(--gold);text-underline-offset:12px}
.step{margin-top:40px}
.step[hidden]{display:none}
.step > legend,.q{font:400 24px/1.4 var(--f-head);margin-bottom:24px;padding:0}
fieldset{border:0}
.opts{display:flex;gap:4px;flex-wrap:wrap}
.opt{position:relative}
.opt input{position:absolute;opacity:0;inset:0}
.opt span{display:block;padding:16px 22px;background:var(--oat-2);font:400 16px/1.3 var(--f-head);cursor:pointer;transition:background .3s,color .3s}
.opt span small{display:block;font-size:14px;color:var(--ink-soft);margin-top:4px}
.opt input:checked + span{background:var(--espresso);color:var(--oat)}
.opt input:checked + span small{color:var(--grey)}
.opt input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}
.field{display:grid;gap:8px;margin-top:28px;max-width:520px;align-content:start}
.field > span{font:400 16px/1.3 var(--f-head)}
.field input,.field select,.field textarea{height:52px;padding:0 16px;background:var(--oat-2);border:0;border-bottom:1px solid var(--grey);font:400 17px/1 var(--f-head);border-radius:0}
.field textarea{height:120px;padding:14px 16px;line-height:1.6;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-bottom-color:var(--gold);background:var(--oat-3)}
.field small{font-size:14px;color:var(--ink-soft)}
.field .err{color:#8A3B2E;font-size:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;max-width:760px}
.row2 .field{max-width:none}
.looks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.look{position:relative;cursor:pointer}
.look input{position:absolute;opacity:0}
.look{display:block}
.look .pic{display:block;aspect-ratio:3/4}
.look .en{display:block}
.look .pic img{transition:transform 1.2s var(--ease-out)}
.look:hover .pic img{transform:scale(1.04)}
.look b{display:block;margin-top:12px;font:400 19px/1.3 var(--f-head)}
.look .en{font-size:15px;color:var(--ink-soft)}
.look em{position:absolute;top:12px;right:12px;background:var(--gold);color:var(--espresso);font:500 13px/1 var(--f-head);font-style:normal;padding:7px 10px;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .4s var(--ease-out)}
.look input:checked ~ .pic{outline:3px solid var(--gold);outline-offset:-3px}
.look input:checked ~ em{opacity:1;transform:none}
.look input:focus-visible ~ .pic{outline:3px solid var(--espresso);outline-offset:-3px}
.budget{max-width:640px}
.budget__val{font:300 var(--s-head)/1.1 var(--f-head);font-variant-numeric:tabular-nums}
.dual{position:relative;height:44px;margin-top:24px}
.dual__track{position:absolute;left:0;right:0;top:20px;height:4px;background:var(--oat-3)}
.dual__fill{position:absolute;top:20px;height:4px;background:var(--gold)}
.dual input{position:absolute;inset:0;width:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;height:44px}
.dual input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:28px;height:28px;border-radius:50%;background:var(--espresso);border:3px solid var(--oat);cursor:grab}
.dual input::-moz-range-thumb{pointer-events:auto;width:24px;height:24px;border-radius:50%;background:var(--espresso);border:3px solid var(--oat);cursor:grab}
.dual input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--gold);outline-offset:2px}
.scale{display:flex;justify-content:space-between;font:400 14px/1 var(--f-ui);color:var(--ink-soft);margin-top:4px}
.drop{display:grid;place-items:center;text-align:center;gap:8px;margin-top:28px;max-width:760px;min-height:160px;padding:28px;background:var(--oat-2);cursor:pointer;transition:background .3s;outline:2px dashed transparent;outline-offset:-10px}
.drop.over{background:var(--oat-3);outline-color:var(--gold)}
.drop b{font:500 17px/1.3 var(--f-head)}
.drop small{font-size:14px;color:var(--ink-soft)}
.files{display:grid;gap:4px;margin-top:8px;max-width:760px}
.files li{display:flex;justify-content:space-between;padding:10px 14px;background:var(--oat-2);font:400 15px/1.3 var(--f-head)}
.files button{color:var(--ink-soft)}
.files button:hover{color:var(--espresso)}
.nav-steps{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;flex-wrap:wrap}
.nav-steps p{font-size:15px;color:var(--ink-soft);max-width:28em}
.nav-steps .btns{display:flex;gap:4px;margin-left:auto}
.done-card{margin-top:40px;background:var(--espresso);color:var(--oat);padding:40px}
.done-card .code{font:400 var(--s-head)/1 var(--f-ui);letter-spacing:.06em;color:var(--gold);margin:18px 0 24px;font-variant-numeric:tabular-nums}
.done-card p{max-width:34em}
.done-card .btns{display:flex;gap:4px;margin-top:28px;flex-wrap:wrap}
.summary{margin-top:28px;display:grid;grid-template-columns:7em 1fr;gap:8px 20px;font:400 15px/1.5 var(--f-head)}
.summary dt{color:var(--grey)}

/* ---------- journal ---------- */
.j-head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:130px var(--m) 0;align-items:end}
.j-head > div{grid-column:1/8}
.j-head p{grid-column:9/13;font-size:17px}
.jbar{position:sticky;top:0;z-index:55;background:var(--oat);padding:18px var(--m) 14px;margin-top:40px;transition:padding .4s var(--ease-out)}
/* once stuck, the bar makes room for the wordmark and menu above it */
.filterbar.stuck,.jbar.stuck{padding-top:84px}
.masonry{position:relative;margin:24px var(--m) 0;transition:height .6s var(--ease-out)}
.entry{position:absolute;top:0;left:0;transition:transform .7s var(--ease-out),opacity .5s var(--ease)}
.entry.out{opacity:0;pointer-events:none}
.entry a{display:block}
.entry .pic img{transition:transform 1.2s var(--ease-out)}
.entry a:hover .pic img{transform:scale(1.05)}
.entry em{display:inline-block;margin-top:12px;font:400 14px/1 var(--f-head);font-style:normal;color:var(--gold);background:var(--espresso);padding:6px 9px}
.entry b{display:block;margin-top:10px;font:400 19px/1.4 var(--f-head)}
.entry time{display:block;margin-top:4px;font:400 14px/1 var(--f-ui);color:var(--ink-soft)}
.no-js-masonry .masonry{columns:3 260px;column-gap:16px}
.no-js-masonry .entry{position:static;break-inside:avoid;margin-bottom:24px}

/* ---------- story ---------- */
.story-top{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:140px var(--m) 0}
.story-top .back{color:var(--ink-soft)}
.story-top .back:hover{color:var(--espresso)}
.story-top h1{grid-column:1/10;margin-top:40px;font:300 var(--s-title)/1.06 var(--f-head);letter-spacing:-.02em}
.story-top .meta{grid-column:1/13;margin-top:20px;display:flex;gap:16px;align-items:center;font:400 15px/1 var(--f-head);color:var(--ink-soft)}
.story-top .meta .src{color:var(--espresso);text-decoration:underline;text-underline-offset:4px}
.story-top .meta em{font-style:normal;color:var(--gold);background:var(--espresso);padding:6px 9px}
.story-open{margin-top:56px}
.story-hero{cursor:zoom-in}
.story-open.is-photo .story-hero{height:86svh}
.story-open.is-photo .lead{margin:96px var(--m) 0;padding-left:calc((100% - 2 * var(--m)) / 12);max-width:calc(36em + 8%)}
.story-open.is-card{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:0 var(--m);align-items:center}
.story-open.is-card .story-hero{grid-column:1/7;aspect-ratio:4/5}
.story-open.is-card .lead{grid-column:8/13;padding-bottom:24px}
.story-open .lead{font:400 24px/1.6 var(--f-body)}
.story-body{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:0 var(--m);margin-top:72px}
.story-body .cols p{white-space:pre-line}
.story-body .cols{grid-column:2/9;font-size:17px;line-height:1.85;max-width:36em}
.story-body .cols p+p{margin-top:1.2em}
.story-figs{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:0 var(--m);margin-top:120px}
.story-figs figure{grid-column:span 6}
.story-figs figure:nth-child(even){margin-top:140px}
.story-figs .pic{aspect-ratio:4/5;cursor:zoom-in}
.story-figs.is-card figure{grid-column:span 4}
.story-figs.is-card figure:nth-child(n){margin-top:0}
.story-figs.is-card figure:nth-child(3n+2){margin-top:96px}
.story-figs.is-card figure:nth-child(3n){margin-top:48px}
.story-figs figcaption{margin-top:12px;font:400 15px/1.4 var(--f-head);color:var(--ink-soft)}
.story-mats{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:0 var(--m)}
.story-mats .h2{grid-column:1/6}
.story-mats ul{grid-column:7/13;display:grid;gap:4px}
.story-mats a{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:12px;background:var(--oat-2);transition:background .3s}
.story-mats a:hover{background:var(--oat-3)}
.story-mats .pic{width:72px;height:72px}
.story-mats b{font:500 17px/1.3 var(--f-head)}
.story-mats span{display:block;font-size:14px;color:var(--ink-soft)}
.full{position:fixed;inset:0;z-index:100;background:var(--espresso);display:grid;place-items:center;opacity:0;transition:opacity .5s;cursor:zoom-out}
.full.on{opacity:1}
.full img{max-width:94vw;max-height:92vh;object-fit:contain}
.kit{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.kit .pic{aspect-ratio:4/5}
.kit figcaption{margin-top:10px;font:400 15px/1.5 var(--f-head)}
.kit figcaption span{display:block;color:var(--ink-soft)}
.after{margin-top:96px}
.full button{position:absolute;top:20px;right:20px;width:44px;height:44px;color:var(--oat);font:300 32px/1 var(--f-ui)}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .open,.switch,.consult,.silver{grid-template-columns:1fr}
  .open__text,.switch__side{padding:110px var(--m) 56px}
  .open__pic,.open__pic .pic{min-height:0;height:72svh;position:relative}
  .silver__copy{padding:96px var(--m) 40px}
  .compare{min-height:80svh}
  .compare__tag.a{left:16px}.compare__tag.b{right:16px}
  .switch__stage{height:78svh}
  .palette{left:16px;right:16px;bottom:16px}
  .palette i{flex:1;height:44px;width:auto}
  .diag{display:block}
  .diag__h{margin-bottom:40px}
  .diag__s{display:block;margin-top:56px}
  .diag__s:nth-of-type(2) .pic{width:62%;margin:0 0 0 auto}
  .diag__s:nth-of-type(3) .pic{width:78%;margin:0}
  .diag p,.diag__s:nth-of-type(n) p{margin-top:16px;text-align:left}
  .invite,.principles,.lib-head,.j-head,.story-top,.story-body,.story-figs,.story-mats{display:block}
  .invite__side{margin-top:28px}
  .principles .h2{padding:0}
  .principles .pic{width:60%;margin:48px 0 0 auto}
  .principles dl div{grid-template-columns:1fr;gap:6px}
  .lib-head p,.j-head p{margin-top:24px}
  .lib-head .board-btn{margin-top:20px}
  .filterbar .row{gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .filterbar .tags,.jbar .tags{flex-wrap:nowrap}
  .filterbar{gap:4px;padding-top:12px;padding-bottom:10px}
  .filterbar.stuck,.jbar.stuck{padding-top:68px}
  .mat-grid{grid-template-columns:1fr 1fr;gap:28px 12px}
  .filterbar .row > span{display:none}
  .filterbar .chip,.jbar .chip{white-space:nowrap}
  .jbar .tags{flex-wrap:nowrap;overflow-x:auto}
  .consult__pic .pic{position:relative;height:42svh}
  .consult__form{padding:56px var(--m) 72px}
  .looks{grid-template-columns:1fr 1fr}
  .row2{grid-template-columns:1fr}
  .drawer{padding:80px 20px 24px}
  .story-body .cols{columns:1}
  .story-figs figure+figure{margin-top:40px}
  .story-mats ul{margin-top:32px}
  .story-open.is-photo .story-hero{height:60svh}
  .story-open.is-card{display:block}
  .story-open.is-card .story-hero{width:100%}
  .story-open .lead,.story-open.is-photo .lead{margin:32px 0 0;padding:0;font-size:20px}
  .story-open.is-photo .lead{margin:32px var(--m) 0}
  .story-figs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .story-figs figure,.story-figs.is-card figure{grid-column:auto;margin-top:0!important}
}