
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--bg:#f5efe5;--paper:#fbf8f2;--ink:#151412;--muted:#746e64;--line:#d8cec0;--dark:#1b1916;--accent:#cdbb9f}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;overflow-x:hidden}
a{text-decoration:none;color:inherit}.container{width:min(1160px,91%);margin:auto}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;padding:19px 0;background:rgba(245,239,229,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,206,192,.7)}
.nav{display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;letter-spacing:-.05em;font-size:1.08rem}.logo span{font-weight:400}
.nav-links{display:flex;gap:30px;list-style:none;font-size:.87rem;color:#555047}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--ink);transition:.3s}.nav-links a:hover:after{width:100%}
.nav-cta{border:1px solid var(--ink);padding:10px 16px;border-radius:99px;font-size:.8rem;transition:.25s}.nav-cta:hover{background:var(--ink);color:white}
.hero{min-height:790px;padding-top:170px;padding-bottom:75px;position:relative;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:40px}
.eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:25px}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(4rem,8vw,7.8rem);line-height:.86;max-width:900px}h1 em,h2 em{font-style:italic}
.hero-text{max-width:400px;color:var(--muted);font-size:1.02rem;align-self:end;padding-bottom:80px}
.hero-text strong{color:var(--ink);font-weight:600}.actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border:1px solid var(--ink);border-radius:99px;font-weight:600;font-size:.83rem;transition:transform .25s,background .25s,color .25s}.btn:hover{transform:translateY(-3px)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000}.btn-ghost:hover{background:var(--ink);color:white}
.hero-card{position:absolute;right:3%;top:145px;width:205px;height:260px;border-radius:120px 120px 25px 25px;overflow:hidden;transform:rotate(5deg);box-shadow:0 22px 60px #5c493522;animation:float 5s ease-in-out infinite}.hero-card img{width:100%;height:100%;object-fit:cover}
@keyframes float{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-13px)}}
.reveal{animation:rise .8s both}.delay{animation-delay:.18s}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:14px 0;color:var(--muted);font-size:.69rem;text-transform:uppercase;letter-spacing:.15em}.track{display:inline-block;animation:marquee 24s linear infinite}.track span{margin-right:55px}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:48px}.section h2{font-size:clamp(3rem,6vw,5rem);line-height:.94}.intro{max-width:420px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:25px;padding:30px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s}.card:hover{transform:translateY(-7px);box-shadow:0 18px 45px #4d40301a}.card small{color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.14em}.card h3{font-size:1.9rem;line-height:1.05}.card p{font-size:.87rem;color:var(--muted);max-width:300px}
.about-strip{display:grid;grid-template-columns:.55fr 1.45fr;gap:70px;align-items:start}.big-number{font:500 7rem/1 "Playfair Display";color:#c9bba8}.about-copy{font:1.45rem/1.45 "Playfair Display";max-width:760px}.about-copy span{font-style:italic}
.portfolio{display:grid;gap:24px}.project-card{background:var(--paper);border:1px solid var(--line);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;min-height:370px;transition:.35s}.project-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px #51432d17}.project-card:nth-child(even){grid-template-columns:.85fr 1.15fr}.project-card:nth-child(even) .project-image{order:2}
.project-image{min-height:330px;overflow:hidden;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-card:hover img{transform:scale(1.045)}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#17141245)}
.project-content{padding:42px;display:flex;flex-direction:column;justify-content:space-between}.project-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.project-content h3{font-size:3rem;line-height:.98}.project-content p{color:var(--muted);max-width:390px;margin-top:15px}.project-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.pill{border:1px solid var(--line);border-radius:99px;padding:6px 10px;font-size:.68rem;color:#5f584e}.project-link{margin-top:25px;display:inline-flex;width:max-content;border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:.8rem;font-weight:600}
.quote{background:var(--dark);color:white;border-radius:32px;padding:70px;position:relative;overflow:hidden}.quote:before{content:"“";position:absolute;right:50px;top:-55px;font:300 18rem/1 "Playfair Display";color:#ffffff0c}.quote h2{font-size:clamp(3rem,6vw,5.3rem);max-width:850px}.quote p{color:#bdb6aa;max-width:560px;margin-top:20px}.quote .btn{background:white;color:var(--ink);border-color:white;margin-top:30px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-copy h2{font-size:clamp(3rem,6vw,5.2rem);line-height:.94}.contact-copy p{color:var(--muted);max-width:400px;margin-top:25px}.contact-details{margin-top:40px;color:var(--muted);font-size:.88rem}.contact-details strong{display:block;color:var(--ink);margin-bottom:4px}.contact-details div+div{margin-top:22px}
form{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:34px;display:grid;gap:18px}label{font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}input,textarea,select{font:inherit;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;width:100%;margin-top:7px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--ink)}textarea{min-height:150px;resize:vertical}
footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:.76rem}.footer-row{display:flex;justify-content:space-between}
@media(max-width:800px){.nav-links{display:none}.nav-cta{padding:8px 12px}.hero{min-height:auto;padding-top:130px;grid-template-columns:1fr}.hero-text{padding:0}.hero-card{position:relative;right:auto;top:auto;width:145px;height:180px;margin:25px 0 0 auto}.cards,.contact-grid,.about-strip{grid-template-columns:1fr}.section{padding:75px 0}.section-head{display:block}.section-head .intro{margin-top:20px}.project-card,.project-card:nth-child(even){display:flex;flex-direction:column}.project-card:nth-child(even) .project-image{order:0}.project-image{height:260px;min-height:260px}.project-content{padding:28px}.project-content h3{font-size:2.5rem}.quote{padding:42px 28px}.footer-row{flex-direction:column;gap:10px}}
.tally-form {
    width: 100%;
}

.tally-form iframe {
    display: block;
    width: 100%;
    min-height: 600px;
    border: 0;
}

@media (max-width: 800px) {
    .tally-form iframe {
        min-height: 750px;
    }
}