@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171615;--orange:#db642b;--brown:#49352b;--cream:#f8f5ef;--white:#fff;--muted:#665f58;--line:#e6dfd7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%}
.container{max-width:1240px;margin:auto;padding:0 34px}.topbar{position:sticky;top:0;z-index:10;background:rgba(248,245,239,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:block;width:143px;line-height:0}.navlinks{display:flex;align-items:center;gap:32px}.navlinks a{text-decoration:none;font-weight:700;font-size:13px}.navlinks a:hover,.navlinks a.active{color:var(--orange)}.navlinks .contactnav{border:1px solid var(--ink);padding:12px 19px;border-radius:99px}.menu{display:none;background:none;border:0;font-size:26px;cursor:pointer}
.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;text-transform:uppercase;color:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(56px,6.6vw,102px);line-height:1.08;font-weight:800}h2{font-size:clamp(38px,4.3vw,66px);line-height:1.12}h3{font-size:25px;line-height:1.2}p{line-height:1.75}.lead{font-size:clamp(18px,1.55vw,22px);max-width:590px;color:#504b46}.accent{color:var(--orange)}.btn{display:inline-flex;align-items:center;gap:20px;background:var(--ink);color:white;border-radius:999px;text-decoration:none;padding:16px 24px;font-size:13px;font-weight:800;transition:.2s}.btn:hover{background:var(--orange);transform:translateY(-2px)}.btn.outline{background:transparent;color:var(--ink);border:1px solid #c9c1b8}.btn.outline:hover{background:#eee7df}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero{min-height:680px;display:grid;grid-template-columns:54% 46%;align-items:stretch;overflow:hidden}.hero .copy{padding:115px max(32px,calc((100vw - 1172px)/2)) 110px max(34px,calc((100vw - 1172px)/2));padding-right:35px;display:flex;flex-direction:column;justify-content:center}.hero .copy h1{margin:23px 0}.heroart{position:relative;overflow:hidden;background:#1a1918}.heroart img{width:100%;height:100%;object-fit:cover;display:block}.heroart:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,245,239,.06),transparent 30%)}.artcaption{position:absolute;bottom:35px;left:35px;color:#fff;font-size:11px;letter-spacing:.17em;font-weight:700}
.section{padding:105px 0}.section.white{background:#fff}.section.dark{background:var(--ink);color:#fff}.section.dark .lead,.section.dark p{color:#d3cdc6}.sectionhead{max-width:760px;margin-bottom:50px}.sectionhead h2{margin:16px 0 22px}.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:37px 31px;min-height:260px}.tile .n{font-size:12px;font-weight:800;color:var(--orange);letter-spacing:.2em}.tile h3{margin:60px 0 14px}.tile p{color:var(--muted);font-size:15px}.tile.darktile{background:var(--brown);color:#fff;border-color:var(--brown)}.tile.darktile p{color:#e8dfd8}
.statement{padding:70px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement p{font-size:clamp(29px,3.5vw,52px);line-height:1.3;letter-spacing:-.04em;font-weight:700;max-width:1010px;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.artpanel{border-radius:20px;min-height:400px;background:#171615 url('assets/fluid-art.svg') center/cover}.mini{color:var(--muted);font-size:15px}.link{font-weight:800;text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:5px}.link:hover{color:var(--orange)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{background:#fff;border:1px solid var(--line);border-radius:18px;min-height:230px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.portfolio-card .category{color:var(--orange);font-size:11px;letter-spacing:.18em;font-weight:800}.portfolio-card h3{margin:0}.portfolio-card p{font-size:14px;color:var(--muted);margin:8px 0 0}.note{font-size:13px;color:var(--muted);margin-top:24px}
.cta-panel{border-radius:22px;padding:65px;background:var(--brown);color:#fff;display:flex;align-items:end;justify-content:space-between;gap:30px}.cta-panel h2{max-width:680px;margin:10px 0}.cta-panel p{color:#e4d9d0}.cta-panel .btn{background:var(--orange);white-space:nowrap}
.pagehero{padding:115px 0 80px}.pagehero h1{max-width:950px;margin:20px 0 28px}.pagehero .lead{max-width:760px}.divider{height:1px;background:var(--line)}.bodycopy{max-width:770px}.bodycopy p{font-size:19px}.points{display:grid;grid-template-columns:1fr 1fr;gap:26px}.point{padding:26px 0;border-top:1px solid var(--line)}.point h3{margin:0 0 12px}.point p{color:var(--muted)}.contact-card{padding:45px;border:1px solid var(--line);border-radius:20px;background:#fff}.contact-card a.email{font-size:clamp(23px,3vw,39px);font-weight:800;text-decoration:none;overflow-wrap:anywhere}.contact-card a.email:hover{color:var(--orange)}
footer{background:#171615;color:#fff;padding:65px 0 28px}.footerinner{display:flex;justify-content:space-between;gap:45px;flex-wrap:wrap}.footerinner .logo{filter:brightness(0) invert(1)}.footlinks{display:flex;gap:24px;flex-wrap:wrap}.footlinks a{font-size:13px;text-decoration:none}.footbottom{margin-top:60px;padding-top:20px;border-top:1px solid #3b3936;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#c5beb8;flex-wrap:wrap}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero .copy{padding:75px 34px}.heroart{height:400px}.split{gap:35px}.cols3,.portfolio-grid{grid-template-columns:1fr 1fr}.navlinks{gap:17px}}
@media(max-width:650px){.container{padding:0 22px}.nav{min-height:78px}.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:78px;padding:25px;background:var(--cream);flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.hero .copy{padding:70px 22px}.heroart{height:310px}.section{padding:70px 0}.cols3,.portfolio-grid,.split,.points{grid-template-columns:1fr}.tile{min-height:230px}.tile h3{margin-top:40px}.cta-panel{padding:34px;display:block}.cta-panel .btn{margin-top:15px}.pagehero{padding:75px 0 55px}.artpanel{min-height:290px}}