
:root{--paper:#f2eee5;--ink:#1b1a16;--quiet:#5d584c;--rule:#cec7b6;--raise:#faf8f3;
--mark:#2f5d50;--flag:#8c3a24;--eaves:#26241d;--m:min(1180px,100% - 2.6rem)}
*,*::before,*::after{box-sizing:border-box}
@font-face{font-family:"Young Serif";src:url(/a/ys.a46a84bfaa.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Mona Sans";src:url(/a/ms.44e710b071.woff2) format("woff2");font-weight:200 900;font-display:swap}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
font-family:"Mona Sans",Avenir,"Segoe UI",system-ui,sans-serif;font-size:1.0625rem;line-height:1.62;
font-synthesis-weight:none}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:.19em;text-decoration-thickness:.055em}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
outline:3px solid var(--flag);outline-offset:2px}
h1,h2,h3{font-family:"Young Serif",Georgia,"Times New Roman",serif;font-weight:400;
line-height:1.14;letter-spacing:-.005em;margin:0 0 .5em}
h1{font-size:clamp(1.85rem,1.05rem + 2.6vw,2.95rem)}
h2{font-size:clamp(1.5rem,1.1rem + 1.5vw,2.15rem);margin-top:2.2em}
h3{font-size:1.19rem;margin-top:1.7em}
p{margin:0 0 1.05em}
.ax-wrap{width:var(--m);margin-inline:auto}
.ax-prose{max-width:70ch}
.ax-skip{position:absolute;left:-9999px}
.ax-skip:focus{left:.7rem;top:.7rem;z-index:60;position:fixed;background:var(--ink);
color:var(--paper);padding:.7rem 1.1rem}

/* header */
.ax-top{border-bottom:1px solid var(--rule);background:var(--paper)}
.ax-topin{display:flex;align-items:center;gap:1.4rem;padding:.85rem 0;flex-wrap:wrap}
.ax-mast{font-family:"Young Serif",Georgia,serif;font-size:1.32rem;text-decoration:none;
letter-spacing:-.01em;white-space:nowrap}
.ax-nav{flex:1 1 auto}
.ax-nav ul{display:flex;flex-wrap:wrap;gap:.15rem 1.15rem;list-style:none;margin:0;padding:0;
font-size:.925rem}
.ax-nav a{text-decoration:none;color:var(--quiet);padding:.2rem 0}
.ax-nav a:hover,.ax-nav a[aria-current]{color:var(--ink);
box-shadow:inset 0 -2px 0 var(--flag)}
.ax-topt{font-variant-numeric:tabular-nums;font-size:.95rem;text-decoration:none;
white-space:nowrap;color:var(--quiet)}
.ax-topt:hover{color:var(--ink)}

/* hero: a place, never a texture */
.ax-hero{position:relative;min-height:clamp(340px,56vh,560px);display:flex;
align-items:flex-end;overflow:hidden;background:var(--ink)}
.ax-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ax-heroin{position:relative;width:100%;padding:clamp(1.7rem,5vh,3.4rem) 0 clamp(1.3rem,3.6vh,2.2rem);
background:linear-gradient(to top,rgba(15,14,11,.93) 0%,rgba(15,14,11,.82) 42%,rgba(15,14,11,.58) 78%,rgba(15,14,11,.44) 100%);
color:#fbf9f4}
.ax-brow{font-size:.815rem;letter-spacing:.13em;text-transform:uppercase;color:#e2d9c6;
margin:0 0 .75rem;max-width:48ch}
.ax-hero h1{max-width:27ch;color:#fdfcf8;margin-bottom:.38em}
.ax-stand{max-width:66ch;font-size:1.06rem;color:#f0ece2;margin-bottom:1.05em}
.ax-cta{display:flex;align-items:center;gap:1.05rem;flex-wrap:wrap;margin:0}
.ax-cta>a{background:var(--flag);color:#fff;text-decoration:none;padding:.72rem 1.5rem;
font-weight:600;font-size:1.0rem}
.ax-cta>a:hover{background:#a44a30}
.ax-cta2{font-size:.9rem;color:#ded5c2}

/* body rhythm */
main{padding-bottom:3.4rem}
.ax-wrap+.ax-wrap>.ax-prose{margin-top:0}
main>.ax-wrap:first-child{padding-top:2.7rem}
main>.ax-wrap{padding-block:.1rem}

/* the notch disc: encoding #23 */
.ax-disc{position:relative;display:inline-block;width:15px;height:15px;flex:0 0 15px;
border-radius:50%;background:var(--mark);vertical-align:-2px;margin-left:.55rem}
.ax-disc i{position:absolute;width:5px;height:5px;background:var(--paper);border-radius:50%;
top:50%;left:50%;margin:-2.5px}
.ax-nax-n1{transform:translate(0,-7.5px)}
.ax-nax-n2{transform:translate(7.13px,2.32px)}
.ax-nax-n3{transform:translate(4.41px,6.06px)}
.ax-nax-n4{transform:translate(-4.41px,6.06px)}
.ax-nax-n5{transform:translate(-7.13px,2.32px)}
.ax-cardtop .ax-disc{width:26px;height:26px;margin:0 0 .8rem}
.ax-cardtop .ax-disc i{width:9px;height:9px;margin:-4.5px}
.ax-cardtop .ax-nax-n1{transform:translate(0,-13px)}
.ax-cardtop .ax-nax-n2{transform:translate(12.36px,4.02px)}
.ax-cardtop .ax-nax-n3{transform:translate(7.64px,10.51px)}
.ax-cardtop .ax-nax-n4{transform:translate(-7.64px,10.51px)}
.ax-cardtop .ax-nax-n5{transform:translate(-12.36px,4.02px)}
.ax-rcardt .ax-disc{width:26px;height:26px;margin:0 .9rem 0 0}
.ax-rcardt .ax-disc i{width:9px;height:9px;margin:-4.5px}
.ax-rcardt .ax-nax-n1{transform:translate(0,-13px)}
.ax-rcardt .ax-nax-n2{transform:translate(12.36px,4.02px)}
.ax-rcardt .ax-nax-n3{transform:translate(7.64px,10.51px)}
.ax-rcardt .ax-nax-n4{transform:translate(-7.64px,10.51px)}
.ax-rcardt .ax-nax-n5{transform:translate(-12.36px,4.02px)}

/* the ladder */
.ax-ladder{width:var(--m);margin:2.4rem auto;border-top:2px solid var(--ink)}
.ax-step{padding:1.9rem 0 .55rem;border-bottom:1px solid var(--rule)}
.ax-steph{margin:0 0 .25em;font-size:1.42rem}
.ax-steph a{text-decoration:none;box-shadow:inset 0 -2px 0 var(--rule)}
.ax-steph a:hover{box-shadow:inset 0 -2px 0 var(--flag)}
.ax-stepg{margin:0 0 .6em;color:var(--quiet);max-width:66ch;font-size:.96rem}
.ax-rung{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr) minmax(0,15.5rem);
gap:.4rem 1.6rem;align-items:baseline;padding:.95rem 0;border-bottom:1px solid var(--rule);
text-decoration:none}
.ax-rung:hover{background:var(--raise)}
.ax-rname{font-family:"Young Serif",Georgia,serif;font-size:1.09rem}
.ax-rung:hover .ax-rname{box-shadow:inset 0 -2px 0 var(--flag)}
.ax-rnote{color:var(--quiet);font-size:.95rem}
.ax-rprice{font-variant-numeric:tabular-nums;font-size:.95rem;text-align:right;
white-space:nowrap}
@media (max-width:900px){
 .ax-rung{grid-template-columns:1fr;gap:.16rem}
 .ax-rprice{text-align:left}
}

/* rung cards */
.ax-cards{width:var(--m);margin:2.4rem auto;display:grid;
grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:1px;background:var(--rule);
border:1px solid var(--rule)}
.ax-card{background:var(--paper);padding:1.5rem 1.35rem}
.ax-card.ax-here{background:var(--raise);box-shadow:inset 4px 0 0 var(--flag)}
.ax-card h2{margin:0 0 .45em !important;font-size:1.1rem}
.ax-card h2 a{text-decoration:none;box-shadow:inset 0 -2px 0 var(--rule)}
.ax-card h2 a:hover{box-shadow:inset 0 -2px 0 var(--flag)}
.ax-card p{font-size:.925rem;color:var(--quiet);margin:0 0 .8em}
.ax-cardf{font-variant-numeric:tabular-nums;color:var(--ink) !important;font-size:.9rem !important}
.ax-rcard{border:1px solid var(--rule);border-left:4px solid var(--mark);background:var(--raise);
padding:1.35rem 1.4rem;margin:2rem 0}
.ax-rcardt{display:flex;align-items:center}
.ax-rcardt h2{margin:0;font-size:1.24rem}
.ax-rcardt h2 a{text-decoration:none}
.ax-rcard>p{margin:.7em 0 .9em;color:var(--quiet);max-width:66ch}
.ax-rfair{font-size:.88rem !important;color:var(--flag) !important}
.ax-rnav{display:flex;flex-wrap:wrap;gap:.3rem 1.7rem;font-size:.9rem}

/* tiles */
.ax-tiles{width:var(--m);margin:2.4rem auto;display:grid;
grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem}
.ax-tile{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;text-decoration:none;
background:var(--ink)}
.ax-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ax-tilew{position:absolute;inset:auto 0 0 0;padding:1.5rem 1.05rem .95rem;color:#fff;
background:linear-gradient(to top,rgba(12,11,9,.88),rgba(12,11,9,0));display:block}
.ax-tilen{display:block;font-family:"Young Serif",Georgia,serif;font-size:1.06rem}
.ax-tilep{display:block;font-size:.87rem;color:#e4dbc9;font-variant-numeric:tabular-nums}
.ax-tile:hover .ax-tilen{box-shadow:inset 0 -2px 0 var(--flag)}

/* bands and figures */
.ax-fig{margin:2.4rem 0}
.ax-band{margin:2.8rem 0;width:100%}
.ax-band img{width:100%;max-height:clamp(210px,30vh,340px);object-fit:cover}

/* lines, sheets, steps */
.ax-lines,.ax-sheet{margin:2rem 0;border-top:1px solid var(--ink)}
.ax-lrow,.ax-srow{display:grid;grid-template-columns:minmax(0,13.5rem) minmax(0,1fr);
gap:.3rem 1.8rem;padding:.85rem 0;border-bottom:1px solid var(--rule)}
.ax-lrow dt,.ax-srow dt{font-weight:600;font-size:.93rem}
.ax-lrow dd,.ax-srow dd{margin:0;color:var(--quiet)}
@media (max-width:760px){.ax-lrow,.ax-srow{grid-template-columns:1fr;gap:.1rem}}
.ax-sheetn{font-size:.9rem;color:var(--quiet);max-width:70ch;margin-top:1rem}
.ax-steps{counter-reset:s;list-style:none;margin:2.1rem 0;padding:0;
display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.5rem 2.2rem}
.ax-step-i{counter-increment:s;padding-top:1.5rem;border-top:2px solid var(--ink);position:relative}
.ax-step-i::before{content:counter(s,decimal-leading-zero);position:absolute;top:.42rem;left:0;
font-size:.78rem;letter-spacing:.12em;color:var(--flag);font-variant-numeric:tabular-nums}
.ax-step-i h3{margin:0 0 .35em;font-size:1.06rem}
.ax-step-i p{font-size:.93rem;color:var(--quiet);margin:0}

/* asks, index, office, open */
.ax-asks{margin:2rem 0;max-width:78ch}
.ax-ask{padding:1.15rem 0;border-bottom:1px solid var(--rule)}
.ax-ask h2{margin:0 0 .35em !important;font-size:1.06rem;font-family:inherit;font-weight:650;letter-spacing:0}
.ax-ask p{margin:0;color:var(--quiet)}
.ax-ix{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.7rem 2.2rem;
margin:2rem 0}
.ax-ix h2{margin:0 0 .5em !important;font-size:.83rem;letter-spacing:.11em;text-transform:uppercase;color:var(--flag);font-family:inherit}
.ax-ix ul{list-style:none;margin:0;padding:0;font-size:.94rem}
.ax-ix li{padding:.2rem 0}
.ax-office{border:1px solid var(--rule);background:var(--raise);padding:1.5rem 1.5rem 1.2rem;
margin:2.1rem 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:.6rem 2.4rem}
.ax-officeh{grid-column:1/-1;margin:0 0 .3em !important;font-size:1.16rem}
.ax-addr{font-style:normal;display:grid;gap:.16rem;font-size:.97rem}
.ax-ent{font-weight:600}
.ax-officen{margin:0;color:var(--quiet);font-size:.93rem}
@media (max-width:760px){.ax-office{grid-template-columns:1fr}}
.ax-open{border-top:3px solid var(--ink);border-bottom:1px solid var(--rule);
padding:1.5rem 0 1.1rem;margin:2.1rem 0}
.ax-open h2{margin:0 0 .5em !important;font-size:1.3rem}
.ax-openn{max-width:70ch;color:var(--quiet)}
.ax-avail{border-left:3px solid var(--mark);padding-left:1.05rem;color:var(--quiet);
max-width:66ch}

/* the form */
.ax-form{border-top:3px solid var(--ink);margin:3rem 0 1rem;padding-top:1.7rem;max-width:62rem}
.ax-slot{margin:2.4rem 0;max-width:62rem}
.ax-fb{margin:0 0 1.1rem}
.ax-fb-head{margin:0 0 .9rem;font-weight:700;font-size:1.05rem;color:var(--ink)}
.ax-fb-grid{display:grid;gap:.85rem}
.ax-fb-set{border:1px solid var(--rule);border-radius:4px;padding:.7rem .85rem .85rem;margin:0;background:var(--raise)}
.ax-fb-set legend{padding:0 .35rem;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--quiet);font-weight:700}
.ax-fb-row{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr))}
.ax-fb-box{position:relative;display:flex;flex-direction:column;gap:.3rem;min-width:0}
.ax-fb-box label{font-size:.88rem;font-weight:600;color:var(--ink)}
.ax-fb-aside{font-weight:400;color:var(--quiet)}
.ax-fb-box input,.ax-fb-box select{font:inherit;font-size:.95rem;padding:.62rem .7rem;border:1px solid var(--rule);border-radius:3px;background:var(--paper);color:var(--ink);width:100%}
.ax-fb-box input:focus,.ax-fb-box select:focus{outline:2px solid var(--flag);outline-offset:1px}
.ax-fb-box.is-short input{border-color:var(--flag)}
.ax-fb-say{margin:0;font-size:.82rem;color:var(--flag);font-weight:600}
.ax-fb-offer{position:absolute;top:100%;left:0;right:0;z-index:30;margin:.2rem 0 0;padding:0;list-style:none;background:var(--paper);border:1px solid var(--rule);border-radius:3px;max-height:17rem;overflow:auto;box-shadow:0 .5rem 1.2rem rgba(0,0,0,.16)}
.ax-fb-offer li{margin:0}
.ax-fb-offer button{display:block;width:100%;text-align:left;font:inherit;font-size:.9rem;padding:.55rem .7rem;border:0;background:none;color:var(--ink);cursor:pointer}
.ax-fb-offer button:hover,.ax-fb-offer [aria-selected="true"] button{background:var(--raise)}
.ax-fb-code{font-weight:700;color:var(--flag)}
.ax-fb-rungs{margin:.9rem 0 0;padding:.7rem .85rem;font-size:.9rem;line-height:1.55;color:var(--ink);background:var(--raise);border-left:3px solid var(--flag);border-radius:0 3px 3px 0}
.ax-fb-go{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-top:1rem}
.ax-fb-go button{font:inherit;font-weight:700;font-size:.95rem;padding:.68rem 1.3rem;border:0;border-radius:3px;background:var(--flag);color:var(--paper);cursor:pointer}
.ax-fb-go button[disabled]{opacity:.45;cursor:not-allowed}
.ax-fb-status{margin:0;font-size:.88rem;color:var(--flag);font-weight:600}
.ax-fb-note{margin:1.1rem 0 0;font-size:.88rem;line-height:1.6;color:var(--quiet)}
.ax-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--raise);border:1px solid var(--rule);border-radius:3px;padding:0 .3rem;white-space:nowrap}
.ax-form h2{margin:0 0 .45em !important;font-size:1.45rem}
.ax-formi{max-width:64ch;color:var(--quiet);font-size:.95rem}
.ax-f2{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:0 1.5rem}
.ax-form label{display:block;font-size:.87rem;font-weight:600;margin-bottom:.3rem}
.ax-form input,.ax-form select,.ax-form textarea{width:100%;font:inherit;font-size:1rem;
padding:.62rem .75rem;border:1px solid var(--quiet);background:var(--raise);color:var(--ink);
border-radius:0}
.ax-form textarea{resize:vertical}
.ax-form button{font:inherit;font-weight:600;font-size:1.02rem;background:var(--ink);color:var(--paper);
border:0;padding:.78rem 1.9rem;cursor:pointer}
.ax-form button:hover{background:var(--flag)}
.ax-formf{font-size:.88rem;color:var(--quiet);max-width:60ch}
.ax-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* THE EAVES: footer shape #9 */
.ax-eaves{background:var(--eaves);color:#ddd6c6;margin-top:3.6rem;position:relative}
.ax-pitch{height:34px;background:var(--paper);
clip-path:polygon(0 0,50% 100%,100% 0);}
.ax-eavesin{padding:.6rem 0 2.9rem;text-align:center}
.ax-erun{margin:0 0 .7em;font-size:.93rem;line-height:2.05}
.ax-erun a{color:#f0e9da;text-decoration:none;box-shadow:inset 0 -1px 0 rgba(240,233,218,.42)}
.ax-erun a:hover{box-shadow:inset 0 -2px 0 var(--flag);color:#fff}
.ax-elaw{font-size:.87rem;color:#b8b1a2}
.ax-elaw a{color:#cfc7b6}
.ax-eaddr{font-style:normal;font-size:.9rem;color:#cdc5b4;margin:1.5rem auto .9rem;
max-width:74ch;line-height:1.85}
.ax-eaddr a{color:#e8e1d2}
.ax-efine{font-size:.82rem;color:#9d9686;max-width:82ch;margin:0 auto;line-height:1.72}

/* reveal: moves, never touches opacity */
.ax-rise{transform:translateY(11px);transition:transform .5s cubic-bezier(.22,.68,.32,1)}
.ax-rise.ax-in{transform:none}
@media (prefers-reduced-motion:reduce){
 .ax-rise{transform:none;transition:none}
 *{animation-duration:.001ms !important;transition-duration:.001ms !important}
}
@media print{
 .ax-top,.ax-form,.ax-hero>img{display:none}
 body{background:#fff}
 .ax-eaves{background:#fff;color:#000}
}
