:root{--ink:#142019;--warm:#f4f3ee;--accent:#de7047;--line:rgba(255,255,255,.26)}
body{background:var(--warm)}
header{position:fixed;top:12px;left:2.5%;right:2.5%;z-index:50;min-height:94px;padding:16px 28px;background:rgba(18,28,22,.9);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 34px rgba(0,0,0,.22);backdrop-filter:blur(16px)}
header .brand{color:#fff}header .brand-label{border-color:rgba(255,255,255,.4)}header .brand-label strong,header nav a{color:#fff}header .brand-lettering{filter:brightness(0) invert(1)}header nav a{padding:18px 18px 15px;border-bottom:2px solid transparent}header nav a:hover,header nav a.active{border-color:var(--accent);color:#fff}header .header-inquiry{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}header .header-inquiry:hover{background:#fff;color:var(--ink)}
.home{background:var(--ink);color:#fff}.home-hero{position:relative;min-height:790px;height:100svh;overflow:hidden;isolation:isolate}.home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.home-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,12,9,.88) 0%,rgba(7,12,10,.58) 43%,rgba(7,12,10,.14) 78%),linear-gradient(0deg,rgba(4,9,6,.78),transparent 42%)}
.hero-copy{position:absolute;z-index:1;left:7vw;bottom:13vh;max-width:760px}.home .eyebrow{color:#d4ddd3;letter-spacing:.18em}.hero-copy h1{margin:18px 0 20px;color:#fff;font-size:clamp(3.4rem,7.4vw,7.4rem);line-height:.96;letter-spacing:-.07em;font-weight:700}.hero-copy>p:not(.eyebrow){max-width:440px;margin:0 0 30px;color:#ecf0eb;font-size:1.05rem;line-height:1.85}.button.light{display:inline-flex;align-items:center;gap:42px;background:#fff;color:var(--ink);padding:17px 24px;border:0}.button.light:hover{background:var(--accent);color:#fff}.hero-index{position:absolute;right:6.5vw;bottom:52px;z-index:1;display:flex;align-items:center;gap:18px;color:#fff;font-size:.76rem;letter-spacing:.14em}.hero-index:before{content:"";display:block;width:92px;height:1px;background:rgba(255,255,255,.55)}
.home-intro{display:grid;grid-template-columns:minmax(250px,1.15fr) 2fr;gap:90px;padding:104px 7vw 112px;background:#f4f3ee;color:#17221b}.home-intro h2{margin:0;font-size:clamp(2.3rem,4vw,4.4rem);letter-spacing:-.06em;line-height:1.1}.home-intro p{margin:0;max-width:620px;font-size:1.06rem;line-height:2;color:#536159}.home-links{grid-column:2;display:grid;grid-template-columns:repeat(2,1fr);margin-top:-22px;border-top:1px solid #cbd0ca}.home-links a{display:flex;justify-content:space-between;padding:20px 0;color:#17221b;border-bottom:1px solid #cbd0ca;text-decoration:none}.home-links a:hover{color:var(--accent)}
#projects,#about,#contact{padding-top:170px}.section-heading h2{letter-spacing:-.06em}.filters{border-top:1px solid #c8cec6;padding-top:20px}.filter{border-radius:0}.album-card{transition:transform .28s ease,box-shadow .28s ease}.album-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(20,32,25,.13)}
@media(max-width:760px){header{top:0;left:0;right:0;min-height:72px;padding:10px 16px;border-width:0 0 1px}.brand-symbol{width:28px;height:auto}.brand-label strong{font-size:.9rem}header nav{display:none}.header-inquiry{font-size:.77rem;padding:10px 12px}.home-hero{min-height:690px}.hero-copy{left:26px;right:26px;bottom:86px}.hero-copy h1{font-size:clamp(3.3rem,15vw,5rem)}.hero-copy>p:not(.eyebrow){font-size:.92rem}.hero-index{left:26px;right:auto;bottom:27px}.home-intro{display:block;padding:68px 26px}.home-intro p{margin-top:26px}.home-links{margin-top:44px}.home-links a{font-size:.92rem}#projects,#about,#contact{padding-top:112px}}