/* Editorial direction: an original, typography-first interpretation of the supplied inspiration. */
:root{--ink:#1c2330;--paper:#fafaf8;--lime:#d9dad5;--coral:#575f68;--line:rgba(28,35,48,.18);--muted:#74777c;--body:'DM Sans',Arial,Helvetica,sans-serif;--display:'Anton',Impact,'Arial Narrow',sans-serif}
body{font-family:var(--body);background:#fafaf8;color:var(--ink)}
.noise{display:none}
.site-header{position:fixed;height:105px;top:0;left:0;padding:23px clamp(25px,3vw,55px);color:var(--ink);border:0;background:rgba(250,250,248,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:100}
.brand{gap:0;align-items:center}.brand-name{font:700 18px/1.2 var(--body);letter-spacing:-.045em;text-transform:none}.brand-icon{display:none}
.desktop-nav{margin-left:auto;margin-right:0;gap:36px}.desktop-nav a{font-size:15px;font-weight:500;text-transform:none;letter-spacing:-.02em}.desktop-nav a:hover,.nav-contact:hover{color:#8a8e91}.desktop-nav a span{display:none}
.nav-contact{color:var(--ink);background:transparent;border-radius:0;padding:0;font-size:15px;font-weight:500;letter-spacing:-.02em}.nav-contact:hover{background:transparent;transform:none}.nav-contact span{display:none}
.hero{color:var(--ink);background:#fafaf8;min-height:850px;height:min(950px,100svh);padding:0;overflow:hidden;isolation:isolate}
.hero-roles{position:absolute;left:0;right:0;top:24%;z-index:1;display:flex;flex-direction:column;gap:4px;overflow:hidden;pointer-events:none}
.role-line{display:flex;gap:38px;width:max-content;align-items:center;white-space:nowrap;font:400 clamp(105px,13.3vw,230px)/.92 var(--display);letter-spacing:-.025em;text-transform:uppercase;will-change:transform}
.role-line span{display:block;flex:none}.role-line-one{transform:translateX(-10%);animation:role-drift-one 32s ease-in-out infinite alternate}.role-line-two{color:#242b37;transform:translateX(-2%);animation:role-drift-two 39s ease-in-out infinite alternate}.role-line-three{transform:translateX(-15%);animation:role-drift-three 36s ease-in-out infinite alternate}
@keyframes role-drift-one{from{transform:translateX(-10%)}to{transform:translateX(-19%)}}@keyframes role-drift-two{from{transform:translateX(-2%)}to{transform:translateX(-12%)}}@keyframes role-drift-three{from{transform:translateX(-15%)}to{transform:translateX(-5%)}}
.hero-editorial-frame{position:absolute;z-index:3;width:clamp(300px,29vw,480px);height:clamp(400px,42vw,600px);top:22%;left:50%;transform:translateX(-50%);background:#777d80;overflow:hidden;box-shadow:0 22px 40px rgba(28,35,48,.14)}
.editorial-art{position:absolute;inset:0;background:linear-gradient(145deg,#babfbe 0%,#808786 27%,#373d41 75%,#e8e7e2 100%);filter:grayscale(1);overflow:hidden}
.editorial-disc{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;left:5%;top:9%;background:radial-gradient(circle at 34% 25%,#f8f7f4 0%,#d6d5d0 14%,#777a79 37%,#22272b 61%,#080c0f 83%);box-shadow:inset -24px -30px 55px rgba(4,7,9,.7),20px 30px 50px rgba(4,7,9,.15)}
.editorial-disc:after{content:"";position:absolute;width:60%;height:76%;background:linear-gradient(95deg,#121719,#737a7b 42%,#252a2b);left:36%;top:31%;border-radius:40% 45% 0 0;transform:rotate(-19deg);clip-path:polygon(22% 0,70% 7%,89% 38%,75% 53%,100% 98%,0 100%,20% 57%)}
.editorial-stripe{position:absolute;height:10%;width:150%;left:-20%;background:rgba(244,244,240,.4);mix-blend-mode:screen;transform:skewY(-12deg)}.editorial-stripe-a{top:39%;height:3%}.editorial-stripe-b{top:61%;height:1.2%;background:#090f12;mix-blend-mode:normal}.editorial-stripe-c{top:78%;height:8%;background:rgba(250,250,248,.27);transform:skewY(8deg)}
.editorial-grain{position:absolute;inset:0;opacity:.18;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='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.editorial-caption{position:absolute;bottom:16px;left:16px;right:16px;font-size:9px;letter-spacing:.2em;font-weight:800;color:#f5f5f2;text-align:center;z-index:4}
.hero-bottom{position:absolute;left:clamp(25px,3vw,55px);right:clamp(25px,3vw,55px);bottom:42px;margin:0;z-index:5;display:flex;align-items:end;justify-content:space-between;gap:20px;font-size:10px;font-weight:800;letter-spacing:.11em}.hero-bottom>a{display:flex;gap:17px;align-items:center}.hero-bottom>a span{font-size:23px;font-weight:400}.hero-bottom>a:hover{text-decoration:underline}
.ticker{display:none}
.section-pad{padding:clamp(110px,12vw,210px) clamp(24px,4vw,70px)}.section-meta{font-family:var(--body);font-size:10px;color:#7f8388;letter-spacing:.09em}.section-code{color:var(--ink)}.section-rule{background:#d5d5d1}
.work{background:#fafaf8}.work .section-heading{padding-bottom:110px}.work .section-title-row{display:flex;flex-direction:column;align-items:center;gap:13px;margin:95px 0 0}.work .section-title-row h2{font-family:var(--display);font-size:clamp(78px,11vw,174px);letter-spacing:-.04em;line-height:1;text-align:center;white-space:nowrap;font-weight:400}.work .section-title-row p{text-align:center;max-width:430px;font-size:13px;line-height:1.55;margin:0;color:#a0a4a4}
.work-grid{display:flex;flex-direction:column;gap:clamp(145px,14vw,235px)}.project,.project-wide{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(300px,.75fr);align-items:end;gap:clamp(30px,5.5vw,100px);grid-column:auto}.project:nth-child(even){grid-template-columns:minmax(300px,.75fr) minmax(0,1.58fr)}.project:nth-child(even) .work-art{order:2}.project:nth-child(even) .project-info{order:1}
.work-art,.project:not(.project-wide) .work-art{height:clamp(430px,44vw,680px);width:100%;border-radius:0;box-shadow:none;filter:saturate(.75);transition:filter .35s,transform .35s}.project:hover .work-art{filter:saturate(1)}
.art-preview-label{left:20px;top:20px;background:rgba(250,250,248,.85);color:#303743;font-size:8px;letter-spacing:.08em;padding:9px 12px}
.project-info{padding:20px 0 14px;border-top:1px solid #9b9fa2;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:40px;min-height:240px}.project-number{font-size:11px;letter-spacing:.09em;color:#777c82}.project-info h3{font:400 clamp(41px,4.2vw,68px)/1.04 var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:25px 0 15px}.project-info p{font-size:13px;line-height:1.6;color:#73787c}.project-open,.project-open:not(:has(.arrow-only)){font-size:12px;font-weight:700;border:0;border-radius:0;border-bottom:1px solid #1d2630;background:none;padding:0 0 8px;letter-spacing:.02em;text-transform:uppercase}.project-open:hover{transform:none;background:transparent;border-bottom-color:#777}.project-open span:not(.sr-only){font-size:21px;margin-left:20px}.project-open .arrow-only{font-size:22px}.work-footnote{margin-top:140px;font-size:11px;color:#94989a;border-color:#d8dad8}.work-footnote span{color:#667078}
.about{background:#f0f0ee}.about-grid{grid-template-columns:40% 1fr;gap:10%;margin-top:95px}.about-identity{min-height:620px;background:#dededb;color:var(--ink);border:1px solid #d1d1ce}.about-identity:before{display:none}.about-editorial{font:400 clamp(70px,7.7vw,126px)/.99 var(--display);letter-spacing:-.025em;display:flex;flex-direction:column;align-items:center;transform:rotate(-5deg);white-space:nowrap}.about-editorial span:nth-child(2){color:#858b91}.about-editorial span:nth-child(3){transform:translateX(7%)}.about-caption{color:#3b4149;letter-spacing:.1em}.about-content h2{font:400 clamp(50px,5.3vw,95px)/1.05 var(--display);text-transform:uppercase;letter-spacing:-.02em}.about-content h2 em{font:inherit}.about-content .about-lead{font-family:var(--body)}.about-facts strong{font-family:var(--display);font-weight:400;letter-spacing:-.03em}.about-facts strong span{color:#797f84}
.expertise{background:#fafaf8}.expertise-layout{grid-template-columns:1fr;gap:65px;margin-top:100px}.expertise-title{display:flex;align-items:end;justify-content:space-between;gap:55px}.expertise-title h2{font:400 clamp(68px,8.4vw,142px)/.98 var(--display);text-transform:uppercase;letter-spacing:-.025em}.expertise-title h2 em{font:inherit}.expertise-title p{max-width:320px;font-size:14px;margin-bottom:6px}.expertise-list{border-top:1px solid var(--ink)}.expertise-item{grid-template-columns:60px 1fr 45px;padding:38px 0;align-items:center}.expertise-num{padding:0;font-size:13px}.expertise-item h3{font:400 clamp(42px,6.5vw,108px)/1 var(--display);text-transform:uppercase;letter-spacing:-.025em;margin:0}.expertise-item p{font-size:12px;margin-top:9px;text-transform:uppercase;letter-spacing:.04em}.expertise-symbol{font-size:28px}.expertise-item:hover{padding-left:18px}.tools-line{border-top:1px solid #c8cac8;color:#999ea0}
.contact{background:#fafaf8;color:var(--ink);min-height:800px;border-top:1px solid #d7d8d5;padding:35px clamp(24px,4vw,70px) 0}.contact-topline{font-size:11px;color:#7a7e82}.contact-main{padding:105px 0 150px}.contact-main>p{color:#777d83;letter-spacing:.11em;font-size:11px}.contact-main h2{font:400 clamp(100px,14vw,240px)/.99 var(--display);letter-spacing:-.035em;white-space:nowrap;margin:45px 0 60px}.contact-main h2 span{color:var(--ink)}.contact-lower>p{color:#60666c;font-size:20px}.contact-pending{border-color:#c1c4c1;color:#777d81}.live-dot{background:#2b3038}.footer{border-top:1px solid #c9cdcb;color:#7c8284}.footer-brand{color:var(--ink);font-family:var(--display);font-weight:400;letter-spacing:.01em;font-size:22px}.footer-brand span{display:none}.footer a:hover{color:#8c9297}
.project-dialog::backdrop{background:rgba(21,27,35,.74)}.dialog-panel{background:#fafaf8}.dialog-copy h2{font-family:var(--display);font-weight:400;letter-spacing:-.03em;text-transform:uppercase}.dialog-status{background:#eeeef0}.dialog-status span{color:#70777e}
@media(max-width:1100px){.hero{min-height:760px;height:860px}.hero-roles{top:27%}.role-line{font-size:14vw}.hero-editorial-frame{top:25%;width:38vw;height:55vw;max-height:520px}.project,.project:nth-child(even){grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:35px}.project:nth-child(even){grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr)}.work-art,.project:not(.project-wide) .work-art{height:520px}.project-info h3{font-size:47px}.about-identity{min-height:520px}}
@media(max-width:800px){.site-header{height:85px;padding:18px 25px}.brand-name{font-size:18px}.desktop-nav,.nav-contact{display:none}.menu-toggle{border-color:#c5c8c6}.menu-toggle span{background:var(--ink)}.mobile-nav{top:85px;background:#fafaf8;color:var(--ink);border-bottom-color:#d4d4d0}.mobile-nav a{border-bottom-color:#dededa}.hero{height:760px;min-height:700px}.hero-roles{top:30%;gap:7px}.role-line{font-size:17.5vw}.hero-editorial-frame{top:28%;width:45vw;height:57vw;max-height:none}.hero-bottom{font-size:9px;flex-wrap:wrap;gap:15px}.hero-bottom>span:nth-child(2){display:none}.section-pad{padding:100px 25px}.work .section-heading{padding-bottom:60px}.work .section-title-row{margin-top:65px}.work .section-title-row h2{font-size:clamp(65px,11.5vw,100px)}.work-grid{gap:125px}.project,.project:nth-child(even){grid-template-columns:1fr;gap:20px}.project:nth-child(even) .work-art,.project:nth-child(even) .project-info{order:initial}.project:nth-child(even) .work-art{order:0}.project:nth-child(even) .project-info{order:1}.work-art,.project:not(.project-wide) .work-art{height:clamp(430px,68vw,650px)}.project-info{min-height:0;padding-top:16px;gap:23px}.project-info h3{font-size:50px;margin:15px 0 9px}.work-footnote{margin-top:90px}.about-grid{grid-template-columns:1fr;gap:45px}.about-identity{min-height:500px}.about-editorial{font-size:13vw}.expertise-title{display:block}.expertise-title h2{font-size:clamp(67px,10vw,104px)}.expertise-title p{margin-top:30px}.expertise-layout{margin-top:75px}.expertise-item{grid-template-columns:35px 1fr 27px;padding:26px 0}.expertise-item h3{font-size:clamp(36px,6vw,68px)}.contact{min-height:700px}.contact-main h2{font-size:clamp(72px,13vw,130px)}.footer-brand{font-size:20px}}
@media(max-width:560px){.site-header{height:76px}.brand-name{font-size:17px}.mobile-nav{top:76px}.hero{min-height:610px;height:660px}.hero-roles{top:30%;gap:8px}.role-line{font-size:19vw;gap:18px}.hero-editorial-frame{top:28%;width:54vw;height:78vw;max-height:420px}.hero-bottom{bottom:24px;left:23px;right:23px;line-height:1.6}.hero-bottom span:first-child{max-width:220px}.hero-bottom>a{font-size:9px}.work .section-title-row{margin-top:50px}.work .section-title-row h2{font-size:clamp(49px,11.1vw,68px)}.work .section-title-row p{font-size:12px}.work-art,.project:not(.project-wide) .work-art{height:400px}.project-info h3{font-size:43px}.project-info p{font-size:12px}.project-open:not(:has(.arrow-only)){font-size:12px}.project-open:not(:has(.arrow-only)) span{font-size:19px;margin-left:16px}.project-open{margin-top:0}.about-identity{min-height:400px}.about-editorial{font-size:13vw}.about-content h2{font-size:clamp(49px,11vw,67px)}.expertise-title h2{font-size:clamp(52px,11vw,75px)}.expertise-item h3{font-size:clamp(32px,7vw,52px)}.contact-main{padding:105px 0}.contact-main h2{font-size:clamp(61px,12vw,84px);white-space:normal}.contact-lower>p{font-size:17px}.contact-pending{font-size:9px}.footer-brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){.role-line{animation:none}}