@font-face{font-family:"Old Standard TT";font-weight:400;font-display:swap;src:url("fonts/OldStandardTT-400.woff2") format("woff2")}
@font-face{font-family:"Pinyon Script";font-weight:400;font-display:swap;src:url("fonts/PinyonScript-400.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:400;font-display:swap;src:url("fonts/HankenGrotesk-400.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:500;font-display:swap;src:url("fonts/HankenGrotesk-500.woff2") format("woff2")}
:root{
--yellow-100:#F2EC8A;--yellow-200:#ECE55A;--yellow-300:#E0D727;--yellow-400:#D4CB12;--yellow-500:#C5BA02;--yellow-600:#A89E00;--yellow-700:#7A7300;
--ink-900:#141410;--ink-800:#24231A;--ink-700:#3A3820;--ink-600:#4F4B26;
--cream-100:#F4EFE2;--cream-300:#D9D2BF;--cream-500:#A9A28E;
--oxblood-600:#8A1C12;--oxblood-700:#6C150D;
--surface-paper:var(--yellow-400);--surface-paper-raised:var(--yellow-300);--surface-paper-hover:var(--yellow-300);--surface-fold:var(--yellow-500);--surface-cream:var(--cream-100);--surface-ink:var(--ink-900);--surface-ink-hover:var(--ink-800);
--text-primary:var(--ink-900);--text-secondary:var(--ink-700);--text-disabled:var(--ink-600);--text-on-ink:var(--cream-100);--text-on-ink-muted:var(--cream-500);--text-danger:var(--oxblood-600);
--border-rule:var(--ink-900);--border-fold:var(--yellow-600);--border-focus:var(--ink-900);--border-on-ink:var(--cream-300);--border-danger:var(--oxblood-600);
}
:root{
--font-script:"Pinyon Script","Snell Roundhand",cursive;--font-serif:"Old Standard TT","Didot","Bodoni 72",Georgia,serif;
--font-sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
--font-display:var(--font-script);--font-heading:var(--font-serif);--font-body:var(--font-sans);--font-ui:var(--font-sans);
--weight-medium:500;
--text-12:12px;--text-14:14px;--text-16:16px;--text-18:18px;--text-20:20px;--text-24:24px;--text-32:32px;--text-44:44px;--text-64:64px;--text-96:96px;--text-128:128px;
--weight-regular:400;--weight-bold:700;
--leading-script:0.92;--leading-tight:1.1;--leading-body:1.5;
--tracking-caps-tight:0.01em;--tracking-caps:0.06em;--tracking-caps-wide:0.14em;
--type-display-size:var(--text-128);--type-headline-size:var(--text-44);--type-label-size:var(--text-14);--type-body-size:var(--text-18);
}
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--radius-none:0;--radius-hair:1px;
--rule-hair:1px;--rule:1.5px;--rule-heavy:2px;
--shadow-none:none;
--shadow-fold:none;
--shadow-crease:inset 0 1px 0 rgba(20,20,16,.12);
--shadow-lift:0 20px 40px -24px rgba(20,20,16,.35);
--ease-paper:cubic-bezier(.2,.7,.2,1);/* @kind other */--dur-fast:120ms;/* @kind other */--dur-base:240ms;/* @kind other */--dur-slow:480ms;/* @kind other */
--focus-ring:0 0 0 1.5px var(--surface-paper),0 0 0 3px var(--ink-900);
--texture-paper:none;/* @kind other */
}
a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--ink-700);text-decoration-thickness:1.5px}
.xyz-logo{display:inline-block;height:.712em;aspect-ratio:2198/712;letter-spacing:0;line-height:0;flex:none;vertical-align:baseline}
.xyz-z{display:inline-block;height:.712em;aspect-ratio:538/712;line-height:0;margin:.144em 0;flex:none}
.xyz-logo svg,.xyz-z svg{display:block;width:100%;height:100%}

*{box-sizing:border-box}html,body{margin:0}
body{font-family:var(--font-sans);color:var(--ink-900);background:var(--cream-100);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--ink-700)}
.k a:hover{color:var(--cream-300)}
p,h1,h2{margin:0;font-weight:400}
.y{background:var(--yellow-400);color:var(--ink-900)}.c{background:var(--cream-100);color:var(--ink-900)}.k{background:var(--ink-900);color:var(--cream-100)}
.scr{font-family:var(--font-script);line-height:.92;font-weight:400}
.caps{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:var(--tracking-caps-wide);font-size:14px;line-height:1}
.small{font-size:14px;line-height:1.4}
.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.film{position:relative;overflow:hidden}
.film img{display:block;width:100%;height:100%;object-fit:cover;filter:sepia(.14) saturate(.86) contrast(.9) brightness(1.04)}
.film::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .45  0 0 0 0 .35  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");mix-blend-mode:overlay;opacity:.55}
.film.vig::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,rgba(40,25,10,.22) 100%)}
form.req{display:flex;flex-direction:column;gap:22px;width:100%;max-width:420px}
.fld{display:flex;flex-direction:column;gap:4px}
.fld label,.fs legend{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.fld input{font:inherit;font-size:18px;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;border-radius:0;outline:none;min-height:44px}
.fld input:focus{box-shadow:0 1px 0 currentColor}
.fs{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}.fs legend{padding:0;margin-bottom:10px}
.fs .opt{font-size:12px;letter-spacing:0;text-transform:none;opacity:.7}
.seg{display:flex;border:1px solid currentColor}
.seg label{flex:1;position:relative;cursor:pointer;text-align:center;padding:12px 8px;font-size:15px;min-height:44px}
.seg label+label{border-left:1px solid currentColor}
.seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.seg label:has(input:checked){background:var(--ink-900);color:var(--cream-100)}
.k .seg label:has(input:checked){background:var(--cream-100);color:var(--ink-900)}
.seg label:has(input:focus-visible){outline:2px solid currentColor;outline-offset:2px}
.btn{font:inherit;font-size:14px;letter-spacing:.08em;text-transform:uppercase;background:var(--ink-900);color:var(--cream-100);border:1px solid var(--ink-900);padding:16px 24px;cursor:pointer;border-radius:0;min-height:52px}
.btn:hover{background:var(--ink-800)}.btn:disabled{opacity:.6;cursor:default}
.k .btn{background:var(--cream-100);color:var(--ink-900);border-color:var(--cream-100)}.k .btn:hover{background:var(--cream-300)}
.thanks{display:none;font-size:18px;line-height:1.5}
form.req.sent>*:not(.thanks){display:none}form.req.sent .thanks{display:block}
.xyz-x,.xyz-y{display:inline-block;height:.712em;line-height:0;flex:none}.xyz-x{aspect-ratio:678/712}.xyz-y{aspect-ratio:660/712}.xyz-x svg,.xyz-y svg{display:block;width:100%;height:100%}
.stk{display:flex;flex-direction:column;align-items:center;gap:.22em;line-height:0}.stk .xyz-z{margin:0}.stk .hl{width:1px;height:.5em;background:currentColor}
.teeth{height:7px;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 6px)}
.still{height:100svh;min-height:640px;overflow:hidden}
.req.inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;max-width:560px}.req.inline .fs,.req.inline .btn,.req.inline .thanks{grid-column:1/-1}
@media(max-width:820px){.still{height:auto;min-height:100svh;overflow:visible}.req.inline{grid-template-columns:minmax(0,1fr)}}
.fld .msg{font-size:13px;line-height:1.3;min-height:17px;color:var(--oxblood-600)}.k .fld .msg{color:#F2A08F}.fld input[aria-invalid="true"]{border-bottom-color:var(--oxblood-600);box-shadow:0 1px 0 var(--oxblood-600)}

.pg{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;gap:0;padding:clamp(20px,4vw,48px)}
.mid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center;max-width:1280px;width:100%;margin:0 auto}
.copy{display:flex;flex-direction:column;gap:clamp(14px,2.2vh,22px);padding:clamp(32px,8vh,96px) 0}.copy .req{margin-top:clamp(16px,3.5vh,36px)}
.copy .btn{background:transparent;color:var(--ink-900);border:1px solid var(--ink-900);justify-self:start;white-space:nowrap;padding:12px 22px;min-height:44px;font-size:13px}.copy .btn:hover{background:var(--ink-900);color:var(--yellow-400)}
.copy .seg{border:0;display:flex;gap:28px;flex-wrap:wrap}.copy .seg label+label{border-left:0}
.copy .seg label{flex:none;display:flex;align-items:center;gap:10px;padding:0;min-height:44px;font-size:15px;text-align:left}
.copy .seg input{position:relative;inset:auto;opacity:1;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid var(--ink-900);border-radius:0;background:transparent;display:grid;place-content:center;flex:none}
.copy .seg input::after{content:"";width:9px;height:5px;border-left:1.5px solid var(--ink-900);border-bottom:1.5px solid var(--ink-900);transform:translateY(-1px) rotate(-45deg);opacity:0}
.copy .seg input:checked::after{opacity:1}
.copy .seg label:has(input:checked){background:transparent;color:var(--ink-900)}.copy .fs legend{white-space:nowrap}
.ph{width:min(100%,420px);aspect-ratio:4/5;justify-self:center;transform:rotate(-5deg);box-shadow:0 24px 48px -24px rgba(20,20,16,.45)}
.ph img{object-position:50% 50%}
@media(max-width:820px){.mid{grid-template-columns:minmax(0,1fr)}.ph{width:min(70%,320px);order:-1}}