@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--ink:#292720;--muted:#716c62;--paper:#f7f5f0;--sand:#e9e2d7;--taupe:#b9ad9b;--gold:#a68a5b;--line:#d8d0c4;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(41,39,32,.1);background:rgba(247,245,240,.95);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:13px}.brand-mark {
  width: 110px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-image: url('volumeone%20logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  letter-spacing: 0;
}

.brand-mark span {
  display: none;
}.brand-name{font-size:13px;letter-spacing:2px;font-weight:700}.brand-name small{display:block;font-size:8px;letter-spacing:1.4px;font-weight:500;color:var(--muted);margin-top:2px}.nav{display:flex;align-items:center;gap:31px;font-size:12px;letter-spacing:.5px}.nav a:not(.nav-cta):hover,.text-link:hover{color:var(--gold)}.nav-cta{border:1px solid var(--ink);padding:11px 17px}.nav-cta:hover{background:var(--ink);color:white}.menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--ink)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--sand);padding:68px 6.5% 70px;gap:7%}.hero-copy{align-self:center;padding:20px 0 25px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:var(--gold);margin:0 0 20px}.hero h1,.intro h2,.section-heading h2,.process h2,.contact h2{font-family:var(--serif);font-weight:400;letter-spacing:-1.5px;line-height:1.12;margin:0}.hero h1{font-size:clamp(48px,5.7vw,78px)}h1 em,h2 em{font-weight:400;color:#8f8069}.hero-text{max-width:430px;color:#625d54;font-size:15px;margin:25px 0 28px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:24px;padding:15px 21px;font-size:11px;letter-spacing:.6px;text-transform:uppercase;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#51493c}.text-link{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:4px}.hero-note{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.3px;color:var(--muted);margin-top:75px}.small-rule{height:1px;width:32px;background:var(--gold)}.hero-visual{position:relative;min-height:490px;display:flex;align-items:center}.hero-image{width:100%;height:485px;background:#d3c8b7}.image-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#d7cdbf,#b7aa98);color:#fff;position:relative;overflow:hidden}.image-placeholder:before,.image-placeholder:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.35);inset:22px}.image-placeholder:after{inset:34px}.image-placeholder span{font-size:9px;letter-spacing:2px;z-index:1;background:rgba(55,48,39,.22);padding:9px 12px}.visual-label{position:absolute;z-index:2;top:20px;left:-32px;background:var(--paper);padding:13px 18px;font-family:var(--serif);font-style:italic;font-size:14px}.vertical-note{position:absolute;right:-28px;bottom:12px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:var(--muted)}.section-wrap{padding:105px 8%}.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:start}.intro h2,.section-heading h2,.process h2,.contact h2{font-size:clamp(34px,4vw,52px)}.intro-grid>div{max-width:490px;color:var(--muted)}.intro-grid p:first-child{margin-top:4px}.intro-grid .text-link{display:inline-block;margin-top:10px;color:var(--ink)}.services{background:#eee8df}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:47px}.section-heading>p{max-width:300px;color:var(--muted);font-size:13px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-card{padding:29px 30px 25px 0;border-bottom:1px solid var(--line);min-height:230px}.service-card+.service-card{padding-left:30px;border-left:1px solid var(--line)}.service-no{font-size:10px;color:var(--gold);letter-spacing:1px}.service-card h3,.process-grid h3,.project-caption h3{font-family:var(--serif);font-size:23px;font-weight:400;margin:20px 0 10px}.service-card p,.process-grid p{color:var(--muted);font-size:13px;max-width:290px}.service-line{display:block;width:36px;height:1px;background:var(--gold);margin-top:28px}.projects{background:var(--paper)}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:38px 25px}.project-large{grid-row:span 2}.project-photo{height:260px}.project-large .project-photo{height:590px}.project:nth-child(2) .project-photo{background:linear-gradient(135deg,#c9c0b3,#968a79)}.project:nth-child(3) .project-photo{background:linear-gradient(135deg,#c3c4bc,#898c81)}.project-caption{display:flex;justify-content:space-between;align-items:start;padding-top:13px}.project-caption h3{font-size:20px;margin:0 0 3px}.project-caption p{font-size:11px;color:var(--muted);margin:0}.project-caption>span{font-size:9px;color:var(--gold);letter-spacing:1px;padding-top:5px}.process{background:#e7dfd3}.process h2{margin-bottom:55px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid #cfc4b4;padding-top:24px}.process-grid article>span{font-size:10px;color:var(--gold);letter-spacing:1px}.process-grid h3{font-size:21px;margin:15px 0 8px}.process-grid p{font-size:12px;margin:0}.contact{background:#39372f;color:#f7f5f0;padding:85px 8%;display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center}.contact .eyebrow{color:#c5aa78}.contact h2{font-size:clamp(38px,4.4vw,58px)}.contact h2 em{color:#c8b99f}.contact>div:first-child>p:last-child{color:#c5c0b6;margin-top:23px}.contact-actions{display:flex;align-items:flex-start;flex-direction:column;gap:13px}.button-light{background:var(--paper);color:var(--ink);margin-bottom:7px}.contact-link{font-size:13px;color:#e5dfd4}.contact-small{font-size:10px;color:#aaa59a;margin-top:16px}.footer{padding:23px 6.5%;display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font-size:10px;letter-spacing:.4px}.footer-brand{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--ink)}
@media(max-width:800px){.site-header{height:74px;padding:0 5%}.menu-toggle{display:block}.nav{display:none;position:absolute;top:73px;left:0;right:0;padding:20px 6%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:17px}.nav.open{display:flex}.nav-cta{text-align:center}.hero{grid-template-columns:1fr;padding:47px 7% 55px;gap:35px}.hero h1{font-size:57px}.hero-note{margin-top:43px}.hero-visual{min-height:350px;margin:0 12px}.hero-image{height:360px}.visual-label{left:-12px}.vertical-note{right:-19px}.section-wrap{padding:72px 7%}.intro-grid{grid-template-columns:1fr;gap:22px}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card,.service-card+.service-card{padding:25px 0;border-left:0}.service-card{min-height:0}.service-line{margin-top:18px}.project-grid{grid-template-columns:1fr;gap:28px}.project-large{grid-row:auto}.project-large .project-photo{height:370px}.project-photo{height:270px}.process-grid{grid-template-columns:1fr 1fr;row-gap:30px}.contact{padding:68px 7%;grid-template-columns:1fr;gap:35px}.footer{padding:22px 6%;flex-wrap:wrap}.footer span:nth-child(2){display:none}}
@media(max-width:420px){.brand-mark{width:41px;height:41px;font-size:28px}.brand-name{font-size:11px}.brand-name small{font-size:7px}.hero h1{font-size:49px}.hero-image{height:310px}.process-grid{grid-template-columns:1fr}.project-large .project-photo{height:310px}}