:root{--bg:#111211;--panel:#181918;--panel2:#20211f;--ink:#f2efe8;--muted:#a5a39d;--line:#353633;--accent:#b59772;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 64px),var(--max));margin:auto}header{position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(#090a09cc,transparent);transition:.3s}header.scrolled{background:rgba(12,13,12,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;letter-spacing:.25em;font-size:20px;color:#fff}.navlinks{display:flex;gap:30px;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.navlinks a{color:#ddd}.navlinks a:hover{color:var(--accent)}.menu-btn{display:none;border:0;background:none;color:white;font-size:22px}.hero{height:min(100vh,1080px);min-height:720px;position:relative;background:#1d1e1c center center/cover no-repeat;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.28));pointer-events:none}.hero-copy{position:relative;z-index:2;width:min(760px,calc(100% - 64px));margin-left:max(32px,calc((100vw - var(--max))/2));padding-top:55px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.22em;font-size:10px;color:var(--accent)}.hero h1{font:400 clamp(55px,7vw,108px)/.92 Georgia,serif;letter-spacing:-.035em;margin:22px 0 18px;color:#fff;text-shadow:0 3px 30px #0007}.hero h2{font:italic 400 clamp(25px,2.7vw,40px)/1.18 Georgia,serif;color:#d5b48d;margin:0 0 26px}.hero p{max-width:610px;color:#e0ddd7;font-size:17px;text-shadow:0 2px 12px #000}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{border:1px solid #ddd;padding:14px 19px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:.25s;color:#fff}.btn.dark{background:#f1eee7;color:#151515;border-color:#f1eee7}.btn:hover{transform:translateY(-2px);border-color:var(--accent)}.hero-credit{position:absolute;z-index:2;right:32px;bottom:30px;color:#fff8;font-size:9px;letter-spacing:.22em}.scroll-cue{position:absolute;z-index:2;left:50%;bottom:27px;transform:translateX(-50%);font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:#ddd}.scroll-cue span{display:block;text-align:center;font-size:18px;margin-top:4px}section{padding:120px 0}.intro{display:grid;grid-template-columns:1fr 1.45fr;gap:90px}section h2{font:400 clamp(40px,5vw,70px)/1.02 Georgia,serif;margin:14px 0 24px;color:#f5f1e9}.lead{font:400 27px/1.4 Georgia,serif;margin-top:0;color:#ddd9d1}.body{color:var(--muted)}#studio{background:var(--bg)}.materials{background:#0b0c0b;color:#f4f0e8;border-top:1px solid #252624;border-bottom:1px solid #252624}.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;gap:2px}.material{background:#151614;padding-bottom:36px;overflow:hidden}.material-image{height:300px;background:#2b2c29 center/cover no-repeat;filter:saturate(.78);transition:.5s}.material:hover .material-image{transform:scale(1.025);filter:saturate(1)}.material-no,.material h3,.material p{margin-left:25px;margin-right:25px}.material-no{display:block;margin-top:25px;font-size:10px;color:var(--accent)}.material h3{font:400 31px Georgia,serif;margin-top:26px;margin-bottom:12px}.material p{color:#aaa8a2}.scale-section{background:var(--panel)}.scale{display:grid;grid-template-columns:1.08fr 1fr;gap:90px;align-items:center}.scale-visual{height:620px;background:linear-gradient(135deg,#746a5c,#292a27);position:relative;overflow:hidden}.relief-lines{position:absolute;inset:10%;background:repeating-linear-gradient(125deg,rgba(25,24,22,.72) 0 5px,rgba(183,166,141,.45) 5px 28px);transform:skewY(-4deg);box-shadow:0 30px 70px #0008}.numbers{display:flex;gap:48px;margin-top:42px}.numbers strong{display:block;font:400 27px Georgia,serif}.numbers span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.process{background:#101110;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);margin-top:48px}.step{min-height:190px;padding:25px 20px 20px 0;border-right:1px solid var(--line)}.step:last-child{border:0}.step b{font-size:10px;letter-spacing:.15em;color:var(--accent)}.step h3{font:400 23px Georgia,serif;margin:30px 0 8px}.step p{font-size:13px;color:var(--muted);padding-right:12px}#realisations{background:#0b0c0b}.work-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-auto-rows:420px;gap:5px;margin-top:50px}.work{background-size:cover!important;background-position:center!important;position:relative;overflow:hidden;filter:saturate(.85)}.work.featured{grid-row:span 2}.work:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(5,5,5,.9));transition:.35s}.work:hover:after{background:linear-gradient(transparent 55%,rgba(5,5,5,.82))}.work-info{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:30px;color:#fff}.work-info small{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#d4c4b0}.work-info h3{font:400 29px Georgia,serif;margin:7px 0}.work-info span{font-size:11px;color:#ddd}.contact{background:#1a1b19;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact p{color:#aaa8a2}.contact-email{font:400 22px Georgia,serif;color:#eee!important}.form{display:grid;gap:10px}.form input,.form textarea{color:#eee;border:0;border-bottom:1px solid #4a4b47;background:transparent;padding:15px 0;font:inherit;outline:0}.form input::placeholder,.form textarea::placeholder{color:#777}.form textarea{min-height:110px}.form button{margin-top:12px;width:max-content;border:1px solid #eee;background:#eee;color:#111;padding:15px 22px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;cursor:pointer}.success,.error{padding:12px 14px;font-size:13px;background:#ffffff0d}.error{border-left:3px solid #a55}.success{border-left:3px solid #687}footer{background:#080908;color:#8e8d87;padding:32px 0;font-size:10px;border-top:1px solid #242522}.foot{display:flex;justify-content:space-between;gap:18px}
@media(max-width:860px){.wrap{width:min(calc(100% - 30px),var(--max))}.menu-btn{display:block}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#111;padding:25px 30px;flex-direction:column;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.hero{height:100svh;min-height:640px;background-position:center}.hero-copy{width:calc(100% - 40px);margin-left:20px;padding-top:30px}.hero h1{font-size:clamp(52px,15vw,78px)}.hero-credit{display:none}.scroll-cue{left:auto;right:20px;transform:none}.intro,.scale,.contact-grid{grid-template-columns:1fr;gap:38px}.materials-grid,.steps{grid-template-columns:1fr}.material-image{height:260px}.step{border-right:0;border-bottom:1px solid var(--line);min-height:0}.scale-visual{height:430px}.work-grid{grid-template-columns:1fr;grid-auto-rows:380px}.work.featured{grid-row:span 1}.foot{flex-direction:column}section{padding:86px 0}}

/* ArchiCAM V1.1 refinements */
.logo{display:flex;align-items:center;height:64px;width:250px;overflow:hidden}.logo img{display:block;width:100%;height:auto;mix-blend-mode:screen;filter:brightness(1.15) contrast(1.08)}
.hero h1{font-size:clamp(38px,4.7vw,72px);line-height:1.02;max-width:850px}.hero h2{font-size:clamp(21px,2.2vw,32px)}
section h2{font-size:clamp(32px,3.7vw,52px);line-height:1.08}.intro h2,.scale-copy h2,.process h2,.materials h2{font-size:clamp(32px,3.7vw,52px)}
.scale-visual{background-position:center;background-size:cover;background-repeat:no-repeat}.scale-visual[style] .relief-lines{display:none}
@media(max-width:860px){.logo{width:190px;height:58px}.hero h1{font-size:clamp(38px,10vw,56px)}section h2,.intro h2,.scale-copy h2,.process h2,.materials h2{font-size:clamp(30px,8vw,42px)}}

/* V1.2 — Savoir-faire centered + contact honeypot */
.process .kicker,.process h2{text-align:center}.process h2{margin-left:auto;margin-right:auto}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Custom typography update based on stable V1.2 */
.hero h1{
  font-size:clamp(34px,4.1vw,64px);
  line-height:1.04;
  max-width:850px;
}

.process .steps .step{
  text-align:center;
  padding:30px 18px 26px;
}
.process .steps .step b{
  display:block;
  width:100%;
  text-align:center;
  font-size:28px;
  line-height:1;
  letter-spacing:.10em;
  margin:0 0 24px;
}
.process .steps .step h3{
  text-align:center;
  margin:0 0 10px;
}
.process .steps .step p{
  text-align:center;
  padding-right:0;
  margin:0 auto;
  max-width:200px;
}

@media(max-width:860px){
  .hero h1{font-size:clamp(34px,8.8vw,50px);line-height:1.06}
  .process .steps .step b{font-size:26px}
}