@layer base,components,utilities;@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url(https://www.mbossdorf.com/wp/wp-content/themes/mbossdorf-portfolio/assets/css/../fonts/DMSans-VariableFont.ttf) format('truetype')}@font-face{font-family:'DM Sans';font-style:italic;font-weight:100 1000;font-display:swap;src:url(https://www.mbossdorf.com/wp/wp-content/themes/mbossdorf-portfolio/assets/css/../fonts/DMSans-Italic-VariableFont.ttf) format('truetype')}@layer base{:root{--bg:#f5f5f2;--fg:#101010;--muted:#72726f;--line:rgba(16, 16, 16, .18);--sans:'DM Sans', Arial, Helvetica, sans-serif}html[data-theme="dark"]{--bg:#111;--fg:#f5f5f2;--muted:#aaa;--line:rgba(245, 245, 242, .22)}html[data-theme="dark"] body{background-image:url(https://www.mbossdorf.com/wp/wp-content/themes/mbossdorf-portfolio/assets/css/pattern-dark.svg)}*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.45;transition:background .35s,color .35s;background-image:url(https://www.mbossdorf.com/wp/wp-content/themes/mbossdorf-portfolio/assets/css/pattern-light.svg);background-repeat:repeat;background-position:0 0;background-size:120px 120px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{left:-999px;position:absolute}.skip-link:focus{background:var(--bg);left:1rem;padding:1rem;top:1rem;z-index:10}@keyframes fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes page-load{from{opacity:0}to{opacity:1}}body{animation:page-load .45s ease-out both}}@layer components{.site-header{align-items:center;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;left:0;padding:1.2rem 2vw;position:fixed;right:0;top:0;z-index:20}body.admin-bar .site-header{top:32px}body:not(.home) .site-header{background:rgb(16 16 16 / .94)}.site-brand{font-size:.8rem;font-weight:700;letter-spacing:-.06em;line-height:.78}.site-brand .custom-logo-link{display:block;line-height:0}.site-brand .custom-logo{height:auto;max-height:34px;max-width:160px;width:auto}.primary-navigation ul,.language-switcher,.site-footer ul{display:flex;gap:1.25rem;list-style:none;margin:0;padding:0}.primary-navigation ul{flex-direction:row-reverse}.primary-navigation a,.language-switcher a,.theme-toggle{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.header-actions{align-items:center;display:flex;gap:1rem;justify-content:end}.theme-toggle{background:none;border:0;color:inherit;cursor:pointer;padding:0}.mobile-nav-toggle{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:none;font:inherit;gap:.4rem;padding:0}.mobile-nav-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero{background:#252525;color:#fff;display:flex;min-height:100svh;padding:10vh 5vw 5vw;position:relative}.hero-media,.discipline-media,.about-media{inset:0;position:absolute}.hero-media img,.discipline-media img,.about-media img{height:100%;object-fit:cover;width:100%}.hero:before,.discipline:before{background:linear-gradient(130deg,rgb(0 0 0 / .45),rgb(0 0 0 / .04));content:"";inset:0;position:absolute;z-index:1}.hero-content{align-self:end;max-width:1100px;position:relative;z-index:2}.hero p,.section-heading p,.archive-intro p,.project-header p{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero h1{font-size:clamp(3.5rem, 10vw, 10rem);letter-spacing:-.075em;line-height:.82;margin:.25rem 0 2.5rem;max-width:10ch;word-spacing:.15em}.about-title{font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:700;letter-spacing:-.05em;line-height:1;margin:0 0 2rem}.scroll-cue{font-size:.8rem}.disciplines{display:grid;grid-template-columns:repeat(4,1fr)}.discipline{aspect-ratio:3/5;background:#c7c6c1;color:#fff;min-width:0;overflow:hidden;position:relative}.discipline{transition:filter .4s ease,transform .4s ease}.discipline p{bottom:1.1rem;font-size:.8rem;font-weight:700;left:1rem;letter-spacing:.06em;margin:0;position:absolute;text-transform:uppercase;z-index:2;writing-mode:vertical-rl;transition:font-size .4s ease}.discipline:hover{filter:brightness(1.15);transform:scale(1.04)}.discipline:hover p{font-size:4rem}.disciplines:hover .discipline:not(:hover){filter:brightness(.4)}.projects-section{overflow:hidden;padding:0 0 .75rem}.section-heading{align-items:center;display:flex;justify-content:space-between;padding:.55rem 1vw .65rem}.section-heading p{margin:0}.project-heading-actions{align-items:center;display:flex;gap:1rem}.section-heading a{border-bottom:1px solid var(--fg);font-size:.8rem;padding-bottom:.2rem}.project-slider-controls{align-items:center;display:flex;gap:.5rem}.project-slider-controls button{background:none;border:0;color:var(--fg);cursor:pointer;font-size:1.2rem;padding:.25rem}.project-rail{display:grid;gap:2px;grid-template-columns:repeat(6,minmax(0,1fr))}.project-rail.is-auto-slider{display:flex;gap:2px;overflow:hidden}.project-card{min-width:0}.project-rail.is-auto-slider .project-card{flex:0 0 calc((100% - 10px) / 6);position:relative;overflow:hidden;transition:filter .4s ease,transform .4s ease}.project-rail.is-auto-slider .project-card:hover{filter:brightness(1.15);transform:scale(1.04);z-index:2}.project-rail.is-auto-slider:hover .project-card:not(:hover){filter:brightness(.4)}.project-card img{aspect-ratio:4/5;background:#d8d7d1;height:auto;object-fit:cover;width:100%}.project-card span{display:flex;flex-direction:column;gap:.15rem;padding:.5rem 0}.project-card strong{font-size:.82rem;font-weight:700;letter-spacing:-.02em}.project-card small{color:var(--muted);font-size:.72rem;font-weight:400}.project-card{animation:fade-up linear both;animation-timeline:view();animation-range:entry 0% entry 30%}.project-grid .project-card{content-visibility:auto;contain-intrinsic-size:0 400px}.about-feature{background:#3c3c3a;color:#fff;min-height:100svh;overflow:hidden;position:relative}.about-media img{object-position:right center}.about-feature:before{background:linear-gradient(90deg,rgb(0 0 0 / .72),rgb(0 0 0 / .3));content:"";inset:0;position:absolute;z-index:1}.about-feature-inner{max-width:1100px;padding:10vw 5vw;position:relative;z-index:2}.about-copy{column-count:3;column-width:280px;column-gap:4vw;margin-top:2rem;font-size:clamp(1.2rem, 2vw, 1.6rem);line-height:1.55}.about-copy .first-word{font-weight:700}.site-footer{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:1.5rem 2vw}.footer-logo .custom-logo{height:auto;max-height:30px;max-width:140px;width:auto}.site-footer ul{gap:1.5rem;font-size:.8rem;text-transform:uppercase}.footer-overlay{align-items:center;background:rgb(34 34 34 / .72);display:flex;inset:0;opacity:0;padding:1.5rem;pointer-events:none;position:fixed;transition:opacity .2s;z-index:90}.footer-overlay.is-open{opacity:1;pointer-events:auto}.footer-overlay-panel{background:#202020;color:#fff;margin:auto;max-height:min(78vh, 800px);max-width:760px;overflow:auto;padding:4rem;position:relative}.footer-overlay-close{background:none;border:0;color:#fff;cursor:pointer;font-size:1.5rem;padding:.25rem;position:absolute;right:1.5rem;top:1rem}.footer-overlay-content h2{font-size:clamp(1.8rem, 4vw, 2.5rem);letter-spacing:-.04em;line-height:1.1;margin:0 0 1.5rem}.footer-overlay-content h3{font-size:.78rem;font-weight:700;letter-spacing:.06em;margin:1.5rem 0 .5rem;text-transform:uppercase}.footer-overlay-content p{margin:0 0 1rem}.footer-overlay-content a{border-bottom:1px solid rgb(255 255 255 / .4)}.social-links{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-icon{border:1px solid rgb(255 255 255 / .4);border-radius:50%;display:inline-block;font-size:.7rem;font-weight:700;height:28px;line-height:26px;text-align:center;width:28px}.archive-intro,.page-content,.project-header{padding:9rem 5vw 3rem}.archive-intro h1,.page-content h1,.project-header h1{font-size:clamp(3.3rem, 9vw, 9rem);letter-spacing:-.08em;line-height:.8;margin:0}.project-back{border-bottom:1px solid currentColor;display:inline-block;font-size:.78rem;letter-spacing:.06em;margin-bottom:3.5rem;padding-bottom:.2rem;text-transform:uppercase}.project-grid{container-type:inline-size;display:grid;gap:2px;grid-template-columns:repeat(4,1fr)}@container (min-width:600px){.project-grid .project-card{min-width:0}}@container (max-width:599px){.project-grid{grid-template-columns:repeat(2,1fr)}}.project-filters{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;padding:0 5vw 2rem}.project-filters a{border-bottom:1px solid #fff0;font-size:.78rem;font-weight:700;letter-spacing:.04em;padding-bottom:.15rem;text-transform:uppercase}.project-filters a.is-active{border-bottom-color:var(--fg)}.project-body{display:grid;gap:8vw;grid-template-columns:minmax(0,2fr) minmax(0,1fr);padding:0 5vw 6rem}.project-content h2{font-size:clamp(1.5rem, 3vw, 2rem);letter-spacing:-.04em;line-height:1.15;margin:0 0 1rem}.project-content p{margin:0 0 1rem}.project-facts{align-self:start;border-top:1px solid var(--line);padding-top:1.5rem;position:sticky;top:6rem}.project-facts>div{margin-bottom:1.25rem}.project-facts dt{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.project-facts dd{font-size:.88rem;margin:.15rem 0 0}.project-image-slider{aspect-ratio:16/9;margin:0 5vw;width:calc(100% - 10vw);position:relative;overflow:hidden}.project-slider-slide{inset:0;margin:0;opacity:0;position:absolute;transition:opacity 900ms ease}.project-slider-slide.is-active{opacity:1}.project-slider-slide img{height:100%;object-fit:cover;width:100%}.project-video{aspect-ratio:16/9;background:#1d1d1d center/cover no-repeat;margin:0 5vw;position:relative}.project-video iframe{border:0;height:100%;width:100%}.video-consent-button{align-items:center;background:rgb(0 0 0 / .45);border:1px solid rgb(255 255 255 / .8);border-radius:4px;color:#fff;cursor:pointer;display:flex;font:inherit;gap:.7rem;left:50%;padding:.75rem 1.25rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .25s ease}.video-consent-button:hover{background:rgb(0 0 0 / .65)}.video-consent-button span{font-size:1.35rem}.mb-lightbox{align-items:center;background:rgb(0 0 0 / .96);display:flex;inset:0;justify-content:center;opacity:0;padding:4rem 5rem;pointer-events:none;position:fixed;transition:opacity .2s;z-index:100}.mb-lightbox.is-open{opacity:1;pointer-events:auto}.mb-lightbox img{max-height:100%;max-width:100%;object-fit:contain}.mb-lightbox button{background:none;border:0;color:#fff;cursor:pointer;font-size:2rem;padding:.5rem;position:absolute}.mb-lightbox-close{right:1rem;top:1rem}.mb-lightbox-prev{left:1rem}.mb-lightbox-next{right:1rem}.post-item{margin-left:10%}.post-item h2{font-size:clamp(1.5rem, 3vw, 2rem);letter-spacing:-.04em;line-height:1.15;margin:0 0 .5rem}.post-item h2 a{border-bottom:1px solid var(--line)}.post-item h1{font-size:clamp(2.5rem, 6vw, 4rem);letter-spacing:-.06em;line-height:.9;margin:0 0 1rem}.post-item p{margin:0 0 1.5rem}.post-item>a{border-bottom:1px solid var(--fg);font-size:.82rem;font-weight:700;letter-spacing:.06em;padding-bottom:.2rem;text-transform:uppercase}.standalone-page{max-width:780px;margin:0 auto;padding:10rem 5vw 5rem}.standalone-header{margin-bottom:3rem}.standalone-back{border-bottom:1px solid currentColor;display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.06em;margin-bottom:1.5rem;padding-bottom:.15rem;text-transform:uppercase}.standalone-back span{border-bottom-color:#fff0}.standalone-page h1{font-size:clamp(2rem, 5vw, 3rem);font-weight:700;letter-spacing:-.05em;line-height:1.1;margin:0}.standalone-body{font-size:1rem;line-height:1.7}.standalone-body p{margin:0 0 1.25rem}.standalone-body h2{font-size:1.35rem;font-weight:700;letter-spacing:-.03em;line-height:1.25;margin:2.5rem 0 .75rem}.standalone-body h3{font-size:.78rem;font-weight:700;letter-spacing:.06em;margin:2rem 0 .5rem;text-transform:uppercase}.standalone-body a{border-bottom:1px solid var(--line)}.standalone-body ul,.standalone-body ol{margin:0 0 1.25rem;padding-left:1.5em}.standalone-body li{margin-bottom:.5rem}.cookie-consent{align-items:center;background:var(--bg);border-top:1px solid var(--line);bottom:0;display:flex;gap:1rem;left:0;padding:1rem 2vw;position:fixed;right:0;z-index:80}.cookie-consent p{font-size:.82rem;margin:0}.cookie-consent button{background:none;border:1px solid var(--fg);cursor:pointer;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.35rem .75rem;text-transform:uppercase}}@layer utilities{::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}@media (prefers-color-scheme:dark){html:not([data-theme]){--bg:#111;--fg:#f5f5f2;--muted:#aaa;--line:rgba(245, 245, 242, .22)}html:not([data-theme]) body{background-image:url(https://www.mbossdorf.com/wp/wp-content/themes/mbossdorf-portfolio/assets/css/pattern-dark.svg)}}@media (min-width:761px) and (max-width:1100px){.disciplines{grid-template-columns:repeat(2,1fr)}.discipline{aspect-ratio:4/5}.project-grid{grid-template-columns:repeat(3,1fr)}.project-rail.is-auto-slider .project-card{flex-basis:calc((100% - 4px) / 3)}.project-body{margin-right:8vw}.page-content>div,.post-item{margin-left:15%}}@media (max-width:760px){.site-header{grid-template-columns:1fr auto}.mobile-nav-toggle{display:inline-flex}.primary-navigation{background:rgb(16 16 16 / .98);display:none;left:0;padding:1rem 5vw 1.5rem;position:fixed;right:0;top:68px}body.admin-bar .primary-navigation{top:114px}.site-header.is-menu-open{background:rgb(16 16 16 / .98)}.site-header.is-menu-open .primary-navigation{display:block}.hero{min-height:100svh;padding:8vh 5vw 4vw}.hero h1{max-width:12ch}.disciplines{grid-template-columns:repeat(2,1fr)}.discipline{aspect-ratio:4/5}.discipline p{writing-mode:horizontal-tb}.project-rail{grid-template-columns:repeat(3,1fr)}.project-rail.is-auto-slider .project-card{flex-basis:calc((100% - 4px) / 3)}.project-grid{grid-template-columns:repeat(2,1fr)}.about-copy{column-count:1}.project-body{grid-template-columns:1fr;gap:3rem;padding-bottom:4rem}.project-facts{position:static}.project-image-slider{height:60vw;margin:0}.project-video{margin:0}.mb-lightbox{padding:1rem 2rem}.footer-overlay-panel{padding:2rem}.archive-intro,.page-content,.project-header{padding:7rem 5vw 2rem}.post-item{margin-left:0}.page-content>div{margin-left:0}.standalone-page{padding:7rem 5vw 3rem}.cookie-consent{flex-direction:column;text-align:center}}@media screen and (max-width:782px){body.admin-bar .site-header{top:46px}}}