
body.inquiry-reading::before{opacity:.12}
body.inquiry-reading canvas#neural-canvas,body.inquiry-reading canvas#fx-canvas,body.inquiry-reading canvas#draw-canvas{opacity:.25}

.commission,.studio-footer{--paper:#ece4d6;--ink-soft:#b6bac3;--champagne:#d7c5a4;--rule:rgba(219,218,220,.15);--mono:'Geist Mono',ui-monospace,monospace;--serif:'Zodiak','Iowan Old Style',Georgia,serif;position:relative;z-index:3;width:min(1160px,calc(100% - 80px));margin:auto;color:var(--paper);font-family:var(--serif);font-synthesis:none}
.commission{padding:64px 0 56px;scroll-margin-top:32px}
.commission [hidden]{display:none!important}
.commission-eyebrow{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--rule);padding-top:22px;margin:0;font:500 11px/1.6 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}
.commission h2{font:400 clamp(60px,7.4vw,104px)/.92 var(--serif);letter-spacing:-.035em;margin:34px 0 18px}
.commission h2 em{font-style:italic;color:#c9b894}
.commission-lede{font:400 19px/1.5 var(--serif);color:#cfcbc3;max-width:520px;margin:0 0 40px}
.brief{display:grid;gap:30px;padding:34px 36px 32px;border:1px solid rgba(233,244,251,.12);border-radius:26px 6px 26px 6px;background:linear-gradient(160deg,rgba(18,24,33,.86),rgba(7,11,17,.93));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 120px -60px rgba(0,0,0,.9)}
.brief-row{border:0;margin:0;padding:0;min-width:0}
.brief-row legend{display:flex;align-items:baseline;gap:12px;width:100%;padding:0;margin-bottom:14px;font:500 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.brief-row legend span{color:var(--champagne)}
.brief-row legend small{margin-left:auto;font:500 10.5px/1.4 var(--mono);letter-spacing:.1em;color:#99a1ad}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{position:relative;display:inline-flex;cursor:pointer}
.chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border:1px solid rgba(233,244,251,.16);border-radius:14px 4px 14px 4px;font:400 16px/1 var(--serif);color:#dcd7ce;background:rgba(255,255,255,.015);transition:border-color .25s,background .25s,color .25s,transform .2s}
.chip span::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;border:1px solid rgba(215,197,164,.55);transition:background .25s,border-color .25s,box-shadow .25s}
.chip input[type=checkbox]+span::before{border-radius:2px}
.chip:hover span{border-color:rgba(215,197,164,.45);color:#f1e7d6}
.chip input:checked+span{border-color:var(--champagne);background:linear-gradient(160deg,rgba(215,197,164,.17),rgba(215,197,164,.05));color:#f6ead3}
.chip input:checked+span::before{background:var(--champagne);border-color:var(--champagne);box-shadow:0 0 10px rgba(215,197,164,.55)}
.chip input:focus-visible+span{outline:2px solid #e6c991;outline-offset:3px}
.chip:active span{transform:scale(.98)}
.brief-fields{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:22px}
.field{display:block;min-width:0}
.field>span{display:block;margin-bottom:4px;font:500 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#aab1bc}
.field>span i{margin-left:6px;font-style:normal;letter-spacing:.08em;color:#848d9a}
.field input{display:block;width:100%;padding:10px 0;border:0;border-bottom:1px solid rgba(215,197,164,.35);border-radius:0;background:transparent;font:400 17px/1.4 var(--serif);color:#f0e8da;transition:border-color .25s}
.field input:focus{outline:0;border-bottom-color:var(--champagne)}
.brief-call{display:inline-flex;align-items:center;gap:12px;margin-top:20px;font:400 16px/1.4 var(--serif);color:#dcd7ce;cursor:pointer}
.brief-call input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:36px;height:21px;margin:0;border:1px solid rgba(233,244,251,.25);border-radius:999px;background:rgba(255,255,255,.04);cursor:pointer;transition:background .25s,border-color .25s}
.brief-call input::after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#c9c4bb;transition:transform .25s,background .25s}
.brief-call input:checked{background:rgba(215,197,164,.3);border-color:var(--champagne)}
.brief-call input:checked::after{transform:translateX(15px);background:#f6ead3}
.brief-call input:focus-visible{outline:2px solid #e6c991;outline-offset:3px}
.brief-send{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px 28px;padding-top:24px;border-top:1px solid var(--rule)}
.brief-line{grid-column:1/-1;margin:0;min-height:26px;font:italic 400 18px/1.45 var(--serif);color:#dccba9}
.brief-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:0 24px 0 26px;border:1px solid var(--champagne);border-radius:16px 4px 16px 4px;background:linear-gradient(160deg,rgba(215,197,164,.24),rgba(215,197,164,.08));color:#fbf1df;font:400 18px/1 var(--serif);text-decoration:none;transition:background .25s,transform .2s,box-shadow .25s}
.brief-primary::after{content:"";flex:none;width:26px;height:9px;background:#e6d4b0;clip-path:polygon(0 44%,80% 44%,66% 0,73% 0,100% 50%,73% 100%,66% 100%,80% 56%,0 56%);transition:transform .25s}
.brief-primary:hover{background:linear-gradient(160deg,rgba(215,197,164,.34),rgba(215,197,164,.12));box-shadow:0 18px 50px -24px rgba(215,197,164,.5)}
.brief-primary:hover::after{transform:translateX(4px)}
.brief-primary:active{transform:scale(.985)}
.brief-alt{display:flex;flex-direction:column;gap:2px;min-width:0}
.brief-alt button{align-self:flex-start;min-height:36px;padding:6px 0;border:0;background:none;font:400 16px/1.3 var(--serif);color:#dcd7ce;text-decoration:underline;text-decoration-color:rgba(215,197,164,.45);text-underline-offset:5px;cursor:pointer}
.brief-alt span{font:400 14px/1.5 var(--serif);color:#a4acb8}
.brief-status{grid-column:1/-1;margin:0;font:400 15px/1.5 var(--serif);color:#dccba9}.brief-status:empty{display:none}
#brief-copy-fallback{grid-column:1/-1;width:100%;height:160px;padding:12px;border:1px solid var(--rule);background:rgba(0,0,0,.3);font:13px/1.6 var(--mono);color:#e9e1d2}
.commission-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:40px 0 0;padding:0;list-style:none}
.commission-promise li{padding-top:16px;border-top:1px solid var(--rule);font:400 15px/1.55 var(--serif);color:#b9bdc5}
.commission-promise li span{display:block;margin-bottom:10px;font:500 10.5px/1 var(--mono);letter-spacing:.16em;color:var(--champagne)}
.commission-promise li b{display:block;margin-bottom:4px;font-weight:400;font-size:18px;color:var(--paper)}
.commission-fine{margin-top:28px;border-top:1px solid var(--rule)}
.commission-fine summary{display:flex;justify-content:space-between;gap:20px;padding:18px 0;list-style:none;font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#aab1bc;cursor:pointer}
.commission-fine summary::-webkit-details-marker{display:none}
.commission-fine summary::after{content:"+";font-size:15px;line-height:1;color:var(--champagne);transition:transform .25s}
.commission-fine[open] summary::after{transform:rotate(45deg)}
.commission-fine p{max-width:760px;margin:0;padding-bottom:20px;font:400 15px/1.75 var(--serif);color:#b4bac4}
.commission-noscript{padding:25px 0;font:400 17px/1.7 var(--serif)}.commission-noscript a{color:inherit}
.project-brief-entry{color:inherit;text-decoration:none}
#credentials{padding-bottom:40px}
.studio-footer{display:flex;flex-direction:column;align-items:center;padding:30px 0 34px;border-top:1px solid var(--rule);text-align:center}
.footer-mark{width:min(340px,72vw);margin:0 auto -56px}
.footer-mark img{display:block;width:100%;height:auto}
.studio-footer.await .footer-mark img{opacity:0;transform:translateY(16px) scale(.97);transition:opacity 1.6s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1)}
.studio-footer.await.in-view .footer-mark img{opacity:1;transform:none}
.footer-lockup{position:relative;display:flex;flex-direction:column;align-items:center;margin:0}
.footer-name{padding-left:.46em;font:300 clamp(20px,2.3vw,29px)/1 var(--serif);letter-spacing:.46em;text-transform:uppercase;color:#eee9df}
.footer-axis{width:min(340px,72vw);height:1px;margin:20px 0 16px;background:linear-gradient(90deg,transparent,rgba(238,233,223,.5),transparent)}
.footer-studio{padding-left:.72em;font:500 11px/1 'Panchang','Avenir Next',sans-serif;letter-spacing:.72em;text-transform:uppercase;color:rgba(238,233,223,.8)}
.footer-line{margin:24px 0 0;font:400 17px/1.5 var(--serif);color:#aeb5bf}
.footer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px}
.footer-cta,.footer-email{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:14px 4px 14px 4px;font:400 17px/1 var(--serif);text-decoration:none;transition:background .25s,border-color .25s,color .25s}
.footer-cta{border:1px solid var(--champagne);background:rgba(215,197,164,.1);color:#fbf1df}
.footer-cta:hover{background:rgba(215,197,164,.2)}
.footer-email{border:1px solid rgba(233,244,251,.18);color:#dcd7cf}
.footer-email:hover{border-color:rgba(233,244,251,.4);color:#fff}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 28px;width:100%;margin-top:36px;padding-top:20px;border-top:1px solid var(--rule)}
.footer-nav a{padding:12px 0;font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#b4bac4;text-decoration:none;transition:color .2s}
.footer-nav a:hover{color:#fff}
.footer-meta{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:6px}
.footer-privacy summary{padding:8px 0;list-style:none;font:400 15px/1.4 var(--serif);color:#a4acb8;text-decoration:underline;text-decoration-color:rgba(164,172,184,.4);text-underline-offset:4px;cursor:pointer}
.footer-privacy summary::-webkit-details-marker{display:none}
.footer-privacy p{max-width:560px;margin:6px auto 4px;font:400 14px/1.6 var(--serif);color:#a4acb8}
.footer-copyright{margin:0;font:500 10.5px/1.6 var(--mono);letter-spacing:.12em;color:#949ca8}
.commission :focus-visible,.studio-footer :focus-visible{outline:2px solid #e6c991;outline-offset:5px}
.commission::after,.studio-footer::before{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);right:calc(50% - 50vw);pointer-events:none}
.commission::after{bottom:-30px;height:220px;background:linear-gradient(rgba(6,9,15,0),#06090f)}
.studio-footer::before{top:0;height:180px;background:linear-gradient(#06090f,rgba(6,9,15,0))}

@media(min-width:720px){.brief-fields{grid-template-columns:1fr 1fr}.brief-fields .field:last-child{grid-column:1/-1;max-width:calc(50% - 11px)}}

@media(min-width:1080px){
  .commission{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);grid-template-rows:auto auto auto auto 1fr;column-gap:64px;align-items:start}
  .commission-heading{display:contents}
  .commission-eyebrow{grid-column:1/-1;grid-row:1}
  .commission h2{grid-column:1;grid-row:2;margin:44px 0 18px}
  .commission-lede{grid-column:1;grid-row:3}
  .brief{grid-column:2;grid-row:2/span 4;margin-top:44px}
  .commission-promise{grid-column:1;grid-row:4;grid-template-columns:1fr;gap:20px;margin-top:4px}
  .commission-fine{grid-column:1;grid-row:5}
}

@media(max-width:719px){
  .commission,.studio-footer{width:calc(100% - 40px)}
  .commission{padding:44px 0 40px}
  #credentials{padding-bottom:22px}
  .commission-eyebrow{font-size:10.5px;letter-spacing:.12em}
  .commission h2{font-size:clamp(54px,14vw,78px);margin:26px 0 14px}
  .commission-lede{font-size:17px;margin-bottom:28px}
  .brief{gap:26px;padding:24px 18px 22px;border-radius:22px 5px 22px 5px}
  .chips{gap:8px}
  .chip span{min-height:44px;padding:0 14px;font-size:15px}
  .brief-fields{grid-template-columns:1fr;gap:18px}
  .brief-send{grid-template-columns:1fr}
  .brief-primary{width:100%}
  .commission-promise{grid-template-columns:1fr;gap:18px;margin-top:30px}
  .commission::after{bottom:-15px;height:160px}
  .studio-footer::before{height:140px}
  .footer-actions{flex-direction:column;align-items:stretch;width:100%;max-width:340px}
}
@media(prefers-reduced-motion:reduce){.commission *,.studio-footer *{transition:none!important;animation:none!important}}
