/* Project imagery is sourced from the live project sites. */
.wordmark-logo{display:block;width:172px;height:auto;filter:brightness(0) invert(1)}
.project-saa .project-image{background-image:url('https://www.saakidalia.com/saaki/web/artist-smoke.webp') !important;filter:saturate(.7)}
.project-echoes .project-image{background-color:#273d37 !important;background-image:url('https://www.echoesbeforesilence.com/brand/title.svg') !important;background-size:72% auto !important;background-repeat:no-repeat !important;background-position:center !important;filter:none}
:root{--ink:#151413;--paper:#eeeae2;--cream:#d7d0c4;--orange:#f15b3a;--line:rgba(21,20,19,.25);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Playfair Display',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}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.065;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.site-header{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:absolute;top:0;left:0;right:0;z-index:5;color:var(--paper);mix-blend-mode:normal}.wordmark{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.mark{font:600 27px/1 var(--serif);letter-spacing:-2px}.mark span{font:italic 19px var(--serif);color:var(--orange);margin:0 -2px}.wordmark-text{font:700 9px/1.08 var(--sans);letter-spacing:1.5px}.wordmark-text i{font:italic 11px var(--serif);letter-spacing:0}.main-nav{display:flex;gap:35px;margin-left:90px}.main-nav a,.header-link,.contact-foot a{color:inherit;text-decoration:none;font:500 10px var(--mono);letter-spacing:.2px}.main-nav a{opacity:.85}.main-nav a:hover,.header-link:hover{color:var(--orange)}.header-link{display:flex;gap:15px;align-items:center}.header-link b,.text-button span,.contact-link span{font:20px var(--sans);font-weight:400;color:var(--orange)}.menu-toggle{display:none;background:none;border:0;color:inherit}.hero{height:min(790px,100vh);min-height:650px;position:relative;color:var(--paper);overflow:hidden;background:#2d2e2a}.hero-image{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=2200&q=85');background-size:cover;background-position:center 42%;filter:saturate(.65)}.hero-tint{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,7,.82),rgba(9,8,7,.2) 72%),linear-gradient(0deg,rgba(9,8,7,.7),transparent 45%)}.hero-content{position:absolute;inset:0;padding:170px 10vw 72px 10vw;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:1px;margin:0;color:var(--orange)}.eyebrow span{color:var(--paper);padding:0 6px}.hero h1{font:500 clamp(60px,8.6vw,137px)/.87 var(--sans);letter-spacing:-6px;margin:0;max-width:850px}.hero h1 em,.statement h2 em,.work-section h2 em,.manifesto-word em{font-family:var(--serif);font-weight:500;letter-spacing:-5px}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:940px}.hero-bottom>p{font:400 13px/1.5 var(--mono);max-width:295px;margin:0;color:rgba(238,234,226,.76)}.circle-link{border:1px solid rgba(238,234,226,.6);width:106px;height:106px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:var(--paper);font:9px/1.3 var(--mono);text-align:center;transition:.3s}.circle-link b{font-size:20px;font-weight:400;color:var(--orange)}.circle-link:hover{background:var(--orange);border-color:var(--orange);color:var(--ink);transform:rotate(-8deg)}.circle-link:hover b{color:var(--ink)}.hero-meta{position:absolute;right:4vw;bottom:74px;display:flex;align-items:center;gap:12px;transform:rotate(90deg) translateX(100%);transform-origin:right bottom;font:9px var(--mono);color:rgba(238,234,226,.65)}.meta-line{display:block;width:40px;height:1px;background:var(--orange)}.statement{padding:150px 10vw 170px;position:relative}.statement-copy{display:flex;justify-content:space-between;align-items:end;margin-top:70px}.statement h2{font:500 clamp(48px,6.4vw,94px)/.93 var(--sans);letter-spacing:-4px;margin:0}.statement-copy>p{max-width:270px;font:13px/1.65 var(--mono);margin:0 9% 5px 0}.statement-side{position:absolute;right:4vw;top:146px;display:flex;gap:18px;font:9px/1.5 var(--mono);text-transform:uppercase}.asterisk{color:var(--orange);font-size:27px}.work-section{background:var(--ink);color:var(--paper);padding:115px 4vw 120px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 6vw 58px}.section-heading h2{font:500 clamp(48px,6vw,84px)/.9 var(--sans);letter-spacing:-4px;margin:18px 0 0}.project-count{font:10px var(--mono);color:var(--orange)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-card{height:min(690px,61vw);min-height:480px;position:relative;overflow:hidden;cursor:pointer}.project-image{position:absolute;inset:0;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-saa .project-image{background:url('https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=1500&q=85') center/cover;filter:saturate(.6)}.project-echoes .project-image{background:url('https://images.unsplash.com/photo-1531058020387-3be344556be6?auto=format&fit=crop&w=1500&q=85') center/cover;filter:grayscale(.5)}.project-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.24),transparent 35%,rgba(10,10,10,.82)}).project-card:hover .project-image{transform:scale(1.06)}.project-top{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;font:9px var(--mono);text-transform:uppercase;color:rgba(238,234,226,.8)}.project-info{position:absolute;left:25px;right:25px;bottom:27px}.project-number{font:10px var(--mono);color:var(--orange);margin:0 0 12px}.project-info h3{font:500 clamp(40px,5vw,75px)/.82 var(--sans);letter-spacing:-3px;margin:0 0 17px}.project-tagline{font:13px var(--mono);margin:0;color:rgba(238,234,226,.72)}.text-button{margin-top:30px;background:none;color:var(--paper);border:0;border-bottom:1px solid var(--orange);padding:0 0 7px;font:10px var(--mono);cursor:pointer}.text-button span{margin-left:12px}.manifesto{padding:140px 10vw 145px;display:flex;justify-content:space-between;align-items:end;background:var(--orange);min-height:470px}.manifesto-word{font:500 clamp(80px,14vw,205px)/.72 var(--sans);letter-spacing:-11px}.manifesto-word em{letter-spacing:-9px}.manifesto-detail{display:flex;gap:22px;align-items:start;margin-right:7%;font:11px/1.6 var(--mono)}.manifesto-detail p{margin:0}.contact-section{background:#202c29;color:var(--paper);padding:105px 10vw 30px;min-height:520px;display:flex;flex-direction:column}.contact-top{display:flex;justify-content:space-between;align-items:start}.contact-top>span{font:italic 24px var(--serif);color:var(--cream)}.contact-link{font:500 clamp(27px,4.8vw,72px)/1 var(--sans);letter-spacing:-3px;color:var(--paper);text-decoration:none;margin:auto 0}.contact-link span{font-size:40px}.contact-link:hover{color:var(--orange)}.contact-foot{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(238,234,226,.25);font:9px var(--mono);color:rgba(238,234,226,.65)}.socials{display:flex;gap:24px}.project-modal{display:none;position:fixed;inset:0;z-index:30}.project-modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(10,10,9,.75);backdrop-filter:blur(5px)}.modal-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,90vw);padding:58px;background:var(--paper);color:var(--ink)}.modal-panel h2{font:500 64px/.9 var(--sans);letter-spacing:-3px;margin:35px 0 25px}.modal-panel>p:not(.eyebrow){font:13px/1.6 var(--mono);max-width:380px}.modal-panel a{display:inline-block;margin-top:30px;color:var(--ink);border-bottom:1px solid var(--orange);padding-bottom:7px;text-decoration:none;font:10px var(--mono)}.modal-close{position:absolute;right:22px;top:15px;border:0;background:none;font:36px var(--sans);cursor:pointer}.reveal{animation:rise .9s both}.hero-content .reveal:nth-child(2){animation-delay:.12s}.hero-content .reveal:nth-child(3){animation-delay:.24s}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(max-width:700px){.site-header{height:68px;padding:0 6vw}.main-nav,.header-link{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:8px}.menu-toggle span{display:block;width:24px;height:1px;background:currentColor}.menu-toggle.open span:first-child{transform:rotate(45deg) translate(3px,3px)}.menu-toggle.open span:last-child{transform:rotate(-45deg) translate(2px,-3px)}.main-nav.mobile-open{display:flex;position:absolute;top:68px;left:0;right:0;margin:0;padding:26px 6vw;flex-direction:column;gap:20px;background:var(--ink);color:var(--paper)}.hero{min-height:670px;height:92vh}.hero-image{background-position:62% center}.hero-content{padding:130px 8vw 48px}.hero h1{font-size:17vw;letter-spacing:-3px}.hero h1 em{letter-spacing:-2px}.hero-bottom{align-items:end}.hero-bottom>p{font-size:11px;max-width:220px}.circle-link{width:88px;height:88px;flex:none}.hero-meta{display:none}.statement{padding:95px 8vw 120px}.statement-copy{display:block;margin-top:48px}.statement h2{font-size:14vw;letter-spacing:-3px}.statement-copy>p{margin:48px 0 0;font-size:11px;max-width:260px}.statement-side{position:static;margin-top:50px}.work-section{padding:85px 6vw 90px}.section-heading{margin:0 2vw 38px}.section-heading h2{font-size:14vw;letter-spacing:-3px}.project-grid{grid-template-columns:1fr;gap:14px}.project-card{height:128vw;min-height:480px}.project-info h3{font-size:14vw}.manifesto{padding:100px 8vw;display:block;min-height:390px}.manifesto-word{font-size:25vw;letter-spacing:-7px}.manifesto-detail{margin:70px 0 0}.contact-section{padding:80px 8vw 27px;min-height:470px}.contact-top>span{font-size:18px}.contact-link{font-size:9.7vw;letter-spacing:-1px}.contact-link span{font-size:25px}.contact-foot{flex-wrap:wrap;gap:15px}.socials{width:100%}.modal-panel{padding:45px 28px}.modal-panel h2{font-size:48px}}
