/* Terms and Privacy: the home page's chrome on ink. No tide, no circuit. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Cormorant+Garamond:ital,wght@0,400..600;1,400..600&display=swap');
@font-face{font-family:'Vorsce';src:url('/assets/fonts/Vorsce.otf') format('opentype');font-display:swap}
@font-face{font-family:'General Sans';src:url('/assets/fonts/GeneralSans-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('/assets/fonts/GeneralSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('/assets/fonts/GeneralSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
:root{
  --ink:#0b0908;
  --fd2:'Vorsce','Cormorant Garamond',serif;
  --font-sans:'General Sans',ui-sans-serif,system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --gold-200:#f3e4bb; --gold-300:#e8cd8b;
  --gold-a32:rgba(198,162,83,.32); --gold-a48:rgba(198,162,83,.48);
  --text:#f5f0e7; --text-strong:#fbf9f5; --text-muted:#a89e8c; --text-faint:#8a8071;
  --ease-out:cubic-bezier(0.22,0.61,0.36,1);
  --texture-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  --texture-leather:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='l' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.085' numOctaves='3' seed='9' stitchTiles='stitch' result='n'/%3E%3CfeDiffuseLighting in='n' lighting-color='%23ffffff' surfaceScale='2.4' diffuseConstant='1'%3E%3CfeDistantLight azimuth='225' elevation='62'/%3E%3C/feDiffuseLighting%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.070' intercept='0.028'/%3E%3CfeFuncG type='linear' slope='0.058' intercept='0.024'/%3E%3CfeFuncB type='linear' slope='0.047' intercept='0.020'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23l)'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
body{margin:0;position:relative;background:var(--ink);color:var(--text);font-family:var(--font-sans);font-weight:300;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--gold-300);text-decoration:none;transition:color .2s var(--ease-out)}
a:hover{color:var(--gold-200)}
p{margin:0 0 16px;text-wrap:pretty}
:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--gold-300);border-radius:2px}
::selection{background:var(--gold-a32);color:var(--text-strong)}
.leather{position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--ink) var(--texture-leather) repeat;background-size:320px 320px}
.lamp{position:absolute;left:0;right:0;top:0;height:900px;z-index:0;pointer-events:none;background:radial-gradient(62% 40% at 50% -6%,rgba(232,205,139,.11),transparent 70%)}
.lm-grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.05;mix-blend-mode:soft-light;background-image:var(--texture-grain)}
#cc{position:relative;z-index:1;width:100%;max-width:1360px;margin:0 auto}
.hd{display:flex;justify-content:space-between;align-items:center;padding:16px 26px 10px}
.wm{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-300)}
.yr{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;color:var(--text-faint)}
.legal{max-width:680px;margin:0 auto;padding:96px 26px 120px}
.eyebrow{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-300)}
h1{margin:22px 0 0;font-family:var(--fd2);font-weight:400;font-size:clamp(34px,7vw,52px);line-height:1.12;letter-spacing:.05em;text-transform:uppercase;color:var(--text-strong)}
.intro{margin:26px 0 0;font-size:17px;line-height:1.8;color:var(--text)}
.intro2{margin:14px 0 0;font-size:15.5px;line-height:1.8;color:var(--text-muted)}
.dated{display:flex;align-items:center;gap:16px;margin-top:36px}
.dated i{flex:1;height:1px;background:var(--gold-a32)}
.dated span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}
.clause{margin-top:54px}
.clause h2{display:flex;align-items:baseline;gap:14px;margin:0;font-family:var(--fd2);font-weight:400;font-size:22px;line-height:1.3;letter-spacing:.03em;color:var(--text-strong)}
.clause h2 .n{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--gold-300);flex:none;min-width:26px}
.cb{margin:16px 0 0 40px;font-size:15.5px;line-height:1.9;color:var(--text)}
.cb b{font-weight:400;color:var(--text-strong)}
.cb h3{margin:24px 0 4px;font-family:var(--font-mono);font-weight:400;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}
.cb ul{margin:8px 0 16px;padding:0;list-style:none}
.cb li{display:flex;gap:12px;margin:6px 0 0}
.cb li::before{content:"\25B9";color:var(--gold-300);flex:none;font-size:10px;transform:translateY(6px)}
.cb p.tight{margin-bottom:4px}
.foot{margin-top:40px;padding:0 26px 34px}
.frule{display:flex;align-items:center;gap:18px}
.frule i{flex:1;height:1px;background:var(--gold-a32)}
.fmark{width:34px;height:34px;flex:none}
.flinks{display:flex;justify-content:center;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-top:34px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}
.flinks a{color:var(--text-muted)}
.flinks a:hover{color:var(--gold-300)}
.fbase{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:36px;padding-top:18px;border-top:1px solid var(--line-soft);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);text-align:center}
@media (max-width:600px){.cb{margin-left:0}}
@media (min-width:601px){
  .hd{padding:26px 84px 18px 48px}
  .wm{font-size:11px;letter-spacing:.32em}
  .legal{padding:120px 48px 160px}
  .foot{padding:0 84px 48px 48px}
  .flinks{margin-top:40px;gap:8px 18px}
  .fbase{flex-direction:row;justify-content:space-between;text-align:left;margin-top:48px}
}

/* The contact page's form, in the home page's field language */
.contact .intro2 a{color:var(--gold-300)}
.cform{margin-top:44px;max-width:480px}
.cform[hidden]{display:none}
.fld{display:block;margin-top:24px}
.fld span{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-300);margin-bottom:6px}
.fld input,.fld textarea,.fld select{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--gold-a32);border-radius:0;padding:10px 0;color:var(--text-strong);font:300 16px/1.55 var(--font-sans);outline:none;transition:border-color .2s var(--ease-out);resize:vertical;-webkit-appearance:none;appearance:none}
.fld select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e8cd8b' stroke-width='1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;padding-right:24px}
.fld select option{background:#141210;color:var(--text)}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-bottom-color:var(--gold-300);box-shadow:none}
.fld .wants{border-bottom-color:#b3564f}
/* The trap: a field people never see and robots fill (Michael, 2026-09-28) */
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:250px;height:50px;margin-top:34px;padding:0 30px;background:transparent;border:1px solid var(--gold-a48);border-radius:2px;color:var(--gold-300);font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.26em;text-transform:uppercase;cursor:pointer;transition:color .2s var(--ease-out),border-color .2s var(--ease-out),background .2s var(--ease-out)}
.btn:hover{color:var(--gold-200);border-color:var(--gold-300);background:rgba(232,205,139,.07)}
.sent{display:none;margin-top:44px}
.sent.on{display:block}
.sent .arr{font-family:var(--fd2);font-size:26px;line-height:1.3;color:var(--gold-300)}
.sent p{margin-top:12px;font-size:15.5px;line-height:1.8;color:var(--text-muted)}
.contact .fine{margin-top:26px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}
@media (min-width:601px){ .btn{height:54px;font-size:11.5px;min-width:280px} }
