:root{
  --ground:#0b0a10; --ground-2:#131219; --ink:#f1ece4; --ink-2:#b7b1ad; --ink-3:#6f6a74;
  --line:rgba(241,236,228,.12);
  --accent:#3b5ae0; --accent-2:#e2c07a; --accent-3:#c9375c;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
  --hand:"Caveat","Bradley Hand",cursive;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ground);color:var(--ink)}
body{font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:var(--accent);color:var(--ink)}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;text-wrap:balance;letter-spacing:-.015em}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.wrap{padding-inline:clamp(20px,5vw,72px)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}

/* grain */
body::after{content:"";position:fixed;inset:-50%;pointer-events:none;z-index:50;opacity:.07;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
 animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-2%,1%)}40%{transform:translate(1%,-2%)}60%{transform:translate(-1%,2%)}80%{transform:translate(2%,1%)}100%{transform:translate(0,0)}}

/* cursor */
#blob{position:fixed;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--accent-2);mix-blend-mode:difference;pointer-events:none;z-index:60;transform:translate(-50%,-50%);transition:width .35s,height .35s,background .35s;opacity:0}
body.has-mouse #blob{opacity:1}
body.hovering #blob{width:56px;height:56px}
@media (hover:none){#blob{display:none}}

/* nav */
nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px clamp(20px,5vw,72px);mix-blend-mode:difference;color:#fff;transition:transform .5s,opacity .5s}
nav.hide{transform:translateY(-110%);opacity:0}
nav .logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;justify-self:start}
nav .logo img{width:30px;height:30px;display:block;border-radius:50%}
nav .name{font-family:var(--serif);font-size:30px;letter-spacing:-.02em;text-decoration:none;justify-self:center;line-height:1}
nav ul{justify-self:end;display:flex;gap:28px;list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
nav ul a{text-decoration:none;opacity:.75}
nav ul a:hover{opacity:1}
@media (max-width:640px){nav ul li:not(:last-child){display:none}}

/* hero */
#hero{position:relative;min-height:92svh;display:grid;align-items:end;overflow:hidden;isolation:isolate}
#gl{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1}
#hero::after,.page-hero::after{content:"";position:absolute;inset:0 0 auto 0;height:140px;background:linear-gradient(180deg,rgba(11,10,16,.55),transparent);pointer-events:none;z-index:0}
#hero::before{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(180deg,transparent,rgba(11,10,16,.72));pointer-events:none}
#hero .inner{position:relative;padding-block:120px 64px;display:grid;gap:40px;max-width:1100px}
#hero h1{font-size:clamp(46px,8.8vw,140px);line-height:.9}
#hero h1 em{font-style:italic;font-weight:400;color:var(--accent-2)}
.arrive{display:grid;gap:14px}
.arrive p{margin:0;color:var(--ink-2);font-size:15px}
.emotions{display:flex;flex-wrap:wrap;gap:10px 8px}
.emotions button{font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.8vw,36px);padding:6px 16px;border:1px solid var(--line);border-radius:999px;color:var(--ink);transition:border-color .3s,background .3s,transform .3s;backdrop-filter:blur(6px)}
.emotions button:hover{border-color:var(--accent-2);transform:translateY(-2px)}
.emotions button[aria-pressed="true"]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.scrollhint{position:absolute;right:clamp(20px,5vw,72px);bottom:28px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);writing-mode:vertical-rl;display:flex;gap:12px;align-items:center}
.scrollhint::after{content:"";width:1px;height:48px;background:var(--ink-2);animation:drop 2.2s ease-in-out infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* river */
#river{padding-block:120px 40px}
#river header{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
#river h2{font-size:clamp(30px,4vw,56px)}
#river h2 em{font-style:italic;color:var(--accent-2)}
.track-wrap{position:relative;height:260vh}
.track-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}
.track{display:flex;gap:clamp(24px,4vw,64px);will-change:transform;padding-inline:clamp(20px,5vw,72px)}
.work{flex:0 0 auto;display:grid;gap:14px;cursor:pointer;text-align:left}
.work figure{margin:0;position:relative;overflow:hidden;background:var(--ground-2);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.work img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.work:hover img{transform:scale(1.04)}
.work .meta{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.work .meta h3{font-size:22px;font-style:italic}
.work .meta span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3);white-space:nowrap}
.work .emo{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.work.dim{opacity:.35}
.work,.work img{transition:opacity .6s}

/* story */
#story{padding-block:80px 0}
.story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.story-canvas{position:sticky;top:8svh;height:84svh;display:grid;align-content:center;justify-items:center;gap:14px}
.story-canvas figure{margin:0;width:min(100%,46vw);max-height:72svh;aspect-ratio:4/5;overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.9);transition:filter 1.2s}
.story-canvas img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.15);transition:transform 1.2s ease-out}
.story-canvas .cap{width:min(100%,46vw);display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase}
.chapters{display:grid}
.chapter{min-height:84svh;display:grid;align-content:center;gap:22px;max-width:52ch}
.chapter h2{font-size:clamp(30px,3.6vw,52px);line-height:1.05}
.chapter h2 em{font-style:italic;color:var(--accent-2)}
.chapter p{margin:0;color:var(--ink-2);font-size:18px}
.chapter .eyebrow{color:var(--accent-2)}
@media (max-width:820px){.story-grid{grid-template-columns:1fr}.story-canvas{position:relative;height:auto;margin-bottom:24px}.story-canvas figure{width:100%}.story-canvas .cap{width:100%}.chapter{min-height:0;padding-block:40px}}

/* inquiry */
.inquiry{border-top:1px solid var(--line);padding-top:24px;display:grid;gap:14px;max-width:52ch}
.inquiry label{font-family:var(--serif);font-style:italic;font-size:22px}
.field{display:grid;gap:8px}
.field input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--ink-3);padding:12px 0;font:inherit;font-size:17px;color:var(--ink);border-radius:0}
.field input:focus{outline:0;border-bottom-color:var(--accent-2)}
.field input::placeholder{color:var(--ink-3)}
.row{display:flex;gap:16px;flex-wrap:wrap;align-items:end}
.row .field{flex:1 1 220px}
.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border:1px solid var(--ink);border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .3s,color .3s,transform .3s}
.btn:hover{background:var(--ink);color:var(--ground);transform:translateY(-1px)}
.btn.solid{background:var(--ink);color:var(--ground)}
.btn.solid:hover{background:var(--accent-2);border-color:var(--accent-2)}
.thanks{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--accent-2);display:none}

/* scale moment */
#scale{position:relative;height:300vh}
#scale .stick{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center;background:var(--ground)}
#scale .piece{position:absolute;width:min(60vw,520px);aspect-ratio:4/5;overflow:hidden;will-change:transform;box-shadow:0 60px 120px -40px rgba(0,0,0,.9)}
#scale .piece img{width:100%;height:100%;object-fit:cover;display:block}
#scale .line{position:absolute;bottom:14vh;left:0;right:0;text-align:center;padding-inline:20px;pointer-events:none}
#scale .line h2{font-size:clamp(28px,4vw,56px)}
#scale .line h2 em{font-style:italic;color:var(--accent-2)}
#scale .room{position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none}
.room .wall{position:absolute;inset:0;background:linear-gradient(180deg,#d9d2c8 0%,#cfc7bc 70%,#b8afa3 100%)}
.room .floor{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,#8f7f6a,#6b5d4c)}
.room .sofa{position:absolute;left:50%;bottom:16%;transform:translateX(-50%);width:min(52vw,560px);height:16vh;background:#3a3a44;border-radius:18px 18px 8px 8px}
.room .sofa::before{content:"";position:absolute;left:4%;right:4%;top:-38%;height:44%;background:#43434e;border-radius:12px}
.room .plant{position:absolute;right:12%;bottom:22%;width:5vw;height:20vh;background:radial-gradient(ellipse at 50% 20%,#2f5a3a 0 45%,transparent 46%),linear-gradient(#5b4638,#5b4638) 50% 100%/22% 40% no-repeat}
.room .dim{position:absolute;right:clamp(20px,5vw,72px);top:20vh;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#3a3a44;text-align:right;line-height:1.9}

/* wall preview */
#wall{padding-block:120px}
#wall .head{display:grid;gap:14px;max-width:60ch;margin-bottom:40px}
#wall h2{font-size:clamp(30px,4vw,56px)}
#wall h2 em{font-style:italic;color:var(--accent-2)}
.wall-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:820px){.wall-grid{grid-template-columns:1fr}}
.viewer{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:2px;background:#ccc}
.viewer .wall{position:absolute;inset:0;transition:background .6s}
.viewer .floor{position:absolute;left:0;right:0;bottom:0;height:24%;transition:background .6s}
.viewer .shadow{position:absolute;left:12%;right:12%;bottom:24%;height:6%;background:radial-gradient(ellipse,rgba(0,0,0,.35),transparent 70%)}
.viewer .furniture{position:absolute;left:50%;bottom:18%;transform:translateX(-50%);width:48%;height:18%;background:#3b3b46;border-radius:10px 10px 4px 4px}
.viewer .frame{position:absolute;left:50%;top:14%;transform:translateX(-50%);box-shadow:0 20px 40px -14px rgba(0,0,0,.6);outline:6px solid #1a1a1f;outline-offset:-6px;transition:width .5s,height .5s}
.viewer .frame img{width:100%;height:100%;object-fit:cover;display:block}
.viewer .scale{position:absolute;left:16px;bottom:14px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#2a2a30;background:rgba(255,255,255,.55);padding:4px 8px}
.controls{display:grid;gap:28px}
.controls .group{display:grid;gap:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);transition:all .3s}
.chips button:hover{border-color:var(--ink-2);color:var(--ink)}
.chips button[aria-pressed="true"]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.controls .save{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.controls .save p{margin:0;color:var(--ink-2);font-size:15px}

/* commission */
#commission{padding-block:40px 140px}
#commission .card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);padding:clamp(28px,4vw,56px);border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.03),transparent)}
@media (max-width:820px){#commission .card{grid-template-columns:1fr}}
#commission h2{font-size:clamp(28px,3.4vw,46px)}
#commission h2 em{font-style:italic;color:var(--accent-2)}
#commission p{color:var(--ink-2);margin:12px 0 0}
.builder{display:grid;gap:20px}
.builder .out{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--ink);padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:70px}

/* footer */
footer{border-top:1px solid var(--line);padding-block:48px 64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
footer .name{font-family:var(--serif);font-size:30px;text-transform:none;letter-spacing:-.02em;color:var(--ink);line-height:1}
footer .col{display:grid;gap:10px;align-content:start}
footer a{text-decoration:none;color:var(--ink-2)}
footer a:hover{color:var(--ink)}
footer .big{font-family:var(--serif);font-size:22px;text-transform:none;letter-spacing:0;color:var(--ink)}

/* drawer */
#drawer{position:fixed;left:0;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);width:min(360px,calc(100vw - 32px));background:var(--ground-2);border:1px solid var(--line);border-left:0;padding:24px 26px;z-index:45;transform:translateX(-110%);transition:transform .8s cubic-bezier(.2,.8,.2,1);display:grid;gap:14px}
#drawer.show{transform:none}
#drawer h3{font-size:22px;font-style:italic}
#drawer p{margin:0;color:var(--ink-2);font-size:14px}
#drawer .x{position:absolute;top:10px;right:12px;color:var(--ink-3);font-size:18px}

/* note (chat) */
#note{position:fixed;right:24px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:46;font-family:var(--hand);font-size:22px;color:var(--ground);background:var(--accent-2);padding:10px 18px 12px;border-radius:2px 14px 14px 14px;transform:rotate(-3deg);box-shadow:0 18px 40px -12px rgba(0,0,0,.7);transition:transform .3s}
#note:hover{transform:rotate(0) scale(1.04)}

/* modal / bloom */
.modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;visibility:hidden}
.modal.show{visibility:visible}
.modal .bloom{position:absolute;inset:0;background:radial-gradient(circle at var(--bx,50%) var(--by,50%),var(--accent) 0,var(--ground) 0);transition:background .01s}
.modal.show .bloom{animation:bloom 1.1s cubic-bezier(.7,0,.2,1) forwards}
@keyframes bloom{0%{background:radial-gradient(circle at var(--bx,50%) var(--by,50%),var(--accent) 0,var(--ground) 0);opacity:0}30%{opacity:1}100%{background:radial-gradient(circle at var(--bx,50%) var(--by,50%),var(--accent) 0,var(--accent) 65%,var(--ground) 66%);opacity:.96}}
.modal .box{position:relative;width:min(560px,100%);display:grid;gap:22px;opacity:0;transform:translateY(20px);transition:opacity .6s .5s,transform .6s .5s}
.modal.show .box{opacity:1;transform:none}
.modal h2{font-size:clamp(30px,4vw,52px);line-height:1.05}
.modal h2 em{font-style:italic}
.modal p{margin:0;color:var(--ink);opacity:.8}
.modal .x{position:absolute;top:-40px;right:0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.modal .field input{border-bottom-color:var(--ink)}
.modal .btn{border-color:var(--ink)}

/* toast */
#toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);transform:translate(-50%,20px);background:var(--ink);color:var(--ground);padding:12px 20px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;z-index:80;opacity:0;transition:all .4s;pointer-events:none}
#toast.show{opacity:1;transform:translate(-50%,0)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  body::after{display:none}
}

/* ===== trade page ===== */
.page-hero{position:relative;min-height:70svh;display:grid;align-items:end;padding-block:140px 64px;overflow:hidden;isolation:isolate}
.page-hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.9}
.page-hero::before{content:"";position:absolute;inset:auto 0 0 0;height:70%;background:linear-gradient(180deg,transparent,rgba(11,10,16,.85));pointer-events:none}
.page-hero .inner{position:relative;display:grid;gap:24px;max-width:1000px}
.page-hero h1{font-size:clamp(42px,7vw,110px);line-height:.92}
.page-hero h1 em{font-style:italic;color:var(--accent-2)}
.page-hero p.lede{margin:0;font-size:clamp(17px,1.4vw,21px);color:var(--ink-2);max-width:56ch}
.section{padding-block:clamp(72px,10vw,140px)}
.section > .head{display:grid;gap:14px;max-width:62ch;margin-bottom:clamp(32px,5vw,64px)}
.section h2{font-size:clamp(32px,4.2vw,60px);line-height:1}
.section h2 em{font-style:italic;color:var(--accent-2)}
.section .head p{margin:0;color:var(--ink-2);font-size:18px}
.proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof div{padding:28px 24px;display:grid;gap:8px;border-right:1px solid var(--line)}
.proof div:first-child{padding-left:0}
.proof div:last-child{border-right:0}
.proof b{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.6vw,52px);line-height:1;font-variant-numeric:tabular-nums}
.proof span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;counter-reset:step}
@media (max-width:900px){.journey{grid-template-columns:1fr}}
.journey .step{position:relative;background:var(--ground-2);padding:28px 24px 32px;display:grid;gap:14px;align-content:start;min-height:300px}
.journey .step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--accent-2)}
.journey .step h3{font-size:26px;font-style:italic}
.journey .step p{margin:0;color:var(--ink-2);font-size:15px}
.journey .step .when{margin-top:auto;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.journey .step .art{height:90px;background:var(--ground);overflow:hidden}
.journey .step .art img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
@media (max-width:900px){.tiers{grid-template-columns:1fr}}
.tier{background:var(--ground-2);padding:36px 30px 40px;display:grid;gap:22px;align-content:start;position:relative;overflow:hidden}
.tier .swatch{height:160px;display:flex;gap:2px}
.tier .swatch img{flex:1 1 0;width:0;min-width:0;object-fit:cover;display:block}
.tier h3{font-size:34px;font-style:italic;line-height:1}
.tier .n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2)}
.tier p{margin:0;color:var(--ink-2);font-size:15px}
.tier ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:15px;color:var(--ink-2)}
.tier ul li{padding-left:18px;position:relative}
.tier ul li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:1px;background:var(--accent-2)}
.tier.featured{outline:1px solid var(--accent-2);outline-offset:-1px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
@media (max-width:820px){.split{grid-template-columns:1fr}}
.split figure{margin:0;aspect-ratio:4/5;overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.9)}
.split figure img{width:100%;height:100%;object-fit:cover;display:block}
.faq{display:grid;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:22px 0;font-family:var(--serif);font-size:24px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--ink-3);font-size:18px}
.faq details[open] summary::after{content:"\2013"}
.faq details p{margin:0 0 24px;color:var(--ink-2);max-width:62ch}
.trade-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);padding:clamp(28px,4vw,56px);border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.03),transparent)}
@media (max-width:820px){.trade-form{grid-template-columns:1fr}}
.trade-form form{display:grid;gap:22px}
.trade-form .two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:560px){.trade-form .two{grid-template-columns:1fr}}
.field label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.field select,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--ink-3);padding:12px 0;font:inherit;font-size:17px;color:var(--ink);border-radius:0;resize:vertical}
.field select:focus,.field textarea:focus{outline:0;border-bottom-color:var(--accent-2)}
.field select option{background:var(--ground-2);color:var(--ink)}
.trade-form .side{display:grid;gap:20px;align-content:start}
.trade-form .side p{margin:0;color:var(--ink-2)}
.trade-form .side .who{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:20px}
.trade-form .side .who b{font-family:var(--serif);font-weight:400;font-size:24px}
.trade-form .side .who a{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--ink-2);text-decoration:none}
.tagline{font-family:var(--serif);font-style:italic;font-size:clamp(28px,4vw,56px);line-height:1.1;max-width:24ch;color:var(--ink)}
.tagline em{color:var(--accent-2);font-style:italic}