:root{--ink:#34495a;--ink-deep:#2a3d4b;--paper:#f0e7d6;--paper-bright:#fffdf8;--paper-shadow:#d8ccb8;--moss:#6e8873;--ochre:#cfaa63;--muted:#7f8177;--line:rgba(52,73,90,.19);--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(91,112,124,.13) 32px);font-family:var(--sans);overflow-x:hidden}.paper-grain{position:fixed;z-index:10;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:3;top:0;left:0;width:100%;padding:25px 5.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--ink)}.wordmark{color:inherit;text-decoration:none;font:italic 28px var(--serif);letter-spacing:-.04em}.location{margin:0;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.location i{width:6px;height:6px;display:inline-block;background:var(--moss);border-radius:50%;margin:0 7px 1px 0}.location span{opacity:.52}nav{justify-self:end;display:flex;gap:24px}nav a{color:inherit;text-decoration:none;font-size:12px;font-weight:600;border-bottom:1px solid transparent}nav a:hover{border-color:var(--moss)}
.hero{position:relative;min-height:860px;margin:0 3.2vw;padding:202px 2.4vw 48px;color:var(--ink);background:var(--paper-bright);overflow:hidden;box-shadow:12px 12px 0 rgba(134,120,99,.12)}.hero:before{content:"";position:absolute;right:-5vw;top:106px;width:52vw;height:52vw;min-width:620px;min-height:620px;border:1px dashed rgba(110,136,115,.42);border-radius:50%}.hero:after{content:"";position:absolute;right:9vw;bottom:-110px;width:270px;height:270px;border-radius:50%;background:var(--ochre);opacity:.35}.margin-note{position:absolute;right:4.5vw;top:167px;width:150px;color:var(--moss);font:500 9px/1.6 var(--mono);letter-spacing:.11em}.eyebrow,.section-label{margin:0;color:var(--muted);font:500 10px var(--mono);letter-spacing:.11em;text-transform:uppercase}.hero .eyebrow{color:var(--moss)}.eyebrow span{display:inline-block;width:4px;height:4px;margin:0 8px 2px;border-radius:50%;background:var(--ochre)}.hero h1{position:relative;z-index:1;max-width:1050px;margin:35px 0 70px;font-size:clamp(68px,10.2vw,158px);line-height:.84;letter-spacing:-.078em;font-weight:600}.hero h1 em,h2 em,h3 em{color:var(--moss);font-family:var(--serif);font-weight:400}.hero-foot{position:relative;z-index:1;width:670px;max-width:100%;display:flex;align-items:flex-end;justify-content:space-between}.hero-foot p{max-width:355px;margin:0;color:#5e6d73;font-size:15px;line-height:1.75}.down-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:119px;height:119px;border:1px dashed var(--moss);border-radius:50%;color:var(--ink);text-decoration:none;font:500 9px var(--mono);text-align:center;transition:.2s ease}.down-link b{color:var(--moss);font-size:21px;font-weight:400}.down-link:hover{color:var(--paper-bright);background:var(--moss);border-style:solid}.down-link:hover b{color:var(--paper-bright)}.hero-stamp{position:absolute;z-index:1;right:5.5vw;bottom:37px;display:flex;align-items:center;gap:9px;color:var(--muted);font:500 9px var(--mono);letter-spacing:.08em}.hero-stamp b{color:var(--moss);font-weight:500}
.field-note{position:relative;width:88%;margin:0 auto;padding:75px 20vw 78px;background:#dfe7df;color:var(--ink);text-align:center;box-shadow:7px 7px 0 rgba(110,136,115,.14)}.field-note:before,.field-note:after{content:"";position:absolute;width:12px;height:12px;border:1px solid rgba(52,73,90,.6)}.field-note:before{top:22px;left:5.5vw;border-right:0;border-bottom:0}.field-note:after{right:5.5vw;bottom:22px;border-top:0;border-left:0}.field-note .section-label{color:var(--moss)}.note-copy{max-width:770px;margin:26px auto 16px;font:400 clamp(28px,3.5vw,53px)/1.03 var(--serif);letter-spacing:-.035em}.note-signoff{margin:0;font-size:12px;font-weight:700}.section{padding:150px 5.5vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.section-heading h2,.toolkit h2{margin:0;font-size:clamp(55px,7.2vw,106px);line-height:.9;letter-spacing:-.075em}.work-list{margin-top:95px;border-top:1px solid var(--line)}.work-row{display:grid;grid-template-columns:8% 30% 1fr 11%;gap:25px;align-items:start;padding:28px 0 31px;border-bottom:1px solid var(--line);transition:padding .2s ease,background .2s ease}.work-row:hover{padding-left:16px;padding-right:16px;background:rgba(255,253,248,.58)}.work-index,.work-year{color:var(--moss);font:500 10px var(--mono)}.work-row h3{margin:0 0 4px;font-size:18px;letter-spacing:-.04em}.work-row p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.work-row .work-detail{max-width:340px;color:#52606a;font-size:13px}.work-year{text-align:right;color:var(--muted)}
.toolkit{margin:0 3.2vw;padding-left:2.4vw;padding-right:2.4vw;background:rgba(255,253,248,.75);border:1px solid var(--line);box-shadow:8px 8px 0 rgba(134,120,99,.11)}.toolkit-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:10vw;margin-top:52px}.tool-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.tool-list li{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.tool-list span{color:var(--muted);font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.tool-list b{font-size:14px;text-align:right}.three-things{padding-bottom:0}.things-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:55px 0 0}.thing{position:relative;min-height:560px;padding:37px 34px;overflow:hidden;background:rgba(255,253,248,.8);border:1px solid var(--line);box-shadow:6px 7px 0 rgba(134,120,99,.1)}.thing-number{color:var(--moss);font:500 10px var(--mono)}.thing h3{position:relative;z-index:1;margin:172px 0 20px;font-size:clamp(29px,3vw,46px);line-height:.91;letter-spacing:-.065em}.thing p{position:relative;z-index:1;max-width:270px;color:#5e6d73;font-size:13px;line-height:1.7}.thing a,.coming-soon{position:absolute;z-index:1;bottom:36px;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--moss);padding-bottom:4px}.thing a b{margin-left:12px;color:var(--moss)}.coming-soon{color:var(--muted);font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.1em;border:0}.scribble{position:absolute;top:54px;right:12%;color:var(--ochre);font:italic 220px/.8 var(--serif);transform:rotate(-15deg);opacity:.75}.music{background:#dfe7df}.music p{color:#5e6d73}.music .coming-soon{color:#667b68}.equalizer{position:absolute;top:88px;left:50%;display:flex;align-items:center;gap:8px;height:98px;transform:translateX(-50%)}.equalizer i{width:4px;background:var(--moss);animation:pulse 1.5s ease-in-out infinite alternate}.equalizer i:nth-child(1){height:22px}.equalizer i:nth-child(2){height:54px;animation-delay:.2s}.equalizer i:nth-child(3){height:36px;animation-delay:.6s}.equalizer i:nth-child(4){height:86px;animation-delay:.1s}.equalizer i:nth-child(5){height:45px;animation-delay:.8s}.equalizer i:nth-child(6){height:68px;animation-delay:.4s}.equalizer i:nth-child(7){height:27px;animation-delay:.7s}@keyframes pulse{to{transform:scaleY(.38)}}.milan{background:#eae0cd}.milan h3 em{color:var(--moss)}.milan p{color:#5e6d73}.milan .coming-soon{color:#667b68}.milan-mark{position:absolute;top:53px;right:15%;display:flex;gap:6px;height:108px;align-items:stretch;transform:rotate(9deg)}.milan-mark i{width:12px;background:var(--ink)}.milan-mark i:nth-child(2){background:var(--paper-bright)}.milan-mark i:nth-child(3){background:var(--ink)}
.contact{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:120px 3.2vw 0;padding:115px 2.4vw;color:var(--ink);background:#dfe7df;border:1px solid var(--line);box-shadow:8px 8px 0 rgba(110,136,115,.14)}.contact .section-label{color:var(--moss)}.contact h2{margin:30px 0 0;font-size:clamp(58px,7.4vw,112px);line-height:.88;letter-spacing:-.075em}.contact-links{width:315px;padding-bottom:8px}.contact-links a{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(52,73,90,.35);color:inherit;text-decoration:none;font-size:14px;font-weight:600}.contact-links b{color:var(--moss)}footer{display:flex;justify-content:space-between;gap:20px;padding:43px 5.5vw 25px;color:var(--muted)}footer p,footer a{margin:0;color:inherit;font:500 10px var(--mono);text-decoration:none}@media(max-width:760px){.site-header{grid-template-columns:1fr auto;padding:18px 8vw}.location{display:none}nav{gap:15px}nav a{font-size:10px}.hero{min-height:760px;margin:0 2vw;padding:153px 6vw 36px}.hero:before{right:-390px;top:35px;min-width:600px;min-height:600px}.hero:after{right:-125px;bottom:-70px}.margin-note{display:none}.hero h1{margin:28px 0 72px;font-size:clamp(61px,17.5vw,97px)}.hero-foot p{max-width:212px;font-size:13px}.down-link{width:98px;height:98px;font-size:8px}.hero-stamp{display:none}.field-note{width:94%;padding:70px 10vw}.note-copy{font-size:31px}.section{padding:90px 8vw}.section-heading{display:block}.section-heading h2{margin-top:32px}.work-list{margin-top:52px}.work-row{grid-template-columns:24px 1fr;gap:12px}.work-row .work-detail{grid-column:2}.work-year{position:absolute;right:8vw;margin-top:3px}.toolkit{margin:0 2vw;padding:90px 6vw}.toolkit-layout{display:block;margin-top:35px}.tool-list{margin-top:45px}.tool-list li{display:block}.tool-list b{display:block;margin-top:7px;text-align:left}.things-grid{display:block;margin:45px 0 0}.thing{min-height:505px;margin-bottom:16px;padding:32px 9vw}.thing h3{margin-top:155px}.contact{display:block;margin:75px 2vw 0;padding:85px 6vw}.contact-links{width:100%;margin-top:55px}footer{flex-wrap:wrap;padding:35px 8vw 25px}footer p:last-of-type{width:100%;order:3}}