/* Container width and padding stay independent, including on 5K displays. */
.example .hero-inner{width:min(100%,1550px);max-width:1550px;margin-inline:auto;padding:48px;min-width:0}
.example .hero h1{max-width:100%;width:max-content;font-size:80px;overflow-wrap:normal;word-break:normal;hyphens:none;white-space:nowrap;line-height:1.08}
.example .hero h2{max-width:620px;font-size:32px;line-height:1.22;text-wrap:pretty;overflow-wrap:normal}
.example .hero p{max-width:440px}
.example h2,.example h3,.example .wordmark{overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:pretty}
.example .hero h1,.example .wordmark{letter-spacing:0}
.architecture .hero h1,.care .hero h1{font-size:120px}
.cinema .hero h1{white-space:normal;max-width:630px}
.miniatures .hero h1{font-size:64px}
.objects .hero-inner{justify-content:flex-end;padding-bottom:66px}
.poster .hero-inner{justify-content:flex-end}
.expedition .hero-inner{padding-top:88px;justify-content:flex-start}
.care .hero-inner{padding-left:90px}
.architecture .hero-inner{padding-left:90px}
.example .hero{min-height:540px;height:min(690px,calc(100svh - 175px))}
.intro-heading{display:block}.intro-heading .section-number{margin-bottom:20px}
.example .introduction h2{font-size:42px;line-height:1.2;max-width:820px}
.intro-copy{margin-left:0;max-width:760px}
.example .services h3{font-size:23px;line-height:1.3}
.intro-editorial,.intro-studio,.intro-quiet,.intro-personal,.intro-manifesto,.intro-notebook,.intro-technical{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:72px}
.intro-editorial .services,.intro-quiet .services,.intro-personal .services,.intro-notebook .services,.intro-technical .services{display:block}
.example :is(.intro-editorial,.intro-quiet,.intro-personal,.intro-notebook,.intro-technical) .services article{padding:23px 0;border:0;border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}
.intro-ledger .services{gap:36px}.intro-ledger .intro-copy{max-width:620px}
.intro-studio .services,.intro-manifesto .services{grid-template-columns:1fr;gap:24px}
.example :is(.intro-studio,.intro-manifesto) .services article{padding:0;border:0}
.intro-gathering .intro-heading{max-width:660px}.intro-gathering .services{gap:36px}
.example .intro-gathering .services article{padding:20px 0;border:0;border-bottom:3px solid var(--accent)}
.intro-billboard .services{gap:30px}.example .intro-billboard .services article{border:0;padding:0}
.intro-billboard .intro-copy{max-width:610px}.intro-billboard .service-index{font-size:56px}
.intro-daybook{text-align:center}.intro-daybook .intro-heading h2,.intro-daybook .intro-copy{margin-inline:auto}.intro-daybook .services{text-align:left}
.intro-reference .services{grid-template-columns:1fr;gap:0}.example .intro-reference .services article{display:grid;grid-template-columns:40px minmax(150px,1fr) 2fr;gap:24px;border:0;border-top:1px solid #94b7ae;padding:25px 0;align-items:baseline}.intro-reference .services h3{margin:0}
.intro-nature .services{gap:40px}.intro-mission .services{gap:25px}.example .intro-mission .services article{border:0;border-top:2px solid var(--ink);padding:20px 0}
.intro-maker .services{gap:28px}.example .intro-maker .services article{border:0;padding:25px 0}.intro-maker .service-index{font:40px Georgia,serif;color:#c12860}
.intro-routes .intro-content{display:grid;grid-template-columns:1fr 2fr;gap:45px}.intro-routes .services{grid-template-columns:1fr}.intro-routes .services article{padding:0 0 24px}
.intro-archive .services{gap:36px}.example .intro-archive .services article{padding:24px 0;border:0;border-top:1px solid #588883}
.intro-fieldwork .services{gap:32px}.example .intro-fieldwork .services article{padding:20px 0;border:0;border-bottom:3px solid #e84434}
.intro-craft .intro-copy{max-width:580px}.intro-craft .services{gap:40px}.example .intro-craft .services article{padding:0;border:0}
.intro-collection{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.intro-collection .services{grid-template-columns:1fr}.example .intro-collection .services article{border-top:1px solid #d7ddd9;padding:20px 0}.intro-collection .service-index{font-size:14px}
.principles{max-width:1550px;margin:auto;padding:26px 48px}.principles p{font-size:15px}
/* Distinct editorial content, not duplicated hero photographs. */
.story{padding:76px 48px}.story-inner{max-width:1172px;margin:auto;min-width:0}.story h2{font-size:46px;line-height:1.16;font-weight:500;max-width:760px;margin-bottom:24px}.serif-display .story h2{font-family:Georgia,serif}.story h3{font-size:24px;line-height:1.25;font-weight:500;margin-bottom:14px}.story p{max-width:720px}.feature-lead{font-size:18px;line-height:1.65}.kicker{font:12px/1.5 ui-monospace,monospace;text-transform:uppercase;margin-bottom:22px}.small-note{font-size:13px;opacity:.8;margin-top:24px}.spec-list{margin:24px 0 0}.spec-list>div{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;padding:18px 0;border-top:1px solid color-mix(in srgb,currentColor 24%,transparent)}.spec-list dt{font-weight:600;font-size:15px}.spec-list dd{margin:0;font-size:15px;line-height:1.6}.story details{border-top:1px solid currentColor;margin-top:25px;padding:20px 0}.story summary{line-height:1.5}.story details p{margin:20px 0 0}
.story-werkraum{background:#202620;color:#fff}.story-werkraum .story-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px}.joinery-note{border-left:2px solid #f3ed23;padding-left:40px}.specimen-number{display:block;font-size:90px;line-height:1;margin-bottom:25px;color:#f3ed23}.joinery-note h3{font-size:30px}
.story-voltwerk{background:#073e36;color:white}.story-voltwerk h2{max-width:580px}.energy-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:50px;border-top:3px solid #d8ff43}.energy-flow>span{padding:25px 22px;border-right:1px solid #ffffff50;font-size:14px;line-height:2}.energy-flow>span:first-child{padding-left:0}.energy-flow b{font-size:26px;font-weight:500;color:#d8ff43}
.story-kontur .story-inner{display:grid;grid-template-columns:1fr 1fr;gap:75px}.material-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.paint{height:240px;display:flex;align-items:end;padding:14px;font-size:12px}.chalk{background:#efece8;color:#35232b}.berry{background:#702b40;color:white}.sage{background:#b3c4b8;color:#20392c}.material-palette p{grid-column:1/-1;font-size:14px;margin-top:12px}
.story-zusammen{background:#123f39;color:white}.story-zusammen .story-inner{display:grid;grid-template-columns:1fr 1fr;gap:75px}.noticeboard{background:#fff1d0;color:#123f39;padding:32px}.program-list{padding:0;list-style:none;margin-bottom:0}.program-list li{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:20px 0;border-top:1px solid #c5c7ac}.program-list li>span{font-size:24px;font-weight:800;color:#ae3d2d}.program-list h3{font-size:21px}.program-list p{font-size:14px;margin:0}
.story-kompass{background:#edf4ed}.conversation{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:45px}.conversation blockquote{font:34px/1.4 Georgia,serif;margin:0;padding:28px 0;border-top:3px solid #6d9073}.conversation>div{padding-top:28px}.conversation h3{font-size:24px}
.story-freiraum{background:#173b36;color:#d9f4e7}.story-freiraum .story-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.poster-title h2{font-size:82px;font-weight:900;text-transform:uppercase}.workshop-bill{background:#ff654b;color:#173b36;padding:42px}.bill-tag{font:12px monospace}.workshop-bill h3{font-size:36px;font-weight:800;margin-top:28px}.workshop-bill ul{padding-left:20px;line-height:2.2}.workshop-bill .primary{background:#173b36;color:white}
.story-nahpflege{background:#ead3da}.story-nahpflege .story-inner{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.care-quote>span{font:160px/.7 Georgia,serif;color:#963853}.care-quote blockquote{font:38px/1.35 Georgia,serif;margin:20px 0;max-width:410px}
.story-tageslicht{background:#fcf4d2}.story-tageslicht .story-inner{display:grid;grid-template-columns:1fr 1fr;gap:95px}.day-timeline{list-style:none;padding:0;margin:0}.day-timeline li{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:0 0 28px}.day-timeline time{font-size:22px;color:#657531;padding-top:2px}.day-timeline li>div{border-left:2px solid #c9b847;padding-left:26px}.day-timeline h3{font-size:23px}.day-timeline p{margin-bottom:0}
.story-pflegelotse{background:#dcece8}.preparation{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;margin-top:45px}.check-list{padding-left:24px;line-height:1.6}.check-list li{padding:12px 0 12px 8px;border-bottom:1px solid #adcfc4}.preparation aside{border-left:3px solid #14766c;padding-left:32px}.preparation aside h3{font:30px/1.3 Georgia,serif}
.story-waldwunder{background:#dae8c9}.story-waldwunder .story-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px}.field-journal{background:#fbfcf7;padding:35px;color:#173e29;border-left:7px solid #7f9a50}.field-journal h3{font:30px Georgia,serif}.field-journal ul{list-style:none;padding:0}.field-journal li{border-bottom:1px solid #ccd5be;padding:17px 0}.field-journal li span{font-weight:700}.field-journal li p{margin:7px 0 0;font-size:15px}
.story-planetpico{background:#124452;color:#e8faff}.mission-head{max-width:740px}.mission-kit{background:#ffcc9d;color:#124452;padding:18px 22px;font-size:15px}.story-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;padding:0;list-style:none;counter-reset:step;margin:45px 0 30px}.story-steps li{counter-increment:step;border-top:1px solid #e8faff70;padding-top:25px}.story-steps li:before{content:'0' counter(step);font-size:40px;color:#ffb895;display:block;margin-bottom:22px}.safety-note{font-size:14px;border-top:1px solid #e8faff70;padding-top:20px}
.story-farbenfabrik{background:#472452;color:#fff0f6}.creative-heading{max-width:730px}.make-city{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.make-city article{padding:30px;color:#472452;background:#ffd463}.make-city article:nth-child(2){background:#f3adc8}.make-city article:nth-child(3){background:#afe3ce}.make-city article>span{font:64px Georgia,serif;display:block;margin-bottom:24px}.make-city p{font-size:16px}.make-city h3{font-weight:700}
.story-eigenraum .story-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:85px}.living-manifesto{border-top:2px solid #416e52;padding-top:35px}.living-manifesto p{font:40px/1.25 Georgia,serif;margin-bottom:25px}.living-manifesto p:nth-child(2){color:#668a71}.story-eigenraum h2{font-size:36px}
.story-alltagsanker{background:#eddae2}.story-alltagsanker .story-inner{display:grid;grid-template-columns:1fr 1fr;gap:75px}.weekly-note{padding:38px;background:#fffafd;border-top:5px solid #9a3b58}.weekly-note h3{font:30px/1.3 Georgia,serif}
.story-weiterweg{background:#193c49;color:white}.neighborhood-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.neighborhood-routes article{padding-top:25px;border-top:5px solid #dfef60}.neighborhood-routes article>span{font:12px monospace;color:#dfef60}.neighborhood-routes h3{font-size:30px;margin-top:32px}
.story-orbit{background:#14272b}.story-orbit .story-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:85px}.archive-docket{border:1px solid #4b706e;padding:32px;align-self:start}.archive-docket h2{font-size:32px}.archive-docket .spec-list>div{display:block}.archive-docket dd{margin-top:8px}.transmission{padding-top:25px}.story-excerpt{font:30px/1.55 Georgia,serif!important;color:#c8ebe5}.transmission .kicker{color:#85c9c0}
.story-nova{background:#eceeea}.story-nova .story-inner{display:grid;grid-template-columns:.65fr 1.35fr;gap:75px}.expedition-number{font:190px/1 monospace;color:#d84635;border-top:5px solid #d84635;padding-top:30px}.log-record{margin-top:30px}.log-record>div{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:20px 0;border-top:1px solid #b2b6b0}.log-record dt{font:15px monospace;color:#ba3528}.log-record dd{margin:0;line-height:1.7}
.story-formdruck{background:#222b2a}.story-formdruck .story-inner{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.technical-sheet{border:1px solid #6c8781;padding:32px}.technical-sheet .kicker{color:#ff9d89}.technical-sheet h3{font:27px monospace}.technical-sheet .spec-list dt{font-family:monospace;font-weight:400}
.story-miniatur{background:#0d201d}.miniature-caption{max-width:690px;margin:auto;text-align:center}.miniature-caption .feature-lead{margin-inline:auto}.craft-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.craft-stages article{border-top:1px solid #a2a782;padding-top:25px}.craft-stages article>span{font:48px Georgia,serif;color:#eed58c}.craft-stages h3{font:28px Georgia,serif;margin-top:22px}
.story-schichtwerk{background:#f2f3ef}.story-schichtwerk .story-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px 110px}.collection-heading h2{font-size:56px}.object-index article{border-top:1px solid #99aaa0;padding:24px 0}.object-index article>span{font:12px monospace;color:#7c4838}.object-index h3{font:30px Georgia,serif;margin-top:18px}.object-index p{font-size:16px}.collection-footnote{grid-column:1/-1;font-size:13px;border-top:1px solid #c4cec7;padding-top:25px;margin-top:24px}
.example .contact h2{font-size:40px;line-height:1.2}.objects .contact{text-align:center}.objects .contact>p,.objects .contact details{margin-inline:auto}.poster .contact h2{font-weight:800;text-transform:uppercase}.cinema .contact{border-left:1px solid #4b706e}.engineering .contact h2{font-family:ui-monospace,monospace}
@media(min-width:1700px){.example .hero-inner{padding-left:48px}.example .hero{height:690px}.example .hero-image{object-position:center 48%}}
@media(max-width:1100px){.example .hero-inner{padding:40px;max-width:100%}.example .hero h1{font-size:64px}.example .hero h2{font-size:29px;max-width:540px}.example .hero p{max-width:410px}.example .hero h1{max-width:100%}.miniatures .hero h1{font-size:56px}.story{padding:60px 35px}.story h2{font-size:38px}.story .story-inner,.conversation,.preparation{column-gap:42px}.intro-editorial,.intro-studio,.intro-quiet,.intro-personal,.intro-manifesto,.intro-notebook,.intro-technical,.intro-collection{gap:40px}.example .introduction h2{font-size:34px}.story h3{font-size:23px}.poster-title h2{font-size:62px}.energy-flow b{font-size:22px}.living-manifesto p{font-size:34px}.care-quote blockquote{font-size:31px}.expedition-number{font-size:150px}.story-excerpt{font-size:25px!important}.story-schichtwerk .story-inner{gap:35px}.paint{padding:10px;font-size:11px}.collection-heading h2{font-size:44px}.example .intro-reference .services article{grid-template-columns:30px 1fr 1.5fr}}
@media(max-width:700px){.example .hero,.cinema .hero{padding:0;min-height:600px;height:auto;overflow:hidden}.example .hero-image{height:100%;position:absolute;object-position:62% center;z-index:-2}.example .hero:after{display:block;background:linear-gradient(0deg,#fffffffa 0%,#ffffffeb 38%,#ffffff15 85%)}.dark-hero .hero:after{background:linear-gradient(0deg,#10221efa 0%,#10221ee8 36%,#10221e05 90%)}.example .hero-inner{width:100%;max-width:none;min-height:600px;height:100%;padding:255px 24px 38px;display:flex;justify-content:flex-end;background:none;color:var(--ink)}.dark-hero .hero-inner{color:white}.example .hero h1{font-size:43px;max-width:100%;margin-bottom:15px}.miniatures .hero h1{font-size:34px}.example .hero h2{font-size:27px;max-width:460px;margin-bottom:16px}.example .hero p{max-width:410px;font-size:16px}.example .hero .primary{min-height:48px;font-size:14px}.example .hero .hero-caption{display:none}.example .hero h1{white-space:nowrap}.cinema .hero h1{white-space:normal;max-width:340px}.example .wordmark{white-space:nowrap}.example .introduction{display:block;padding:45px 24px}.example .introduction h2{font-size:32px}.example .intro-content{display:block}.example .services{display:grid;grid-template-columns:1fr;gap:22px}.example .services article,.example .intro-reference .services article{display:block;padding:20px 0 0;border:0;border-top:1px solid color-mix(in srgb,currentColor 24%,transparent)}.example .services h3{font-size:23px;margin:12px 0}.example .intro-daybook{text-align:left}.example .intro-billboard .service-index{font-size:35px}.story{padding:45px 24px}.story .story-inner{display:block}.story h2,.collection-heading h2{font-size:35px}.story h3{font-size:25px}.feature-lead{font-size:17px}.story-inner>div+div{margin-top:35px}.joinery-note{padding-left:25px}.specimen-number{font-size:64px}.spec-list>div{grid-template-columns:1fr;gap:10px}.energy-flow{grid-template-columns:1fr 1fr;gap:0}.energy-flow>span{border-bottom:1px solid #ffffff50;padding:22px 15px}.energy-flow>span:first-child{padding-left:15px}.energy-flow b{font-size:22px}.paint{height:190px;padding:10px;font-size:11px}.noticeboard,.field-journal,.weekly-note,.technical-sheet,.archive-docket{padding:25px}.conversation,.preparation{display:block}.conversation blockquote{font-size:29px}.poster-title h2{font-size:62px}.workshop-bill{padding:30px}.workshop-bill h3{font-size:32px}.care-quote blockquote{font-size:34px}.day-timeline{margin-top:35px}.day-timeline li{grid-template-columns:65px 1fr;gap:15px}.day-timeline li>div{padding-left:20px}.preparation aside{margin-top:35px;padding-left:22px}.story-steps,.make-city,.neighborhood-routes,.craft-stages{grid-template-columns:1fr;gap:20px}.story-steps li{padding-top:20px}.story-steps li:before{float:left;margin:0 20px 15px 0;font-size:32px}.story-steps h3{padding-top:4px}.story-steps p{clear:both}.make-city article{padding:28px}.make-city article>span{font-size:45px}.living-manifesto p{font-size:34px}.story-excerpt{font-size:26px!important}.expedition-number{font-size:105px;padding-top:20px}.log-record>div{gap:15px}.craft-stages article>span{font-size:36px}.collection-footnote{margin-top:25px}.principles{padding:22px 24px;gap:14px;grid-template-columns:1fr}.principles div{gap:14px}.principles p{font-size:15px}.example .contact{padding:46px 24px;text-align:left}.example .contact h2{font-size:33px}.example .site-footer .wordmark{white-space:normal}.mini-copy strong{overflow-wrap:normal;font-size:23px}.miniatures .mini-copy strong{font-size:21px}}
@media(max-width:380px){.example .hero-inner{padding-left:20px;padding-right:20px}.example .hero h1{font-size:36px}.miniatures .hero h1{font-size:29px}.example .hero h2{font-size:25px}.example .hero{min-height:620px}.example .hero-inner{min-height:620px;padding-top:225px}.example .introduction h2,.story h2,.example .contact h2{font-size:29px}.story h3,.example .services h3{font-size:22px}.story,.example .introduction,.example .contact{padding-left:20px;padding-right:20px}.collection-heading h2 br{display:none}.paint{height:170px;padding:7px;font-size:10px}.material-palette{gap:7px}.poster-title h2{font-size:56px}.miniatures .wordmark{font-size:21px}.gallery .mini-copy strong{font-size:21px}.miniatures .mini-copy strong{font-size:19px}.energy-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-flow b{font-size:18px}}