
:root{--navy:#0b2d5b;--deep:#0c1d32;--gold:#d4af7c;--cream:#fcfaf6;--slate:#667280;--line:#e4e1dc;--font:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);font-family:var(--font);color:var(--deep);line-height:1.65}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(1190px,calc(100% - 48px));margin-inline:auto}.site-header{height:83px;position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;padding:0 clamp(24px,4.5vw,75px);gap:30px;background:rgba(10,25,43,.85);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.13);color:white}.brand{display:grid;text-decoration:none;line-height:1.05;letter-spacing:.17em}.brand-name,.footer-brand{font:500 25px var(--serif);letter-spacing:.16em}.brand-sub{font-size:8px;letter-spacing:.35em;margin-top:7px}.header-contact{margin-left:auto;font-size:12px;text-decoration:none;letter-spacing:.06em}.menu-toggle{width:47px;height:45px;border:1px solid #ffffff6b;background:none;display:grid;place-content:center;gap:6px;z-index:45}.menu-toggle span{display:block;width:22px;height:1px;background:#fff;transition:transform .25s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-panel{position:absolute;right:0;top:83px;width:min(420px,100%);background:#0e2540;display:flex;flex-direction:column;padding:25px 42px 36px;gap:3px;box-shadow:0 20px 35px #0005;visibility:hidden;opacity:0;transform:translateY(-10px);transition:.25s}.menu-panel.open{visibility:visible;opacity:1;transform:translateY(0)}.menu-panel a{text-decoration:none;padding:13px 0;border-bottom:1px solid #ffffff24;font:22px var(--serif)}.menu-panel a:hover{color:var(--gold)}.hero{height:min(850px,100svh);min-height:680px;position:relative;color:white;background:#06172a;display:flex;align-items:center;overflow:hidden}.hero-slides,.hero-slide,.hero-overlay{position:absolute;inset:0}.hero-slide{background-position:center;background-size:cover;opacity:0;transform:scale(1.04);transition:opacity 1.35s ease, transform 8s ease}.hero-slide.active{opacity:1;transform:scale(1)}.hero-overlay{background:linear-gradient(90deg,rgba(5,19,34,.93) 0%,rgba(7,26,44,.77) 43%,rgba(8,23,39,.26) 100%)}.hero-content{position:relative;z-index:2;padding-top:83px}.eyebrow{font-size:11px;letter-spacing:.24em;color:#a98452;font-weight:700}.eyebrow.light{color:#dec8aa}.hero h1{font:400 clamp(49px,7.4vw,99px)/1.13 var(--serif);letter-spacing:-.035em;margin:28px 0}.hero h1 em,.intro h2 em,.center-head h2 em,.closing em{font-weight:400;color:#e1bc8d}.hero-content>p{max-width:570px;font-size:17px;line-height:1.85;color:#e3e5e8}.hero-actions{display:flex;gap:12px;margin-top:33px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 25px;min-height:52px;border:1px solid transparent;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.08em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#14283c}.btn-outline{border-color:#ffffff80;color:#fff}.btn-outline:hover{background:#ffffff1b}.btn-navy{width:100%;background:var(--navy);color:#fff}.slide-nav{position:absolute;z-index:3;bottom:34px;right:clamp(25px,6vw,100px);display:flex;gap:19px;align-items:center}.slide-nav button{background:none;color:white;border:1px solid #ffffff70;border-radius:50%;height:39px;width:39px}.slide-count{font-size:11px;letter-spacing:.14em}.scroll-hint{position:absolute;z-index:3;bottom:46px;left:clamp(25px,6vw,100px);font-size:10px;letter-spacing:.19em}.scroll-hint span{padding-left:18px}.section{padding:115px 0}.intro{display:grid;grid-template-columns:1fr .78fr;gap:9%}.intro h2,.center-head h2,.closing h2{font:400 clamp(38px,4.3vw,61px)/1.22 var(--serif);letter-spacing:-.025em;margin:23px 0}.intro h2 em,.center-head h2 em{color:#9f7e50}.intro-right{padding-top:24px;font-size:16px;color:#566273}.intro-right p{margin:0 0 19px}.gold-rule{width:60px;height:3px;background:var(--gold);margin-top:30px}.two-ways{display:grid;grid-template-columns:1fr 1fr}.way{color:#fff;min-height:405px;padding:70px clamp(28px,6vw,105px);text-decoration:none;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(#06172bba,#06172be8),url('assets/hero-architecture.jpg') center/cover;transition:filter .25s}.way-talent{background:linear-gradient(#0d2847a8,#0a2947e8),url('assets/hero-craft.jpg') center/cover}.way:hover{filter:brightness(1.15)}.way h2{font:400 clamp(30px,3.1vw,48px)/1.28 var(--serif)}.way-link{font-size:12px;font-weight:700;color:#e6c38f;letter-spacing:.09em}.forms-section{background:#f3f1ed}.center-head{text-align:center;max-width:760px;margin:0 auto 56px}.center-head>p{color:#667280}.forms-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.form-card{background:#fff;box-shadow:0 10px 35px #0f22330a;border:1px solid #e6e3dc}.form-header{background:var(--navy);color:#fff;padding:34px 40px}.form-header h3{font:400 31px var(--serif);margin:12px 0 7px}.form-header p{font-size:13px;color:#d8e0e9;margin:0}.form-kicker{font-size:10px;letter-spacing:.22em;color:var(--gold)}.form-fields{padding:36px 40px 42px}.field{margin-bottom:19px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.field input,.field textarea{width:100%;background:#fcfbf8;border:1px solid #d9d8d5;border-radius:0;padding:13px 14px;color:#152b43;outline-offset:2px;font-size:14px}.field input:focus,.field textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}.field input[type=file]{padding:10px;font-size:12px}.field small{font-size:11px;color:#667280;display:block;margin-top:6px}.consent{display:flex;align-items:flex-start;gap:11px;margin:24px 0;font-size:11.5px;color:#5b6572}.consent input{margin-top:4px;flex-shrink:0}.consent a{color:var(--navy)}.visually-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.closing{background:#0c2441;color:white;text-align:center;padding:100px 20px}.closing p{color:#cbd5e1}.closing .btn{margin-top:22px}.footer{background:#071827;color:#dce4ed;display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding:55px clamp(25px,6vw,95px) 25px}.footer p{font:italic 18px var(--serif);color:var(--gold)}.footer a{text-decoration:none;font-size:13px;line-height:2.4}.footer-links{display:flex;flex-direction:column}.footer small{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:20px;color:#9caab7;font-size:11px}.legal{padding-top:150px;padding-bottom:95px;max-width:850px}.legal h1{font:50px var(--serif)}.legal h2{font:27px var(--serif);margin-top:36px}.legal p,.legal li{color:#495767}.legal a{color:#0b2d5b}.legal-alert{border-left:4px solid var(--gold);background:#f2eadf;padding:18px 20px;margin:25px 0}.thanks{min-height:70vh;display:grid;place-content:center;text-align:center;padding:140px 20px}.thanks h1{font:50px var(--serif)}@media(max-width:800px){.header-contact{display:none}.brand{margin-right:auto}.hero{height:740px;min-height:680px}.hero-content{padding-top:60px}.intro,.two-ways,.forms-grid{grid-template-columns:1fr}.section{padding:76px 0}.intro{gap:5px}.intro-right{padding:0}.way{min-height:305px;padding:45px 30px}.form-fields{padding:27px 22px}.form-header{padding:30px 22px}.footer{grid-template-columns:1fr 1fr}.footer>div:first-child{grid-column:1/-1}}@media(max-width:500px){.container{width:calc(100% - 34px)}.site-header{padding:0 17px}.hero h1{font-size:47px}.hero-content>p{font-size:15px}.hero{height:730px}.slide-nav{right:18px;bottom:22px}.scroll-hint{left:18px;bottom:34px}.footer{grid-template-columns:1fr}.footer>div:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide{transition:none;transform:none}.btn{transition:none}}

.approved-logo{width:min(380px,100%);height:auto;display:block;margin:36px 0 0;mix-blend-mode:multiply}

/* HAVERDORN premium 2026 — definitive visual layer */
:root{--navy:#082d55;--deep:#071a2b;--gold:#cfa468;--cream:#faf7f1;--slate:#536477;--serif:Georgia,'Times New Roman',serif;--font:Arial,Helvetica,sans-serif}
body{background:#faf7f1;color:#0b2b48}
.site-header{height:98px;background:rgba(6,26,45,.94);border-bottom:1px solid rgba(207,164,104,.38);box-shadow:0 10px 25px #08152622}
.site-header .brand{display:flex;align-items:center;gap:13px;letter-spacing:normal}
.site-header .brand-logo{width:64px;height:64px;object-fit:contain;background:#faf7f1;padding:4px;border-radius:3px}
.site-header .brand-label{display:flex;flex-direction:column;line-height:1.1}
.brand-name{font-size:24px;letter-spacing:.16em}.brand-sub{font-size:8px;letter-spacing:.24em}
.menu-panel{top:98px;background:#071c32}
.menu-toggle{border-color:#cfa468;height:47px;width:49px}
.hero{height:840px;min-height:700px;background:#081b2b}
.hero-overlay{background:linear-gradient(90deg,rgba(4,19,34,.98) 0%,rgba(5,24,41,.93) 25%,rgba(6,25,44,.66) 53%,rgba(7,23,40,.16) 100%)}
.hero-content{padding-top:135px;padding-bottom:60px}
.hero-content:before{content:'';height:3px;width:76px;background:#d5ad75;display:block;margin-bottom:26px}
.hero h1{font-size:clamp(54px,6.5vw,96px);line-height:1.1;margin:23px 0 22px;max-width:950px;text-wrap:balance}
.hero h1 em{color:#e7bc80}
.hero-content>p{max-width:600px;font-size:18px;color:#ecedf0}
.hero-actions{margin-top:38px}
.btn{border-radius:2px;letter-spacing:.09em;padding:17px 28px}
.btn-gold{background:linear-gradient(120deg,#e5ca9e,#c99f62);color:#122b44;box-shadow:0 5px 17px #00000026}
.btn-navy{background:#0b2d52}
.intro{padding-top:130px;padding-bottom:130px}
.intro h2{font-size:clamp(42px,4.5vw,68px)}
.intro-right{border-left:1px solid #cfb78c;padding-left:36px}
.intro-right p{color:#3e5265}
.approved-logo{background:#fff;border:1px solid #ede6da;padding:20px;box-shadow:0 12px 33px #08263b0d}
.two-ways{border-top:6px solid #ca9d5e;border-bottom:6px solid #ca9d5e}
.way{min-height:460px;background:linear-gradient(90deg,#071f37e8,#071f37a3),url('assets/hero-architecture.jpg') center/cover}
.way-talent{background:linear-gradient(90deg,#071f37d9,#071f3799),url('assets/hero-craft.jpg') center/cover;border-left:3px solid #b99971}
.way h2{max-width:500px;font-size:clamp(32px,3.3vw,50px)}
.forms-section{background:linear-gradient(155deg,#f6f0e8,#fbfaf7 60%,#eee8df)}
.center-head h2{font-size:clamp(42px,4.5vw,64px)}
.form-card{border:1px solid #d8c8ae;box-shadow:0 16px 45px #071c3220;border-radius:4px;overflow:hidden}
.form-header{padding:43px 42px;background:linear-gradient(130deg,#09294a,#123f65);border-bottom:4px solid #cea76d}
.form-header h3{font-size:36px}
.form-fields{padding:42px}
.field input,.field textarea{border-radius:3px;background:#fff;min-height:48px;border-color:#c6c9c8}
.field textarea{resize:vertical}
.closing{background:linear-gradient(120deg,#061a2c,#143c5f);border-top:5px solid #caa16b;padding:125px 20px}
.closing h2{font-size:clamp(44px,5.1vw,76px)}
.footer{border-top:1px solid #c99d5d}
@media(max-width:800px){.site-header{height:80px}.site-header .brand-logo{width:46px;height:46px}.brand-name{font-size:19px}.brand-sub{font-size:6px}.menu-panel{top:80px}.hero{min-height:690px;height:740px}.hero-content{padding-top:90px}.intro-right{padding-left:0;border-left:0}.way-talent{border-left:0;border-top:3px solid #b99971}.intro{padding-top:85px;padding-bottom:85px}}
@media(max-width:480px){.hero h1{font-size:48px}.hero-content>p{font-size:16px}.brand-name{font-size:18px}.site-header .brand-logo{width:43px;height:43px}.form-fields{padding:25px 22px}.hero{height:760px;min-height:680px}}


/* Updated brand lockup: original H-monogram beside HAVERDORN. */
.site-header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.site-header .brand-logo{
  width:58px;height:58px;display:block;object-fit:contain;
  border-radius:4px;background:#faf7f1;padding:4px;flex:none;
  box-shadow:0 0 0 1px rgba(207,164,104,.46);
}
.site-header .brand-label{display:flex;flex-direction:column;gap:0;min-width:0}
.site-header .brand-name{font-size:25px;line-height:1;letter-spacing:.13em}
.site-header .brand-sub{font-size:8px;line-height:1.45;letter-spacing:.25em;margin-top:7px}
@media(max-width:800px){
  .site-header .brand-logo{width:48px;height:48px;padding:3px}
  .site-header .brand-name{font-size:20px}
  .site-header .brand-sub{font-size:7px}
}
@media(max-width:380px){
  .site-header .brand{gap:8px}
  .site-header .brand-logo{width:42px;height:42px;padding:2px}
  .site-header .brand-name{font-size:17px;letter-spacing:.10em}
  .site-header .brand-sub{font-size:6px;letter-spacing:.16em}
}
