:root{--black: #000000;--ink: #111111;--gray: #595959;--gray-light: #9a9a9a;--white: #ffffff;--paper-dark: #0a0a0a;--nav-h: 84px;--s-1: 8px;--s-2: 16px;--s-3: 24px;--s-4: 40px;--s-5: 64px;--s-6: 104px;--sect-pad-y: clamp(96px, 16vh, 200px);--sect-pad-x: clamp(20px, 4vw, 56px);--text-xs: 11px;--text-sm: 12.5px;--text-base: 15px;--text-lg: clamp(17px, 1.5vw, 20px);--text-h3: clamp(18px, 1.8vw, 24px);--text-h2: clamp(34px, 4.6vw, 72px);--text-manifesto: clamp(26px, 3.4vw, 52px);--text-display: clamp(52px, 11.5vw, 190px);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1)}@media(max-width:768px){:root{--nav-h: 68px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;background:var(--white);color:var(--black);font-family:Josefin Sans,sans-serif;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}img{display:block;max-width:100%}ol,ul{list-style:none}a{color:inherit}h2{font-weight:100;font-size:var(--text-h2);line-height:1.08;letter-spacing:.01em;text-transform:uppercase}h3{font-weight:500;font-size:var(--text-h3);letter-spacing:.06em;text-transform:uppercase}.kicker{font-weight:300;font-size:var(--text-xs);letter-spacing:.35em;text-transform:uppercase;color:var(--gray);margin-bottom:var(--s-3)}.kicker-light{color:var(--gray-light)}[data-reveal]{opacity:0;transform:translateY(36px)}.no-js [data-reveal],.reveal-done[data-reveal]{opacity:1;transform:none}.no-js .hero-title .char{transform:none}.no-js .hero-stage{opacity:1}.no-js .nav-link,.no-js .nav-logo{opacity:1;transform:none}.no-js .m-inner,.no-js .foot-cta a{transform:none}.no-js .hero-hint{opacity:1}.no-js .projects{height:auto;display:block;padding:var(--sect-pad-y) 0}.no-js .track{flex-wrap:wrap;width:100%}.skip-link{position:fixed;top:-100%;left:var(--s-2);background:var(--black);color:var(--white);padding:10px 18px;font-size:var(--text-sm);letter-spacing:.1em;text-decoration:none;z-index:2000;transition:top .3s var(--ease-out)}.skip-link:focus{top:var(--s-2)}:focus-visible{outline:1px solid currentColor;outline-offset:5px}#cursor{position:fixed;top:0;left:0;width:12px;height:12px;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;mix-blend-mode:difference;background:#fff}#cursor.grow{width:64px;height:64px}@media(hover:none){#cursor{display:none}}#preloader{position:fixed;inset:0;background:var(--white);z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--s-3)}#preloader .pre-logo{width:72px}#preloader .pre-logo img{width:100%}#preloader .pre-count{font-weight:100;font-size:13px;letter-spacing:.35em;color:var(--gray);font-variant-numeric:tabular-nums}header nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sect-pad-x);z-index:100;mix-blend-mode:difference}.nav-link{font-weight:600;font-size:12px;letter-spacing:.22em;color:#fff;text-transform:uppercase;text-decoration:none;position:relative;padding:6px 0;opacity:0;transform:translateY(-10px)}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease-inout)}.nav-link:hover:after,.nav-link:focus-visible:after{transform:scaleX(1);transform-origin:left}.nav-logo{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;opacity:0}.nav-logo img{height:30px;width:auto;filter:invert(1)}.nav-logo span{font-weight:200;font-size:12px;letter-spacing:.3em;color:#fff;text-transform:uppercase;white-space:nowrap}.hero{position:relative;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:var(--nav-h);overflow:hidden;cursor:pointer;touch-action:manipulation}.hero-stage{position:absolute;inset:0;z-index:0;opacity:0;background:#f4f3ef;transform:translateZ(0)}.hero-photo,.hero-sketch,.hero-title{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.hero-photo{position:absolute;inset:-4%;opacity:0;filter:blur(24px);will-change:opacity,filter,transform}.hero-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);will-change:transform}.hero-sketch{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--nav-h) 6vw 12vh}.hero-sketch .v-sketch{width:min(52vw,680px);max-height:82%;object-fit:contain;mix-blend-mode:multiply}.hero-title{font-weight:100;font-size:var(--text-display);letter-spacing:-.01em;white-space:nowrap;line-height:1;position:relative;z-index:3;user-select:none;color:#fff;mix-blend-mode:difference}.hero-title .word{display:inline-block;overflow:hidden;vertical-align:top}.hero-title .char{display:inline-block;transform:translateY(110%)}.hero-title .space{display:inline-block;width:.35em}.hero-hint{position:absolute;z-index:3;bottom:32px;left:50%;transform:translate(-50%);font-weight:300;font-size:var(--text-xs);letter-spacing:.35em;text-transform:uppercase;color:var(--gray);opacity:0;display:flex;flex-direction:column;align-items:center;gap:10px}.hero-hint .line{width:1px;height:38px;background:var(--gray);animation:scrollline 2.4s var(--ease-inout) infinite}@keyframes scrollline{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.philosophy{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:var(--sect-pad-y) clamp(24px,8vw,120px);background:var(--paper-dark);overflow:hidden}#arch-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0}.philosophy:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 58% 44% at 50% 52%,rgba(10,10,10,.74) 0%,rgba(10,10,10,.36) 55%,transparent 78%)}.philosophy-inner{position:relative;z-index:2;text-align:center;max-width:1000px}#manifesto-text{font-weight:200;font-size:var(--text-manifesto);line-height:1.42;color:#f4f4f2}#manifesto-text em,#manifesto-text .em-w{font-style:italic;font-weight:100;color:var(--gray-light)}.m-line{display:block;overflow:hidden}.m-inner{display:block;transform:translateY(110%)}.projects{position:relative;background:var(--white);height:100svh;display:flex;flex-direction:column;justify-content:center}.projects-head{padding:0 var(--sect-pad-x) 5vh;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-3)}.projects-tools{display:flex;align-items:center;gap:var(--s-4);padding-bottom:10px}.projects-head .count{font-weight:200;font-size:13px;letter-spacing:.3em;color:var(--gray);white-space:nowrap}.proj-nav{display:flex;gap:var(--s-1)}.proj-nav button{width:44px;height:44px;border:1px solid #d8d8d4;background:transparent;font-family:inherit;font-size:16px;color:var(--black);cursor:pointer;border-radius:50%;transition:border-color .4s ease,background .4s ease,color .4s ease}.proj-nav button:hover,.proj-nav button:focus-visible{border-color:var(--black);background:var(--black);color:var(--white)}.gallery{position:relative;overflow:hidden}.track{display:flex;align-items:flex-start;gap:clamp(20px,3vw,48px);padding:0 var(--sect-pad-x);width:max-content}.project{position:relative;flex:0 0 auto;width:clamp(260px,30vw,420px)}.project-img{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:4/5}.project-img img{width:100%;height:115%;object-fit:cover;will-change:transform;transition:transform .9s var(--ease-out)}.project:hover .project-img img,.project:focus .project-img img{transform:scale(1.04)}.project-detail{position:absolute;left:0;right:0;bottom:0;padding:56px 18px 16px;display:flex;flex-wrap:wrap;gap:4px 16px;background:linear-gradient(transparent,#0000008c);color:#fff;font-weight:300;font-size:var(--text-sm);letter-spacing:.08em;opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.project:hover .project-detail,.project:focus .project-detail,.project:focus-within .project-detail{opacity:1;transform:translateY(0)}.project-meta{display:flex;align-items:baseline;justify-content:space-between;margin-top:18px}.project-meta h3{font-size:15px;letter-spacing:.1em;font-weight:500}.project-meta h3 strong{font-weight:600}.project-meta .year{font-weight:200;font-size:13px;color:var(--gray);letter-spacing:.12em}.project-tag{margin-top:5px;font-weight:300;font-size:var(--text-sm);letter-spacing:.04em;color:var(--gray)}.project .idx{position:absolute;top:14px;left:16px;font-weight:200;font-size:12px;letter-spacing:.25em;color:#fff;z-index:2;mix-blend-mode:difference}.services{padding:var(--sect-pad-y) var(--sect-pad-x);background:var(--white)}.service-list{margin-top:var(--s-6);border-top:1px solid #e8e8e4}.service-list li{display:grid;grid-template-columns:80px 240px 1fr;align-items:baseline;gap:var(--s-3);padding:var(--s-4) 0;border-bottom:1px solid #e8e8e4}.service-list .num{font-weight:200;font-size:var(--text-sm);letter-spacing:.2em;color:var(--gray)}.service-list p{font-weight:300;font-size:var(--text-lg);line-height:1.6;color:var(--gray);max-width:560px}.process{padding:var(--sect-pad-y) var(--sect-pad-x);background:var(--white)}.process-list{margin-top:var(--s-6);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-5) var(--s-4)}.process-list h3{display:flex;align-items:baseline;gap:12px;font-size:15px}.process-list h3 span{font-weight:200;font-size:var(--text-sm);color:var(--gray);letter-spacing:.2em}.process-list p{margin-top:var(--s-2);font-weight:300;font-size:var(--text-base);line-height:1.7;color:var(--gray)}.materiality{padding:var(--sect-pad-y) var(--sect-pad-x);background:var(--white)}.materiality-lead{margin-top:var(--s-3);font-weight:300;font-size:var(--text-lg);line-height:1.7;color:var(--gray);max-width:520px}.material-grid{margin-top:var(--s-6);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,40px)}.material-grid figure{position:relative}.material-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px}.material-grid figcaption{margin-top:var(--s-2);font-weight:300;font-size:var(--text-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--gray)}.studio{padding:var(--sect-pad-y) var(--sect-pad-x);background:var(--white);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,104px);align-items:center}.studio-text p:not(.kicker){margin-top:var(--s-4);font-weight:300;font-size:var(--text-lg);line-height:1.75;color:var(--gray);max-width:480px}.studio-img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px}.faq{padding:var(--sect-pad-y) var(--sect-pad-x);background:var(--white)}.faq-inner{max-width:920px;margin:0 auto}.faq-title{margin-top:var(--s-3);margin-bottom:var(--s-6);font-weight:200;font-size:var(--text-xl);letter-spacing:-.01em;line-height:1.1}.faq-list{border-top:1px solid var(--line, #e6e4df)}.faq-item{border-bottom:1px solid var(--line, #e6e4df)}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);padding:var(--s-4) 0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{font-weight:300;font-size:var(--text-lg);line-height:1.35;color:var(--black)}.faq-mark{position:relative;flex:0 0 14px;width:14px;height:14px;margin-top:.4em}.faq-mark:before,.faq-mark:after{content:"";position:absolute;background:var(--gray);transition:transform .35s var(--ease-inout, ease),opacity .35s ease}.faq-mark:before{top:6px;left:0;width:14px;height:1px}.faq-mark:after{top:0;left:6px;width:1px;height:14px}.faq-item[open] .faq-mark:after{opacity:0;transform:scaleY(0)}.faq-item p{font-weight:300;font-size:var(--text-base);line-height:1.75;color:var(--gray);max-width:70ch;padding:0 0 var(--s-4)}footer{background:var(--black);color:var(--white);padding:var(--sect-pad-y) var(--sect-pad-x) var(--s-4);display:flex;flex-direction:column;gap:var(--s-6)}.foot-cta{overflow:hidden}.foot-cta a{display:inline-block;font-weight:100;font-size:clamp(40px,8.5vw,140px);line-height:1.05;letter-spacing:.02em;color:var(--white);text-decoration:none;text-transform:uppercase;transform:translateY(110%)}.foot-cta a span{color:#777;transition:color .4s ease}.foot-cta a:hover span,.foot-cta a:focus-visible span{color:var(--white)}.foot-actions{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);border-top:1px solid #222;padding-top:var(--s-4)}.foot-actions a{font-weight:300;font-size:var(--text-sm);letter-spacing:.18em;text-transform:uppercase;color:#a3a3a3;text-decoration:none;position:relative;padding:6px 0;transition:color .4s ease}.foot-actions a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--white);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease-inout)}.foot-actions a:hover,.foot-actions a:focus-visible{color:var(--white)}.foot-actions a:hover:after,.foot-actions a:focus-visible:after{transform:scaleX(1);transform-origin:left}.foot-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.foot-brand{display:flex;align-items:center;gap:18px}.foot-brand img{height:44px;filter:invert(1)}.foot-brand span{font-weight:200;font-size:13px;letter-spacing:.3em;text-transform:uppercase}.foot-info{font-weight:300;font-size:var(--text-xs);letter-spacing:.14em;color:#a3a3a3;text-transform:uppercase;text-align:right;line-height:2}@media(max-width:768px){:root{--nav-h: 68px}.nav-logo span{display:none}.nav-logo img{height:26px}.hero-sketch{padding:var(--nav-h) 8vw 16vh}.hero-sketch .v-sketch{width:min(82vw,420px)}.projects{height:auto;display:block;padding-top:var(--sect-pad-y)}.projects-head{flex-direction:column;align-items:flex-start;gap:var(--s-1);padding-bottom:var(--s-5)}.proj-nav{display:none}.track{flex-direction:column;width:100%;gap:var(--s-5);padding-bottom:var(--sect-pad-y)}.project{width:100%}.project-detail{opacity:1;transform:none}.service-list li{grid-template-columns:48px 1fr}.service-list p{grid-column:2}.studio,.material-grid{grid-template-columns:1fr}.foot-bottom{flex-direction:column;align-items:flex-start}.foot-info{text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}.hero-title .char,.m-inner{transform:none}.hero-stage{opacity:1}.hero-photo{opacity:1;filter:none}.nav-link,.nav-logo{opacity:1;transform:none}.foot-cta a{transform:none}.hero-hint{opacity:1}}header[data-page=inner] .nav-link{opacity:1;transform:none}header[data-page=inner] .nav-logo{opacity:1}.project{text-decoration:none;color:inherit;display:block}.archive-link-row{padding:var(--s-4) var(--sect-pad-x) 0;text-align:right}.archive-link{font-weight:300;font-size:var(--text-sm);letter-spacing:.22em;text-transform:uppercase;color:var(--gray);text-decoration:none;position:relative;padding:6px 0;transition:color .4s ease}.archive-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--black);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease-inout)}.archive-link:hover,.archive-link:focus-visible{color:var(--black)}.archive-link:hover:after,.archive-link:focus-visible:after{transform:scaleX(1);transform-origin:left}.project-more .more-tile{aspect-ratio:4/5;border:1px solid #ddddd8;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);transition:border-color .5s ease,background .5s ease}.project-more .plus{font-weight:100;font-size:clamp(64px,6vw,96px);line-height:1;color:var(--black);transition:transform .6s var(--ease-inout)}.project-more .more-label{font-weight:300;font-size:var(--text-xs);letter-spacing:.3em;text-transform:uppercase;text-align:center;color:var(--gray);line-height:1.8;transition:color .5s ease}.project-more:hover .more-tile,.project-more:focus-visible .more-tile{border-color:var(--black)}.project-more:hover .plus,.project-more:focus-visible .plus{transform:rotate(90deg)}.project-more:hover .more-label,.project-more:focus-visible .more-label{color:var(--black)}.projects-title-link{text-decoration:none;color:inherit;position:relative}.projects-title-link .arrow{display:inline-block;font-weight:100;opacity:0;transform:translate(-12px);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}.projects-title-link:hover .arrow,.projects-title-link:focus-visible .arrow{opacity:1;transform:translate(0)}.burger{width:44px;height:44px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0}.burger span{display:block;width:26px;height:1.5px;background:#fff;transition:transform .5s var(--ease-inout),opacity .4s ease}.burger.x span:first-child{transform:translateY(4.75px) rotate(45deg)}.burger.x span:last-child{transform:translateY(-4.75px) rotate(-45deg)}.menu-overlay{position:fixed;inset:0;z-index:90;background:var(--paper-dark);display:flex;flex-direction:column;justify-content:center;gap:var(--s-5);padding:0 clamp(24px,8vw,120px);opacity:0;visibility:hidden;transition:opacity .6s var(--ease-inout),visibility .6s}.menu-overlay.open{opacity:1;visibility:visible}.menu-links{display:flex;flex-direction:column}.menu-links a{display:flex;align-items:baseline;gap:clamp(16px,3vw,40px);font-weight:100;font-size:clamp(40px,7.5vw,90px);line-height:1.25;letter-spacing:.02em;text-transform:uppercase;color:#d8d8d4;text-decoration:none;padding:6px 0;opacity:0;transform:translateY(28px);transition:color .4s ease,opacity .7s var(--ease-out),transform .7s var(--ease-out)}.menu-overlay.open .menu-links a{opacity:1;transform:none}.menu-overlay.open .menu-links a:nth-child(1){transition-delay:.1s}.menu-overlay.open .menu-links a:nth-child(2){transition-delay:.18s}.menu-overlay.open .menu-links a:nth-child(3){transition-delay:.26s}.menu-links a:hover,.menu-links a:focus-visible{color:#fff}.menu-links a .n{font-weight:300;font-size:var(--text-xs);letter-spacing:.35em;color:#8a8a8a}.menu-cta{align-self:flex-start;font-weight:300;font-size:var(--text-sm);letter-spacing:.25em;text-transform:uppercase;color:var(--paper-dark);background:#f4f4f2;border-radius:999px;padding:16px 38px;text-decoration:none;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out) .34s,transform .7s var(--ease-out) .34s,background .4s ease}.menu-overlay.open .menu-cta{opacity:1;transform:none}.menu-cta:hover{background:#fff}@media(max-width:768px){html.menu-open,html.menu-open body{overflow:hidden}}@media(min-width:769px){.menu-overlay{inset:0 0 auto;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--s-5);padding:calc(var(--nav-h) + 4px) clamp(24px,5vw,64px) 34px;border-bottom:1px solid #1d1d1d;transform:translateY(-100%);visibility:hidden;transition:transform .6s var(--ease-inout),opacity .5s ease,visibility .6s}.menu-overlay.open{transform:translateY(0);visibility:visible;opacity:1}.menu-links{flex-direction:row;align-items:baseline;gap:clamp(28px,4vw,72px)}.menu-links a{font-size:clamp(20px,2.1vw,30px);padding:0;gap:10px}.menu-cta{align-self:center;padding:13px 30px}}.studio-link-row{margin-top:var(--s-4)}.studio-link{font-weight:300;font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--black);text-decoration:none;position:relative;padding-bottom:6px}.studio-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--black);transform:scaleX(1);transform-origin:left;transition:transform .45s var(--ease-inout)}.studio-link span{display:inline-block;transition:transform .4s var(--ease-out)}.studio-link:hover span,.studio-link:focus-visible span{transform:translate(6px)}
