:root{--black:#0b0c0b;--cream:#eeeae1;--gold:#c7ab7c;--ink:#191817;--muted:#777168}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f5f0e8;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{position:fixed;top:0;left:0;width:100%;height:88px;padding:0 6.5vw;display:flex;align-items:center;z-index:50;transition:.35s;background:linear-gradient(#080808b8,transparent)}.header.scrolled{height:70px;background:#0b0c0bf2;border-bottom:1px solid #ffffff12}.logo{display:flex;flex-direction:column;align-items:center;line-height:1}.logo strong{font:600 29px "Cormorant Garamond",serif;letter-spacing:.28em}.logo span{font-size:7px;letter-spacing:.42em;margin-top:5px}.nav{display:flex;gap:28px;margin:auto;font-size:12px}.nav a{opacity:.82}.nav a:hover{opacity:1}.btn{display:inline-flex;gap:15px;align-items:center;justify-content:center;padding:15px 21px;border:1px solid #d0b789;font-size:11px;letter-spacing:.04em;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-fill{background:#e6d2ae;color:#16130f}.btn-line{background:#0d0d0d30}.menu-btn{display:none}.hero{height:100svh;min-height:650px;position:relative;display:flex;align-items:center;padding:100px 7vw 60px;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=2000&q=88") center/cover no-repeat;transform:scale(1.02)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#090908f7 3%,#090908d5 38%,#0909085c 67%,#09090855),linear-gradient(0deg,#08080880,transparent 45%)}.hero-copy{position:relative;max-width:760px}.kicker{color:var(--gold);font-size:10px;letter-spacing:.36em;margin:0}.hero h1,.projects h2,.about h2,.services h2,.contact h2{font:500 58px/1.02 "Cormorant Garamond",serif;margin:19px 0}.lead{max-width:560px;color:#d3cec5;font-size:13px;line-height:1.8}.buttons{display:flex;gap:14px;margin-top:30px}.scroll{position:absolute;bottom:25px;right:7vw;font-size:8px;letter-spacing:.25em;color:#c8c0b5}.scroll span{font-size:16px;margin-left:10px}.values{min-height:105px;display:grid;grid-template-columns:repeat(4,1fr);padding:0 7vw;border-block:1px solid #383630}.values div{display:flex;align-items:center;justify-content:center;gap:17px;border-right:1px solid #383630}.values div:last-child{border:0}.values i{font-style:normal;font-size:27px;color:var(--gold)}.values span{font-size:9px;letter-spacing:.15em;line-height:1.6}.cream{background:var(--cream);color:var(--ink)}.projects{padding:85px 7vw;display:grid;grid-template-columns:250px 1fr;gap:55px}.kicker.dark{color:#8a6e45}.intro h2,.service-head h2{font-size:47px}.intro>p:not(.kicker),.service-head>p:not(.kicker){color:var(--muted);font-size:12px;line-height:1.7}.text-link{display:inline-block;margin-top:24px;font-size:9px;letter-spacing:.16em;border-bottom:1px solid #a8987e;padding-bottom:5px}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-img{height:330px;background-size:cover;background-position:center;position:relative;overflow:hidden}.project-img:after{content:"";position:absolute;inset:0;background:#0000;transition:.35s}.project:hover .project-img:after{background:#0002}.project-img span{position:absolute;z-index:2;top:14px;left:14px;background:#0b0c0bcc;color:white;padding:7px 9px;font-size:9px}.img-1{background-image:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1100&q=85")}.img-2{background-image:url("https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1100&q=85")}.img-3{background-image:url("https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1100&q=85")}.project h3{font:500 20px "Cormorant Garamond",serif;margin:13px 0 3px}.project p{margin:0;color:#7c756c;font-size:10px}.about{display:grid;grid-template-columns:1.05fr 1fr;min-height:570px}.about-photo{background:url("https://images.unsplash.com/photo-1600566753051-f0b89df2dd90?auto=format&fit=crop&w=1400&q=85") center/cover no-repeat;filter:saturate(.72)}.about-copy{padding:90px 11vw 70px 7vw;display:flex;flex-direction:column;justify-content:center}.about h2{font-size:49px}.about-copy>p:not(.kicker){color:#c5bfb5;line-height:1.85;font-size:12px;max-width:500px}.light-link{color:#ddd0bb}.services{padding:85px 7vw}.service-head{display:grid;grid-template-columns:1fr 1fr;align-items:end}.service-head .kicker{grid-column:1/-1}.service-head h2{margin-bottom:0}.service-head>p:last-child{max-width:370px;justify-self:end}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:50px;border-block:1px solid #c9c1b5}.service-grid article{min-height:190px;padding:17px;border-right:1px solid #c9c1b5;display:flex;flex-direction:column}.service-grid article:last-child{border:0}.service-grid span{font-size:8px;color:#92897e}.service-grid i{font-style:normal;font-size:32px;margin:auto;color:#6f624e}.service-grid h3{font-size:11px;line-height:1.5;font-weight:500}.contact{min-height:470px;padding:80px 7vw;display:flex;align-items:center;background:linear-gradient(#0a0b0acc,#0a0b0acc),url("https://images.unsplash.com/photo-1600566752355-35792bedcfea?auto=format&fit=crop&w=2000&q=80") center/cover}.contact-inner{width:100%;text-align:center}.contact h2{font-size:52px}.contact p:not(.kicker){font-size:12px;color:#c7c1b8}.contact .buttons{justify-content:center}footer{padding:30px 7vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#78756f;font-size:9px;letter-spacing:.08em}footer .logo{align-items:flex-start;color:#d8d2c7}footer .logo strong{font-size:20px}footer p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:820px){.header{height:72px;padding:0 6vw}.desktop-cta{display:none}.menu-btn{display:flex;margin-left:auto;width:38px;height:38px;background:none;border:0;flex-direction:column;justify-content:center;gap:6px}.menu-btn span{height:1px;background:white;width:24px}.nav{display:none;position:absolute;top:72px;left:0;width:100%;padding:25px 7vw;background:#0b0c0bf8;flex-direction:column;gap:22px}.header.open .nav{display:flex}.hero{min-height:670px;padding-inline:7vw}.hero-image{background-position:62% center}.shade{background:linear-gradient(90deg,#080808f2,#08080891 70%,#0808085c)}.hero h1{font-size:44px}.lead{max-width:90%}.values{grid-template-columns:1fr 1fr;padding:0 5vw}.values div{min-height:90px;padding:12px 5px;border-bottom:1px solid #383630}.projects{grid-template-columns:1fr;padding:60px 7vw;gap:35px}.project-list{grid-template-columns:1fr}.project-img{height:390px}.about{grid-template-columns:1fr}.about-photo{height:380px}.about-copy{padding:60px 7vw}.service-head{grid-template-columns:1fr}.service-head>p:last-child{justify-self:start}.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid article{border-bottom:1px solid #c9c1b5}.contact h2{font-size:42px}.buttons{flex-wrap:wrap}footer{grid-template-columns:1fr;gap:15px}footer p:last-child{text-align:left}}

.contact-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.contact-inner{text-align:left}
.contact .buttons{justify-content:flex-start}
.contact-form{display:grid;gap:15px;background:#11120fe6;border:1px solid #ffffff14;padding:28px;backdrop-filter:blur(7px)}
.contact-form label{display:grid;gap:7px;font-size:10px;letter-spacing:.1em;color:#d3c8b7;text-transform:uppercase}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #ffffff20;background:#0b0c0bb8;color:#f5f0e8;padding:13px 14px;font:12px Inter,Arial,sans-serif;outline:none}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#c7ab7c}
.contact-form textarea{resize:vertical}
.contact-form .btn{justify-self:start;border:0;cursor:pointer}
.back-top{margin-top:24px;cursor:pointer}
.form-status{min-height:18px;margin:0!important;font-size:11px!important;color:#d7c49f!important}
@media(max-width:820px){
  .contact-grid{grid-template-columns:1fr;gap:34px}
  .contact-inner{text-align:center}
  .back-top{margin-inline:auto}
  .contact-form{padding:22px}
}

/* Robust mobile typography: browser wraps text naturally; no forced line breaks. */
h1,h2,h3,.values span{overflow-wrap:normal;word-break:normal;hyphens:none;}
@media(max-width:820px){.hero h1,.contact h2,.intro h2,.about h2,.service-head h2{white-space:normal;} .lead{max-width:100%;} }