@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#191b19;--paper:#f7f8f4;--accent:#ff8a3d;--muted:#a7aaa1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #e97731;outline-offset:7px}header{position:absolute;top:0;width:100%;z-index:5;padding:25px 4%;display:flex;justify-content:space-between;align-items:center;color:white;border-bottom:1px solid #ffffff45}.brand{display:flex;align-items:flex-end;gap:9px;font-size:32px;font-weight:800;letter-spacing:-1.9px}.brand small{font-size:14px;letter-spacing:-.3px;font-weight:400;padding-bottom:6px}.brand-dot{color:var(--accent)}nav{display:flex;gap:35px;align-items:center;font-size:14px}.contact-link{border:1px solid #ffffff88;border-radius:40px;padding:13px 20px}.contact-link span{margin-left:28px}.hero{position:relative;height:100svh;min-height:650px;max-height:1250px;color:white;overflow:hidden}.hero video,.film video{position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005 0%,#0001 28%,#0003 50%,#000a 100%)}.hero-top{position:absolute;top:142px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.6px}.hero-title{position:absolute;bottom:16%;left:4%;right:4%;display:flex;align-items:flex-end;justify-content:space-between}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(80px,10.8vw,176px);line-height:1.02}em{font-style:normal;color:var(--accent)}.hero-aside{padding-bottom:14px;width:250px}.hero-aside p{font-size:17px;line-height:1.6}.round-link{display:grid;place-items:center;border:1px solid #ffffff70;border-radius:100%;width:58px;height:58px;margin-top:30px;font-size:25px;transition:.3s}.round-link:hover{background:var(--accent);color:var(--ink)}.hero-bottom{position:absolute;bottom:26px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.5px}.hero-bottom button,.film-pause{border:0;background:none;color:white;font-size:12px}.hero-bottom button span{margin-left:6px}.section{padding:125px 6%}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600;margin-bottom:30px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:5vw;border-bottom:1px solid #d8dad1}.intro>.eyebrow{padding-top:14px}h2{font-size:clamp(44px,5.3vw,86px);line-height:1.1}.intro h2 span{color:#8b8f84}.lead{font-size:20px;line-height:1.7;max-width:620px;margin-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.section-heading p{font-size:16px;line-height:1.6;padding-bottom:8px}.gallery{display:grid;grid-template-columns:1fr 1fr;column-gap:6%;row-gap:85px;align-items:start}.project{border:0;background:none;text-align:left;padding:0;width:100%;color:inherit}.project img{width:100%;display:block;object-fit:cover;aspect-ratio:1.25;transition:filter .5s,transform .7s}.project:hover img{filter:brightness(1.06);transform:scale(1.015)}.project.tall img{aspect-ratio:.91}.project.tall{margin-top:130px}.project.offset{margin-top:-140px}.project.offset img{aspect-ratio:1}.project-caption{display:flex;justify-content:space-between;margin-top:22px;font-size:22px;letter-spacing:-.7px}.project-caption small{display:block;font-size:11px;letter-spacing:1.5px;margin-top:8px;color:#676c60}.zoom{font-size:29px}.film{height:90svh;min-height:550px;position:relative;color:white;overflow:hidden}.film::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0009,#0001)}.film-overlay{position:absolute;left:6%;bottom:12%;z-index:1}.film-overlay h2{font-size:clamp(44px,5.5vw,88px)}.film-overlay p{font-size:18px;line-height:1.6;margin-top:25px}.film-pause{margin-top:30px;border-bottom:1px solid #fff8;padding:0 0 8px}.websites{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center;padding-top:155px;padding-bottom:160px;overflow:hidden}.website-copy p{font-size:17px;line-height:1.8;color:#babeb4;margin:32px 0}.text-link{font-size:16px;border-bottom:1px solid #73786c;padding-bottom:13px;display:flex;justify-content:space-between}.service-lines{margin-top:45px}.service-lines>span{display:flex;gap:20px;border-bottom:1px solid #ffffff20;padding:16px 0;color:#91978a;font-size:13px}.service-lines b{font-weight:400;color:#e4e8de;font-size:14px}.website-stage{position:relative;transform:perspective(1600px) rotateY(-7deg) rotateZ(2deg);box-shadow:0 35px 80px #0006}.browser-bar{height:37px;background:#373a34;display:flex;gap:5px;align-items:center;padding:0 12px;border-radius:7px 7px 0 0}.browser-bar i{width:6px;height:6px;background:#757c6c;border-radius:50%}.browser-bar span{font-size:10px;color:#c3c9bd;margin:auto}.demo-site{position:relative;min-height:470px;height:38vw;max-height:640px;color:white}.demo-site>img{position:absolute;width:100%;height:100%;object-fit:cover}.demo-site::after{content:'';position:absolute;inset:0;background:linear-gradient(#0003,#0002,#0008)}.demo-nav{position:absolute;z-index:1;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.demo-nav span{font-size:10px}.demo-title{position:absolute;z-index:1;bottom:40px;left:30px;right:25px}.demo-title small{font-size:9px;letter-spacing:1.5px}.demo-title h3{font-size:clamp(32px,3.5vw,57px);margin:15px 0 25px;line-height:1.12}.demo-title a{font-size:12px;background:white;color:#222;padding:13px 18px;display:inline-block}.demo-bottom{background:#e9ebe2;color:#35382f;padding:25px;display:flex;justify-content:space-between;font-size:11px}.floating-label{background:var(--accent);color:var(--ink);position:absolute;bottom:-44px;right:-15px;width:145px;height:145px;border-radius:100%;display:grid;place-content:center;text-align:center;font-size:11px;line-height:1.7;transform:rotate(10deg)}.partners{text-align:center;padding-bottom:100px}.partners h2{font-size:48px}.partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:40px 55px;align-items:center;margin-top:65px}.partner-grid img{width:100%;height:75px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.75}.partner-grid img:hover{filter:none;opacity:1}.contact{background:var(--accent);padding-bottom:70px}.contact h2{font-size:clamp(62px,9.6vw,152px)}.contact h2 em{color:#96380c}.contact-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:65px}.contact-bottom p{font-size:17px;line-height:1.7}.contact-cta{font-size:24px;border-bottom:1px solid #191b19;padding-bottom:16px;display:flex;gap:45px}.contact-cta:hover{color:#933200}footer{background:var(--ink);color:#bbbfb4;display:flex;align-items:center;justify-content:space-between;padding:35px 6%;font-size:12px;gap:25px}.footer-brand{width:130px;height:65px;overflow:hidden;display:flex;align-items:center}.footer-brand img{width:130px;height:130px;object-fit:contain}footer small{font-size:11px}dialog{border:0;padding:0;background:#151715;color:white;max-width:94vw;max-height:94svh;overflow:auto}dialog::backdrop{background:#000d}dialog>img{display:block;max-width:90vw;max-height:80svh;object-fit:contain}dialog p{padding:18px 25px}.close{position:absolute;right:12px;top:12px;border:0;background:var(--paper);width:42px;height:42px;border-radius:50%;font-size:28px;color:#222}.reveal{transition:opacity .8s,translate .8s}.js .reveal:not(.visible){opacity:0;translate:0 50px}
@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1480px)/2));padding-right:max(6%,calc((100vw - 1480px)/2))}}@media(max-width:800px){header{padding:20px 5%}.brand{font-size:27px}nav{gap:18px}nav>a:first-child{display:none}nav a{font-size:12px}.contact-link{padding:10px 14px}.contact-link span{margin-left:8px}.hero{min-height:700px}.hero-top{top:115px;left:5%;font-size:9px}.hero-top>span:last-child{display:none}.hero-title{left:5%;bottom:17%;display:block}h1{font-size:clamp(70px,14vw,110px)}.hero-aside{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:30px}.hero-aside p{font-size:15px}.round-link{margin:0;width:48px;height:48px}.hero-bottom{left:5%;right:5%;font-size:9px}.hero-bottom>span:first-child{display:none}.section{padding:80px 6%}.intro{grid-template-columns:1fr;gap:10px}.lead{font-size:18px;margin-top:25px}.section-heading{display:block;margin-bottom:40px}.section-heading p{margin-top:24px}.gallery{column-gap:5%;row-gap:40px}.project.tall{margin-top:65px}.project.offset{margin-top:-65px}.project-caption{font-size:16px;letter-spacing:-.4px;margin-top:15px}.project-caption small{font-size:9px;letter-spacing:.7px}.zoom{font-size:20px}.film{height:650px;min-height:0}.film-overlay{bottom:60px}.film-overlay p{font-size:16px}.websites{grid-template-columns:1fr;gap:65px;padding-bottom:120px}.website-stage{max-width:650px;transform:rotate(1deg)}.demo-site{height:520px;min-height:0}.demo-title h3{font-size:46px}.partner-grid{grid-template-columns:repeat(3,1fr);gap:30px}.partner-grid img{height:55px}.partners h2{font-size:40px}.contact-bottom{display:block;margin-top:35px}.contact-cta{margin-top:35px;font-size:20px;justify-content:space-between}.contact h2{font-size:clamp(55px,11vw,90px)}footer{flex-wrap:wrap}footer>span{display:none}}@media(max-width:480px){nav>a:nth-child(2){display:none}.gallery{grid-template-columns:1fr;gap:35px}.project.tall,.project.offset{margin:0}.project img,.project.tall img,.project.offset img{aspect-ratio:1.22}.project-caption{font-size:19px}.project-caption small{font-size:10px}.demo-site{height:420px}.demo-title h3{font-size:37px}.demo-nav span{display:none}.floating-label{width:115px;height:115px;font-size:9px}.partner-grid{gap:30px 20px}.eyebrow{font-size:10px}.hero-bottom button span{font-size:10px}footer{font-size:11px}.footer-brand{width:100px}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.js .reveal:not(.visible){opacity:1;translate:none}}

.brand img{width:130px;height:58px;object-fit:contain;mix-blend-mode:screen}.footer-brand img{height:auto;width:130px;mix-blend-mode:screen}.brand{mix-blend-mode:screen}@media(max-width:800px){.brand img{width:105px;height:47px}}
@supports(animation-timeline: view()){ @media(prefers-reduced-motion:no-preference){.hero video{animation:hero-drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.film video{animation:film-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes hero-drift{to{transform:translateY(18%) scale(1.12)}}@keyframes film-drift{from{transform:scale(1.12) translateY(-3%)}to{transform:scale(1.12) translateY(3%)}}}}
/* Portfolio: every distinct supplied rendering, including full image view. */
.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 28px}.project img{aspect-ratio:1.5;object-fit:cover}.project-caption{font-size:18px;line-height:1.35;letter-spacing:-.4px}.project-caption small{font-size:11px;line-height:1.5}.project:nth-child(6n+1){grid-column:span 2}.project:nth-child(6n+1) img{aspect-ratio:3.1}.project:nth-child(6n+2) img{aspect-ratio:1.5}.project:last-child{grid-column:auto}.project:last-child img{aspect-ratio:1.5}
.websites{grid-template-columns:.72fr 1.28fr;gap:5%;background:#101113}.website-copy h2{font-size:clamp(44px,4.8vw,75px)}.website-stage{padding:12px;border:1px solid #45474a;border-radius:16px;background:#090a0c;transform:perspective(1800px) rotateY(-4deg) rotateZ(-1deg);box-shadow:0 40px 100px #0007}.browser-bar{height:42px;background:transparent;padding:0 8px;gap:6px}.browser-bar i{background:#34363b}.browser-bar>span{background:#15171a;flex:1;padding:9px 12px;border-radius:4px;margin:0 6px;color:#989da5;letter-spacing:.6px;font-family:monospace}.browser-bar>small{font-size:10px;color:#a1a7b1;letter-spacing:1px}.property-visual{position:relative;isolation:isolate;overflow:hidden;border-radius:5px 5px 0 0}.property-visual>img{display:block;width:100%;height:auto;aspect-ratio:1927/1280;object-fit:contain}.property-visual::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0005,transparent 23%,transparent 70%,#000b);z-index:1}.apartment-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2}.apartment-overlay polygon{fill:rgba(38,173,111,.25);stroke:rgba(232,255,243,.8);stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .25s,stroke .25s}.apartment-overlay polygon:hover,.apartment-overlay polygon:focus,.apartment-overlay polygon.selected{fill:rgba(44,193,121,.52);stroke:#fff;stroke-width:2.5;outline:none}.property-nav{position:absolute;top:18px;left:18px;right:18px;z-index:3;display:flex;justify-content:space-between;font-family:monospace;font-size:10px;letter-spacing:1px;pointer-events:none}.property-nav a{pointer-events:auto}.property-heading{position:absolute;bottom:20px;left:20px;z-index:3;pointer-events:none}.property-heading small{font:10px monospace;letter-spacing:1.2px;color:#e1e1dc}.property-heading h3{font-size:32px;letter-spacing:-1px;margin-top:7px}.finder-block{padding:22px 20px 15px;background:#101214;border-radius:0 0 5px 5px}.finder-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.finder-heading h4{font-size:17px;font-weight:500;margin:0}.finder-heading>span{font:10px monospace;letter-spacing:1.5px;color:#9a9fa7}.finder{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}.finder th{font:10px monospace;letter-spacing:1px;color:#979da5;padding:0 8px 10px 0}.finder td{padding:10px 8px 10px 0;border-top:1px solid #36393e;color:#bfc3c9}.finder th:last-child,.finder td:last-child{text-align:right;padding-right:0}.finder button{background:none;border:0;color:inherit;padding:2px 3px;text-align:left;font:inherit}.finder tr.selected td{background:#1c3028;color:#e3fff2}.unit-status{font:10px monospace;letter-spacing:.5px}.unit-status::before{content:'●';margin-right:5px}.verfügbar{color:#88dcb1}.reserviert{color:#dfba77}.verkauft{color:#9d9fa8}.finder-note{font-size:11px;line-height:1.5;color:#9197a0;margin-top:14px}.finder-scroll{overflow-x:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.collaboration{background:#202123;color:#f6f6f3}.collaboration h2{font-size:clamp(40px,5.8vw,88px)}.collaboration h2 em{font-weight:400}.collab-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:65px;border-top:1px solid #ffffff25;padding-top:40px}.collab-person{display:flex;gap:25px;align-items:center}.collab-person img{width:105px;height:90px;object-fit:contain}.collab-person:first-child img{background:#f5f6f1;padding:10px;border-radius:2px}.collab-person h3{font-size:25px;letter-spacing:-.7px}.collab-person span{display:block;color:#b8bcc2;line-height:1.6;font-size:14px;margin-top:8px}.collaboration>p{font-size:18px;line-height:1.8;color:#b8bcc2;max-width:720px;margin-top:42px}.clients{overflow:hidden;padding-left:0;padding-right:0}.client-heading{padding:0 6%;display:flex;align-items:end;justify-content:space-between;gap:30px}.clients h2{font-size:clamp(40px,4.5vw,68px)}#client-motion{border:0;border-bottom:1px solid #9fa097;background:none;font-size:13px;padding:12px 0;color:#4b4d49}.client-window{overflow:hidden;margin-top:65px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.client-track{display:flex;width:max-content;animation:client-flow 38s linear infinite}.client-group{display:flex;gap:70px;align-items:center;padding-right:70px}.client-group img{width:165px;height:90px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:.85}.client-group img:hover{filter:none;opacity:1}.client-window:hover .client-track,.client-track.paused{animation-play-state:paused}.direct-contact{display:flex;gap:30px;margin-top:40px;font-size:15px}.direct-contact a{border-bottom:1px solid #191b1944;padding-bottom:5px}@keyframes client-flow{to{transform:translateX(-50%)}}
@media(max-width:1100px){.websites{grid-template-columns:1fr;gap:55px}.website-copy{max-width:650px}.website-stage{width:100%;max-width:820px;justify-self:center}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.project:nth-child(n){grid-column:auto}.project:nth-child(n) img{aspect-ratio:1.5}.collab-person{gap:15px}.collab-person img{width:80px}}
@media(max-width:600px){.gallery{grid-template-columns:1fr;gap:38px}.project-caption{font-size:18px}.websites{padding-left:4%;padding-right:4%;gap:40px}.website-copy{padding:0 2%}.website-stage{transform:none;padding:7px;border-radius:10px}.browser-bar{padding:0 2px;height:35px}.browser-bar span{font-size:9px;padding:6px}.browser-bar small{font-size:8px}.property-heading{left:12px;bottom:12px}.property-heading h3{font-size:24px}.property-heading small,.property-nav{font-size:8px}.property-nav{left:12px;right:12px;top:12px}.finder-block{padding:17px 10px 12px}.finder{font-size:10px}.finder th{font-size:8px;letter-spacing:0;padding-right:5px}.finder td{padding:10px 5px 10px 0}.unit-status{font-size:8px;letter-spacing:0}.unit-status::before{margin-right:3px}.finder-note{font-size:10px}.finder-heading h4{font-size:16px}.collab-grid{grid-template-columns:1fr;gap:30px;margin-top:40px;padding-top:30px}.collab-person img{width:85px;height:75px}.collab-person h3{font-size:22px}.collab-person span{font-size:13px}.collaboration>p{font-size:16px}.client-heading{display:block}#client-motion{margin-top:20px}.client-group{gap:40px;padding-right:40px}.client-group img{width:135px;height:70px}.client-window{margin-top:40px}.direct-contact{flex-direction:column;align-items:start;gap:15px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none}.client-window{overflow-x:auto;mask-image:none}.client-group[aria-hidden]{display:none}}
/* Gallery navigation remains in a stable position for every image format. */
#lightbox{width:min(1200px,94vw);height:min(900px,94svh);max-width:94vw;max-height:94svh;overflow:hidden;background:#141516}
#lightbox>img{width:100%;height:calc(100% - 72px);max-width:none;max-height:none;object-fit:contain;display:block}
#lightbox .close{z-index:3}.lightbox-arrow{position:absolute;top:calc(50% - 36px);transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid #ffffff77;background:#171819c9;color:#fff;font-size:28px;line-height:1;backdrop-filter:blur(8px)}.lightbox-arrow:hover{background:var(--accent);color:#171819;border-color:var(--accent)}.lightbox-arrow.previous{left:15px}.lightbox-arrow.next{right:15px}.lightbox-footer{height:72px;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 25px}.lightbox-footer p{padding:0;font-size:16px;line-height:1.4}.lightbox-count{font-size:14px;white-space:nowrap;color:#b7bcc2}
.apartment-overlay polygon{stroke-width:1.15;stroke:rgba(240,255,246,.8);fill:rgba(38,173,111,.23)}.apartment-overlay polygon:hover,.apartment-overlay polygon:focus,.apartment-overlay polygon.selected{stroke-width:1.65;fill:rgba(44,193,121,.4)}
@media(max-width:600px){#lightbox{height:85svh}.lightbox-arrow{width:44px;height:44px;font-size:25px}.lightbox-arrow.previous{left:8px}.lightbox-arrow.next{right:8px}.lightbox-footer{padding:10px 15px}.lightbox-footer p{font-size:14px}.lightbox-count{font-size:12px}}
/* Immersive editorial direction */
:root{--ink:#f1f0ed;--paper:#0b0c0e;--accent:#ff792e;--muted:#85888d}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:#0b0c0e}[hidden]{display:none!important}html{scroll-padding-top:100px}header{position:fixed;top:16px;left:3%;width:94%;padding:15px 22px;border:1px solid #ffffff2b;border-radius:12px;background:#17191b30;backdrop-filter:blur(18px);transition:background .3s;z-index:20}body.scrolled header{background:#111315cf}.brand img{height:36px;width:91px}nav{gap:30px;font-size:13px}.contact-link{background:#eeeeea;color:#141414;padding:12px 18px;border:none;border-radius:7px}.contact-link:hover{background:var(--accent)}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--accent);z-index:30}.section{padding:120px 5%}.eyebrow{font-family:monospace;font-weight:400;font-size:11px;letter-spacing:1.3px;color:#989b9f}.hero-scroll{height:175svh;position:relative}.hero{position:sticky;top:0;height:100svh;min-height:640px;max-height:none;background:#0b0c0e;overflow:hidden}.hero-frame{position:absolute;inset:0;overflow:hidden;border-radius:var(--hero-radius,0px);transform:translateY(var(--hero-y,0px)) scale(var(--hero-scale,1));will-change:transform;z-index:1}.hero video{animation:none!important;transform:none;position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#0b0c0e70,transparent 30%,#0b0c0e25 45%,#0b0c0ec7)}.hero-top{top:135px;left:5%;right:5%;z-index:2;opacity:var(--hero-copy,1);font-family:monospace;font-size:11px;letter-spacing:1px}.hero-title{left:5%;right:5%;bottom:14%;z-index:2;display:block;opacity:var(--hero-copy,1);transform:translateY(var(--hero-text-y,0px))}.hero-kicker{display:block;font:11px monospace;letter-spacing:2px;margin-bottom:24px;color:#ddd}.hero h1{font-size:clamp(72px,10.8vw,174px);letter-spacing:-.075em;line-height:.97;font-weight:500}.hero h1 em{color:#fff}.hero-aside{width:100%;display:flex;align-items:end;justify-content:space-between;margin-top:35px;padding:0}.hero-aside p{font-size:15px;line-height:1.6;color:#e1dfdc}.hero-explore{font-size:14px;display:flex;align-items:center;gap:40px;padding-bottom:10px;border-bottom:1px solid #fff7}.hero-explore span{display:grid;place-items:center;width:35px;height:35px;background:var(--accent);color:#121314;border-radius:50%;font-size:20px}.hero-bottom{bottom:24px;left:5%;right:5%;z-index:3;font:10px monospace;letter-spacing:1px;opacity:var(--hero-copy,1)}.hero-scroll-label>span{margin-left:25px}.hero-after{position:absolute;top:24%;left:5%;z-index:0;font:500 clamp(80px,13vw,200px)/.9 'Manrope',Arial,sans-serif;letter-spacing:-.07em;color:#eeeeea;opacity:var(--hero-after,0)}.hero-after em{color:var(--accent)}.intro{display:block;border:0;padding-top:110px;padding-bottom:110px}.intro .eyebrow{display:flex;justify-content:space-between;margin-bottom:65px}.manifesto{font-size:clamp(38px,6.7vw,105px);line-height:1.06;letter-spacing:-.065em}.manifesto em{color:var(--accent)}.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:65px;border-top:1px solid #ffffff20;padding-top:30px}.cross-mark{font-size:68px;color:var(--accent);line-height:1}.intro-bottom p{font-size:16px;line-height:1.7;color:#aeb1b5}.intro-bottom .text-link{min-width:200px;font-size:13px;border-color:#55595d}.websites{background:#141618;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;display:grid;grid-template-columns:.7fr 1.3fr;gap:6%;padding-top:130px;padding-bottom:130px;overflow:hidden;align-items:start}.website-copy{position:sticky;top:125px}.website-copy h2{font-size:clamp(50px,5.5vw,87px);line-height:1.02}.website-copy>p{font-size:15px;line-height:1.8;color:#a3a7ad;max-width:380px;margin:27px 0}.website-copy>.text-link{font-size:13px;border-color:#45484e}.interaction-hint{display:flex;align-items:center;gap:18px;margin:35px 0;color:#c8cacd;font-size:13px;line-height:1.6}.hint-ring{width:28px;height:28px;border:1px solid var(--accent);border-radius:50%;position:relative;flex:none}.hint-ring::after{content:'';position:absolute;inset:8px;background:var(--accent);border-radius:50%}.unit-detail{border:1px solid #ffffff20;background:#1e2125;border-radius:10px;padding:22px;transition:border-color .3s}.unit-detail.is-selected{border-color:#ff792e88}.unit-detail-top{display:flex;justify-content:space-between;color:#939aa4;font:9px monospace;letter-spacing:1px}.unit-badge{color:var(--accent)}.unit-detail h3{font-size:24px;line-height:1.2;letter-spacing:-.7px;margin:25px 0 18px}.unit-detail a{display:flex;justify-content:space-between;font-size:12px;padding-top:18px;margin-top:22px;border-top:1px solid #ffffff20}#detail-values{display:flex;gap:22px;font-size:12px;color:#afb4bc;line-height:1.6}#detail-values b{display:block;font-size:21px;font-weight:500;color:#fff;letter-spacing:-.8px}#detail-values small{font-size:10px;color:#a7adb5}.website-stage{width:100%;max-width:none;border-radius:13px;padding:10px;background:#0b0c0e;transform:perspective(1600px) rotateY(var(--device-turn,-5deg));transform-origin:right center;box-shadow:0 35px 90px #0007;border-color:#ffffff30}.browser-bar{height:40px}.browser-bar>span{font-size:10px}.property-visual{border-radius:7px 7px 0 0}.finder-block{background:#111315;padding:24px 19px 18px}.finder-heading>span{font-size:8px}.finder td{padding-top:14px;padding-bottom:14px}.finder tr.selected td{background:#17352b}.finder button{cursor:pointer}.clients{background:#0b0c0e;border-bottom:1px solid #ffffff15;padding-top:65px;padding-bottom:65px}.client-heading{align-items:center;padding:0 5%}.clients .eyebrow{margin-bottom:12px}.clients h2{font-size:27px;letter-spacing:-1px}#client-motion{color:#8f959d;border:0;font-size:11px}.client-window{margin-top:42px}.client-group img{filter:grayscale(1);mix-blend-mode:normal;background:#f0f0ec;border-radius:5px;padding:14px;width:158px;height:85px;opacity:.75}.client-group{gap:36px;padding-right:36px}.work{padding-top:130px;padding-bottom:130px}.section-heading{align-items:end;gap:30px;margin-bottom:50px}.section-heading h2{font-size:clamp(45px,6.8vw,105px);line-height:1.03}.section-heading h2 em{color:#777c83}.gallery-tools{display:flex;gap:8px;align-items:center}.gallery-tools button{border:1px solid #ffffff22;border-radius:30px;background:none;color:#aaaeb4;padding:12px 18px;font-size:12px;white-space:nowrap}.gallery-tools button.active{color:#131416;background:#f1f0ed;border-color:#f1f0ed}.gallery-tools sup{font-size:8px;margin-left:7px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project{position:relative;overflow:hidden;display:block;isolation:isolate;border-radius:5px;background:#1a1c20}.project:nth-child(n){grid-column:auto}.project:nth-child(n) img{aspect-ratio:.94;object-fit:cover;width:100%;transition:transform .8s cubic-bezier(.2,.7,.3,1),filter .6s;display:block}.project:nth-child(5n+1){grid-column:span 2}.project:nth-child(5n+1) img{aspect-ratio:1.92}.project::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#0009);pointer-events:none;z-index:0}.project:hover img{transform:scale(1.045);filter:none}.image-index{position:absolute;top:18px;left:20px;z-index:2;color:#fff;font:10px monospace;letter-spacing:1px;text-shadow:0 1px 8px #000}.project-caption{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:15px;color:#fff;font-size:17px;line-height:1.3;margin:0}.project-caption small{color:#ddd;font:9px monospace;letter-spacing:1px;margin-top:8px}.project-caption .zoom{border:1px solid #ffffff66;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:21px}.gallery.filtered .project:nth-child(n){grid-column:auto}.gallery.filtered .project:nth-child(n) img{aspect-ratio:1.2}.collaboration{background:#141618;border-top:1px solid #ffffff17;padding-top:110px;padding-bottom:100px}.collaboration h2{font-size:clamp(44px,6.6vw,100px)}.collaboration h2 em{color:#7f858e}.collab-grid{gap:60px;border-color:#ffffff1e}.collab-person{gap:25px}.collab-person:first-child img{background:#f0f0ec}.collab-person h3{font-size:25px}.collaboration>p{font-size:16px}.contact{background:var(--accent);color:#141414;padding-top:110px;padding-bottom:70px;position:relative;overflow:hidden}.contact .eyebrow{color:#773412}.contact h2{font-size:clamp(60px,10.4vw,164px);line-height:1;letter-spacing:-.07em}.contact h2 em{color:#fff3e9}.contact-bottom{border-top:1px solid #0003;padding-top:30px;margin-top:55px}.contact-bottom p{font-size:15px}.contact-cta{font-size:20px;color:#111;border-bottom-color:#111}.contact-cta:hover{color:#fff}.direct-contact{font-size:13px}.direct-contact a{border-color:#0004}footer{background:#0b0c0e;color:#92969d;padding:35px 5%}footer .footer-brand img{width:95px}footer .footer-brand{width:100px;height:50px}.reveal{transition:opacity .85s,translate .85s}.js .reveal:not(.visible){translate:0 35px}dialog::backdrop{background:#08090bef;backdrop-filter:blur(12px)}
@media(min-width:1600px){.section{padding-left:max(5%,calc((100vw - 1560px)/2));padding-right:max(5%,calc((100vw - 1560px)/2))}}
@media(max-width:1100px){.websites{grid-template-columns:.8fr 1.2fr;gap:4%;padding-left:4%;padding-right:4%}.website-copy h2{font-size:53px}.unit-detail{padding:17px}.unit-detail h3{font-size:22px}.finder{font-size:10px}.unit-status{font-size:8px}.finder th{font-size:8px}.website-stage{transform:none}.section-heading{display:block}.gallery-tools{margin-top:30px}.project-caption{font-size:15px;left:14px;right:14px;bottom:15px}.project-caption small{font-size:8px}}
@media(max-width:800px){header{top:10px;left:4%;width:92%;padding:11px 14px;border-radius:9px}.brand img{width:78px;height:34px}nav{gap:15px}nav>a:first-child{display:block}nav>a:nth-child(2){display:none}nav a{font-size:11px}.contact-link{padding:11px 13px;border-radius:5px}.hero-scroll{height:145svh}.hero{min-height:650px}.hero-top{top:108px;left:5%;right:5%;font-size:9px}.hero-top>span:last-child{display:none}.hero-title{bottom:17%}.hero h1{font-size:clamp(57px,12vw,94px);line-height:1.02}.hero-kicker{font-size:9px;margin-bottom:20px}.hero-aside{align-items:start;gap:25px;margin-top:25px}.hero-aside p{font-size:13px}.hero-explore{font-size:11px;gap:14px}.hero-explore span{width:29px;height:29px}.hero-after{top:25%;font-size:16vw}.hero-bottom{font-size:8px}.hero-bottom>span:first-child{display:block}.hero-scroll-label{display:none}.hero-bottom button span{font-size:9px}.section{padding:80px 5%}.intro .eyebrow{margin-bottom:40px;font-size:9px;gap:25px}.intro .eyebrow>span:last-child{text-align:right}.manifesto{font-size:clamp(33px,6.7vw,54px)}.intro-bottom{flex-wrap:wrap;gap:20px;margin-top:40px}.cross-mark{font-size:45px}.intro-bottom p{font-size:14px;flex:1}.intro-bottom .text-link{width:100%;font-size:12px}.websites{grid-template-columns:1fr;gap:45px}.website-copy{position:static;max-width:none}.website-copy h2{font-size:clamp(52px,9vw,75px)}.website-copy>p{max-width:550px;font-size:15px}.unit-detail{max-width:550px}.interaction-hint{margin:25px 0}.unit-detail h3{font-size:25px}.website-stage{max-width:700px;justify-self:center}.finder{font-size:12px}.finder th{font-size:10px}.unit-status{font-size:10px}.clients{padding-top:50px;padding-bottom:50px}.client-heading{display:flex}.clients h2{font-size:23px}.clients .eyebrow{font-size:9px}#client-motion{font-size:10px;margin-top:0}.client-group img{width:130px;height:70px;padding:12px}.client-group{gap:25px;padding-right:25px}.work .section-heading h2{font-size:clamp(47px,8vw,70px)}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project:nth-child(n){grid-column:auto}.project:nth-child(n) img{aspect-ratio:.82}.project:nth-child(5n+1){grid-column:span 2}.project:nth-child(5n+1) img{aspect-ratio:1.6}.image-index{left:13px;top:13px;font-size:9px}.project-caption{font-size:14px}.project-caption .zoom{width:28px;height:28px;font-size:18px}.project-caption small{font-size:7px;letter-spacing:.5px}.collab-grid{gap:30px}.collab-person h3{font-size:22px}.contact h2{font-size:clamp(50px,10.5vw,90px)}.contact-bottom{display:block}.contact-cta{margin-top:30px;font-size:18px}.direct-contact{font-size:12px}}
@media(max-width:480px){nav>a:first-child{display:none}.hero h1{font-size:clamp(48px,11.8vw,60px)}.hero-title{bottom:18%}.hero-aside{display:block}.hero-explore{width:max-content;margin-top:25px}.hero-aside p{font-size:13px}.hero-kicker{font-size:8px;letter-spacing:1.5px}.manifesto{font-size:8vw;letter-spacing:-.055em}.intro-bottom p{font-size:13px}.finder{font-size:10px}.finder th{font-size:8px}.unit-status{font-size:8px}.finder-heading h4{font-size:15px}.finder-heading>span{font-size:7px}.finder-block{padding:20px 10px 14px}.finder-note{font-size:9px}.browser-bar{height:35px}.browser-bar>span{font-size:8px}.property-heading h3{font-size:22px}.unit-detail h3{font-size:23px}.project-caption{font-size:12px;left:11px;right:11px;bottom:12px}.project-caption .zoom{display:none}.project-caption small{font-size:7px}.gallery-tools{gap:7px}.gallery-tools button{padding:11px 15px;font-size:11px}.collab-grid{grid-template-columns:1fr}.contact h2{font-size:11vw}.contact-bottom p{font-size:14px}.client-heading{align-items:start;gap:20px}.clients h2{font-size:21px}#client-motion{font-size:9px;max-width:90px}.intro .eyebrow>span:last-child{font-size:8px}.hero-after{top:27%}}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:100svh}.hero-frame{transform:none!important;border-radius:0!important}.hero-title,.hero-top,.hero-bottom{opacity:1!important;transform:none!important}.hero-after{display:none}.website-stage{transform:none!important}.manifesto{opacity:1!important}}
.websites{color:var(--ink)}#lightbox .close{background:#f1f0ed;color:#151515}.intro h2{color:#f1f0ed}.unit-detail #detail-values b{font-size:clamp(15px,1.5vw,21px)}