@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Mono:wght@400;700&display=swap');
:root{--paper:#e9e5dc;--ink:#302e29;--red:#a32922;--line:#cbc5b9;--mono:'Space Mono',monospace;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:var(--red);color:white;z-index:50}.skip:focus{top:10px}.header{height:110px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;gap:15px;align-items:center;font-size:11px;font-weight:700;line-height:1.6;letter-spacing:1px}.brand small{font:8px var(--mono);letter-spacing:.5px}.brand-symbol{font-family:Georgia,serif;position:relative;font-size:45px;line-height:1;letter-spacing:-11px;width:48px;font-weight:400}.brand-symbol>span{position:relative;top:8px}.header nav{display:flex;align-items:center;gap:34px;font-size:12px}.header nav>a{position:relative}.header nav>a:not(.contact-link):after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:1px;background:var(--red);transition:width .2s}.header nav>a:hover:after{width:100%}.header sup{font:8px var(--mono);color:var(--red);margin-left:2px}.contact-link{border:1px solid #8f8a80;padding:12px 18px;border-radius:28px;display:flex;gap:30px}.contact-link:hover{background:var(--ink);color:var(--paper)}.world{position:relative;min-height:650px;height:calc(100svh - 182px);max-height:1000px;display:grid;grid-template-columns:34% 66%;overflow:hidden}.intro{padding:75px 0 30px 12%;position:relative;z-index:1;pointer-events:none}.intro a{pointer-events:auto}.eyebrow{font:8px var(--mono);letter-spacing:1px;display:flex;gap:9px;align-items:center;white-space:nowrap}.live-dot{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%;flex-shrink:0}.greeting{margin:64px 0 15px;font-size:15px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(62px,6.6vw,105px);line-height:.98;letter-spacing:-5px;margin:0;position:relative;white-space:nowrap}h1 em{font-weight:400;color:var(--red)}.title-star{font:34px var(--sans);color:var(--red);position:relative;display:inline-block;top:-65px;left:3px}.intro-copy{font-size:14px;line-height:1.8;margin:27px 0 28px}.explore{border-bottom:1px solid var(--ink);padding-bottom:8px;display:inline-flex;gap:40px;font-size:12px;font-weight:550}.explore span{font-size:18px}.explore:hover{color:var(--red);border-color:var(--red)}.coordinates{display:grid;gap:7px;font:7px var(--mono);letter-spacing:1px;position:absolute;bottom:37px}.map-area{position:relative;min-width:0}.map-topline{position:absolute;top:30px;left:4%;right:6%;display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:.5px;color:#79766d}.map-topline>span:last-child{display:flex;align-items:center;gap:6px}.map-stage{position:absolute;inset:10px -4% 0 -17%;display:flex;align-items:center;justify-content:center}.city-svg{width:100%;height:100%;overflow:visible;transform:scale(var(--zoom,1));transition:transform .65s cubic-bezier(.2,.8,.2,1);transform-origin:50% 50%}.map-building{cursor:pointer;outline:none}.map-building .building-body{transition:filter .25s,transform .25s}.map-building:hover .building-body,.map-building:focus-visible .building-body{filter:drop-shadow(0 12px 9px #8e5a4345);transform:translateY(-8px)}.map-building .building-marker{transition:fill .2s}.map-building:hover .building-marker,.map-building:focus-visible .building-marker{fill:#302e29}.map-building:focus-visible .marker-ring{stroke:#302e29;stroke-width:3}.map-tooltip{position:absolute;bottom:118px;left:28%;padding:13px 17px;display:flex;gap:20px;background:var(--ink);color:var(--paper);font-size:11px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;pointer-events:none;box-shadow:0 3px 15px #302e2920}.map-tooltip.visible{opacity:1;transform:translateY(0)}#tooltip-number{font:9px var(--mono);color:#b8b2a6}.map-note{position:absolute;bottom:37px;left:9%;display:flex;gap:13px;font-size:10px;line-height:1.6}.note-cross{font:26px var(--mono);line-height:1.1;color:var(--red)}.map-controls{position:absolute;right:6%;bottom:37px;display:flex;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#e9e5dcbb}.map-controls button{border:0;background:transparent;width:34px;height:32px;font-size:16px}.map-controls button:hover{background:#d7d0c2}.map-controls #zoom-reset{font:8px var(--mono)}.compass{position:absolute;right:7%;bottom:100px;width:46px;text-align:center;font:7px var(--mono)}.compass svg{width:46px;height:46px;display:block}.footer{height:72px;margin:0 4%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.5px}.index-shortcut{display:flex;gap:15px;align-items:center;font:11px var(--sans);letter-spacing:0}.grid-icon{font-size:22px}.footer #sound{display:flex;gap:9px;align-items:center;border:0;background:transparent;font:8px var(--mono);padding:12px 0 12px 12px}.footer #sound-icon{font-size:18px}.footer #sound-state{color:var(--red)}dialog{border:0;color:var(--ink);padding:0;background:var(--paper)}dialog::backdrop{background:#24211b94;backdrop-filter:blur(7px)}#panel{width:calc(100% - 70px);max-width:1500px;height:calc(100svh - 60px);max-height:none;overscroll-behavior:contain;scrollbar-color:#9c968b var(--paper)}.close-panel{position:absolute;right:35px;top:29px;display:flex;align-items:center;gap:20px;z-index:4;border:1px solid var(--line);border-radius:25px;background:var(--paper);padding:10px 17px;font-size:11px}.close-panel span{font-size:20px;line-height:1}.close-panel:hover{background:var(--ink);color:var(--paper)}.panel-top{padding:42px 5% 26px;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:1px;color:var(--red);min-height:90px;padding-right:180px}.panel-heading{padding:52px 5% 35px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.panel-heading h2{font:400 clamp(45px,6vw,85px)/1.05 Georgia,serif;letter-spacing:-3px;margin:0}.panel-heading p{max-width:290px;font-size:12px;line-height:1.8;margin:0}.filters{margin:0 5% 30px;display:flex;gap:9px;flex-wrap:wrap}.filters button{font-size:10px;border:1px solid var(--line);padding:9px 17px;border-radius:25px;background:transparent}.filters button.active,.filters button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.project-grid{padding:0 5% 55px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px 23px}.project-card .card-image{aspect-ratio:4/3;overflow:hidden;background:#d7d0c4;position:relative}.project-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform .6s,filter .6s}.project-card:hover img{transform:scale(1.04);filter:saturate(1)}.card-arrow{position:absolute;bottom:12px;right:12px;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:var(--paper);font-size:18px}.card-meta{display:flex;justify-content:space-between;font:8px var(--mono);color:#767166;margin-top:15px}.project-card h3{font:400 28px Georgia,serif;letter-spacing:-.6px;margin:7px 0}.project-card p{font-size:10px;line-height:1.6;margin:0}.case-intro{padding:50px 5% 35px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end}.case-intro h2{font:400 clamp(40px,5.8vw,82px)/1.03 Georgia,serif;letter-spacing:-3px;margin:0}.case-intro p{font-size:14px;line-height:1.9;margin:0;max-width:510px}.case-hero{width:90%;margin:0 auto;display:block;max-height:620px;object-fit:contain;background:#dcd7ce}.case-info{display:grid;grid-template-columns:1fr 2fr;gap:9%;padding:45px 5% 55px}.case-facts{border-top:1px solid var(--ink);font-size:11px;line-height:1.8}.case-facts>div{padding:15px 0;border-bottom:1px solid var(--line)}.case-facts small{font:8px var(--mono);display:block;color:#797166;margin-bottom:7px;letter-spacing:.5px}.case-story h3{font:400 31px Georgia,serif;margin:0 0 12px}.case-story p{font-size:13px;line-height:1.9;max-width:700px;margin:0 0 30px}.case-gallery{padding:0 5% 55px;display:grid;grid-template-columns:1fr 1fr;gap:35px 25px}.case-gallery figure{margin:0}.case-gallery button{display:block;border:0;padding:0;background:#dcd7ce;width:100%;cursor:zoom-in}.case-gallery img{width:100%;height:360px;object-fit:contain;display:block}.case-gallery figcaption{display:flex;gap:14px;font-size:10px;line-height:1.6;padding-top:12px}.case-gallery figcaption span{font:9px var(--mono);color:var(--red)}.case-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px 5%;border-top:1px solid var(--line);font-size:12px}.case-bottom>a:last-child{font:400 27px Georgia,serif}.about-layout{padding:55px 5%;display:grid;grid-template-columns:1fr 1.2fr;gap:9%}.about-collage{position:relative;background:#d5cec0;min-height:480px;padding:32px}.about-collage img{width:75%;height:380px;object-fit:cover;transform:rotate(-5deg);border:8px solid #f1ede5;box-shadow:0 6px 18px #302e2920}.about-collage img+img{position:absolute;right:6%;bottom:40px;width:55%;height:260px;transform:rotate(8deg)}.about-collage>span{position:absolute;bottom:13px;left:25px;font:8px var(--mono)}.about-text h2{font:400 clamp(46px,5vw,72px)/1.03 Georgia,serif;letter-spacing:-2.8px;margin:0 0 28px}.about-text h2 em{color:var(--red);font-weight:400}.about-text>p{font-size:14px;line-height:1.9}.about-tools{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.about-tools span{border:1px solid var(--line);border-radius:30px;padding:8px 12px;font-size:10px}.about-text small{font:9px/1.8 var(--mono)}.text-link{display:inline-block;margin-top:20px;padding-bottom:8px;border-bottom:1px solid var(--ink)}.contact-page{padding:75px 8% 55px}.contact-page h2{font:400 clamp(55px,9vw,130px)/1.02 Georgia,serif;letter-spacing:-5px;margin:0 0 30px}.contact-page h2 em{color:var(--red);font-weight:400}.contact-page>p{max-width:420px;font-size:15px;line-height:1.9}.contact-email{font-size:clamp(18px,3vw,38px);display:inline-block;margin:35px 0 20px;border-bottom:1px solid var(--ink);padding-bottom:12px}.contact-links{display:flex;gap:30px;margin:20px 0;font:11px var(--mono);align-items:center;flex-wrap:wrap}.contact-links button{border:0;border-bottom:1px solid var(--ink);padding:5px 0;background:transparent}.contact-foot{margin-top:65px;border-top:1px solid var(--line);padding-top:25px;font:9px/1.9 var(--mono)}#lightbox{background:#191815;color:var(--paper);width:96vw;height:94svh;max-width:none;max-height:none;text-align:center}#lightbox-img{width:100%;height:calc(100% - 90px);object-fit:contain;margin-top:45px}#lightbox>button{position:absolute;right:20px;top:15px;background:transparent;color:inherit;border:0;font-size:12px}#lightbox-caption{font-size:11px}.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}.empty-message{padding:40px;font-size:14px}.no-scroll{overflow:hidden}@media(min-width:1600px){.intro{padding-top:110px}.greeting{margin-top:90px}}@media(max-width:1100px){.world{grid-template-columns:36% 64%;min-height:620px}.intro{padding-top:58px;padding-left:11%}h1{font-size:76px;letter-spacing:-4px}.map-stage{inset:50px -13% 35px -27%}.map-topline>span:last-child{display:none}.intro-copy{font-size:13px}.eyebrow{font-size:7px}.title-star{top:-48px;font-size:25px}.greeting{margin-top:55px}.map-note{left:10%}.map-tooltip{left:12%}.coordinates{font-size:6px}.header nav{gap:23px}.footer>span{font-size:7px}}@media(max-width:760px){.header{height:90px;margin:0 6%}.brand{font-size:9px;gap:12px}.brand small{font-size:6px}.brand-symbol{font-size:37px;width:37px}.header nav{gap:16px;font-size:10px}.header nav>a:nth-child(2){display:none}.contact-link{padding:9px 12px;gap:13px}.world{display:flex;flex-direction:column;height:auto;min-height:0;overflow:hidden}.intro{padding:35px 6% 0}.eyebrow{font-size:7px}.greeting{margin:30px 0 13px;font-size:13px}h1{font-size:clamp(68px,14vw,105px);letter-spacing:-4px}h1 br{display:none}.title-star{top:-40px;font-size:23px}.intro-copy{font-size:13px;line-height:1.8;margin:20px 0}.desktop{display:none}.explore{font-size:11px;padding-bottom:6px;gap:45px}.coordinates{display:none}.map-area{height:510px;margin-top:13px}.map-stage{inset:-5px -16% 35px -16%}.map-topline{left:6%;right:6%;top:24px;font-size:6px}.map-note{left:6%;bottom:25px;font-size:9px}.map-controls{right:6%;bottom:25px}.compass{right:6%;bottom:75px;width:32px}.compass svg{width:32px;height:32px}.map-tooltip{bottom:78px;left:6%;font-size:10px}.footer{margin:0 6%;height:68px}.footer>span{display:none}.index-shortcut{font-size:10px}.footer #sound{font-size:7px}#panel{width:100%;height:100svh;max-height:100svh;margin:0}.close-panel{right:6%;top:23px}.panel-top{padding:34px 6% 25px;min-height:81px;font-size:7px}.panel-heading{padding:35px 6% 25px;display:block}.panel-heading h2{font-size:49px;letter-spacing:-2px}.panel-heading p{margin-top:20px;font-size:12px;max-width:400px}.filters{margin:0 6% 25px;gap:7px}.filters button{font-size:9px;padding:8px 13px}.project-grid{padding:0 6% 30px;grid-template-columns:1fr 1fr;gap:27px 15px}.project-card h3{font-size:23px;letter-spacing:-.6px}.card-meta{font-size:7px}.project-card p{font-size:9px}.case-intro{padding:35px 6% 25px;grid-template-columns:1fr;gap:20px}.case-intro h2{font-size:49px;letter-spacing:-2px}.case-intro p{font-size:13px}.case-hero{width:88%;max-height:500px}.case-info{padding:30px 6%;grid-template-columns:1fr;gap:30px}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px}.case-story h3{font-size:29px}.case-gallery{padding:0 6% 30px;gap:25px;grid-template-columns:1fr}.case-gallery img{height:auto;max-height:540px}.case-bottom{padding:25px 6%}.case-bottom>a:last-child{font-size:21px}.about-layout{padding:35px 6%;grid-template-columns:1fr;gap:40px}.about-collage{min-height:420px;order:2}.about-collage img{height:320px}.about-collage img+img{height:230px}.about-text h2{font-size:52px}.contact-page{padding:45px 6%}.contact-page h2{font-size:clamp(60px,13vw,95px);letter-spacing:-3px}.contact-page>p{font-size:13px}.contact-email{font-size:clamp(17px,4.4vw,30px)}.contact-links{gap:20px;font-size:10px}.contact-foot{margin-top:55px}}@media(max-width:390px){.header nav{gap:12px}.header nav sup{display:none}.brand small{font-size:5px}.map-area{height:440px}.map-stage{inset:0 -22% 30px}.project-grid{grid-template-columns:1fr}.card-meta{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}