:root{--bg:#292824;--panel:#33322e;--text:#efebe1;--muted:#c2beb5;--accent:#d5cfc1;--line:#615e55}body{background:var(--bg)}header{background:#292824f5;height:90px;border-color:#747065}.brand{gap:24px}.brand-mark{width:76px;height:44px;object-fit:contain}.brand-name{border-left:1px solid #938d80;padding:14px 0 14px 25px;font-size:14px;letter-spacing:4px;font-weight:400}nav{font-size:13px;gap:22px}em{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;color:inherit}.hero{min-height:650px;height:calc(90svh - 90px);max-height:860px;padding-left:5%;padding-right:5%}.hero-photo{background-image:url('graphite-hero-james.png');background-position:center center}.hero:after{background:linear-gradient(90deg,#29282438,transparent 72%)}.hero-grid{display:none}.hero-content{max-width:780px;width:65%}.hero h1{font-size:clamp(48px,5.3vw,82px);letter-spacing:-3px;line-height:1.12;font-weight:400}.hero .intro{font-size:19px;color:#d0cbc1;max-width:535px;line-height:1.7}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:400}.button{background:#c9c3b7;color:#252420;border:1px solid #b0aa9e;padding:17px 28px;font-weight:600}.button:hover{background:#e2dcd0}.hero-foot{left:5%;right:5%;color:#d0cbc1}.section{padding:95px 7%}h2,.section-heading h2{letter-spacing:-2px;font-weight:500}.philosophy,.exploration,.manual{--text:#242421;--muted:#4e4c46;--accent:#45423b;--line:#969187;background:#bdb8ae;color:var(--text)}.philosophy .eyebrow,.exploration .eyebrow,.manual .eyebrow{color:#4e4b43}.philosophy{grid-template-columns:1fr 2fr;gap:45px}.statement{font-size:clamp(44px,5.6vw,78px);font-weight:500}.philosophy-copy{font-size:17px}.exploration{background:#cbc6bc}.explore-list article{border-color:#99948a}.tag{font-size:11px}.projects{background:#302f2b}.project{background:#393833;border-color:#69655b}.project-visual,.project-visual.second{background:linear-gradient(135deg,#4c4941,#2e2d29);border-color:#6c675c}.big-label{color:#ded6c2}.badge{color:#d5cfc1}.journey{background:#252521}.journey-grid{opacity:.22;filter:grayscale(1)}.timeline{border-color:#aaa18b}.journey-portrait{background:#35332e;border-color:#70695c;box-shadow:12px 12px 0 #ffffff08}.journey-portrait img{aspect-ratio:4/5;object-position:center}.manual-cover{background:#35342f;color:#efebe1;box-shadow:16px 16px 0 #aaa396;transform:none;border:1px solid #777063}.manual-cover em{color:#ded6c5}.manual .button{background:#34332e;color:#f1ede4;border-color:#34332e}.manual .button:hover{background:#49463f}.contact{background:#302f2b}.contact-form input:not([type=hidden]),.contact-form textarea{background:#252521;border-color:#716b60}.contact-form .button{color:#252420}footer{background:#242420}.text-link:hover,nav a:hover{color:#fff}.manual .text-link:hover{color:#222}.brand:focus-visible{outline-color:#e5d9bf}@media(min-width:1600px){.hero{padding-left:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:1100px){header{padding-inline:4%}.brand-name{font-size:12px;letter-spacing:2.5px;padding-left:16px}.brand{gap:15px}nav{gap:12px;font-size:12px}.hero-content{width:73%}.hero:after{background:linear-gradient(90deg,#292824a8,#29282445 70%,transparent)}.hero h1{font-size:clamp(45px,5.8vw,68px)}}@media(max-width:800px){header{height:78px}.brand-mark{width:59px;height:36px}.brand-name{font-size:11px;letter-spacing:2px;padding-block:10px}.menu{border-color:#8f8778}nav{background:#292824;top:78px;font-size:16px}.hero{height:auto;min-height:690px;padding:75px 6% 125px}.hero-content{width:100%;max-width:630px}.hero h1{font-size:clamp(43px,8vw,64px);letter-spacing:-2px}.hero-photo{opacity:.6;background-position:65% center}.hero:after{background:linear-gradient(90deg,#292824ed,#29282480)}.hero .intro{font-size:17px}.section{padding:70px 6%}.philosophy{grid-template-columns:1fr;gap:25px}.brand-name{white-space:nowrap}.hero-foot{left:6%;right:6%}.manual-cover{width:calc(100% - 16px)}.eyebrow{font-size:11px;letter-spacing:2.3px}}@media(max-width:400px){.brand-name{font-size:10px;letter-spacing:1.5px}.brand-mark{width:48px}.brand{gap:10px}.brand-name{padding-left:10px}.hero h1{font-size:40px}}

@media(min-width:801px){.hero-photo{background-position:25% center}}
@media(max-width:800px){.hero{padding-bottom:420px}.hero-photo{inset:auto 0 0;height:380px;opacity:1;background-position:48% center}.hero:after{background:linear-gradient(180deg,#292824 0%,transparent 65%)}.hero-foot{bottom:22px}}
