.phead h1 .ln{display:block;overflow:hidden;padding-bottom:.04em}
.phead h1 .ln>span{display:inline-block}
.phead h1{max-width:none}

.story{background:var(--graphite)}
.story-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,96px);align-items:start}
.story-head{position:sticky;top:calc(var(--hdr) + 40px)}
.story-ph{margin-top:32px}
.story-ph .ph{aspect-ratio:16/10}
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl-line{position:absolute;left:84px;top:8px;bottom:8px;width:1px;background:var(--line-2)}
.tl-line i{position:absolute;inset:0;background:var(--molten)}
.tl li:not(.tl-line){display:grid;grid-template-columns:70px 1fr auto;gap:0 30px;padding:20px 0;border-bottom:1px solid var(--line);position:relative}
.tl li:not(.tl-line)::before{content:"";position:absolute;left:79px;top:29px;width:11px;height:11px;background:var(--graphite);border:1.5px solid var(--molten);rotate:45deg}
.tl .yr{font-weight:800;font-stretch:66%;font-size:30px;line-height:1;color:var(--molten)}
.tl h3{margin-bottom:6px}
.tl p{margin:0;color:var(--mute);font-size:15px;line-height:1.5;max-width:44ch}
.dimtag{font-size:10.5px;color:#cfd4d6;border:1px solid var(--line-2);padding:4px 7px;align-self:start;white-space:nowrap}
@media (max-width:960px){.story-in{grid-template-columns:1fr}.story-head{position:static}}
@media (max-width:560px){.tl li:not(.tl-line){grid-template-columns:52px 1fr;gap:0 26px}.tl-line{left:63px}.tl li:not(.tl-line)::before{left:58px}.tl .yr{font-size:24px}.dimtag{grid-column:2;justify-self:start;margin-top:10px}}

.plan{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--on-plate);position:relative}
.bay{padding:24px 24px 28px;border-right:1px dashed rgba(18,20,23,.4)}
.bay:nth-child(3){border-right:0}
.bay-h{border-bottom:1.5px solid var(--on-plate);padding-bottom:14px;margin-bottom:12px}
.bay-h .mono{color:var(--molten-deep);font-size:11px}
.bay-h h3{margin-top:6px}
.bay ul{list-style:none;margin:0;padding:0}
.bay li{display:grid;grid-template-columns:34px 1fr;padding:8px 0;border-bottom:1px solid rgba(18,20,23,.14);font-size:15px}
.bay li:last-child{border-bottom:0}
.bay li b{font-family:var(--mono);font-weight:500;color:var(--molten-deep)}
.flow-line{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:12px 24px;border-top:1.5px solid var(--on-plate);background:var(--plate-2)}
.flow-line .mono{font-size:11px;color:var(--on-plate-mute)}
.flow-line i{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--molten-deep) 0 12px,transparent 12px 20px);background-size:20px 2px;animation:flow 1.2s linear infinite;position:relative}
.flow-line i::after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left:9px solid var(--molten-deep);border-right:0}
@keyframes flow{to{background-position:20px 0}}
@media (max-width:860px){.plan{grid-template-columns:1fr}.bay{border-right:0;border-bottom:1px dashed rgba(18,20,23,.4)}}

.quality{background:var(--steel)}
.q-in{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,80px);align-items:center}
.q-ph .ph{aspect-ratio:4/3.6}
.q-lede{color:#c4cacd;margin:18px 0 26px;max-width:48ch}
.certs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-2)}
.certs li{padding:14px 12px 14px 0;border-bottom:1px solid var(--line);display:grid;gap:2px}
.certs li:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
.certs b{font-weight:700;font-stretch:84%;font-size:17px}
.certs span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
@media (max-width:860px){.q-in{grid-template-columns:1fr}.q-ph .ph{aspect-ratio:16/10}}

.people{background:var(--graphite)}
.people-in{display:grid;grid-template-columns:1fr 1fr;gap:28px clamp(32px,5vw,72px);align-items:end}
.people-in>.lede{justify-self:end;max-width:38ch}
.crew3{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,36px);margin-top:20px}
.mug{margin:0}
.mug-ph .ph{aspect-ratio:4/5}
.mug-ph img{object-position:50% 30%}
.mug-ph .tag{position:absolute;left:0;bottom:0;z-index:3;background:var(--ink);color:var(--molten);font-size:10.5px;padding:6px 10px 5px}
.mug figcaption{padding-top:20px;border-top:1px solid var(--line-2);margin-top:22px}
.mug .role{color:var(--molten);font-size:10.5px;display:block;margin-bottom:8px}
.mug h3{margin-bottom:10px}
.mug p{color:var(--mute);font-size:15px;line-height:1.5;margin:0;max-width:34ch}
.crew-line{grid-column:1/-1;display:flex;gap:24px;align-items:baseline;border-top:1px solid var(--line);padding-top:20px;margin-top:8px}
.crew-line .role{color:var(--molten);font-size:10.5px;flex-shrink:0}
.crew-line p{margin:0;color:var(--mute);font-size:15px}
.crew-line b{color:var(--text);font-weight:700}
@media (max-width:960px){.people-in{grid-template-columns:1fr}.people-in>.lede{justify-self:start}.crew3{grid-template-columns:1fr 1fr}.crew3 .mug:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.crew3 .mug:last-child figcaption{margin-top:0}}
@media (max-width:560px){.crew3{grid-template-columns:1fr;gap:36px}.crew3 .mug:last-child{display:block}.crew3 .mug:last-child figcaption{margin-top:22px}.mug-ph .ph{aspect-ratio:4/4.4}.crew-line{flex-direction:column;gap:8px}}