:root{--paper:#fff;--ink:#11110f;--quiet:#77766f;--line:#d7d7d2;--rail-width:210px;--page-pad:18px;--body-size:13px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.65, 0, .35, 1);--duration-fast:.18s;--duration-medium:.42s}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}::view-transition-old(root){animation:route-out .18s var(--ease-smooth) both}::view-transition-new(root){animation:route-in .42s var(--ease-out) both}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:var(--body-size);text-rendering:geometricprecision;margin:0;line-height:1.25}button,a{color:inherit;font:inherit}button{border:0;border-radius:0}a{text-decoration:none}a:hover,button:hover{cursor:pointer}a:focus-visible,button:focus-visible{outline-offset:4px;outline:1px solid}p,h1,h2,dl,dd{margin:0}.portfolio-shell{background:var(--paper);min-height:100vh}.landing-page{color:#11110f;background:#e9e9e7;width:100%;height:100svh;min-height:520px;position:relative;overflow:hidden}.landing-image{object-fit:cover;object-position:center center;width:100%;height:100%;animation:.9s cubic-bezier(.2,.75,.2,1) both landing-reveal;display:block}@keyframes landing-reveal{0%{opacity:0;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}.landing-name{filter:drop-shadow(0 1px 9px #ffffff52);width:clamp(210px,24.5vw,352px);line-height:0;display:block;position:absolute;top:18px;left:18px}.landing-logo{width:100%;height:auto;display:block}.landing-nav{letter-spacing:-.025em;gap:18px;font-size:17px;display:flex;position:absolute;top:18px;right:18px}.landing-nav a,.landing-enter{text-shadow:0 1px 12px #ffffffb3}.landing-nav a{position:relative}.landing-nav a:after{content:"";transform-origin:100%;height:1px;transition:transform .32s var(--ease-out);background:currentColor;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.landing-nav a:hover:after,.landing-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.landing-enter{letter-spacing:-.055em;transition:opacity var(--duration-fast) ease;background:0 0;padding:0;font-size:clamp(24px,3vw,46px);line-height:1;position:absolute;bottom:18px;right:18px}.landing-enter span{transition:transform .42s var(--ease-out);margin-left:5px;display:inline-block}.landing-enter:hover,.landing-enter:focus-visible{opacity:.62}.landing-enter:hover span,.landing-enter:focus-visible span{transform:translate(6px,6px)}@keyframes route-out{to{opacity:0;transform:translateY(-5px)}}@keyframes route-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-frame{min-height:100svh}.site-rail{z-index:100;width:var(--rail-width);border-right:1px solid var(--line);background:var(--paper);flex-direction:column;padding:18px;display:flex;position:fixed;top:0;bottom:0;left:0}.site-name{width:124px;line-height:0;display:block}.site-logo{width:100%;height:auto;display:block}.primary-nav{letter-spacing:-.025em;flex-direction:column;align-items:flex-start;gap:4px;margin-top:84px;font-size:17px;display:flex}.primary-nav a{color:var(--quiet);transition:color var(--duration-fast) ease;position:relative}.primary-nav a:before{content:"";opacity:0;width:5px;height:5px;transition:opacity var(--duration-fast) ease, transform .36s var(--ease-out);background:currentColor;border-radius:50%;position:absolute;top:.58em;left:-12px;transform:translate(-5px)scale(.6)}.primary-nav a:hover,.primary-nav a.is-active{color:var(--ink)}.primary-nav a.is-active:before{opacity:1;transform:translate(0)scale(1)}.rail-note{max-width:130px;color:var(--quiet);margin-top:auto;font-size:11px;line-height:1.2}.work-page,.project-page,.text-page{min-height:100svh;margin-left:var(--rail-width);padding:var(--page-pad)}.work-header{min-height:126px;padding-bottom:42px}.section-label{color:var(--quiet)}.project-filters{flex-wrap:wrap;justify-content:flex-end;gap:5px 18px;font-size:clamp(14px,1.15vw,17px);line-height:1.15;display:flex}.project-filters button{color:var(--quiet);text-align:left;white-space:nowrap;transition:color var(--duration-fast) ease;background:0 0;padding:0 0 3px;position:relative}.project-filters button:after{content:"";transform-origin:0;height:1px;transition:transform .36s var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.project-filters button:hover,.project-filters button.is-selected{color:var(--ink)}.project-filters button:hover:after,.project-filters button:focus-visible:after,.project-filters button.is-selected:after{transform:scaleX(1)}sup{vertical-align:super;margin-left:3px;font-size:.55em;line-height:0;position:relative;top:-.22em}.projects-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5mm;padding-bottom:80px;display:grid}.project-card{min-width:0;display:block}.project-card-image{aspect-ratio:1;transition:box-shadow var(--duration-medium) var(--ease-out), transform var(--duration-medium) var(--ease-out);background:#fff;position:relative;overflow:hidden}.project-card-image:after{z-index:8;content:"";opacity:0;pointer-events:none;transition:opacity var(--duration-medium) ease;border:1px solid #11110f1a;position:absolute;inset:0}.project-card:hover .project-card-image,.project-card:focus-visible .project-card-image{transform:translateY(-3px);box-shadow:0 12px 28px #11110f1f}.project-card:hover .project-card-image:after,.project-card:focus-visible .project-card-image:after{opacity:1}.project-card-overlay{z-index:10;color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000 24%,#0c0c0a14 46%,#0c0c0aa3);justify-content:space-between;align-items:flex-end;gap:8px;padding:9px;font-size:11px;line-height:1.08;transition:opacity .32s;display:flex;position:absolute;inset:0}.project-card-overlay span{opacity:0;transition:opacity .24s ease, transform .42s var(--ease-out);transform:translateY(7px)}.project-card-overlay span:last-child{flex:none}.project-card:hover .project-card-overlay,.project-card:focus-visible .project-card-overlay{opacity:1}.project-card:hover .project-card-overlay span,.project-card:focus-visible .project-card-overlay span{opacity:1;transform:translateY(0)}.project-card:hover .project-card-overlay span:last-child,.project-card:focus-visible .project-card-overlay span:last-child{transition-delay:40ms}.project-visual{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.project-visual.has-image{background:#fff}.project-visual.has-image img{object-fit:cover;width:100%;height:100%;transition:filter var(--duration-medium) ease, transform .7s var(--ease-out);display:block}.project-card:hover .project-visual.has-image img,.project-card:focus-visible .project-visual.has-image img{filter:saturate(.88)contrast(1.03);transform:scale(1.04)}.placeholder-visual{background:linear-gradient(145deg, #ffffff2e, transparent 44%), linear-gradient(135deg, var(--tone-1), var(--tone-4));transition:filter .25s}.placeholder-visual:after{z-index:7;content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff26,#0000 30% 75%,#0000000b);border:1px solid #0000000a;position:absolute;inset:0}.project-card:hover .placeholder-visual{filter:saturate(.75)}.visual-plane{z-index:1;background:color-mix(in srgb, var(--tone-1), var(--tone-4) 42%);transform-origin:bottom;height:50%;position:absolute;bottom:-10%;left:-18%;right:-18%;transform:perspective(450px)rotateX(58deg)}.visual-object{z-index:3;display:block;position:absolute;box-shadow:inset 7px 8px 18px #fff3,inset -6px -8px 18px #0000001a,0 18px 28px #0000001f}.visual-object-a{background:linear-gradient(135deg, var(--tone-3), var(--tone-2));border-radius:3% 24% 6% 19%;width:44%;height:41%;top:21%;left:18%;transform:rotate(-8deg)}.visual-object-b{background:linear-gradient(150deg, var(--tone-4), var(--tone-3));border-radius:45% 45% 12% 12%;width:25%;height:28%;bottom:22%;right:14%;transform:rotate(8deg)}.visual-rule{z-index:5;background:#11110f61;height:1px;position:absolute;top:9px;left:9px;right:9px}.placeholder-label{z-index:9;color:#11110fb8;letter-spacing:.03em;text-transform:uppercase;justify-content:space-between;gap:8px;font-size:8px;line-height:1.1;display:flex;position:absolute;bottom:8px;left:9px;right:9px}.placeholder-label span:first-child{max-width:70%}.placeholder-label span:last-child{white-space:nowrap}.visual-1 .visual-object-a{border-radius:50% 50% 9% 9%;width:30%;height:56%;top:15%;left:29%;transform:rotate(18deg)}.visual-1 .visual-object-b{border-radius:50%;width:35%;height:18%;bottom:18%;right:14%;transform:rotate(-16deg)}.visual-2 .visual-object-a{border-radius:4% 46% 46% 4%;width:65%;height:21%;top:35%;left:8%;transform:rotate(7deg)}.visual-2 .visual-object-b{border-radius:10% 10% 45% 45%;width:18%;height:47%;bottom:22%;right:14%;transform:rotate(-5deg)}.visual-3 .visual-object-a{clip-path:polygon(0 15%,82% 0,100% 86%,16% 100%);border-radius:3%;width:50%;height:50%;top:16%;left:12%;transform:rotate(4deg)}.visual-3 .visual-object-b{border-radius:50%;width:28%;height:28%;bottom:16%;right:15%;transform:none}.visual-4 .visual-object-a{border:min(2vw, 24px) solid var(--tone-2);background:0 0;border-radius:50%;width:50%;height:50%;top:18%;left:20%;transform:none;box-shadow:inset 0 0 24px #ffffff2e,0 20px 30px #0000001a}.visual-4 .visual-object-b{border-radius:0;width:20%;height:34%;bottom:21%;right:19%;transform:rotate(31deg)}.visual-5 .visual-object-a{border-radius:2% 2% 38% 38%;width:26%;height:54%;top:20%;left:18%;transform:rotate(-16deg)}.visual-5 .visual-object-b{border-radius:50% 4% 4% 50%;width:42%;height:21%;bottom:22%;right:15%;transform:rotate(-8deg)}.project-page{padding-top:19px}.back-to-work{color:var(--quiet);transition:color var(--duration-fast) ease, gap .36s var(--ease-out);align-items:center;gap:7px;display:inline-flex}.back-to-work:hover,.back-to-work:focus-visible{color:var(--ink);gap:11px}.project-detail-grid{grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:clamp(26px,3vw,54px);margin-top:42px;display:grid}.project-stage{background:#fff;height:calc(100svh - 122px);min-height:580px;max-height:920px;overflow:hidden}.project-stage .project-visual.has-image img{object-fit:contain}.project-stage .placeholder-label{font-size:10px;bottom:12px;left:13px;right:13px}.project-stage .visual-rule{top:13px;left:13px;right:13px}.project-info{align-self:start;padding-top:1px;position:sticky;top:18px}.project-year{color:var(--quiet);margin-bottom:7px}.project-info h1{letter-spacing:-.055em;max-width:330px;font-size:clamp(28px,2.5vw,40px);font-weight:400;line-height:.98}.project-description{letter-spacing:-.018em;white-space:pre-line;max-width:330px;margin-top:40px;font-size:16px;line-height:1.28}.project-facts{border-top:1px solid var(--line);margin-top:56px}.project-facts>div{border-bottom:1px solid var(--line);grid-template-columns:82px 1fr;gap:12px;padding:8px 0 9px;display:grid}.project-facts dt{color:var(--quiet)}.project-gallery{margin-top:clamp(84px,9vw,150px)}.media-grid{flex-direction:column;gap:44px;display:flex}.media-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:44px;display:grid}.media-item{background:#fff;min-width:0;margin:0;overflow:hidden}.media-item img,.media-item video{width:100%;height:auto;display:block}.media-item.is-ratio-matched img{object-fit:cover;height:100%}.media-item video{object-fit:contain;background:#111}.project-publication-link{border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:border-color var(--duration-fast) ease, color var(--duration-fast) ease;justify-content:space-between;align-items:center;gap:20px;margin-top:44px;padding:13px 0 14px;font-size:16px;display:flex}.project-publication-link span:last-child{transition:transform .42s var(--ease-out)}.project-publication-link:hover,.project-publication-link:focus-visible{border-color:var(--ink)}.project-publication-link:hover span:last-child,.project-publication-link:focus-visible span:last-child{transform:translate(5px,-5px)}.process-section{border-top:1px solid var(--line);margin-top:clamp(100px,11vw,180px);padding-top:12px}.process-section>h2{color:var(--quiet);letter-spacing:.02em;text-transform:uppercase;margin:0 0 44px;font-size:11px;font-weight:400}.project-pager{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:96px;display:grid}.project-pager a{transition:background-color .26s ease, padding .42s var(--ease-out);padding:12px 0 13px;font-size:16px;position:relative}.project-pager a:hover,.project-pager a:focus-visible{background:#11110f09;padding-left:10px;padding-right:10px}.project-pager a span{color:var(--quiet);margin-bottom:4px;font-size:11px;display:block}.project-pager .next-project{border-left:1px solid var(--line);text-align:right}.text-page{flex-direction:column;padding-top:19px;display:flex}.about-layout{grid-template-columns:minmax(0,1.55fr) minmax(270px,.8fr);gap:clamp(70px,10vw,170px);max-width:1180px;margin-top:71px;display:grid}.about-intro{letter-spacing:-.05em;max-width:720px;font-size:clamp(25px,2.6vw,40px);line-height:1.07}.about-intro p+p{color:#474640;margin-top:1em}.about-details{padding-top:5px}.about-details section+section{margin-top:48px}.about-details h2,.imprint-copy h1{color:var(--quiet);text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:400}.about-details section>p+p{margin-top:16px}.contact-intro{max-width:1100px;margin-top:71px}.contact-intro>p{color:var(--quiet);margin-bottom:20px}.contact-intro>a{letter-spacing:-.065em;transition:opacity var(--duration-fast) ease;font-size:clamp(32px,5.5vw,82px);line-height:.96;position:relative}.contact-intro>a:hover,.contact-intro>a:focus-visible,.contact-list a:hover,.contact-list a:focus-visible,.about-details a:hover,.about-details a:focus-visible,.imprint-copy a:hover,.imprint-copy a:focus-visible{text-decoration-color:currentColor}.contact-intro>a:hover,.contact-intro>a:focus-visible{opacity:.55}.contact-list a,.about-details a,.imprint-copy a{text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .22s}.contact-list{border-top:1px solid var(--line);width:min(100%,620px);margin-top:100px}.contact-list>div{border-bottom:1px solid var(--line);grid-template-columns:112px 1fr;gap:14px;padding:9px 0 10px;display:grid}.contact-list dt{color:var(--quiet)}.imprint-copy{width:min(100%,560px);margin:90px 0 60px}.imprint-copy>p{margin-bottom:55px}.imprint-copy section+section{margin-top:42px}.imprint-copy section p{max-width:500px}.site-footer{color:var(--quiet);gap:18px;margin-top:auto;padding-top:100px;font-size:11px;display:flex}.site-footer a:hover{color:var(--ink)}.site-footer a{transition:color var(--duration-fast) ease}@media (width>=1780px){:root{--rail-width:230px;--page-pad:22px}}@media (width<=1180px){:root{--rail-width:188px}.project-detail-grid{grid-template-columns:minmax(0,1fr) 280px}}@media (width<=900px){:root{--rail-width:170px;--page-pad:14px}.site-rail{padding:14px}.site-name{width:108px}.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-filters{justify-content:flex-start;margin-top:30px}.project-detail-grid{display:block}.project-stage{aspect-ratio:auto;height:auto;min-height:0}.project-stage .project-visual,.project-stage .project-visual.has-image img{height:auto}.project-info{margin-top:28px;position:static}.project-info h1{max-width:560px}.project-description{max-width:620px;margin-top:26px}.project-facts{max-width:620px;margin-top:36px}.about-layout{margin-top:70px;display:block}.about-details{margin-top:70px}}@media (width<=700px){:root{--page-pad:11px;--body-size:12px}.page-frame{display:block}.site-rail{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:96px 1fr;align-items:center;width:100%;height:64px;padding:11px;display:grid;position:sticky;top:0;bottom:auto}.site-name{width:88px}.primary-nav{flex-direction:row;justify-content:flex-end;gap:13px;margin-top:1px;font-size:14px}.primary-nav a:before{border-radius:0;width:100%;height:1px;inset:auto 0 -8px;transform:scaleX(0)}.primary-nav a.is-active:before{transform:scaleX(1)}.rail-note{display:none}.work-page,.project-page,.text-page{margin-left:0}.work-header{min-height:0;padding:7px 0 34px}.project-filters{grid-template-columns:1fr 1fr;gap:5px 12px;margin-top:29px;font-size:13px;display:grid}.project-filters button{white-space:normal;width:fit-content}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:48px}.project-card-overlay{display:none}.placeholder-label{font-size:7px;display:block}.placeholder-label span{display:block}.placeholder-label span:first-child{max-width:100%;margin-bottom:2px}.project-page,.text-page{padding-top:13px}.project-detail-grid{margin-top:30px}.project-stage{aspect-ratio:auto}.project-gallery{margin-top:64px}.media-grid{gap:28px}.media-row{grid-template-columns:1fr;gap:28px}.media-item.is-ratio-matched{aspect-ratio:auto!important}.media-item.is-ratio-matched img{object-fit:initial;height:auto}.process-section{margin-top:78px}.process-section>h2{margin-bottom:28px}.project-publication-link{margin-top:28px;font-size:14px}.project-info h1{font-size:29px}.project-description{font-size:15px}.project-pager{margin-top:70px}.project-pager a{font-size:12px}.about-layout,.contact-intro,.imprint-copy{margin-top:55px}.about-intro{font-size:25px}.about-details{margin-top:58px}.contact-intro>a{font-size:clamp(29px,9.2vw,48px)}.contact-list{margin-top:70px}.contact-list>div{grid-template-columns:84px 1fr}.site-footer{padding-top:80px}}@media (hover:none){.project-card-overlay{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=700px){.landing-name{width:clamp(175px,52vw,225px);top:11px;left:11px}.landing-nav{flex-direction:column;gap:2px;font-size:14px;inset:auto auto 13px 11px}.landing-enter{font-size:29px;bottom:12px;right:11px}}