:root{font-family:Inter Tight Variable,Inter Tight,sans-serif}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-tight-latin.woff2) format("woff2-variations")}:root{--ink: #222;--paper: #f8f8f8;--panel: #ededed;--white: #fff;--muted: #7a7a7a;--orange: #fa5d29;--line: rgba(34, 34, 34, .24);--radius: 8px;--pad: clamp(1.25rem, 3.2vw, 3.5rem);--weight-text: 360;--weight-ui: 450;--weight-display: 520;--weight-brand: 700;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-bottom:6.5rem}body{margin:0;background:var(--paper);color:var(--ink);font-weight:var(--weight-text);line-height:1.2}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}p,h1,h2,h3{margin:0}.skip-link{position:fixed;top:.75rem;left:50%;z-index:100;padding:.75rem 1rem;border-radius:var(--radius);background:var(--ink);color:var(--white);transform:translate(-50%,-180%)}.skip-link:focus{transform:translate(-50%)}.site-header{position:absolute;inset:0 0 auto;z-index:10;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:1.35rem var(--pad);font-size:.9rem;font-weight:var(--weight-ui)}.wordmark{justify-self:start;font-size:1.45rem;font-weight:var(--weight-brand);letter-spacing:-.07em}.wordmark span,.period{color:var(--orange)}.header-link{justify-self:end;font-weight:var(--weight-ui)}.action-link{position:relative;display:inline-flex;align-items:center;gap:.55rem;padding-bottom:.35rem;white-space:nowrap}.action-link:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:currentColor;transform:scaleX(.25);transform-origin:right;transition:transform .4s cubic-bezier(.22,1,.36,1)}.action-arrow{display:inline-block;flex:0 0 auto;width:.78rem;height:.78rem;transition:transform .4s cubic-bezier(.22,1,.36,1)}.action-arrow svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.action-link:hover:after,.action-link:focus-visible:after,.project-feature:hover .action-link:after,.project-feature:focus-visible .action-link:after{transform:scaleX(1);transform-origin:left}.action-link:hover .action-arrow,.action-link:focus-visible .action-arrow,.project-feature:hover .action-arrow,.project-feature:focus-visible .action-arrow{transform:translate(.22rem,-.22rem)}.section{position:relative;min-height:100svh;padding:clamp(6.5rem,12.5vw,11.75rem) var(--pad);overflow:hidden}.hero{display:grid;align-items:center;padding-top:7rem}.hero:before{content:"";position:absolute;inset:5rem var(--pad) auto;border-top:1px solid var(--line)}.contact-top,.contact-bottom{display:flex;align-items:center;justify-content:space-between;font-size:clamp(.8rem,1.1vw,1rem)}.hero-title{font-size:clamp(7rem,21vw,23rem);font-weight:var(--weight-display);line-height:.78;letter-spacing:-.068em}.hero-line{display:block;width:fit-content}.hero-line--indent{margin-left:19vw}.hero-title .period{position:relative;top:-.012em;display:inline-block;width:.145em;height:.145em;margin-left:.04em;border-radius:50%;background:var(--orange);color:transparent;overflow:hidden;text-indent:100%;white-space:nowrap;will-change:transform}.contact-bottom a{display:inline-flex;align-items:center}.statement{background:var(--white)}.section-index{display:flex;align-items:baseline;gap:.45rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line);font-size:.85rem;font-weight:var(--weight-ui)}.section-label{display:inline-flex;align-items:baseline;gap:.45rem}.section-orbit-dot{display:inline-block;width:var(--section-dot-size, .85rem);height:var(--section-dot-size, .85rem);margin-left:clamp(.45rem,.8vw,.8rem);border-radius:50%;background:var(--orange);align-self:center;transform-origin:center;will-change:transform}.statement .section-orbit-dot{--section-dot-size: clamp(.82rem, 1.05vw, 1.05rem);--section-dot-travel: 104}.work .section-orbit-dot{--section-dot-size: clamp(.82rem, 1.05vw, 1.05rem);--section-dot-travel: 0}.section-number{display:inline-block;min-width:1.75ch;font-size:clamp(1.75rem,2.6vw,2.8rem);font-weight:var(--weight-display);line-height:.78;letter-spacing:-.08em;font-variant-numeric:tabular-nums;transform-origin:left center}.section-label-text{font-size:clamp(1rem,1.45vw,1.35rem);font-weight:var(--weight-ui);letter-spacing:-.01em}.statement-grid{display:grid;grid-template-columns:1fr 3fr;gap:2.4rem;padding-top:clamp(4.5rem,10.5vw,9.5rem)}.display-copy{grid-column:2;max-width:15ch;font-size:clamp(3rem,7vw,8rem);font-weight:420;line-height:.99;letter-spacing:-.055em}.body-copy{grid-column:2;width:min(38rem,70%);margin-left:auto;padding-top:4.5rem;font-size:clamp(1.15rem,1.7vw,1.7rem);font-weight:390;line-height:1.42;color:#555}.section-heading{display:grid;grid-template-columns:1fr 3fr;align-items:end;padding-bottom:2rem;border-bottom:1px solid var(--line)}.section-heading>.section-label{font-weight:var(--weight-ui)}.section-heading h2{font-size:clamp(3rem,6vw,7rem);font-weight:420;letter-spacing:-.055em}.section-heading--compact{grid-template-columns:1fr;padding-bottom:1.35rem}.work{min-height:120svh;background:var(--ink);color:var(--white)}.section-heading--light{border-color:#ffffff47}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.35rem,2vw,2rem);margin-top:clamp(2.5rem,5.5vw,5.5rem)}.project-feature{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:68svh;padding:clamp(1.35rem,2.7vw,2.7rem);padding-bottom:clamp(4.35rem,5vw,5.4rem);border-radius:16px;background:#f4f1ea;color:#111;overflow:hidden;contain:layout paint;transition:background .3s ease,transform .3s ease}.project-feature:hover{background:#ebe7dc;transform:translateY(-.35rem)}.project-meta,.project-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:clamp(.75rem,1vw,.95rem)}.project-meta{font-weight:var(--weight-ui);letter-spacing:-.01em}.project-meta span:nth-child(2){margin-left:auto}.project-name{position:relative;z-index:1;align-self:center;margin-left:1vw;font-size:clamp(5rem,9.5vw,11rem);font-weight:var(--weight-display);line-height:.72;letter-spacing:-.095em;white-space:nowrap;transition:letter-spacing .5s cubic-bezier(.22,1,.36,1)}.project-feature:hover .project-name{letter-spacing:-.075em}.project-name span{color:#315cff}.project-footer{align-items:flex-end;gap:2rem}.project-footer p{max-width:24rem;font-size:clamp(1rem,1.6vw,1.45rem);font-weight:400;line-height:1.25}.project-visit{font-weight:var(--weight-ui)}.project-placeholder{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:68svh;padding:clamp(1.35rem,2.7vw,2.7rem);padding-bottom:clamp(4.35rem,5vw,5.4rem);border:1px solid #4e4e4e;border-radius:16px;background:#292929;overflow:hidden;contain:layout paint}.project-placeholder>p{max-width:9ch;margin-block:clamp(2rem,5vw,4.5rem);font-size:clamp(3.25rem,5.6vw,6.5rem);font-weight:420;line-height:.97;letter-spacing:-.06em}.project-placeholder>p span{color:var(--orange)}.contact{display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;background:var(--panel)}.contact-reveal-layer{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:inherit;background:var(--orange);color:var(--white);clip-path:ellipse(var(--contact-reveal-radius-x, 0px) var(--contact-reveal-radius-y, 0px) at var(--contact-reveal-x, 50%) var(--contact-reveal-y, 50%));contain:paint;pointer-events:none;will-change:clip-path}.contact-reveal-layer .contact-top{border-color:#ffffff6b}.contact-reveal-layer .company-details span{color:inherit}.contact-reveal-layer .period{color:var(--white);opacity:var(--contact-period-opacity, 0)}.contact-top{padding-bottom:1rem;border-bottom:1px solid var(--line)}.contact-title{margin-left:-.045em;font-size:clamp(9rem,27vw,30rem);font-weight:580;line-height:.68;letter-spacing:-.1em}.contact-title .period{display:inline-block;width:.155em;height:.155em;margin-left:.065em;border-radius:50%;background:currentColor;color:var(--orange);font-size:inherit;letter-spacing:0;overflow:hidden;text-indent:100%;white-space:nowrap;transform:translateY(.02em)}.contact-reveal-layer .contact-title .period{background:var(--white);color:transparent}.contact-phone{font-size:clamp(1.5rem,2.6vw,2.75rem);font-weight:480;letter-spacing:-.03em}.contact-cta{display:flex;flex-direction:column;align-items:flex-start;gap:.72rem}.contact-promise{font-size:clamp(.9rem,1.15vw,1.08rem);font-weight:410;line-height:1.35;letter-spacing:-.01em}.company-details{text-align:right;font-size:clamp(1rem,1.35vw,1.25rem);font-weight:400;line-height:1.4}.company-details span{color:inherit}.contact-reveal-layer .contact-phone{color:var(--white)}@media(prefers-reduced-motion:no-preference){.contact>.contact-bottom .contact-cta{color:var(--panel)}}.floating-shell{position:fixed;z-index:50;left:50%;bottom:1.5rem;display:flex;align-items:center;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);transform:translate(-50%)}.floating-nav{display:flex;align-items:center;gap:.4rem;padding:.4rem;border-radius:12px;background:#222222e6;box-shadow:0 1rem 4rem #0000002e;color:#dedede;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.floating-logo,.nav-links a{height:3rem;border-radius:var(--radius)}.floating-logo{display:grid;width:3.15rem;place-items:center;background:var(--ink);color:var(--white);font-weight:var(--weight-brand);letter-spacing:-.07em;transition:background .38s cubic-bezier(.22,1,.36,1),color .28s ease}.floating-logo.is-active{background:var(--white);color:var(--ink)}.nav-links{display:flex;gap:.35rem}.nav-links a{position:relative;display:grid;place-items:center;padding:0 1rem;border:1px solid #4e4e4e;font-size:.83rem;font-weight:var(--weight-ui);transition:color .26s ease,border-color .38s cubic-bezier(.22,1,.36,1),background .38s cubic-bezier(.22,1,.36,1)}.nav-links a:after{content:"";position:absolute;top:.35rem;right:.35rem;width:.38rem;height:.38rem;border-radius:50%;background:#917eda;opacity:0;transform:scale(.4);transition:opacity .16s ease,transform .16s ease}.nav-links a:hover:after,.nav-links a:focus-visible:after{opacity:1;transform:scale(1)}.nav-links a.is-active:after{background:var(--orange);opacity:1;transform:scale(1);animation:dot-spawn .36s cubic-bezier(.34,1.56,.64,1)}.nav-links a:hover,.nav-links a:focus-visible{border-color:#aaa;color:var(--white)}.nav-links a.is-active{border-color:var(--white);background:var(--white);color:var(--ink)}.scroll-top{display:grid;flex:0 0 3.8rem;width:3.8rem;height:3.8rem;place-items:center;border:0;border-radius:12px;background:#222222e6;box-shadow:0 1rem 4rem #0000002e;color:var(--white);font:inherit;font-size:1.15rem;opacity:0;pointer-events:none;transform:translateY(1rem);transition:opacity .2s ease,transform .2s ease,background .16s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.scroll-top:hover,.scroll-top:focus-visible{background:#3e3e3e}.has-scrolled .scroll-top{opacity:1;pointer-events:auto;transform:translateY(0)}@keyframes dot-spawn{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){:root{--pad: clamp(1.5rem, 4vw, 2.65rem)}.section{padding-block:clamp(7rem,13vw,9rem)}.hero{min-height:100svh;padding-top:6rem}.hero-title{font-size:clamp(7.5rem,20.5vw,13rem)}.hero-line--indent{margin-left:14vw}.statement-grid{grid-template-columns:minmax(8rem,.7fr) 3fr}.body-copy{width:min(38rem,82%)}.work{min-height:auto}.project-feature,.project-placeholder{min-height:clamp(34rem,64svh,44rem)}.contact{min-height:100svh}}@media(min-width:781px)and (max-width:1024px)and (orientation:portrait){.hero-title{font-size:23vw}}@media(max-width:780px){:root{--pad: clamp(1.25rem, 5vw, 2rem)}.site-header{padding-top:1.15rem}.section{min-height:auto;padding-block:clamp(6.5rem,18vw,8rem)}.hero{min-height:100svh;padding-top:5.5rem;padding-bottom:6.5rem}.hero-title{font-size:clamp(5.5rem,25vw,12rem);line-height:.89;letter-spacing:-.062em}.hero-line--indent{margin-left:0}.hero-title .period{margin-left:.055em}.statement{min-height:100svh}.statement-grid,.section-heading{grid-template-columns:1fr;gap:2.75rem}.statement-grid{padding-top:clamp(4.25rem,16vw,6rem);gap:0}.display-copy{grid-column:1}.body-copy{grid-column:1;width:min(100%,34rem);margin-left:0;padding-top:clamp(2.5rem,9vw,4rem);font-size:clamp(1.08rem,4.6vw,1.35rem);line-height:1.48}.statement .section-orbit-dot{--section-dot-size: .88rem;--section-dot-travel: 68}.work .section-orbit-dot{--section-dot-size: .88rem}.section-index,.section-heading--compact{padding-bottom:1.25rem}.section-number{font-size:clamp(1.9rem,8vw,2.35rem)}.section-label-text{font-size:clamp(1rem,4.4vw,1.2rem)}.work{padding-bottom:clamp(7.5rem,24vw,10rem)}.contact-title{font-size:clamp(7rem,38vw,12rem)}.contact{min-height:max(100svh,43rem)}.contact-bottom{align-items:flex-end;gap:2rem}.contact-phone{font-size:clamp(1.85rem,8vw,2.5rem)}.contact-promise{font-size:clamp(.92rem,4vw,1.08rem)}.company-details{font-size:clamp(.9rem,3.8vw,1.05rem)}.projects-grid{grid-template-columns:1fr}.project-feature,.project-placeholder{min-height:clamp(31rem,67svh,39rem);padding:clamp(1.25rem,5.5vw,2rem);padding-bottom:clamp(5.25rem,16vw,6.5rem);border-radius:14px}.project-name{margin-left:0;font-size:clamp(4.65rem,23vw,9rem)}.project-footer{align-items:flex-start;flex-direction:column}.floating-shell{right:var(--pad);left:var(--pad);display:grid;grid-template-columns:0 minmax(0,1fr);gap:0;width:auto;max-width:none;transform:none;transition:grid-template-columns .48s cubic-bezier(.22,1,.36,1),gap .48s cubic-bezier(.22,1,.36,1)}.has-scrolled .floating-shell{grid-template-columns:3.55rem minmax(0,1fr);gap:.35rem}.floating-nav{display:grid;grid-template-columns:3rem minmax(0,1fr);width:100%;min-width:0}.floating-logo{width:auto}.nav-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.nav-links a{width:auto;min-width:0;padding:0;font-size:0}.nav-links a:before{content:attr(data-nav);font-size:.68rem}.nav-links a:nth-child(2):before{content:"Arb."}.nav-links a:nth-child(3):before{content:"Kon."}.scroll-top{width:0;min-width:0;height:3.55rem;padding:0;overflow:hidden;flex-basis:auto;transition:width .48s cubic-bezier(.22,1,.36,1),opacity .24s ease 80ms,transform .42s cubic-bezier(.22,1,.36,1),background .22s ease}.has-scrolled .scroll-top{width:3.55rem}}@media(max-width:480px){.section{padding-inline:var(--pad)}.hero:before{inset-inline:var(--pad)}.display-copy{font-size:clamp(2.75rem,15vw,4.5rem)}.section-heading h2{font-size:3.4rem}.contact-bottom{flex-direction:column;align-items:stretch;gap:2.25rem}.company-details{text-align:left}.floating-shell{bottom:max(.7rem,env(safe-area-inset-bottom))}.floating-nav{grid-template-columns:2.75rem minmax(0,1fr)}.nav-links{gap:.2rem}}@media(hover:none),(pointer:coarse){.floating-nav,.scroll-top{background:#222222f5;-webkit-backdrop-filter:none;backdrop-filter:none}.project-feature:hover{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
