@font-face{font-family:ID;src:url(/preview-v1/f/InterDisplay-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:ID;src:url(/preview-v1/f/InterDisplay-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:IN;src:url(/preview-v1/f/Inter-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:IN;src:url(/preview-v1/f/Inter-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:IN;src:url(/preview-v1/f/Inter-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
:root{--ink:#121318;--gold:#d6b67c;--gold2:#8f7140}
body.dark{--bg:#0a0a0a;--fg:#fff;--mut:rgba(255,255,255,.55);--line:rgba(255,255,255,.1);--th:rgba(214,182,124,.12);--acc:var(--gold)}
body.light{--bg:#ECEBE6;--fg:var(--ink);--mut:rgba(18,19,24,.55);--line:rgba(18,19,24,.12);--th:rgba(18,19,24,.11);--acc:var(--gold2)}
html{background:#0a0a0a}
body{margin:0;background:var(--bg);color:var(--fg);font-family:IN,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
a{color:inherit;text-decoration:none}
#bgl{position:fixed;inset:0;pointer-events:none;color:var(--th)}#bgl svg{width:100%;height:100%;display:block}

/* header: same as the homepage */
#gnav{position:fixed;left:0;top:0;height:96px;width:100%;transform-origin:0 0;z-index:100}
#gnav .tnav{position:absolute;left:40px;right:40px;top:24px;display:flex;align-items:center;justify-content:space-between;color:#fff;font:500 13px IN,sans-serif}
#gnav.light .tnav{color:var(--ink)}
#gnav .tl{display:flex;align-items:center;gap:16px}
#gnav .ghome picture{display:contents}#gnav .tl img{width:76px;height:76px;display:none}
#gnav.dark .lg-w,#gnav.light .lg-i{display:block}
#gnav .ghome{display:block;line-height:0}
#gnav .gbtn{all:unset;cursor:pointer;width:26px;height:18px;position:relative;display:block;color:inherit}
#gnav .gbtn i{position:absolute;left:0;right:0;height:1.6px;background:currentColor;border-radius:2px;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s}
#gnav .gbtn i:nth-child(1){top:0}#gnav .gbtn i:nth-child(2){top:8px;right:6px}#gnav .gbtn i:nth-child(3){top:16px}
#gnav.open .gbtn i:nth-child(1){transform:translateY(8px) rotate(45deg)}#gnav.open .gbtn i:nth-child(2){opacity:0}#gnav.open .gbtn i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
#gnav nav.gbar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:36px;font-size:16.5px;white-space:nowrap;color:#fff}
#gnav.light nav.gbar{color:rgba(18,19,24,.5)}
#gnav nav.gbar a:hover{opacity:.85}
#gnav nav.gbar a.on{color:#fff;position:relative}#gnav.light nav.gbar a.on{color:var(--ink)}
#gnav nav.gbar a.on:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--gold)}
#gnav.light nav.gbar a.on:after{background:var(--gold2)}
#gnav .gq{font-size:16.5px;white-space:nowrap}#gnav .gq:hover{opacity:.85}
#gmenu{position:absolute;left:40px;top:106px;width:360px;box-sizing:border-box;padding:26px 32px 30px;border-radius:18px;overflow:hidden;background:rgba(10,10,10,.93);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(236,235,230,.7);box-shadow:0 30px 80px rgba(0,0,0,.35);color:#fff;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
#gnav.open #gmenu{opacity:1;transform:none;pointer-events:auto}
#gmenu .gml{position:absolute;inset:0;width:100%;height:100%;color:rgba(214,182,124,.10);pointer-events:none}
#gmenu small{position:relative;display:block;font:600 10.5px/1 IN,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:4px 0 12px}
#gmenu .gsp{display:block;height:18px}
#gmenu a{position:relative;display:block;width:max-content;font:500 27px/1.12 ID,sans-serif;letter-spacing:-.02em;color:rgba(255,255,255,.88);padding:5px 0;transition:color .25s}
#gmenu a:hover,#gmenu a.on{color:var(--gold)}
#gmenu a.on:after{content:"";position:absolute;left:-16px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--gold)}
#gnav.light #gmenu{background:rgba(236,235,230,.97);border:1px solid rgba(18,19,24,.75);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.18)}
#gnav.light #gmenu .gml{color:rgba(143,113,64,.16)}
#gnav.light #gmenu small{color:var(--gold2)}
#gnav.light #gmenu a{color:rgba(18,19,24,.9)}
#gnav.light #gmenu a:hover,#gnav.light #gmenu a.on{color:var(--gold2)}
#gnav.light #gmenu a.on:after{background:var(--gold2)}
.port #gnav .tnav{left:16px;right:16px;top:12px}
.port #gnav nav.gbar{display:none}
.port #gnav .tl{gap:12px}.port #gnav .tl img{width:auto;height:31px;margin-top:-3px}
.port #gnav .gq{font-size:14px}
.port #gmenu{left:12px;right:12px;top:72px;width:auto;padding:22px 28px 26px}
.port #gmenu a{font-size:25px}

/* page */
main{position:relative;min-height:100vh;min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:150px 64px 110px}
.kick{font:600 12px/1 IN,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--acc);margin:0 0 26px}
h1{font:600 clamp(60px,9.5vw,150px)/.94 ID,sans-serif;letter-spacing:-.045em;margin:0;color:var(--fg)}
.port main{padding:120px 24px 80px}
.port h1{font-size:clamp(46px,14vw,72px)}

/* footer (2026-11-01): same as the homepage: black with the moving gold lines; the hero's lockup; the menu's type */
#ftr{--line:rgba(255,255,255,.1);position:relative;z-index:1;overflow:hidden;background:#0a0a0a;border-top:1px solid rgba(214,182,124,.18);padding:76px 64px 34px;color:rgba(255,255,255,.55);font:400 14.5px/1.4 IN,sans-serif}
#ftr .fbg{position:absolute;inset:0;width:100%;height:100%;color:rgba(214,182,124,.12);pointer-events:none}
#ftr .cols,#ftr .base{position:relative}
#ftr .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;align-items:start}
#ftr .brand{display:block;width:320px;line-height:0}
#ftr #flock{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}
#ftr h2{font:600 11px/1 IN,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#d6b67c;margin:8px 0 20px}
#ftr .col a{display:block;width:max-content;padding:5px 0;font:500 22px/1.15 ID,sans-serif;letter-spacing:-.02em;color:rgba(255,255,255,.88);transition:color .25s}
#ftr .col a:hover{color:#d6b67c}
#ftr .base{margin-top:64px;padding-top:22px;border-top:1px solid var(--line);font-size:12.5px;color:rgba(255,255,255,.45)}
.port #ftr{padding:60px 24px 28px}
.port #ftr .cols{grid-template-columns:1fr;gap:44px;justify-items:center;text-align:center}
.port #ftr .brand{width:250px}
.port #ftr .col a{font-size:20px;margin:0 auto}
.port #ftr .base{text-align:center}

/* 2026-11-01: the footer sits on the page's one background */
#ftr{background:transparent}#ftr .fbg{display:none}
/* inner pages (2026-11-09, Tyler): a slim bar behind the header links (the old 132 px fade was far too big);
   the round logo hangs over the bar on a semi-opaque dark circle so it reads over white text and pictures */
#gnav:before{content:"";position:absolute;left:0;right:0;top:0;height:40px;background:linear-gradient(var(--bg) 85%,rgba(10,10,10,0));z-index:-1;pointer-events:none}
html:not(.port) #gnav .tnav{top:0;height:40px}
html:not(.port) #gnav .tl{align-self:flex-start;position:relative}
html:not(.port) #gnav .ghome{margin-top:4px;border-radius:50%;background:rgba(10,10,10,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html:not(.port) #gnav .gbtn{position:absolute;left:92px;top:11px}
.port #gnav:before{height:50px}