@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-normal-400.woff2)format("woff2")}@font-face{font-family:Big Shoulders Display;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/big-shoulders-display-normal-400-600.woff2)format("woff2")}@font-face{font-family:DM Serif Display;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-italic-400.woff2)format("woff2")}@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-normal-400.woff2)format("woff2")}@font-face{font-family:Familjen Grotesk;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/familjen-grotesk-italic-500.woff2)format("woff2")}@font-face{font-family:Familjen Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/familjen-grotesk-normal-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-normal-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-normal-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-normal-600.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:italic;font-weight:400;font-stretch:100%;font-display:swap;src:url(/fonts/ibm-plex-sans-italic-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/fonts/ibm-plex-sans-normal-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/fonts/ibm-plex-sans-normal-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/fonts/ibm-plex-sans-normal-600.woff2)format("woff2")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-tight-normal-400.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-italic-400.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-normal-400.woff2)format("woff2")}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-italic-400.woff2)format("woff2")}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-normal-400.woff2)format("woff2")}:root{--paper:#fafaf7;--ink:#0a0a0a;--red:#d52a25;--mute:#6b6b6b;--rule:#0a0a0a1f;--rule-soft:#0a0a0a0f;--accent-news:#8a4a2a;--accent-news-bg:#8cc88238;--accent-vita:#a04a32;--accent-vita-bg:#b8553a14;--accent-refs:#8e6a1f;--accent-werk:#b3d65a;--accent-bookish:#2f6675;--accent-gemeindebrief:#7c3f5b;--accent-kontakt:#2e3a72;--accent-kontakt-bg:#3a4a8c14;--pad:56px;--col-gap:24px;--topbar-h:61.5px;--font-sans:"IBM Plex Sans", -apple-system, sans-serif;--font-mono:"IBM Plex Mono", monospace;--font-serif:"Newsreader", Georgia, serif}@media (width<=880px){:root{--pad:20px;--topbar-h:48px}}:root[data-theme=beige]{--paper:#cfc9ab;--ink:#2a2418;--red:#8a2c0a;--mute:#4e4838;--rule:#2c241824;--rule-soft:#2c241812;--accent-news:#6e3a18;--accent-news-bg:#6eaa642e;--accent-vita:#6e2e1e;--accent-vita-bg:#8a3e2a29;--accent-refs:#6e4810;--accent-bookish:#20505c;--accent-gemeindebrief:#5f2c44;--accent-kontakt:#2a3568;--accent-kontakt-bg:#2a356824}:root[data-theme=olive]{--paper:#4d5645;--ink:#f5f3e8;--red:#ffb09c;--mute:#c8cab5;--rule:#f5f3e829;--rule-soft:#f5f3e814;--accent-news:#ffd0a8;--accent-news-bg:#b4f0a024;--accent-vita:#ffd4bc;--accent-vita-bg:#f0a88829;--accent-refs:#e8c878;--accent-bookish:#9bcfdc;--accent-gemeindebrief:#ecc4d8;--accent-kontakt:#d8e0f8;--accent-kontakt-bg:#a8b8e824}:root[data-theme=dark]{--paper:#434343;--ink:#fafaf7;--red:#ff9c92;--mute:#b5b5b5;--rule:#fafaf724;--rule-soft:#fafaf712;--accent-news:#f5a878;--accent-news-bg:#8ce69629;--accent-vita:#ffb09c;--accent-vita-bg:#ef8a6b2e;--accent-refs:#efbb5e;--accent-bookish:#7fc0d5;--accent-gemeindebrief:#e6a8cc;--accent-kontakt:#b8c5f0;--accent-kontakt-bg:#9aa8e029}:root[data-theme=mono]{--paper:#fff;--ink:#000;--red:#000;--mute:#000;--rule:#000;--rule-soft:#000;--accent-news:#000;--accent-news-bg:transparent;--accent-vita:#000;--accent-vita-bg:transparent;--accent-refs:#000;--accent-bookish:#000;--accent-gemeindebrief:#000;--accent-kontakt:#000;--accent-kontakt-bg:transparent;--accent-werk:#fff}html{scrollbar-gutter:stable}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:color-mix(in srgb, var(--paper) 90%, var(--ink));color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "ss02";font-size:15px;line-height:1.5}:root{--page-gutter:max(0px, calc((100vw - 1400px) / 2))}.page{background:var(--paper);max-width:1400px;box-shadow:0 0 70px color-mix(in srgb, var(--ink) 14%, transparent);margin-inline:auto;position:relative}:root[data-theme=mono] body{background:#fff}:root[data-theme=mono] .page{box-shadow:none}:root[data-theme=mono] html:after{display:none}html:after{content:"";pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n' x='0' y='0'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' seed='7' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:240px 240px;position:fixed;inset:0}::selection{background:var(--red);color:var(--paper)}.skip-link{z-index:1000;background:var(--ink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.05em;padding:10px 16px;font-size:12px;text-decoration:none;transition:top .18s;position:fixed;top:-100px;left:16px}.skip-link:focus{outline:2px solid var(--red);outline-offset:2px;top:16px}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.row{gap:0 var(--col-gap);padding:0 var(--pad);grid-template-columns:repeat(12,1fr);display:grid}.rule{border-top:1px solid var(--ink);margin:0 var(--pad)}.rule--soft{border-top-color:var(--rule)}.section{padding:128px 0;position:relative}.section__head{gap:0 var(--col-gap);padding:0 var(--pad);grid-template-columns:repeat(12,1fr);align-items:start;margin-bottom:56px;display:grid}.section__index{font-family:var(--font-mono);letter-spacing:.05em;color:var(--red);text-transform:uppercase;grid-column:1/3;font-size:12px;font-weight:500}#aktuelles{--red:var(--accent-news);background:var(--accent-news-bg)}#vita{--red:var(--accent-vita);background:var(--accent-vita-bg)}#referenzen{--red:var(--accent-refs)}#arbeiten{--red:var(--accent-werk);color:#fafaf7;background:#0a0a0a}#arbeiten .section__title{color:#fafaf7}#arbeiten .plate__frame{background:#1a1a1a;border-color:#fafaf71f}#arbeiten .plate__frame img{filter:grayscale(.1)contrast(1.05)brightness(.95)}#arbeiten .plate:hover .plate__frame{border-color:#fafaf773}#arbeiten .plate:hover .plate__frame img{filter:grayscale(0)contrast(1.05)brightness()}#arbeiten .plate__caption{color:#fafaf78c}#arbeiten .plate__caption strong{color:var(--paper)}#arbeiten .work__filters{border-bottom-color:#fafaf72e}#arbeiten .work__filter{color:#fafaf780}#arbeiten .work__filter:hover,#arbeiten .work__filter.is-active{color:var(--paper)}#arbeiten .work__filter:after{background:var(--paper)}#arbeiten .work__filter-count{color:#fafaf759}#arbeiten .work__filter.is-active .work__filter-count{color:var(--red)}#bookish{--red:var(--accent-bookish)}#gemeindebrief{--red:var(--accent-gemeindebrief)}#kontakt{--red:var(--accent-kontakt);background:var(--accent-kontakt-bg)}#aktuelles,#vita,#referenzen,#bookish,#gemeindebrief,#kontakt{overflow-x:clip}.section__index small{color:var(--mute);text-transform:none;letter-spacing:.02em;margin-top:4px;font-size:10px;display:block}.section__title{font-family:var(--font-serif);letter-spacing:-.025em;font-variation-settings:"opsz" 60;grid-column:3/13;margin:0;font-size:clamp(40px,5.5vw,80px);font-weight:400;line-height:1.04}.section__title em{color:var(--red);font-style:italic;font-weight:400}@media (width<=880px){.section{padding:50px 0}.section__head{margin-bottom:36px}.section__index{grid-column:1/13;margin-bottom:18px}.section__title{grid-column:1/13}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{:root{--paper:#fff;--ink:#000;--red:#000;--mute:#555}html:after,.crop-marks,.color-palette,.cookie-note,.hero__brien,.hero__scroll-hint,.top__nav,.viewer,.hero__plate-restart,.work__filters{display:none!important}body{color:#000!important;background:#fff!important}a{color:inherit;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";color:#555;font-size:.85em}.section,.hero,.hero__services{page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}}.top{gap:0 var(--col-gap);padding:18px var(--pad);font-family:var(--font-mono);letter-spacing:.02em;border-bottom:1px solid var(--ink);background:var(--paper);z-index:100;grid-template-columns:repeat(12,1fr);align-items:center;font-size:11px;display:grid;position:sticky;top:0}.top__brand{grid-column:1/6;align-items:center;display:flex}.top__brand strong{font-weight:500}.top__nav{grid-column:6/13;justify-content:flex-end;gap:24px;display:flex}.top__nav a{color:var(--mute);padding:4px 0;transition:color .15s;position:relative}.top__nav a:hover,.top__nav a.is-active{color:var(--ink)}.top__nav a:after{content:"";background:var(--ink);transform-origin:0;height:1px;transition:transform .2s,background-color .2s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.top__nav a:hover:after,.top__nav a.is-active:after{transform:scaleX(1)}.top__nav a[data-section=vita]:after{background:#b8553a}.top__nav a[data-section=referenzen]:after{background:#b88a2e}.top__nav a[data-section=arbeiten]:after{background:#6e8a3a}.top__nav a[data-section=bookish]:after{background:#3a7a8c}.top__nav a[data-section=gemeindebrief]:after{background:#8a4a63}.top__nav a[data-section=kontakt]:after{background:#3a4a8c}.top__nav a[data-section=index]:after{background:var(--red)}:root[data-theme=mono] .top__nav a:after{background:var(--ink)}@media (width<=880px){.top{padding:14px var(--pad);font-size:10px}.top__brand{grid-column:1/13}.top__nav{display:none}}.hero{border-bottom:1px solid var(--ink);min-height:100vh;padding:80px 0;position:relative}.hero__brien{top:calc(-1 * var(--topbar-h));pointer-events:none;z-index:4;place-items:center;width:100%;height:100vh;display:grid;position:fixed;left:0}.hero__brien-fig{aspect-ratio:1;height:min(52vh,58vw)}.hero__brien-svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.hero__brien{display:none}}.hero__row{gap:0 var(--col-gap);padding:0 var(--pad);grid-template-columns:repeat(12,1fr);align-items:start;display:grid;overflow-x:clip}.hero__meta{font-family:var(--font-mono);color:var(--mute);letter-spacing:.04em;text-transform:uppercase;grid-column:1/3;font-size:11px;line-height:1.7}@media (prefers-reduced-motion:no-preference){.hero__title .line:first-of-type,.hero__title .line:nth-of-type(2),.hero__title .line:nth-of-type(3),.hero__plate-caption,.hero__plate-frame,.hero__services-label,.hero__services-list .service{opacity:0}}.hero__meta strong{color:var(--red);font-weight:500;display:block}.hero__title{font-family:var(--font-serif);letter-spacing:-.03em;font-variation-settings:"opsz" 72;will-change:transform;grid-column:3/10;margin:0;font-size:clamp(45px,7.6vw,128px);font-weight:400;line-height:1.1}.hero__title em{color:var(--red);font-style:italic;font-weight:400}.hero__title .line{padding-bottom:.05em;display:block;overflow:hidden}.hero__title .line-inner{will-change:transform;display:inline-block}.hero__plate{will-change:transform;flex-direction:column;grid-column:10/13;gap:8px;margin:0;display:flex}.hero__scroll-hint{pointer-events:none;z-index:5;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);flex-direction:column;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;top:calc(100vh - 110px);left:50%;transform:translate(-50%)}.hero__scroll-line{background:#76767638;width:1px;height:44px;display:block;position:relative;overflow:hidden}.hero__scroll-line:after{content:"";background:var(--ink);width:100%;height:40%;animation:1.8s cubic-bezier(.65,0,.35,1) infinite scrollHintDrop;position:absolute;top:0;left:0}@keyframes scrollHintDrop{0%{transform:translateY(-110%)}to{transform:translateY(260%)}}.hero__plate-frame{aspect-ratio:3/4;background:var(--ink);position:relative;overflow:hidden}.hero__plate-frame img{object-fit:cover;filter:grayscale(.05);width:100%;height:100%;display:block}:root[data-theme=mono] .hero__plate-frame img{filter:grayscale()}.hero__plate-caption{font-family:var(--font-mono);letter-spacing:.05em;color:var(--mute);justify-content:space-between;padding-top:6px;font-size:10px;display:flex}.hero__plate-caption strong{color:var(--ink);font-weight:500}.hero__services{gap:0 var(--col-gap);padding:80px var(--pad);border-bottom:1px solid var(--ink);grid-template-columns:repeat(12,1fr);display:grid}.hero__services-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--mute);letter-spacing:.05em;grid-column:1/3;font-size:11px}.hero__services-list{gap:var(--col-gap);grid-column:3/13;grid-template-columns:repeat(4,1fr);display:grid}.service{border-top:1px solid var(--ink);padding-top:16px}.service__num{font-family:var(--font-mono);color:var(--red);letter-spacing:.05em;margin-bottom:8px;font-size:11px}.service__name{font-family:var(--font-sans);letter-spacing:-.01em;font-size:17px;font-weight:500;line-height:1.25}@media (width<=880px){.hero{padding:50px 0}.hero__meta,.hero__title{grid-column:1/13;margin-bottom:30px}.hero__plate{grid-column:1/13;max-width:280px}.hero__services{margin-top:50px}.hero__services-label{grid-column:1/13;margin-bottom:18px}.hero__services-list{grid-column:1/13;grid-template-columns:1fr 1fr;gap:18px}}#aktuelles .section__title{letter-spacing:-.025em;text-transform:uppercase;color:var(--ink);font-variation-settings:normal;font-family:Anton,Big Shoulders Display,sans-serif;font-size:clamp(72px,11vw,180px);font-weight:400;line-height:.92}#aktuelles .section__title .word{transform-origin:50%;display:inline-block}#aktuelles .section__title .word:nth-child(2){text-transform:lowercase;vertical-align:.18em;letter-spacing:0;color:var(--red);margin:0 .05em;font-family:DM Serif Display,Newsreader,serif;font-size:.55em;font-style:italic;font-weight:400}.news__list{padding:0 var(--pad);margin:0;list-style:none}.news__item{border-top:1px solid var(--rule);padding:84px 0;position:relative;overflow:hidden}.news__item:first-child{border-top:1px solid var(--ink);padding-top:92px}.news__item:last-child{border-bottom:1px solid var(--ink)}.news__month{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.news__month:before{content:attr(data-month);letter-spacing:-.05em;text-transform:uppercase;color:var(--ink);opacity:.03;white-space:nowrap;font-family:Anton,Big Shoulders Display,sans-serif;font-size:clamp(140px,20vw,320px);line-height:.82;display:inline-block}.news__body{z-index:1;gap:0 var(--col-gap);grid-template-columns:repeat(12,1fr);display:grid;position:relative}.news__date{font-family:var(--font-mono);letter-spacing:.05em;color:var(--mute);text-transform:uppercase;grid-column:1/3;padding-top:14px;font-size:11px}.news__title{letter-spacing:-.015em;color:var(--ink);grid-column:3/13;margin:0 0 18px;font-family:DM Serif Display,Newsreader,Georgia,serif;font-size:clamp(30px,4.2vw,64px);font-style:italic;font-weight:400;line-height:1.02}.news__text{font-family:var(--font-sans);color:var(--ink);grid-column:3/13;max-width:75ch;margin:0;font-size:16px;line-height:1.6}.news__link{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--red);grid-column:3/13;justify-self:start;margin-top:18px;padding-bottom:2px;font-size:11px;display:inline-block;position:relative}.news__link:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.news__link:hover:after,.news__link:focus-visible:after{transform:scaleX(1)}@media (width<=880px){.news__item{padding:56px 0}.news__item:first-child{padding-top:64px}.news__month{opacity:.06;font-size:clamp(100px,28vw,180px)}.news__body{grid-template-columns:1fr}.news__date,.news__title,.news__text,.news__link{grid-column:1}.news__date{margin-bottom:8px;padding-top:0}.news__text{max-width:none}}.vita__h2{font-family:var(--font-mono);letter-spacing:-.015em;font-variation-settings:normal;font-weight:400;line-height:1.12;font-size:clamp(28px,3.8vw,56px)!important}.vita__h2 em{color:var(--red);font-style:normal;font-weight:400}.vita__line{white-space:pre;display:inline-block}.vita__line--accent{color:var(--red);font-style:normal}.vita__char{white-space:pre;display:inline-block;position:relative}.vita__char-typo{white-space:pre;color:var(--mute);pointer-events:none;position:absolute;top:0;left:0}.vita__char-real{white-space:pre;display:inline-block}.vita__mb-break{display:none}@media (width<=600px){.vita__mb-break{display:inline}}.vita__row{gap:0 var(--col-gap);padding:0 var(--pad);grid-template-columns:repeat(12,1fr);display:grid}.vita__list{gap:0 var(--col-gap);grid-column:3/13;grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.vita__list li{border-top:1px solid var(--ink);letter-spacing:-.005em;color:var(--ink);font-variation-settings:"opsz" 24;flex-direction:column;gap:8px;padding-top:16px;padding-bottom:24px;font-family:Newsreader,Georgia,serif;font-size:19px;font-weight:400;line-height:1.35;display:flex}.vita__list .yr{color:var(--red);font-family:var(--font-mono);letter-spacing:.05em;font-size:11px}@media (width<=880px){.vita__list{grid-column:1/13;grid-template-columns:1fr}}#referenzen .section__title{letter-spacing:-.03em;font-variation-settings:normal;font-family:Familjen Grotesk,-apple-system,sans-serif;font-weight:500}#referenzen .section__title em{font-style:italic;font-weight:500}#referenzen .section__title .line{vertical-align:top;padding-bottom:.1em;display:inline-block;overflow:hidden}#referenzen .section__title .word{will-change:transform;display:inline-block}.refs__row{gap:0 var(--col-gap);padding:0 var(--pad);grid-template-columns:repeat(12,1fr);display:grid}.refs__paragraph{letter-spacing:-.025em;color:var(--ink);word-spacing:.06em;grid-column:3/13;max-width:none;margin:0;font-family:Familjen Grotesk,-apple-system,sans-serif;font-size:clamp(28px,3.6vw,52px);font-weight:500;line-height:1.1}.refs__name{color:var(--ink)}.refs__name.is-tint{color:var(--red)}.refs__sep{color:var(--red);margin:0 .05em;font-weight:400}.refs__freelance{border-top:1px solid var(--rule);grid-column:3/13;grid-template-columns:200px 1fr;align-items:baseline;gap:24px;margin-top:56px;padding-top:24px;display:grid}.refs__freelance-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--mute);letter-spacing:.05em;font-size:11px}.refs__freelance-names{letter-spacing:-.015em;font-family:Familjen Grotesk,-apple-system,sans-serif;font-size:clamp(18px,1.8vw,22px);font-weight:500}.refs__freelance-names span span{color:var(--red)}@media (width<=880px){.refs__paragraph{grid-column:1/13;font-size:clamp(24px,6vw,36px)}.refs__freelance{grid-column:1/13;grid-template-columns:1fr;gap:12px}}#arbeiten .section__title{letter-spacing:-.005em;text-transform:uppercase;font-family:Anton,Arial Narrow,sans-serif;font-weight:400;line-height:.95}#arbeiten .section__title em{letter-spacing:.01em;font-style:normal;font-weight:400}#arbeiten .section__title .line{padding-bottom:.06em;display:block;overflow:hidden}#arbeiten .section__title .line-inner{will-change:transform;display:inline-block}.work__row{gap:0 var(--col-gap);padding:0 var(--pad);grid-template-columns:repeat(12,1fr);display:grid}.work__filters{border-bottom:1px solid var(--rule);flex-wrap:wrap;grid-column:3/13;align-items:baseline;gap:32px;margin-bottom:32px;padding-bottom:18px;display:flex}.work__filter{cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);background:0 0;border:0;align-items:baseline;gap:8px;padding:4px 0;font-size:11px;transition:color .18s;display:inline-flex;position:relative}.work__filter:after{content:"";background:var(--ink);transform-origin:0;height:1px;transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-19px;left:0;right:0;transform:scaleX(0)}.work__filter:hover,.work__filter.is-active{color:var(--ink)}.work__filter.is-active:after{transform:scaleX(1)}.work__filter-count{color:var(--mute);letter-spacing:.04em;font-size:9px}.work__filter.is-active .work__filter-count{color:var(--red)}.work__grid{gap:40px var(--col-gap);grid-column:3/13;grid-template-columns:repeat(3,1fr);display:grid}.work__grid.is-viewing .plate{opacity:0;pointer-events:none;transition:opacity .32s cubic-bezier(.32,0,.36,1)}.plate{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.plate__frame{aspect-ratio:4/3;border:1px solid var(--rule);background:#ececec;transition:border-color .7s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.plate__frame img{object-fit:cover;filter:grayscale(.15)contrast(1.02);will-change:transform;width:100%;height:140%;margin:auto;transition:filter .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.plate:hover .plate__frame{border-color:var(--ink)}.plate:hover .plate__frame img{filter:grayscale(0)contrast(1.05)}.plate__caption{font-family:var(--font-mono);letter-spacing:.04em;color:var(--mute);justify-content:space-between;align-items:baseline;padding-top:10px;font-size:10px;display:flex}.plate__caption strong{color:var(--ink);font-weight:500;font-family:var(--font-sans);letter-spacing:-.005em;font-size:13px}.plate__caption .num{color:var(--red)}@media (width<=880px){.work__filters{grid-column:1/13;gap:18px}.work__grid{grid-column:1/13;grid-template-columns:1fr 1fr;gap:24px 12px}}.viewer{z-index:300;-webkit-backdrop-filter:blur(28px)saturate(120%);background:#080809f5;place-items:center;padding:clamp(20px,3vh,40px);animation:.48s cubic-bezier(.22,1,.36,1) both viewer-in;display:grid;position:fixed;inset:0}.viewer.is-leaving{animation:.46s cubic-bezier(.32,0,.36,1) both viewer-out}@keyframes viewer-in{0%{opacity:0}to{opacity:1}}@keyframes viewer-out{0%{opacity:1}to{opacity:0}}.viewer__figure{flex-direction:column;align-items:center;gap:24px;max-width:96vw;max-height:96vh;margin:0;animation:.56s cubic-bezier(.22,1,.36,1) both figure-in;display:flex}.viewer.is-leaving .viewer__figure{animation:.42s cubic-bezier(.32,0,.36,1) both figure-out}@keyframes figure-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes figure-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.viewer__image{border:1px solid #fafaf71a;max-width:100%;max-height:80vh;display:block;overflow:hidden}.viewer__image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:80vh;display:block}.viewer__caption{color:var(--paper);text-align:center;flex-direction:column;align-self:stretch;align-items:center;gap:6px;display:flex}.viewer__counter{font-family:var(--font-mono);color:#fafaf78c;letter-spacing:.06em;font-size:11px}.viewer__photo-count{color:var(--paper);border-left:1px solid #fafaf740;margin-left:12px;padding-left:12px}.viewer__name{color:var(--paper);letter-spacing:-.015em;font-family:Familjen Grotesk,-apple-system,sans-serif;font-size:clamp(20px,2.2vw,28px);font-weight:500}.viewer__desc{font-family:var(--font-sans);color:#fafaf7c7;align-self:stretch;max-width:none;margin:4px 0 0;font-size:14px;line-height:1.5}.viewer__credit{font-family:var(--font-mono);letter-spacing:.04em;color:#fafaf78c;margin:6px 0 0;font-size:11px}.viewer__client{font-family:var(--font-sans);color:#fafaf78c;max-width:56ch;margin:0;font-size:13px;font-style:italic;line-height:1.4}.viewer__url{font-family:var(--font-mono);letter-spacing:.05em;color:var(--paper);border:1px solid #fafaf738;align-items:center;gap:8px;margin-top:8px;padding:8px 14px;font-size:11px;transition:background .15s,border-color .15s;display:inline-flex}.viewer__url:hover{background:#fafaf714;border-color:#fafaf780}.viewer__hint{font-family:var(--font-mono);color:#fafaf759;letter-spacing:.1em;text-transform:uppercase;margin-top:14px;font-size:9px}.viewer__close,.viewer__nav{z-index:10;color:var(--paper);cursor:pointer;width:44px;height:44px;font-family:var(--font-mono);background:#fafaf70a;border:1px solid #fafaf726;place-items:center;font-size:16px;line-height:1;transition:background .7s cubic-bezier(.22,1,.36,1),border-color .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);display:grid;position:absolute}.viewer__close:hover,.viewer__nav:hover{background:#fafaf71f;border-color:#fafaf773}.viewer__close{top:24px;right:24px}.viewer__nav{font-size:22px;top:50%;transform:translateY(-50%)}.viewer__nav--prev{left:24px}.viewer__nav--next{right:24px}.viewer__nav:hover{transform:translateY(-50%)scale(1.04)}::view-transition-old(root){animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(root){animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(*){animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-image-pair(*){animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media (width<=880px){.viewer__close{width:38px;height:38px;top:12px;right:12px}.viewer__nav{width:40px;height:40px;font-size:20px}.viewer__nav--prev{left:8px}.viewer__nav--next{right:8px}}.plate__badge{z-index:2;color:#fafaf7;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#0a0a0ad1;border-radius:2px;align-items:center;gap:5px;padding:3px 7px;font-size:9px;display:inline-flex;position:absolute;top:8px;left:8px}.plate__badge:before{content:"";background:#b3d65a;border-radius:50%;width:5px;height:5px;animation:2.2s ease-out infinite wipPulse}.viewer__badge{vertical-align:middle;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#c7e08a;border:1px solid #b3d65a73;border-radius:2px;align-items:center;gap:5px;margin-left:12px;padding:3px 8px;font-size:9px;display:inline-flex}.viewer__badge:before{content:"";background:#b3d65a;border-radius:50%;width:5px;height:5px;animation:2.2s ease-out infinite wipPulse}@keyframes wipPulse{0%{box-shadow:0 0 #b3d65a8c}70%{box-shadow:0 0 0 6px #b3d65a00}to{box-shadow:0 0 #b3d65a00}}@media (prefers-reduced-motion:reduce){.plate__badge:before,.viewer__badge:before{animation:none}}:root[data-theme=mono] #arbeiten .plate__frame img,:root[data-theme=mono] #arbeiten .plate:hover .plate__frame img{filter:grayscale()contrast(1.02)}:root[data-theme=mono] .viewer__image img{filter:grayscale()}:root[data-theme=mono] .plate__badge:before,:root[data-theme=mono] .viewer__badge:before{background:#fff;animation-name:wipPulseMono}:root[data-theme=mono] .viewer__badge{color:#fff;border-color:#ffffff73}@keyframes wipPulseMono{0%{box-shadow:0 0 #ffffff8c}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #fff0}}.bookish{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}#bookish .section__title{letter-spacing:-.01em;font-variation-settings:normal;text-transform:uppercase;font-family:Big Shoulders Display,Arial Narrow,sans-serif;font-size:clamp(54px,7.5vw,110px);font-weight:600;line-height:.96}#bookish .section__title em{letter-spacing:.02em;font-style:normal;font-weight:500}.bookish__sub{color:var(--red);font-size:1em;font-style:normal}.bookish__row{gap:0 var(--col-gap);padding:0 var(--pad);grid-template-columns:repeat(12,1fr);display:grid}.bookish__title{letter-spacing:-.005em;text-transform:uppercase;color:var(--ink);grid-column:3/9;margin:0 0 40px;font-family:Big Shoulders Display,Arial Narrow,sans-serif;font-size:clamp(43px,6vw,88px);font-weight:600;line-height:.96}.bookish__title em{color:var(--red);letter-spacing:.02em;font-style:normal;font-weight:500}.bookish__body{letter-spacing:0;color:var(--ink);font-variation-settings:"opsz" 18;grid-column:3/9;font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:400;line-height:1.6}.bookish__body p+p{margin-top:14px}.bookish__meta{border-left:1px solid var(--rule);padding-left:var(--col-gap);font-family:var(--font-mono);letter-spacing:.03em;color:var(--mute);grid-column:9/13;margin:0;font-size:11px}.bookish__meta dt{color:var(--red);margin-bottom:4px;font-weight:500}.bookish__meta dd{color:var(--ink);font-family:var(--font-sans);letter-spacing:-.005em;margin:0 0 18px;font-size:14px}.bookish__cta{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);width:fit-content;font-family:var(--font-sans);letter-spacing:-.01em;grid-column:3/9;align-items:center;gap:12px;margin-top:32px;padding:14px 24px 14px 0;font-size:17px;font-weight:500;transition:color .15s;display:inline-flex}.bookish__cta:hover{color:var(--red)}.bookish__cta-arrow{font-family:var(--font-mono);color:var(--red);font-weight:400}@media (width<=880px){.bookish__title,.bookish__body{grid-column:1/13}.bookish__meta{border-left:none;border-top:1px solid var(--rule);grid-column:1/13;margin-top:30px;padding-top:20px;padding-left:0}.bookish__cta{grid-column:1/13}}.gemeindebrief{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}#gemeindebrief .section__title{letter-spacing:-.01em;font-variation-settings:normal;text-transform:uppercase;font-family:Big Shoulders Display,Arial Narrow,sans-serif;font-size:clamp(54px,7.5vw,110px);font-weight:600;line-height:.96}#gemeindebrief .section__title em{letter-spacing:.02em;font-style:normal;font-weight:500}.gemeindebrief__sub{color:var(--red);font-size:1em;font-style:normal}.gemeindebrief__row{gap:0 var(--col-gap);padding:0 var(--pad);grid-template-columns:repeat(12,1fr);display:grid}.gemeindebrief__title{letter-spacing:-.005em;text-transform:uppercase;color:var(--ink);grid-column:3/9;margin:0 0 40px;font-family:Big Shoulders Display,Arial Narrow,sans-serif;font-size:clamp(43px,6vw,88px);font-weight:600;line-height:.96}.gemeindebrief__title em{color:var(--red);letter-spacing:.02em;font-style:normal;font-weight:500}.gemeindebrief__body{letter-spacing:0;color:var(--ink);font-variation-settings:"opsz" 18;grid-column:3/9;font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:400;line-height:1.6}.gemeindebrief__body p+p{margin-top:14px}.gemeindebrief__meta{border-left:1px solid var(--rule);padding-left:var(--col-gap);font-family:var(--font-mono);letter-spacing:.03em;color:var(--mute);grid-column:9/13;margin:0;font-size:11px}.gemeindebrief__meta dt{color:var(--red);margin-bottom:4px;font-weight:500}.gemeindebrief__meta dd{color:var(--ink);font-family:var(--font-sans);letter-spacing:-.005em;margin:0 0 18px;font-size:14px}.gemeindebrief__cta{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);width:fit-content;font-family:var(--font-sans);letter-spacing:-.01em;grid-column:3/9;align-items:center;gap:12px;margin-top:32px;padding:14px 24px 14px 0;font-size:17px;font-weight:500;transition:color .15s;display:inline-flex}.gemeindebrief__cta:hover{color:var(--red)}.gemeindebrief__cta-arrow{font-family:var(--font-mono);color:var(--red);font-weight:400}@media (width<=880px){.gemeindebrief__title,.gemeindebrief__body{grid-column:1/13}.gemeindebrief__meta{border-left:none;border-top:1px solid var(--rule);grid-column:1/13;margin-top:30px;padding-top:20px;padding-left:0}.gemeindebrief__cta{grid-column:1/13}}#kontakt .section__title{letter-spacing:-.02em;font-variation-settings:normal;font-family:DM Serif Display,Georgia,serif;font-weight:400;line-height:1}#kontakt .section__title em{font-style:italic;font-weight:400}#kontakt .section__title .line{padding-bottom:.1em;display:block;overflow:hidden}#kontakt .section__title .line-inner{will-change:transform;display:inline-block}.contact__row{gap:0 var(--col-gap);padding:0 var(--pad);grid-template-columns:repeat(12,1fr);display:grid}.contact__details{border-top:1px solid var(--ink);grid-column:3/11;margin:0 0 90px}.contact__details-row{gap:0 var(--col-gap);border-bottom:1px solid var(--rule);grid-template-columns:140px 1fr;align-items:baseline;padding:22px 0;display:grid}.contact__details dt{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--red);font-size:11px;font-weight:400}.contact__details dd{letter-spacing:-.015em;color:var(--ink);margin:0;font-family:Inter Tight,-apple-system,sans-serif;font-size:20px;font-weight:400;line-height:1.45}.contact__details dd a{color:var(--ink);border-bottom:1px solid #0000;transition:border-color .15s,color .15s}.contact__details dd a:hover{color:var(--red);border-bottom-color:var(--red)}.colophon{padding:32px var(--pad) 24px;margin:0 calc(-1 * var(--pad));border-top:1px solid var(--ink);gap:24px var(--col-gap);font-family:var(--font-mono);color:var(--mute);letter-spacing:.02em;grid-column:1/13;grid-template-columns:repeat(12,1fr);font-size:11px;line-height:1.55;display:grid}.colophon__block{grid-column:span 4}.colophon__block h3{color:var(--red);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:10px;font-weight:500}.colophon__block p{color:var(--ink);margin:0}.colophon__block a{border-bottom:1px solid var(--red);color:var(--ink)}.colophon__foot{border-top:1px solid var(--rule);letter-spacing:.05em;flex-wrap:wrap;grid-column:1/13;justify-content:space-between;gap:12px;padding-top:24px;display:flex}.colophon__foot a{color:var(--mute)}.colophon__foot a:hover{color:var(--red)}@media (width<=880px){.contact__details{grid-column:1/13;margin-bottom:60px}.contact__details-row{grid-template-columns:1fr;gap:8px;padding:18px 0}.contact__details dd{font-size:18px}.colophon{grid-template-columns:1fr;gap:30px}.colophon__block{grid-column:1}.colophon__foot{flex-direction:column;grid-column:1;align-items:flex-start}}.cookie-note{bottom:24px;left:calc(24px + var(--page-gutter));z-index:220;background:var(--ink);width:320px;max-width:calc(100vw - 48px);color:var(--paper);font-family:var(--font-mono);letter-spacing:.02em;pointer-events:auto;border-radius:0;grid-template-columns:14px 1fr;gap:14px;padding:16px 18px 18px;font-size:11px;line-height:1.55;animation:.42s cubic-bezier(.22,1,.36,1) both cookie-in;display:grid;position:fixed;overflow:hidden;box-shadow:0 18px 40px -20px #00000073}.cookie-note.is-leaving{animation:.32s cubic-bezier(.32,0,.36,1) both cookie-out}@keyframes cookie-in{0%{opacity:0;transform:translate(-12px,24px)}to{opacity:1;transform:translate(0,0)}}@keyframes cookie-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(16px)}}.cookie-note__marker{background:var(--red);border-radius:50%;width:10px;height:10px;margin-top:6px;display:block;box-shadow:0 0 0 1px #e5322d59}.cookie-note__body{flex-direction:column;gap:6px;display:flex}.cookie-note__label{letter-spacing:.18em;text-transform:uppercase;color:#fafaf78c;font-size:9px;font-weight:500}.cookie-note__text{color:var(--paper);letter-spacing:-.005em;margin:0;font-family:Inter Tight,-apple-system,sans-serif;font-size:12px;font-weight:400;line-height:1.5}.cookie-note__link{color:var(--paper);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--red);align-self:flex-start;margin-top:4px;padding-bottom:1px;font-size:11px;transition:color .18s,border-color .18s}.cookie-note__link:hover{color:var(--red)}.cookie-note__timer{background:var(--red);transform-origin:0;height:2px;animation:8s linear forwards cookie-timer;position:absolute;bottom:0;left:0;right:0}.cookie-note.is-leaving .cookie-note__timer{animation-play-state:paused}@keyframes cookie-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (width<=600px){.cookie-note{width:auto;max-width:none;padding:14px 16px 16px;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.cookie-note{animation:.2s both cookie-fade-in}.cookie-note.is-leaving{animation:.2s both cookie-fade-out}.cookie-note__timer{display:none}@keyframes cookie-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cookie-fade-out{0%{opacity:1}to{opacity:0}}}.move-modal{z-index:500;place-items:center;padding:clamp(16px,4vw,48px);display:grid;position:fixed;inset:0}.move-modal__backdrop{-webkit-backdrop-filter:blur(3px);background:#08080880;position:absolute;inset:0}.move-modal__panel{z-index:1;background:var(--paper);width:min(94vw,760px);max-height:calc(100dvh - 32px);color:var(--ink);border:1px solid var(--ink);grid-template-columns:188px 1fr;display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px -30px #0808088c}.move-modal__close{z-index:2;width:32px;height:32px;font-family:var(--font-mono);color:var(--mute);cursor:pointer;background:0 0;border:0;place-items:center;font-size:22px;line-height:1;transition:color .15s,transform .15s;display:grid;position:absolute;top:8px;right:12px}.move-modal__close:hover,.move-modal__close:focus-visible{color:var(--ink);outline:none;transform:rotate(90deg)}.move-modal__route{border-right:1px solid var(--rule);background:var(--rule-soft);justify-content:center;align-items:stretch;padding:28px 8px 22px;display:flex;position:relative}.move-modal__compass{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-size:10px;position:absolute;top:12px;left:14px}.move-modal__rail{width:100%;max-width:168px;height:auto}.move-modal__rail-line{stroke:var(--ink);stroke-width:1.4px;stroke-dasharray:195;stroke-dashoffset:0}.move-modal__coast{stroke:var(--mute);stroke-width:1.2px;opacity:.5}.move-modal__node{stroke:var(--paper);stroke-width:1.5px}.move-modal__node--from{fill:var(--mute)}.move-modal__node--to{fill:var(--red)}.move-modal__node-ring{stroke:var(--red);stroke-width:1.2px;opacity:.55;transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite moveNodePulse}.move-modal__marker{fill:var(--red)}.move-modal__distance,.move-modal__place,.move-modal__place-sub{fill:var(--ink);font-family:var(--font-mono)}.move-modal__distance{letter-spacing:.12em;fill:var(--mute);font-size:11px}.move-modal__place{letter-spacing:.01em;font-size:14px}.move-modal__place-sub{fill:var(--mute);font-size:9.5px}@keyframes moveNodePulse{0%,to{opacity:.5;r:11}50%{opacity:.12;r:14}}.move-modal__content{flex-direction:column;gap:18px;padding:clamp(26px,4vw,40px) clamp(24px,4vw,40px) clamp(24px,4vw,34px);display:flex}.move-modal__eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-size:11px}.move-modal__title{font-family:var(--font-serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(27px,4.4vw,40px);font-weight:400;line-height:1.08}.move-modal__title .line{display:block;overflow:hidden}.move-modal__title .line-inner{display:block}.move-modal__body{flex-direction:column;gap:12px;max-width:48ch;display:flex}.move-modal__p{font-family:var(--font-sans);color:var(--ink);text-wrap:pretty;margin:0;font-size:15px;line-height:1.62}.move-modal__cta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:4px;padding:4px 0;font-size:12px;position:relative}.move-modal__cta:after{content:"";background:var(--ink);transform-origin:0;height:1px;transition:transform .22s;position:absolute;bottom:1px;left:0;right:0;transform:scaleX(0)}.move-modal__cta:hover:after,.move-modal__cta:focus-visible:after{transform:scaleX(1)}.move-modal__cta:focus-visible{outline:none}@media (width<=620px){.move-modal__panel{grid-template-columns:1fr;width:min(94vw,440px)}.move-modal__route{border-right:0;border-bottom:1px solid var(--rule);padding:22px 8px 16px}.move-modal__rail{max-width:220px;max-height:188px}}:root[data-theme=mono] .move-modal__route{--ink:#fff;--mute:#fff;--red:#fff}@media (prefers-reduced-motion:reduce){.move-modal__node-ring{animation:none}}.crop-marks{pointer-events:none;z-index:150;position:fixed;inset:0}.crop-marks__mark{width:14px;height:14px;position:absolute}.crop-marks__mark--tl{top:18px;left:calc(18px + var(--page-gutter));border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.crop-marks__mark--tr{top:18px;right:calc(18px + var(--page-gutter));border-top:1px solid var(--ink);border-right:1px solid var(--ink)}.crop-marks__mark--bl{bottom:18px;left:calc(18px + var(--page-gutter));border-bottom:1px solid var(--ink);border-left:1px solid var(--ink)}.crop-marks__mark--br{bottom:18px;right:calc(18px + var(--page-gutter));border-bottom:1px solid var(--ink);border-right:1px solid var(--ink)}@media (width<=880px){.crop-marks__mark{width:10px;height:10px}.crop-marks__mark--tl,.crop-marks__mark--tr{top:10px}.crop-marks__mark--bl,.crop-marks__mark--br{bottom:10px}.crop-marks__mark--tl,.crop-marks__mark--bl{left:10px}.crop-marks__mark--tr,.crop-marks__mark--br{right:10px}}.color-palette{bottom:32px;right:calc(32px + var(--page-gutter));background:var(--paper);border:1px solid var(--ink);z-index:200;align-items:stretch;display:flex;position:fixed}.color-palette__swatches{gap:8px;padding:8px 10px;display:flex}.color-palette__swatch{cursor:pointer;background-clip:padding-box;border:1px solid #0a0a0a2e;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .15s}.color-palette__swatch:hover{transform:scale(1.12)}.color-palette__swatch.is-active{box-shadow:0 0 0 2px var(--paper), 0 0 0 3px var(--ink)}:root[data-theme=dark] .color-palette__swatch{border-color:#fafaf740}.color-palette__top{border:0;border-left:1px solid var(--ink);width:38px;color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:background-color .15s;animation:.35s cubic-bezier(.22,1,.36,1) color-palette-top-in;display:flex}.color-palette__top:hover,.color-palette__top:focus-visible{background-color:#0a0a0a0f;outline:none}:root[data-theme=dark] .color-palette__top:hover,:root[data-theme=dark] .color-palette__top:focus-visible{background-color:#fafaf714}.color-palette__top svg{width:14px;height:14px;display:block}@keyframes color-palette-top-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@media (width<=880px){.color-palette{bottom:16px;right:16px}.color-palette__swatches{gap:10px;padding:8px 10px}.color-palette__swatch{width:24px;height:24px}.color-palette__top{width:38px}.color-palette__top svg{width:14px;height:14px}}