/* company identity: editorial typography, ruled layouts, restrained accents. */
:root{font-family:Arial,Helvetica,sans-serif;--paper:#f7f5ef;--line:#c9cec6;background:var(--paper)}
body{background:linear-gradient(#283F35 0 840px,var(--paper) 840px)}
.wrap{width:min(1280px,calc(100% - 112px))}
.header{color:var(--paper);min-height:114px;border-color:#ffffff35}
.brand{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:1.2}
.header .brand-symbol{background:transparent;width:52px;height:52px;padding:0;filter:brightness(0) invert(1)}
nav{font-size:12px;letter-spacing:.04em;gap:40px}
.hero{color:var(--paper);min-height:726px;position:relative;padding:65px 0 58px;display:grid;grid-template-columns:1fr 280px;column-gap:60px}
.hero>.eyebrow{grid-column:1/-1;color:#d4d9cb;margin-bottom:38px}
.eyebrow{font-family:'Courier New',monospace;letter-spacing:.1em;font-size:11px;font-weight:400}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
h1{font-size:clamp(70px,8.3vw,122px);line-height:.98;letter-spacing:-5px;margin:0}
h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:#F6C35B;letter-spacing:-5px}
.hero-bottom{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:30px;border-left:1px solid #ffffff35;padding-left:30px}
.abstract-mark{display:none}
.hero-bottom p{font-size:14px;line-height:1.8;color:#e0e4d9}
.hero-bottom p br{display:none}
.round-link{border:1px solid #d4d9cb;border-radius:0;background:transparent;width:48px;height:48px;font-size:24px}
.round-link:hover{background:#F6C35B;color:#283F35}
.intro-band{background:var(--paper);padding:34px 0;border-bottom:1px solid var(--line)}
.intro-grid{grid-template-columns:1fr 2fr}
.intro-grid>p:last-child{font-family:Georgia,serif;font-size:22px}
.section{padding-top:105px;padding-bottom:105px}
h2{font-size:clamp(38px,4.5vw,62px);letter-spacing:-2px;line-height:1.05}
.section-heading{grid-template-columns:1fr 2fr}
.principles{display:block;margin:42px 0 0 33.33%}
.principles article{display:grid;grid-template-columns:38px 1fr 1.2fr;gap:24px;padding:25px 0;border-top:1px solid var(--line);align-items:start}
.principles article>span{font-family:'Courier New',monospace;padding-top:5px}
.principles h3{font-size:25px;line-height:1.15;margin:0;letter-spacing:-.5px}
.principles p{font-size:14px;line-height:1.75;margin:0}
.work-section{background:#e6e9df;color:#283F35;padding:44px 0 76px;border-block:1px solid var(--line)}
.work-label{border-color:#aab5a6}
.tag{border-radius:0;font-family:'Courier New',monospace;font-size:11px}
.work-grid{grid-template-columns:1fr 1fr;gap:100px;align-items:stretch}
.project-wordmark{font-family:Nunito,Arial,sans-serif;color:#a83f29;font-size:26px}
.work-grid h2{font-size:53px}.work-grid p{color:#455648;font-size:15px}
.button{background:#283F35;color:#fff;border-radius:0;font-size:13px;padding:17px 21px;border:1px solid #283F35}
.button:hover{background:transparent;color:#283F35}
.project-note{background:transparent;border:1px solid #9aa894;border-radius:0;transform:none;min-height:365px;padding:30px}
.project-note .project-stack{font-family:Georgia,serif;font-size:54px;font-weight:400;letter-spacing:-2px}
.project-stack em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#a83f29}
.note-bottom{font-family:'Courier New',monospace;font-size:10px;border-color:#9aa894}
.about{grid-template-columns:1fr 2fr}.about p:not(.eyebrow){font-size:16px;max-width:600px}
.connect-section{background:#283F35;color:var(--paper);padding:76px 0}
.connect-grid{grid-template-columns:1.2fr 1fr;gap:90px}.connect-grid h2{font-size:53px}
.connect-grid p{color:#d7ddcf;font-size:14px}.contact-status{border-color:#ffffff40}
.contact-status h3{font-size:26px}.contact-status a{color:#F6C35B;font-weight:400;font-size:16px}
.footer{background:var(--paper);padding-block:35px}.footer .brand{font-size:14px}
a:focus-visible{outline:3px solid #C34E32;outline-offset:6px}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1fr 230px;gap:36px}h1,h1 em{letter-spacing:-3px;font-size:80px}.principles{margin-left:0}.work-grid{gap:40px}.connect-grid{gap:40px}}
@media(max-width:760px){body{background:var(--paper)}.wrap{width:calc(100% - 40px)}.header{background:#283F35;width:100%;padding:20px;min-height:92px}.header .brand{font-size:14px}.header .brand-symbol{width:42px;height:42px}nav{gap:15px}.hero{background:#283F35;width:100%;padding:40px 20px;min-height:0;display:block}.hero>.eyebrow{font-size:10px;margin-bottom:30px}h1,h1 em{font-size:clamp(55px,12vw,88px);letter-spacing:-2.5px}.hero-bottom{border-left:0;border-top:1px solid #ffffff35;padding:25px 0 0;margin-top:35px;display:grid;grid-template-columns:1fr 48px;gap:24px;align-items:end}.hero-bottom p{font-size:14px}.round-link{grid-column:2;grid-row:1}.intro-grid,.section-heading,.about,.work-grid,.connect-grid{grid-template-columns:1fr;gap:20px}.intro-grid>p:last-child{font-size:20px}.section{padding-block:60px}h2{font-size:43px}.principles{margin-top:20px}.principles article{grid-template-columns:28px 1fr;gap:12px}.principles h3{font-size:26px}.principles p{grid-column:2}.work-section{padding:35px 0 50px}.work-grid{gap:35px}.work-grid h2,.connect-grid h2{font-size:43px}.project-note{min-height:300px;padding:25px}.project-note .project-stack{font-size:45px}.contact-status{border-top:1px solid #ffffff40;padding-top:20px}.connect-section{padding-block:55px}.footer{gap:18px}}