:root { --ink:#514943; --ink-deep:#3b3531; --paper:#fbfaf7; --sun:#f47419; --line:#d7ccc1; --muted:#766b63; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,sans-serif; } a { color:inherit; text-decoration:none; } .topline { height:36px; background:#eee9e2; padding:0 4.8vw; display:flex; justify-content:space-between; align-items:center; color:#70655d; font:500 10px/1 "DM Mono",monospace; letter-spacing:.04em; text-transform:uppercase; } .topline a b { color:var(--sun); font-size:14px; margin-left:4px; } header { height:106px; padding:0 4.8vw; display:flex; align-items:center; justify-content:space-between; background:var(--paper); } .brand { display:flex; align-items:center; height:92px; } .brand img { display:block; width:112px; height:92px; object-fit:contain; } nav { display:flex; align-items:center; gap:31px; font-size:12px; font-weight:700; } nav a:not(.nav-contact) { border-bottom:1px solid transparent; padding:4px 0; } nav a:not(.nav-contact):hover { border-color:var(--sun); } .nav-contact { padding:12px 18px; background:var(--sun); color:#fff; } .nav-contact span { color:#fff0df; padding-left:13px; font-size:16px; } .menu-toggle { display:none; }
.hero { min-height:calc(100vh - 124px); padding:7.5vh 4.8vw 5.2vh; background:var(--ink); color:var(--paper); display:grid; grid-template-columns:1.03fr .97fr; gap:6vw; align-items:center; position:relative; overflow:hidden; } .hero::after { content:""; position:absolute; width:58vw; height:58vw; border:1px solid rgba(255,246,237,.17); border-radius:50%; right:-27vw; top:-22vw; pointer-events:none; } .hero-copy { position:relative; z-index:1; max-width:690px; } .eyebrow { margin:0 0 22px; color:#f8bf90; font:500 10px/1 "DM Mono",monospace; text-transform:uppercase; letter-spacing:.13em; } h1,h2 { margin:0; font:600 clamp(45px,5.35vw,81px)/1.04 "Playfair Display",serif; letter-spacing:-.035em; } h1 em,h2 em { color:#f9bb88; font-weight:500; } .hero-text { max-width:470px; margin:29px 0 35px; color:#f4ede7; font-size:15px; line-height:1.75; } .hero-actions { display:flex; align-items:center; gap:28px; } .button { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; padding:16px 19px; border:0; font:700 11px/1 Manrope,sans-serif; cursor:pointer; } .button span { font-size:19px; line-height:10px; } .button-light { background:var(--paper); color:var(--ink); } .text-link { font-size:11px; font-weight:700; border-bottom:1px solid #d7b095; padding-bottom:5px; } .text-link span { color:#f9bb88; padding-left:7px; font-size:16px; } .hero-image { height:min(59vh,640px); position:relative; z-index:1; } .hero-image img,.method-photo img { width:100%; height:100%; object-fit:cover; filter:saturate(.78); } .image-stamp { position:absolute; bottom:-22px; left:-25px; width:124px; height:124px; background:var(--sun); border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; transform:rotate(-12deg); } .image-stamp span { font:500 8px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }.image-stamp strong { font:600 29px "Playfair Display",serif; margin:3px 0; }.hero-scroll { position:absolute; bottom:28px; left:4.8vw; font:500 9px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.12em; color:#decfc3; display:flex; align-items:center; gap:11px; }.hero-scroll span { height:1px;width:35px;background:#decfc3; }
.intro { padding:130px 9.8vw 145px; } .intro .eyebrow,.expertises .eyebrow,.contact .eyebrow { color:var(--sun); } .intro-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:7vw; align-items:end; } h2 { font-size:clamp(37px,4vw,60px); } h2 em { color:var(--sun); } .intro-grid p { color:var(--muted); font-size:16px; line-height:1.8; margin:0 0 26px; }.text-link.dark { color:var(--ink); border-color:var(--ink); }.text-link.dark span { color:var(--sun); }
.expertises { background:#f0e8df; padding:105px 4.8vw 110px; }.section-head { display:flex; justify-content:space-between; align-items:end; margin-bottom:48px; }.section-head > p { max-width:370px; font-size:13px; color:#766b63; line-height:1.7; margin:0; }.service-grid { display:grid; grid-template-columns:repeat(4,1fr); }.service-card { min-height:340px; padding:24px; position:relative; border:1px solid #d5c6ba; margin:-1px 0 0 -1px; display:flex; flex-direction:column; color:var(--ink); overflow:hidden; transition:transform .3s ease,background .3s ease; }.service-card:hover { background:var(--ink); color:white; transform:translateY(-8px); }.service-number { font:500 10px "DM Mono",monospace; color:#947e6e; }.service-card h3 { margin:auto 0 13px; font:600 28px/1.08 "Playfair Display",serif; letter-spacing:-.03em; }.service-card p { margin:0; max-width:180px; font-size:11px; line-height:1.6; color:#766b63; }.service-card:hover p { color:#eee4dc; }.service-card i { position:absolute; bottom:23px; right:24px; font:normal 21px/1 Manrope,sans-serif; color:var(--sun); }.service-card.featured { padding:0; color:white; }.service-card.featured img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.52) saturate(.6); }.service-card.featured div { position:relative; z-index:1; padding:24px; height:100%; display:flex; flex-direction:column; }.service-card.featured p { color:#f3f4ef; }
.method { display:grid; grid-template-columns:1fr 1fr; background:var(--ink-deep); color:var(--paper); }.method-photo { min-height:720px; }.method-body { padding:99px 11% 80px; }.method-body h2 { color:var(--paper); }.method-body h2 em { color:#f9bb88; }.method-intro { margin:28px 0 43px; color:#e0d6ce; line-height:1.75; font-size:14px; }.method ol { list-style:none; padding:0; margin:0; border-top:1px solid #74675f; }.method li { display:flex; gap:20px; padding:17px 0; border-bottom:1px solid #74675f; }.method li > span { color:#f9bb88; font:500 10px "DM Mono",monospace; padding-top:4px; }.method h3 { margin:0 0 4px; font-size:13px; }.method li p { color:#d7cbc2; margin:0; font-size:11px; line-height:1.5; }
.leader { min-height:440px; display:grid; grid-template-columns:1fr 1fr; padding:0 12vw; background:#e9ded3; overflow:hidden; }.leader-portrait { position:relative; min-height:440px; }.leader-portrait::before { content:""; position:absolute; width:285px; height:285px; right:17%; bottom:-115px; border-radius:50%; background:#d5c1b0; }.leader-portrait img { position:absolute; z-index:1; bottom:0; left:20%; height:375px; max-width:100%; object-fit:contain; object-position:bottom; }.leader-copy { padding:65px 0 50px 10%; align-self:center; }.leader-copy .eyebrow { color:var(--sun); }.leader-copy h2 { font-size:clamp(38px,4vw,59px); }.leader-copy p:not(.eyebrow) { max-width:400px; margin:28px 0 35px; color:var(--muted); font-size:14px; line-height:1.8; }.leader-signature { display:flex; flex-direction:column; gap:5px; padding-left:16px; border-left:2px solid var(--sun); }.leader-signature strong { font:700 12px Manrope,sans-serif; }.leader-signature span { color:#766b63; font:500 10px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.05em; }
.quote { padding:125px 5vw; text-align:center; background:#f1ede2; }.quote p { margin:0 auto 25px; font:600 clamp(28px,3.4vw,50px)/1.25 "Playfair Display",serif; letter-spacing:-.025em; }.quote em { color:var(--sun); font-weight:500; }.quote span { font:500 10px "DM Mono",monospace; color:#657a6f; letter-spacing:.1em; text-transform:uppercase; }.contact { padding:110px 12vw; display:grid; grid-template-columns:1fr 1fr; gap:10vw; }.contact-heading > p:not(.eyebrow) { color:var(--muted); font-size:14px; line-height:1.7; max-width:330px; margin:29px 0; }.contact-details { display:flex; flex-direction:column; gap:8px; font:600 13px Manrope,sans-serif; }.contact-details a { text-decoration:underline; text-underline-offset:4px; }.contact form { display:flex; flex-direction:column; gap:19px; padding-top:10px; }.contact label { font:500 10px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; color:#63756d; }.contact input,.contact textarea,.contact select { width:100%; border:0; border-radius:0; border-bottom:1px solid #aebdb2; outline:none; padding:10px 0 9px; background:transparent; color:var(--ink); font:500 14px Manrope,sans-serif; resize:vertical; }.contact select { appearance:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23153d38'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E") right 4px center no-repeat; }.contact input:focus,.contact textarea:focus,.contact select:focus { border-color:var(--sun); }.button-coral { width:max-content; background:var(--sun); color:white; margin-top:4px; }.form-note,.form-success { margin:0; font-size:9px; color:#77877f; line-height:1.6; }.form-note a { text-decoration:underline; }.form-success { color:var(--ink); font-weight:700; }
footer { padding:37px 4.8vw; display:flex; align-items:center; gap:55px; color:#fff6ef; background:var(--ink-deep); } .footer-brand { color:#f58a3d; font:800 22px/.8 Manrope,sans-serif; letter-spacing:.05em; } .footer-brand small { display:block; color:#f7c497; font:500 7px/1 "DM Mono",monospace; letter-spacing:.22em; margin-top:5px; } footer > p { font:500 13px "Playfair Display",serif; color:#ebd8c9; margin:0 auto 0 0; } footer div { display:flex; gap:18px; align-items:center; color:#d8c5b8; font:500 9px "DM Mono",monospace; text-transform:uppercase; } footer div a { text-decoration:underline; text-underline-offset:3px; }
.arkendia { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }.arkendia img { display:block; width:61px; height:auto; max-height:17px; object-fit:contain; }
.partner-hero { min-height:650px; padding:95px 9.8vw; background:var(--ink); color:var(--paper); display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; overflow:hidden; }.partner-hero > div { position:relative; z-index:1; }.partner-hero h1 { font-size:clamp(45px,5.1vw,75px); }.partner-hero h1 em { color:#f9bb88; }.partner-hero p:not(.eyebrow) { max-width:460px; margin:27px 0 34px; color:#eee2d9; font-size:15px; line-height:1.8; }.partner-hero > img { height:470px; width:100%; object-fit:cover; filter:saturate(.65); }.partner-intro { padding:125px 12vw; }.partner-intro .eyebrow { color:var(--sun); }.partner-intro > div { display:grid; grid-template-columns:1.3fr .7fr; gap:7vw; align-items:end; }.partner-intro p:not(.eyebrow) { margin:0; color:var(--muted); font-size:15px; line-height:1.8; }.partner-benefits { display:grid; grid-template-columns:.8fr 1.2fr; gap:10vw; padding:110px 12vw; background:#f0e8df; }.partner-benefits .eyebrow { color:var(--sun); }.benefit-list { border-top:1px solid #d0bdae; }.benefit-list article { display:grid; grid-template-columns:45px 1fr 1.2fr; gap:15px; padding:25px 0; border-bottom:1px solid #d0bdae; }.benefit-list span { color:var(--sun); font:500 10px "DM Mono",monospace; }.benefit-list h3 { margin:0; font:600 19px/1.2 "Playfair Display",serif; }.benefit-list p { margin:0; color:var(--muted); font-size:12px; line-height:1.7; }.partner-process { display:grid; grid-template-columns:1fr 1fr; background:#3b3531; color:var(--paper); }.partner-process > img { width:100%; height:580px; object-fit:cover; filter:saturate(.55); }.partner-process > div { padding:105px 16%; align-self:center; }.partner-process h2 { color:var(--paper); }.partner-process h2 em { color:#f9bb88; }.partner-process p:not(.eyebrow) { color:#dfd1c7; line-height:1.8; font-size:14px; margin:26px 0 34px; }.partner-process .text-link { color:white; }.partner-quote { padding:105px 15vw; background:#e9ded3; text-align:center; }.partner-quote p { max-width:900px; margin:0 auto; color:var(--ink); font:600 clamp(28px,3.5vw,52px)/1.25 "Playfair Display",serif; letter-spacing:-.025em; }
.reveal { opacity:0; transform:translateY(18px); animation:appear .8s .1s forwards; }.delay-1 { animation-delay:.25s; }@keyframes appear { to { opacity:1;transform:none; } }
@media (max-width:760px) { .topline { padding:0 20px; } .topline span { display:none; } .topline a { margin-left:auto; } header { height:82px; padding:0 20px; } .brand { height:76px; }.brand img { width:88px; height:76px; } nav { display:none; position:absolute; top:118px; z-index:10; left:0; right:0; padding:25px 20px; background:var(--paper); box-shadow:0 14px 20px #0c292522; flex-direction:column; align-items:stretch; gap:18px; } nav.open { display:flex; }.nav-contact { text-align:center; }.menu-toggle { display:flex; background:none;border:0; width:35px;height:30px; flex-direction:column; justify-content:center; gap:6px; }.menu-toggle span { width:24px;height:1px;background:var(--ink); margin:auto; }.hero { min-height:auto; padding:65px 20px 90px; grid-template-columns:1fr; gap:45px; }.hero h1 { font-size:48px; }.hero-text { font-size:14px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:20px; }.hero-image { height:340px; margin-left:30px; }.image-stamp { left:-21px; width:106px;height:106px; }.hero-scroll { display:none; }.intro { padding:80px 25px; }.intro-grid,.section-head,.contact { grid-template-columns:1fr; display:grid; gap:30px; }.section-head { align-items:start; }.service-grid { grid-template-columns:1fr 1fr; }.service-card { min-height:240px; padding:18px; }.service-card h3 { font-size:22px; }.method { grid-template-columns:1fr; }.method-photo { min-height:320px; }.method-body { padding:70px 25px; }.leader { grid-template-columns:1fr; padding:0 25px; }.leader-portrait { min-height:300px; order:2; }.leader-portrait::before { width:235px; height:235px; right:0; bottom:-85px; }.leader-portrait img { left:50%; height:300px; transform:translateX(-50%); }.leader-copy { padding:75px 0 0; }.partner-hero { min-height:auto; padding:65px 25px 0; grid-template-columns:1fr; gap:42px; }.partner-hero h1 { font-size:46px; }.partner-hero > img { height:300px; }.partner-intro { padding:80px 25px; }.partner-intro > div { grid-template-columns:1fr; gap:28px; }.partner-benefits { grid-template-columns:1fr; gap:42px; padding:80px 25px; }.benefit-list article { grid-template-columns:28px 1fr; gap:12px; }.benefit-list article p { grid-column:2; }.partner-process { grid-template-columns:1fr; }.partner-process > img { height:315px; }.partner-process > div { padding:75px 25px; }.partner-quote { padding:80px 25px; }.quote { padding:85px 25px; }.contact { padding:80px 25px; }.contact form { padding-top:0; }footer { padding:33px 20px; display:grid; grid-template-columns:auto 1fr; gap:20px; } footer > p { margin:0; } footer div { grid-column:1/-1; flex-wrap:wrap; gap:11px; }.arkendia img { width:54px; } }