@font-face{font-family:'Nordick';src:url('assets/fonts/nordick.otf') format('opentype'),url('assets/fonts/nordick.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#070806;--paper:#eae6dc;--muted:#aaa79f;--copper:#c18a25;--gold:#e2b84f;--gold-light:#ffdc75;--gold-deep:#8f570d;--metal:linear-gradient(108deg,#714307 0%,#b87814 18%,#f7d567 42%,#c58a20 61%,#ffdf78 78%,#8a5108 100%);--line:rgba(226,184,79,.28);--pad:clamp(24px,6vw,96px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Kanit,Arial,sans-serif;font-size:16px;font-weight:300;overflow-x:hidden}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3,blockquote,.brand,.numbers strong,.signature,.service-rune,.orbit-item b{font-family:Nordick,Georgia,serif;font-weight:400}
::selection{background:var(--copper);color:#070806}
.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.site-header{height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand-logo{display:block;width:auto;height:34px;object-fit:contain;filter:brightness(1.08) contrast(1.05) drop-shadow(0 0 12px rgba(226,184,79,.18))}
.nav{display:flex;align-items:center;gap:34px;font-size:13px;text-transform:uppercase;letter-spacing:.13em}
.nav a{transition:.25s}.nav a:hover{color:var(--gold)}
.nav-cta{border:1px solid var(--line);padding:13px 20px}
.menu-toggle{display:none;background:none;border:0;padding:12px}.menu-toggle span{display:block;width:24px;height:1px;background:#fff;margin:6px}

.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:130px var(--pad) 80px;overflow:hidden}
.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#070806 0%,rgba(7,8,6,.88) 31%,rgba(7,8,6,.16) 68%),linear-gradient(0deg,#070806 0%,transparent 30%),url('assets/hero-yggdrasil.png');background-size:cover;background-position:center;filter:saturate(.95) brightness(1.08)}
.hero-content{position:relative;z-index:2;max-width:760px}
.eyebrow,.overline{font-size:12px;text-transform:uppercase;letter-spacing:.28em;font-weight:600}
.eyebrow{display:flex;align-items:center;gap:14px;color:#d6d0c2;margin-bottom:30px}.eyebrow span{width:38px;height:1px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-light));box-shadow:0 0 10px rgba(255,220,117,.3)}
h1{font-size:clamp(54px,7.3vw,112px);line-height:.91;letter-spacing:-.025em;margin-bottom:30px}
em,.numbers strong{font-style:normal;background:var(--metal);background-size:170% auto;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(226,184,79,.12)}
.hero-copy{max-width:590px;font-size:clamp(16px,1.35vw,20px);line-height:1.75;color:#d5d0c5}
.hero-actions{margin-top:40px;display:flex;align-items:center;gap:36px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:17px 22px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;transition:.3s}
.button-primary{background:linear-gradient(115deg,#a86d12 0%,#f0c75c 45%,#bd7c17 100%);border:1px solid #e7ba51;color:#0a0a08;box-shadow:0 8px 35px rgba(193,138,37,.16),inset 0 1px rgba(255,236,160,.55)}
.button:hover{transform:translateY(-3px);box-shadow:0 10px 45px rgba(226,184,79,.25)}
.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.14em}.text-link span{color:var(--gold-light);margin-left:8px}
.rune-rail{position:absolute;left:20px;top:50%;transform:translateY(-35%);z-index:2;color:rgba(226,184,79,.42);line-height:2.1;font-size:14px;text-shadow:0 0 12px rgba(226,184,79,.2)}
.hero-index{position:absolute;right:var(--pad);bottom:42px;display:flex;gap:10px;font-size:10px;letter-spacing:.2em;color:#85837d}.hero-index span:first-child{color:var(--gold-light)}
.scroll-cue{position:absolute;z-index:2;bottom:40px;left:var(--pad);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#96938a;display:flex;align-items:center;gap:10px}.scroll-cue span{height:1px;width:40px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-light))}

.section{padding:clamp(90px,11vw,170px) var(--pad);position:relative}
.section-kicker{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#aaa79e;margin-bottom:60px;display:flex;gap:18px}.section-kicker span{color:var(--gold)}
.manifesto{background:#0b0c09}.manifesto-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:start}.overline{color:#aaa79e;margin-bottom:25px}
.manifesto h2,.section-heading h2,.method h2{font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.045em;max-width:850px}
.manifesto .agency-statement{font-family:Kanit,Arial,sans-serif;font-weight:400}.manifesto .agency-statement em{font-family:Nordick,Georgia,serif;font-weight:400;letter-spacing:0}
.manifesto-copy{padding-top:48px;max-width:520px}.manifesto-copy p{color:#b2afa6;line-height:1.78;font-size:clamp(15px,1.12vw,18px)}.manifesto-copy .lead{font-size:clamp(20px,1.75vw,25px);line-height:1.55;color:var(--paper)}
.signature{margin-top:45px;display:flex;align-items:center;gap:15px;color:var(--gold-light)}.signature span{color:#8f8b80;font:10px Kanit,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.numbers{margin-top:110px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.numbers div{padding:40px 0;border-right:1px solid var(--line);display:flex;align-items:baseline;gap:15px}.numbers div+div{padding-left:40px}.numbers strong{font-size:42px}.numbers span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#8b8981}

.services{background:#070806}.section-heading{display:grid;grid-template-columns:.65fr 1.25fr .8fr;gap:5vw;align-items:end;margin-bottom:70px}.section-heading .section-kicker{align-self:start}.section-heading h2{margin:0;line-height:.9}.section-heading h2 .title-line{display:inline-block;white-space:nowrap}.section-heading>p{font-size:clamp(15px,1.12vw,18px);line-height:1.78;color:#b2afa6;max-width:380px}
.service-list{border-top:1px solid var(--line)}.service-card{display:grid;grid-template-columns:60px 90px 1fr 50px;gap:20px;align-items:center;padding:42px 10px;border-bottom:1px solid var(--line);transition:.35s}.service-card:hover{background:rgba(177,128,57,.06);padding-left:25px}.service-number{font-size:10px;color:#696861}.service-rune{font-size:42px;color:var(--gold-light)}.service-card>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw}.service-card h3{font-size:34px;line-height:1.08;margin:0}.service-card p{font-size:clamp(15px,1.12vw,18px);line-height:1.78;color:#a9a69e;max-width:460px;margin:0}.service-arrow{font-size:22px;color:var(--gold-light)}

.method{background:#0c0d0a;min-height:940px;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:6vw;overflow:hidden}.method-intro>p{max-width:460px;color:#b2afa6;line-height:1.78;font-size:clamp(15px,1.12vw,18px)}.method h2 em{font-size:1em;font-weight:400;letter-spacing:inherit}
.orbit{width:min(46vw,640px);aspect-ratio:1;position:relative;margin:auto;--orbit-radius:43%;--orbit-center:50%}.orbit-ring{position:absolute;border:1px solid var(--line);border-radius:50%;inset:7%}.ring-two{inset:25%;border-color:rgba(196,154,79,.38)}.orbit-ring:after,.orbit-ring:before{content:"";position:absolute;background:var(--copper);border-radius:50%;width:7px;height:7px;left:50%;transform:translateX(-50%)}.orbit-ring:before{top:-4px}.orbit-ring:after{bottom:-4px}
.orbit-core{position:absolute;inset:25%;border:1px solid var(--copper);border-radius:50%;display:grid;place-items:center;background:#10100d;box-shadow:0 0 60px rgba(177,128,57,.08);padding:26px;text-align:center;overflow:hidden}.orbit-symbol{position:absolute;left:50%;top:50%;width:46%;max-width:118px;display:block;filter:brightness(1.08) contrast(1.05) drop-shadow(0 0 20px rgba(226,184,79,.18));opacity:.95;transform:translate(-50%,-50%);transition:opacity .28s ease,filter .28s ease,transform .28s ease}
.orbit-core-text{position:absolute;inset:18px;display:grid;place-items:center;z-index:2}.orbit-core-text p{margin:0}.orbit-default{position:absolute;left:50%;top:calc(50% + 58px);transform:translateX(-50%);width:min(230px,80%);font-size:10px;line-height:1.45;text-transform:uppercase;letter-spacing:.16em;color:#d9cda8;transition:.2s ease}.orbit-detail{position:absolute;max-width:285px;font-size:clamp(10px,.85vw,12px);line-height:1.48;color:#e8e3d8;opacity:0;transform:translateY(8px);transition:.22s ease;pointer-events:none}
.orbit-item{position:absolute;display:grid;place-items:center;width:116px;height:116px;padding:18px 10px;border:1px solid var(--line);border-radius:50%;background:#0c0d0a;text-align:center;appearance:none;font:inherit;color:var(--paper);cursor:pointer;z-index:2;box-shadow:0 0 0 7px #0c0d0a}.orbit-item b{font-size:23px;margin:0;line-height:1;color:var(--gold-light)}.orbit-item span{max-width:96px;font-size:9px;line-height:1.25;letter-spacing:.09em;text-transform:uppercase}.orbit-item small{display:none}
.orbit-item:hover,.orbit-item:focus-visible{border-color:var(--gold-light);box-shadow:0 0 0 7px #0c0d0a,0 0 26px rgba(226,184,79,.2);outline:0}
.item-1{left:calc(var(--orbit-center) + 0 * var(--orbit-radius));top:calc(var(--orbit-center) - 1 * var(--orbit-radius));transform:translate(-50%,-50%)}.item-2{left:calc(var(--orbit-center) + .64 * var(--orbit-radius));top:calc(var(--orbit-center) - .77 * var(--orbit-radius));transform:translate(-50%,-50%)}.item-3{left:calc(var(--orbit-center) + .98 * var(--orbit-radius));top:calc(var(--orbit-center) - .17 * var(--orbit-radius));transform:translate(-50%,-50%)}.item-4{left:calc(var(--orbit-center) + .87 * var(--orbit-radius));top:calc(var(--orbit-center) + .50 * var(--orbit-radius));transform:translate(-50%,-50%)}.item-5{left:calc(var(--orbit-center) + .34 * var(--orbit-radius));top:calc(var(--orbit-center) + .94 * var(--orbit-radius));transform:translate(-50%,-50%)}.item-6{left:calc(var(--orbit-center) - .34 * var(--orbit-radius));top:calc(var(--orbit-center) + .94 * var(--orbit-radius));transform:translate(-50%,-50%)}.item-7{left:calc(var(--orbit-center) - .87 * var(--orbit-radius));top:calc(var(--orbit-center) + .50 * var(--orbit-radius));transform:translate(-50%,-50%)}.item-8{left:calc(var(--orbit-center) - .98 * var(--orbit-radius));top:calc(var(--orbit-center) - .17 * var(--orbit-radius));transform:translate(-50%,-50%)}.item-9{left:calc(var(--orbit-center) - .64 * var(--orbit-radius));top:calc(var(--orbit-center) - .77 * var(--orbit-radius));transform:translate(-50%,-50%)}
.orbit:has(.orbit-item:is(:hover,:focus,:focus-visible)) .orbit-default{opacity:0;transform:translate(-50%,8px)}.orbit:has(.orbit-item:is(:hover,:focus,:focus-visible)) .orbit-symbol{opacity:.16;filter:brightness(.38) contrast(.85) saturate(.65);transform:translate(-50%,-50%) scale(1.16)}.orbit:has(.orbit-item:is(:hover,:focus,:focus-visible)) .orbit-detail{color:#fff7df;text-shadow:0 2px 18px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.8)}
.orbit:has(.item-1:is(:hover,:focus,:focus-visible)) .detail-1,.orbit:has(.item-2:is(:hover,:focus,:focus-visible)) .detail-2,.orbit:has(.item-3:is(:hover,:focus,:focus-visible)) .detail-3,.orbit:has(.item-4:is(:hover,:focus,:focus-visible)) .detail-4,.orbit:has(.item-5:is(:hover,:focus,:focus-visible)) .detail-5,.orbit:has(.item-6:is(:hover,:focus,:focus-visible)) .detail-6,.orbit:has(.item-7:is(:hover,:focus,:focus-visible)) .detail-7,.orbit:has(.item-8:is(:hover,:focus,:focus-visible)) .detail-8,.orbit:has(.item-9:is(:hover,:focus,:focus-visible)) .detail-9{opacity:1;transform:none}

.philosophy{min-height:760px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:5vw;border-top:1px solid var(--line);overflow:hidden;background:#070806;position:relative;isolation:isolate}.philosophy-copy{position:relative;z-index:2;grid-column:1}.philosophy h2{font-size:clamp(54px,6.4vw,96px);line-height:.93;letter-spacing:-.025em;margin:0 0 55px}.philosophy-text{max-width:580px;border-left:1px solid var(--line);padding-left:28px}.philosophy-text p{font-size:clamp(15px,1.12vw,18px);line-height:1.78;color:#d7d1c7;margin-bottom:22px}.philosophy-text p:last-child{margin-bottom:0;color:var(--paper)}.philosophy-visual{position:absolute;z-index:0;inset:0;width:100%;height:100%;margin:0;background-image:linear-gradient(90deg,#070806 0%,#070806 34%,rgba(7,8,6,.94) 43%,rgba(7,8,6,.48) 58%,rgba(7,8,6,.08) 76%,transparent 100%),linear-gradient(0deg,#070806 0%,transparent 16%,transparent 84%,#070806 100%),url('assets/philosophy-boats-v2.png');background-size:100% 100%,100% 100%,cover;background-position:center,center,right center;background-repeat:no-repeat;filter:saturate(.9) contrast(1.08);pointer-events:none}.philosophy-mobile-art{display:none}

.contact{min-height:620px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 55%,rgba(177,128,57,.13),transparent 40%),#0b0c09;border-top:1px solid var(--line);overflow:hidden}.contact-runes{position:absolute;width:720px;height:720px;border:1px solid rgba(196,154,79,.13);border-radius:50%;padding-top:24px;word-spacing:30px;color:rgba(196,154,79,.32);font-family:serif}.contact-runes:after{content:"";position:absolute;inset:60px;border:1px solid rgba(196,154,79,.08);border-radius:50%;left:60px}.contact-inner{z-index:1}.contact h2{font-size:clamp(42px,5.25vw,76px);line-height:1;letter-spacing:-.05em;max-width:1100px;margin:20px auto 45px}.contact-line{display:block;white-space:nowrap}
footer{padding:55px var(--pad) 30px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;border-top:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#8c8a83}footer .brand-logo{height:28px}footer>p{text-align:center;margin:0}footer>div{display:flex;justify-content:flex-end;gap:22px}footer a:hover{color:var(--gold)}footer small{grid-column:1/-1;padding-top:30px;border-top:1px solid rgba(255,255,255,.05);font-size:8px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){.orbit{width:min(56vw,640px)}.orbit-item{width:104px;height:104px}.orbit-item span{font-size:8px}.orbit-detail{max-width:245px;font-size:9px}}
@media(max-width:900px){.nav{position:absolute;top:88px;left:0;right:0;padding:35px var(--pad);background:#080906;display:none;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:850px;align-items:flex-end}.hero-image{background-image:linear-gradient(0deg,#070806 8%,rgba(7,8,6,.35) 70%),linear-gradient(90deg,#070806 0%,transparent 70%),url('assets/hero-yggdrasil.png');background-position:67% center}.rune-rail,.hero-index{display:none}.manifesto-grid,.method{grid-template-columns:1fr}.manifesto-copy{padding-top:0}.section-heading{grid-template-columns:1fr}.section-heading .section-kicker{margin-bottom:15px}.service-card>div{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer>p{text-align:left}footer>div{justify-content:flex-start}footer small{grid-column:1}.method{min-height:auto}.method .orbit{width:100%;aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:55px}.method .orbit-ring,.method .orbit-core{display:none}.method .orbit-item,.method .item-1,.method .item-2,.method .item-3,.method .item-4,.method .item-5,.method .item-6,.method .item-7,.method .item-8,.method .item-9{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;height:auto;min-height:132px;border-radius:0;display:flex;align-items:flex-start;justify-content:flex-start;gap:16px;padding:22px;text-align:left;box-shadow:none;background:linear-gradient(135deg,rgba(226,184,79,.08),rgba(7,8,6,.9));border-color:rgba(226,184,79,.22)}.method .orbit-item b{flex:0 0 auto;font-size:21px}.method .orbit-item span{max-width:none;font-size:10px}.method .orbit-item small{display:block;margin-top:9px;font-size:12px;line-height:1.35;color:#aaa79f;text-transform:none;letter-spacing:0}.philosophy{grid-template-columns:1fr;min-height:820px}.philosophy-copy{grid-column:1/-1;align-self:start}.philosophy-visual{background-image:linear-gradient(180deg,#070806 0%,#070806 42%,rgba(7,8,6,.72) 57%,rgba(7,8,6,.08) 78%,#070806 100%),url('assets/philosophy-boats-v2.png');background-size:100% 100%,auto 68%;background-position:center,bottom center}}
@media(max-width:600px){body{font-size:17px}.site-header{height:72px}.nav{top:72px}.brand-logo{height:28px;max-width:170px}.hero{padding-bottom:70px;min-height:780px}.hero-content{max-width:100%}h1{font-size:clamp(34px,10.8vw,42px);line-height:.98}.hero-copy{font-size:16px;line-height:1.72}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.scroll-cue{display:none}.section{padding-top:90px;padding-bottom:90px}.manifesto-copy p,.method-intro>p,.section-heading>p,.service-card p,.philosophy-text p{font-size:16px;line-height:1.72}.manifesto-copy .lead{font-size:21px}.eyebrow,.overline,.section-kicker{font-size:11px}.section-heading h2{font-size:clamp(36px,10.4vw,42px);line-height:.94}.numbers{grid-template-columns:1fr}.numbers div,.numbers div+div{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.service-card{grid-template-columns:30px 55px 1fr}.service-card>div p{display:none}.service-card h3{font-size:27px}.service-arrow{display:none}.method .orbit{grid-template-columns:1fr;gap:10px}.method .orbit-item{min-height:104px;padding:20px}.method .orbit-item span{font-size:10px}.method .orbit-item small{font-size:12px}.philosophy{min-height:auto;padding-bottom:90px}.philosophy h2{margin-bottom:35px}.philosophy-visual{display:none}.philosophy-mobile-art{display:block;width:calc(100% + var(--pad) * 2);height:420px;margin:42px calc(var(--pad) * -1) 0;background-image:linear-gradient(180deg,#070806 0%,rgba(7,8,6,.12) 24%,rgba(7,8,6,0) 58%,#070806 100%),linear-gradient(90deg,#070806 0%,rgba(7,8,6,.12) 24%,rgba(7,8,6,0) 72%,#070806 100%),url('assets/philosophy-boats-v2.png');background-size:100% 100%,100% 100%,auto 100%;background-position:center,center,67% center;background-repeat:no-repeat}.contact h2{font-size:clamp(38px,11vw,46px)}.contact-line{font-size:.56em}.contact-runes{width:calc(100vw - 48px);height:calc(100vw - 48px);left:50%;transform:translateX(-50%)}footer .brand-logo{height:26px;max-width:160px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}