.commission-page{background:var(--bg);min-height:100vh}.commission-page .site-header{color:var(--ink)}.commission-container{width:min(1180px,100% - 48px);margin-inline:auto}.commission-intro{text-align:center;background:radial-gradient(circle at 50% 8%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 38%), linear-gradient(155deg, var(--bg), var(--bg-soft));border-bottom:1px solid var(--line);min-height:350px;padding:146px 24px 66px}.commission-kicker{color:var(--accent-strong);letter-spacing:.18em;margin:0 0 15px;font-size:11px;font-weight:600}.commission-kicker span{opacity:.5;margin-inline:6px}.commission-intro h1{font-family:var(--font-serif);letter-spacing:-.04em;margin:0;font-size:clamp(44px,5vw,66px);font-weight:400;line-height:1.2}.commission-intro>p:not(.commission-kicker){max-width:680px;color:var(--muted);margin:18px auto 0;font-size:14px;line-height:1.8}.availability-pill{border:1px solid var(--line);width:max-content;max-width:100%;color:var(--accent-strong);background:var(--surface);letter-spacing:.04em;border-radius:100px;align-items:center;gap:10px;margin:24px auto 0;padding:9px 16px;font-size:11px;display:flex}.availability-pill span{background:#87acbc;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #87acbc29}.commission-catalog,.basic-scope,.fees-section,.payment-section,.process-section,.long-term,.terms-section{padding-block:76px}.catalog-topline,.section-heading{justify-content:space-between;align-items:end;gap:48px;margin-bottom:28px;display:flex}.commission-page .section-index{margin:0 0 12px}.commission-page h2{font-family:var(--font-serif);letter-spacing:-.025em;margin:0;font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.25}.catalog-topline h2{font-size:clamp(21px,2.35vw,30px)}.rate-box{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:5px;display:flex}.rate-box span{color:var(--faint);font-size:10px}.rate-box strong{color:var(--muted);letter-spacing:.04em;font-size:12px;font-weight:500}.category-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:32px;display:grid}.category-tabs button{border:1px solid var(--line);background:var(--surface-solid);min-height:58px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:13px;padding:11px;font-size:13px;transition:background .2s,color .2s,border-color .2s;display:flex}.category-tabs button span{opacity:.58;font-size:9px}.category-tabs button:hover{border-color:var(--accent);color:var(--ink)}.category-tabs button[aria-selected=true]{border-color:var(--accent-strong);background:var(--accent-strong);color:#fff}.category-panel[hidden]{display:none}.category-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:16px;padding-bottom:15px;display:flex}.category-panel-head h3{margin:0;font-size:17px;font-weight:500}.category-panel-head span{color:var(--faint);letter-spacing:.12em;font-size:10px}.commission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.commission-card{border:1px solid var(--line);background:var(--surface-solid);min-width:0;transition:border-color .25s,box-shadow .25s;overflow:hidden;box-shadow:0 9px 26px #3a507309}.commission-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:0 16px 32px #3a507313}.sample-gallery{background:var(--bg-soft);scrollbar-width:thin;gap:5px;min-width:0;padding:6px;display:flex;overflow-x:auto}.sample-empty,.sample-image{background:radial-gradient(ellipse at 78% 13%, color-mix(in srgb, var(--lavender) 18%, transparent), transparent 32%), linear-gradient(135deg, color-mix(in srgb, var(--bg-soft) 83%, white), color-mix(in srgb, var(--accent) 13%, var(--bg-soft)));border:0;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;gap:9px;height:212px;display:flex;position:relative;overflow:hidden}html[data-theme=dark] .sample-empty,html[data-theme=dark] .sample-image{background:linear-gradient(135deg,#182337,#253149)}.sample-empty:before,.sample-empty:after{content:"";background:color-mix(in srgb, var(--accent) 28%, transparent);width:62%;height:1px;position:absolute;transform:rotate(-26deg)}.sample-empty:after{transform:rotate(26deg)}.sample-lines{border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);position:absolute;inset:15% 22%}.sample-center,.sample-empty small{z-index:1;max-width:90%;color:var(--accent-strong);background:var(--bg-soft);text-align:center;padding-inline:8px;position:relative}.sample-center{letter-spacing:.08em;font-size:11px}.sample-empty small{color:var(--muted);font-size:9px;line-height:1.5}.sample-image{cursor:zoom-in}.sample-image img{object-fit:contain;width:100%;height:100%}.sample-zoom{background:var(--surface-solid);width:30px;height:30px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:9px;right:9px}.commission-card-body{padding:20px 20px 19px}.card-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.card-head h4{margin:0;font-size:18px;font-weight:600;line-height:1.45}.rate-tag{background:color-mix(in srgb, var(--accent) 12%, var(--surface-solid));max-width:49%;color:var(--accent-strong);text-align:center;border-radius:3px;flex:none;padding:5px 8px;font-size:9px;line-height:1.35}.rate-trial,.rate-reference{color:#866b43;background:#f4ead9}html[data-theme=dark] .rate-trial,html[data-theme=dark] .rate-reference{color:#efcf98;background:#3d3429}.commission-card-body>p{min-height:65px;color:var(--muted);margin:14px 0 16px;font-size:12px;line-height:1.75}.price-block{border-top:1px solid var(--line);flex-direction:column;justify-content:center;gap:4px;min-height:62px;display:flex}.price-block strong{letter-spacing:-.02em;font-size:21px;font-weight:600}.price-block span{color:var(--muted);font-size:12px}.rate-note{color:var(--muted);align-items:start;gap:12px;margin-top:22px;font-size:11px;line-height:1.7;display:flex}.rate-note span{color:var(--accent-strong);font-size:15px}.rate-note p{margin:0}.basic-scope{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:210px 1fr;gap:24px 42px;display:grid}.basic-scope .section-index{grid-column:1;margin-top:6px}.basic-scope h2{grid-area:1/2}.basic-scope>p:last-child{max-width:780px;color:var(--muted);grid-column:2;margin:0;font-size:13px;line-height:1.95}.section-heading>p{max-width:490px;color:var(--muted);margin:0 0 3px;font-size:13px;line-height:1.8}.fee-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;column-gap:42px;display:grid}.fee-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:64px;font-size:13px;display:flex}.fee-row strong{color:var(--accent-strong);text-align:right;font-size:12px;font-weight:600}.fine-print{color:var(--muted);gap:7px;margin:23px 0 0;padding-left:17px;font-size:11px;line-height:1.8;display:grid}.payment-section{border-top:1px solid var(--line)}.payment-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.payment-card{border:1px solid var(--line);background:var(--surface-solid);flex-direction:column;align-items:start;min-height:155px;padding:24px 27px;display:flex}.payment-card span{color:var(--accent-strong);font-size:11px}.payment-card strong{margin-top:20px;font-size:20px;font-weight:500}.payment-card small{color:var(--faint);letter-spacing:.13em;margin-top:auto;font-size:10px}.payment-note{color:var(--muted);margin:19px 0 0;font-size:11px;line-height:1.8}.process-section{border-top:1px solid var(--line)}.process-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px;margin:44px 0 0;padding:0;list-style:none;display:grid}.process-grid li{border-bottom:1px solid var(--line);min-height:175px;padding:20px 0}.process-grid li span{color:var(--accent);letter-spacing:.12em;font-size:11px}.process-grid h3{margin:20px 0 8px;font-size:17px;font-weight:600}.process-grid p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.long-term{border-top:1px solid var(--line);grid-template-columns:.88fr 1.12fr;gap:80px;display:grid}.long-term h2{margin-bottom:18px}.long-badge{border:1px solid var(--line);color:var(--accent-strong);padding:7px 10px;font-size:10px;display:inline-block}.long-term>div:last-child>p{color:var(--muted);margin:0;font-size:13px;line-height:1.95}.commission-link{border-bottom:1px solid var(--accent);color:var(--accent-strong);align-items:center;gap:36px;margin-top:24px;padding-bottom:8px;font-size:12px;display:inline-flex}.commission-link span{font-size:15px}.terms-section{border-top:1px solid var(--line);scroll-margin-top:76px}.terms-list{border-top:1px solid var(--line)}.terms-item{border-bottom:1px solid var(--line)}.terms-item summary{cursor:pointer;align-items:center;gap:20px;min-height:69px;padding:13px 2px;font-size:14px;font-weight:600;list-style:none;display:flex}.terms-item summary::-webkit-details-marker{display:none}.terms-number{width:31px;color:var(--faint);font-family:var(--font-serif);flex:0 0 31px;font-size:13px;font-weight:400}.terms-item summary small{border:1px solid var(--line);color:var(--accent-strong);white-space:nowrap;margin-left:auto;padding:5px 8px;font-size:10px;font-weight:500}.terms-chevron{color:var(--accent-strong);margin-left:auto;font-size:20px;font-weight:400;line-height:1;transition:transform .2s}.terms-item summary small+.terms-chevron{margin-left:1px}.terms-item[open] .terms-chevron{transform:rotate(45deg)}.terms-item>p{max-width:830px;color:var(--muted);margin:-3px 48px 24px 53px;font-size:12px;line-height:1.85}.inquiry-section{background:var(--bg-soft);border-top:1px solid var(--line);padding:86px 0 110px}.inquiry-layout{grid-template-columns:.8fr 1.2fr;gap:clamp(36px,7vw,110px);display:grid}.inquiry-heading h2{max-width:370px}.inquiry-heading>p:not(.section-index){max-width:380px;color:var(--muted);margin:24px 0 18px;font-size:13px;line-height:1.9}.inquiry-heading>span{color:var(--faint);font-size:11px;line-height:1.7}.inquiry-form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.inquiry-form label{min-width:0;color:var(--ink);flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}.inquiry-form input,.inquiry-form select,.inquiry-form textarea,.draft-output{border:1px solid var(--line);background:var(--surface-solid);width:100%;min-height:46px;color:var(--ink);font:400 13px/1.5 var(--font-sans);border-radius:0;outline:0;padding:11px 12px}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.inquiry-form textarea{resize:vertical;min-height:132px}.form-pair{grid-template-columns:1fr 92px;gap:10px;display:grid}.form-wide,.form-actions,.recipient-note,.draft-output,.form-status{grid-column:1/-1}.form-actions{flex-wrap:wrap;gap:10px;margin-top:3px;display:flex}.form-actions button{border:1px solid var(--accent-strong);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:47px;padding:10px 18px;font-size:11px;font-weight:600;display:inline-flex}.submit-button{background:var(--accent-strong);color:#fff}.email-button{color:var(--accent-strong);background:0 0}.form-actions button:hover{filter:brightness(1.08)}.recipient-note,.form-status{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.form-status:empty{display:none}.draft-output{resize:vertical;min-height:160px}.draft-output[hidden]{display:none}.commission-footer{align-items:center;gap:30px;min-height:140px;display:flex}.commission-footer>span{font-family:var(--font-serif);font-size:34px}.commission-footer small{color:var(--faint);font-size:10px}.commission-footer a{color:var(--muted);margin-left:auto;font-size:11px}.image-dialog{border:1px solid var(--line);background:var(--surface-solid);max-width:min(92vw,1400px);max-height:92vh;color:var(--ink);padding:25px;box-shadow:0 30px 90px #0000004d}.image-dialog::backdrop{background:#070d18d6}.image-dialog img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(92vh - 50px);margin:auto;display:block}.dialog-close{color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1;position:absolute;top:4px;right:7px}.commission-page :focus-visible,.image-dialog :focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}@media (width<=900px){.commission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inquiry-layout{grid-template-columns:1fr;gap:40px}.inquiry-heading h2,.inquiry-heading>p:not(.section-index){max-width:650px}}@media (width<=700px){.commission-container{width:min(100% - 36px,560px)}.commission-intro{min-height:318px;padding:110px 18px 50px}.commission-intro h1{font-size:44px}.commission-intro>p:not(.commission-kicker){font-size:12px}.availability-pill{font-size:10px}.commission-catalog,.basic-scope,.fees-section,.payment-section,.process-section,.long-term,.terms-section{padding-block:58px}.catalog-topline,.section-heading{flex-direction:column;align-items:start;gap:15px}.rate-box{align-items:flex-start}.category-tabs{gap:5px}.category-tabs button{flex-direction:column;gap:2px;min-height:53px;padding:6px 2px;font-size:11px}.category-tabs button span{font-size:8px}.commission-grid{grid-template-columns:1fr}.sample-empty,.sample-image{height:230px}.commission-card-body>p{min-height:0}.basic-scope{display:block}.basic-scope h2{margin-bottom:18px}.fee-grid,.payment-grid{grid-template-columns:1fr}.fee-row{min-height:58px}.fee-row strong{max-width:54%}.process-grid{grid-template-columns:1fr 1fr;gap:0 15px}.process-grid li{min-height:160px}.process-grid h3{font-size:15px}.long-term{grid-template-columns:1fr;gap:25px}.terms-item summary{gap:10px;font-size:12px}.terms-number{flex-basis:23px;width:23px}.terms-item summary small{white-space:normal;text-align:center;max-width:100px;font-size:9px}.terms-item>p{margin:0 20px 21px 33px}.inquiry-section{padding-block:65px 80px}.inquiry-form{gap:15px}.commission-footer{flex-wrap:wrap;gap:4px 18px;min-height:118px}.commission-footer a{white-space:nowrap}}@media (width<=430px){.inquiry-form{grid-template-columns:1fr}.inquiry-form>label,.form-pair{grid-column:1}.form-pair{grid-template-columns:1fr 88px}.form-wide,.form-actions,.recipient-note,.draft-output,.form-status{grid-column:1}.process-grid{grid-template-columns:1fr}.process-grid li{min-height:0;padding-block:20px}.process-grid h3{margin-top:12px}}
