/* Same approved palette and character world; concrete work details use a shelf drawer. */
.service-definition{font-size:15px;line-height:1.9;color:#c8cecc;max-width:31em;margin:18px 0 0}
.service-thesis{margin:0 0 56px;padding:24px 0 32px;border-top:1px solid #c9cdcb;border-bottom:1px solid #c9cdcb;display:grid;grid-template-columns:1.45fr 1fr;gap:40px;align-items:center}
.kinetic-thesis{margin:0;font-size:clamp(38px,4.7vw,68px);font-weight:900;letter-spacing:-.045em;line-height:1.3}
.kinetic-thesis [data-kt-word]{display:inline-block}
.kinetic-thesis [data-kt-word]:last-child{background:var(--mint);padding:0 .1em;rotate:-2deg}
.thesis-explanation{font-size:15px;line-height:1.95;max-width:34em}
.thesis-explanation strong{font-weight:900}
.thesis-explanation small{display:block;font-size:11px;color:#545d59;line-height:1.8;margin-top:10px}
#demo .demo-documents li{padding:10px 12px}
#demo .demo-documents strong{font-size:14px;overflow-wrap:anywhere}
#demo .demo-output h3{font-size:clamp(18px,1.8vw,26px);overflow-wrap:anywhere;letter-spacing:-.035em}
#demo .demo-result-list dt{font-size:clamp(17px,1.8vw,24px)}
#demo .demo-result-list dd{font-size:14px;line-height:1.85}
.case-mini-process{display:flex;gap:8px;list-style:none;padding:14px 0 0;margin:0;border-top:1px dashed #a3b2ad;flex-wrap:wrap;counter-reset:stage}
.case-mini-process li{counter-increment:stage;font-size:11px;font-weight:700;display:flex;gap:5px;align-items:center}
.case-mini-process li:before{content:counter(stage);display:grid;place-items:center;width:19px;height:19px;background:#202323;color:#fff;border-radius:50%;font-size:10px}
.case-mini-process li+li:before{background:#c8e9e0;color:#202323}
.case-open{border:0;border-bottom:1px solid #202323;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:16px 0 10px;min-height:48px;font:inherit;font-size:14px;font-weight:800;background:transparent;color:#202323;cursor:pointer;text-align:left}
.case-open span{font-size:26px;line-height:1;transition:transform .18s}
.case-open:hover span{transform:translate(3px,-3px)}
.case-detail-open{overflow:hidden}
.case-drawer{box-sizing:border-box;width:min(940px,94vw);max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid #9ba9a4;border-radius:20px 0 0 20px;background:#f5f7f6;color:#202323;overflow-y:auto;overscroll-behavior:contain;font-family:var(--font,sans-serif)}
.case-drawer::backdrop{background:rgba(7,17,14,.68)}
.case-drawer[open]{animation:case-slide .28s cubic-bezier(.2,.8,.2,1)}
.case-drawer *{box-sizing:border-box}
.case-drawer [hidden]{display:none!important}
.case-drawer :focus-visible{outline:3px solid #775eeb;outline-offset:4px}
.case-drawer-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;background:#202323;color:white;border-bottom:1px solid #424b47}
.case-drawer-head p{font-size:12px;margin:0;display:flex;align-items:center;gap:10px}
.case-drawer-head .bot-logo{width:28px;height:28px;border-radius:8px;flex:none}
.case-close{min-height:44px;padding:8px 16px;border:1px solid #8e9d96;border-radius:99px;background:transparent;color:white;cursor:pointer;font:inherit;font-size:13px}
.case-drawer-in{padding:40px 36px 48px}
.case-eyebrow{font-size:11px;letter-spacing:.08em;color:#52615a;margin:0 0 12px}
.case-drawer h2{font-size:clamp(26px,3vw,43px);line-height:1.4;letter-spacing:-.055em;margin:0 0 20px;font-weight:900}
.case-drawer h2:focus{outline:0}
.case-edge{font-size:15px;line-height:1.9;margin:0 0 24px;max-width:48em}
.case-request{padding:20px 24px;border-radius:16px 16px 3px 16px;background:#d0f6e8;margin:0 0 26px;font-size:17px;line-height:1.85;font-weight:700}
.case-request small{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:6px;font-weight:600;color:#436254}
.case-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0 0 32px;border-top:1px solid #bcc8c2;border-bottom:1px solid #bcc8c2}
.case-process li{padding:20px 16px 20px 0;display:flex;gap:10px}
.case-process li+li{padding-left:16px;border-left:1px solid #bcc8c2}
.case-step-no{color:#658b7d;font:700 11px/2 monospace}
.case-process strong{font-size:14px}
.case-process p{font-size:12px;line-height:1.8;color:#53635b;margin:6px 0 0}
.case-materials{padding-bottom:28px}
.case-section-label{font-size:12px;font-weight:800;letter-spacing:.04em;margin:0 0 14px}
.case-source{border-top:1px solid #cad3cf}
.case-source:last-child{border-bottom:1px solid #cad3cf}
.case-source h3{margin:0}
.case-source h3 button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;border:0;background:transparent;padding:12px 0;color:#263c32;text-align:left;cursor:pointer;font:700 13px/1.6 var(--font,sans-serif)}
.case-source h3 button svg{flex:none;transition:rotate .2s}
.case-source h3 button[aria-expanded=true] svg{rotate:180deg}
.case-source .ui-acc-b{padding:0 4px 20px;background:transparent;border:0}
.case-source blockquote{margin:0;padding:16px 18px;border-left:3px solid #6a9181;background:#e8efeb;font-size:13px;line-height:1.95}
.case-source .source-use{font-size:12px;line-height:1.85;margin:10px 0 0;color:#486052}
.artifact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;background:#dce6e0;border:1px solid #aabeb1;border-bottom:0;border-radius:8px 8px 0 0;font-size:12px}
.artifact-toolbar strong{overflow-wrap:anywhere}
.artifact-toolbar button{font:inherit;border:0;border-bottom:1px solid currentColor;background:transparent;cursor:pointer;padding:8px 0;min-height:44px;color:#20352a}
.case-artifact{padding:30px 34px 34px;background:#fff;border:1px solid #aabeb1;box-shadow:0 10px 0 -5px #d8e1db;margin-bottom:18px}
.artifact-kicker{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#5c6f63;margin:0 0 20px}
.case-artifact h4{font-size:clamp(22px,2.5vw,32px);line-height:1.5;letter-spacing:-.04em;margin:0 0 20px}
.case-artifact h5{font-size:14px;margin:26px 0 8px;font-weight:900}
.case-artifact p,.case-artifact li{font-size:14px;line-height:1.95}
.case-artifact ul{padding-left:22px}
.case-artifact table{width:100%;border-collapse:collapse;margin:22px 0 12px;table-layout:fixed;font-size:12px}
.case-artifact caption{font-size:11px;text-align:left;color:#586d60;padding-bottom:8px}
.case-artifact th,.case-artifact td{padding:12px 9px;border-bottom:1px solid #c3d0c8;text-align:left;overflow-wrap:anywhere;vertical-align:top;line-height:1.8}
.case-artifact th{background:#edf3ef;font-weight:700}
.case-artifact th:first-child{width:47%}
.cite{display:inline-flex;align-items:center;font:600 10px/1.5 var(--font,sans-serif);padding:4px 7px;margin:3px 0 3px 5px;border:1px solid #7faa94;border-radius:4px;cursor:pointer;background:#edf9f1;color:#264c37;min-height:32px;vertical-align:middle}
.artifact-hold{border-top:1px dashed #becac2;padding-top:14px;color:#65716a;font-size:11px!important}
.state-done,.state-hold{font-size:10px;padding:3px 5px;border-radius:4px;white-space:nowrap}
.state-done{background:#d3f3e0;color:#225133}.state-hold{background:#f6edc6;color:#64531c}
.case-filelist{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}
.case-filelist span{font-size:10px;padding:6px 9px;border:1px solid #c2cfc7;border-radius:4px;color:#4c6455}
.case-edit{border-radius:12px;background:#202323;color:#fff;padding:25px;margin-top:30px}
.case-edit h3{font-size:20px;margin:0 0 10px}
.case-edit p{font-size:13px;line-height:1.9;color:#d1ded5;margin:0 0 16px}
.case-edit-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.case-edit-actions button{min-height:44px;background:var(--mint,#00dcb5);color:#152b20;border:0;border-radius:99px;padding:12px 16px;font:700 12px/1.6 var(--font,sans-serif);cursor:pointer;text-align:left}
.case-edit-actions button:disabled{background:#426455;color:#e0eee5;cursor:default}
.case-edit-actions button[data-case-reset]{color:#d6e8dc;background:none;border:1px solid #667a6e}
.case-memory-note{border-left:2px solid var(--mint);padding-left:14px;margin-top:22px!important}
.case-next{padding:24px 0;border-bottom:1px solid #bfcfc4}
.case-next h3,.case-review h3{font-size:14px;margin:0 0 8px}
.case-next p{font-size:15px;line-height:1.9;margin:0;color:#325040;font-weight:700}
.case-review{padding:22px 0}
.case-review p{font-size:12px;line-height:1.9;margin:0;color:#546b5c}
.case-notice{font-size:12px;color:#385d48;line-height:1.7;min-height:1.7em;margin:18px 0}
.case-disclaimer{font-size:10px;line-height:1.9;color:#5b6d62;border-top:1px solid #ccd8cf;padding-top:16px;margin:20px 0 0}
.case-consult{font-size:14px;display:inline-flex;min-height:44px;align-items:center;gap:28px;color:#263c2d;text-underline-offset:5px;font-weight:800}
.is-revised{background:#c9f9df;box-shadow:0 0 0 7px #c9f9df}
.work-result .case-open{color:white;border-color:#777f7c;width:fit-content;margin-top:20px;gap:40px}
.memory-specific{font-size:13px;line-height:1.95;color:#405a4d;max-width:33em;margin-top:22px}
@keyframes case-slide{from{transform:translateX(100%)}to{transform:none}}
@media(max-width:760px){
 .service-thesis{grid-template-columns:1fr;gap:24px;margin-bottom:36px;padding:24px 0}
 .kinetic-thesis{font-size:clamp(34px,8.4vw,55px)}
 .thesis-explanation{font-size:13px}
 .case-drawer{width:100vw;border-radius:0;border-left:0}
 .case-drawer-head{padding:10px 20px}
 .case-drawer-head p{font-size:10px}
 .case-drawer-in{padding:28px 20px 40px}
 .case-edge{font-size:13px}
 .case-request{font-size:15px;padding:18px}
 .case-process{grid-template-columns:1fr}
 .case-process li,.case-process li+li{padding:12px 0;border:0;border-bottom:1px solid #d2dcd6}
 .case-process li:last-child{border-bottom:0}
 .case-process p{margin-top:3px}
 .case-process strong{font-size:13px}
 .case-artifact{padding:24px 18px}
 .case-artifact p,.case-artifact li{font-size:13px}
 .case-artifact th,.case-artifact td{padding:10px 6px;font-size:11px}
 .case-edit{padding:22px 18px}
 .case-edit-actions button{font-size:11px}
 .artifact-toolbar{padding:10px 14px}
 .case-filelist{gap:6px}
 .case-filelist span{font-size:9px}
 .memory-specific{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.case-drawer[open]{animation:none}.case-open span,.case-source h3 button svg{transition:none}}
html[data-motion-state=paused] .case-drawer,html[data-motion-state=paused] .case-open span{animation:none;transition:none}

/* Hero: one kinetic headline. Other headings remain still. */
.hero-type-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.hero .hero-type-meta .eyebrow{margin:0;font-size:12px;white-space:nowrap}
.hero h1.kinetic-title{font-size:clamp(54px,6.8vw,108px);font-weight:900;line-height:1.2;letter-spacing:-.07em;overflow:visible;padding:8px 0 12px;isolation:isolate}
.type-line{display:flex;align-items:baseline;gap:0;line-height:1.15;white-space:nowrap}
.type-line+.type-line{margin-top:.14em}
.type-calm{font-size:.78em;letter-spacing:-.09em;font-weight:850;display:inline-block;margin-right:.035em}
.type-work{font-size:1em;letter-spacing:-.09em;display:inline-flex}
.type-work>span{display:inline-block;transform-origin:50% 85%}
.type-stop{font-size:.43em;display:inline-block;margin-left:.03em;letter-spacing:-.08em}
.type-small{display:inline-flex;font-size:.77em;letter-spacing:-.09em;margin-right:.13em}
.type-small>span{display:inline-block;transform-origin:50% 80%}
.type-small>span:nth-child(2){transform:translateY(.06em) rotate(7deg)}
.type-small>span:nth-child(3){transform:translateY(-.025em) rotate(-5deg)}
.type-small>span:nth-child(4){transform:rotate(2deg)}
.type-hen{display:inline-block;position:relative;line-height:1.08;font-size:1.05em;padding:.015em .075em .07em;background:var(--mint);color:#202323;border-radius:20% 28% 17% 25%;transform:rotate(-8deg);transform-origin:50% 65%;letter-spacing:0;box-shadow:4px 5px 0 #ffffff18;vertical-align:baseline}
.type-line-play>.type-stop{margin-left:.15em}
.hero-tagline{margin-top:20px}
/* A single closed vector joins the balloon and its tail; no contrasting tail patch. */
.bubble{border:0;border-radius:0;padding:10px 17px 11px;background:transparent;isolation:isolate;letter-spacing:.03em;line-height:1.45;color:#202323}
.bubble::before{content:"";position:absolute;inset:-3px -4px -16px;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 82' preserveAspectRatio='none'%3E%3Cpath d='M31 4H219Q246 4 246 30V34Q246 59 219 59H83Q68 73 50 77L55 59H31Q4 59 4 34V29Q4 4 31 4Z' fill='%23fff' stroke='%23202323' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.bubble::after{content:none!important;display:none!important}
.memory-bubble,.memory-ask{padding:7px 12px}
.memory-ask::before{transform:scaleX(-1)}
@media(max-width:900px){.hero h1.kinetic-title{font-size:clamp(54px,9.4vw,88px)}.hero-type-meta{margin-bottom:8px}.hero .hero-type-meta .eyebrow{font-size:12px}}
@media(max-width:600px){.hero h1.kinetic-title{font-size:clamp(44px,12.8vw,72px);line-height:1.17;padding:3px 0 7px}.hero-type-meta{margin-bottom:1px}.hero .hero-type-meta .eyebrow{font-size:10px}.type-replay{font-size:10px;min-height:44px;padding-left:8px}.type-hen{box-shadow:2px 3px 0 #ffffff18}.hero-tagline{margin-top:13px}.bubble{padding:7px 11px 8px;font-size:10px}.bubble::before{inset:-2px -3px -13px}.memory-bubble,.memory-ask{padding:6px 10px}}

/* The same small ensemble at the foot of the LP, with optional character stories. */
.character-index{border-top:1px solid #237861;margin-top:55px;padding-top:38px}
.character-index-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}
.character-index-head h3{font-size:clamp(26px,3.2vw,42px);line-height:1.4;letter-spacing:-.045em;margin:0;font-weight:900}
.character-index-head p{font-size:13px;line-height:1.9;margin:0;max-width:30em;color:#194c3c}
.character-index-head .eyebrow{font-size:11px;margin-bottom:9px}
.character-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.character-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:12px 8px 18px;border:0;border-bottom:1px solid #27836a;background:transparent;color:#183b2f;text-align:left;font:inherit;cursor:pointer;min-width:0}
.character-card-portrait{display:flex;justify-content:center;align-items:center;width:100%;height:175px;margin-bottom:12px}
.character-card img{max-height:175px;max-width:95%;width:auto;object-fit:contain;transition:transform .3s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 10px 7px #193f3515)}
.character-card:hover img{transform:translateY(-7px) rotate(-4deg)}
.character-card:nth-child(2n):hover img{transform:translateY(-7px) rotate(4deg)}
.character-card-name{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;font-size:16px;font-weight:850;line-height:1.5}
.character-card-name svg{flex:none}
.character-card small{font-size:12px;line-height:1.8;margin-top:7px;color:#285f4a}
.character-card:focus-visible{outline:3px solid #193b2f;outline-offset:4px}
.character-drawer{width:min(820px,94vw);background:#f4f7f5}
.character-profile-scene{display:flex;align-items:center;justify-content:center;min-height:330px;padding:24px 30px;background:#cff7e9;position:relative;overflow:hidden}
.character-profile-scene:after{content:"";position:absolute;left:20%;right:20%;bottom:23px;height:15px;filter:blur(10px);background:#446b5626;border-radius:50%;z-index:0}
.character-profile-scene img{position:relative;z-index:1;max-height:320px;max-width:90%;width:auto;object-fit:contain;filter:drop-shadow(4px 12px 6px #1f483f12)}
.character-profile-copy{padding:34px 40px 42px}
.character-profile-copy .case-eyebrow{font-size:11px;margin-bottom:9px}
.character-profile-copy h2{font-size:clamp(29px,3.5vw,46px);margin-bottom:12px}
.character-profile-line{font-size:21px;line-height:1.6;font-weight:850;letter-spacing:-.04em;margin:0 0 20px}
.character-profile-description{font-size:15px;line-height:2;margin:0 0 26px;color:#3d5147;max-width:42em}
.character-profile-facts{border-top:1px solid #c4d4c9;padding-top:18px;margin:0}
.character-profile-facts div{display:grid;grid-template-columns:100px 1fr;gap:16px;margin:16px 0}
.character-profile-facts dt{font-size:12px;font-weight:850;color:#5e7466}
.character-profile-facts dd{font-size:13px;line-height:1.9;margin:0;color:#354b3e}
.character-profile-footnote{font-size:11px;letter-spacing:.04em;border-top:1px solid #c4d4c9;padding-top:20px;margin:26px 0 0;color:#607567}
@media(max-width:900px){.character-index-head{align-items:start}.character-cards{gap:16px}.character-card-portrait,.character-card img{max-height:145px}.character-card-name{font-size:14px}}
@media(max-width:600px){.character-index{padding-top:28px;margin-top:28px}.character-index-head{display:block}.character-index-head p{font-size:12px;margin-top:13px}.character-index-head .eyebrow{margin-top:0}.character-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.character-card{padding:5px 3px 14px}.character-card-portrait{height:140px}.character-card img{max-height:135px}.character-card-name{font-size:14px}.character-card small{font-size:11px}.character-drawer{width:100vw}.character-profile-scene{min-height:270px;padding:22px}.character-profile-scene img{max-height:240px}.character-profile-copy{padding:26px 22px 34px}.character-profile-line{font-size:19px}.character-profile-description{font-size:14px}.character-profile-facts div{grid-template-columns:80px 1fr;gap:12px}}
html[data-motion-state=paused] .character-card img{transform:none!important;transition:none}
@media(prefers-reduced-motion:reduce){.character-card img{transform:none!important;transition:none}}

/* Tsukikuro joins the closing scene. Portraits remain uncropped. */
.friend-tsukikuro{width:42%;left:14%;top:8%;z-index:0}
.friends-scene:hover .friend-tsukikuro{transform:rotate(-3deg)}
.character-cards--five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){.character-cards--five{grid-template-columns:repeat(6,minmax(0,1fr))}.character-cards--five .character-card{grid-column:span 2}.character-cards--five .character-card:nth-child(4){grid-column:2/span 2}.character-cards--five .character-card:nth-child(5){grid-column:4/span 2}}
@media(max-width:600px){.character-cards--five{grid-template-columns:repeat(4,minmax(0,1fr))}.character-cards--five .character-card:nth-child(4){grid-column:span 2}.character-cards--five .character-card:nth-child(5){grid-column:2/span 2}}
html[data-motion-state=paused] .friends-scene .friend-tsukikuro{transform:none!important;transition:none}
@media(prefers-reduced-motion:reduce){.friends-scene .friend-tsukikuro{transform:none!important;transition:none}}

/* Existing work examples: materials and deliverables share one reading order. */
.work-result h3{line-height:1.45;text-wrap:balance;line-break:strict}
.work-title-phrase{display:inline-block;max-width:100%}
@media(min-width:901px){.work .section-wrap{min-height:max(900px,var(--work-content-height,0px))}}
.work-totals{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin:23px 0 0;padding-bottom:21px;border-bottom:1px solid #64716c66}
.work-totals dt{font-size:12px;color:#b4ccc3}
.work-totals dd{margin:7px 0 0;font-size:30px;line-height:1.3;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
.work-totals small{font-size:12px;margin-left:4px;font-weight:500}
.work-data-source{margin-top:20px}
.work-data-source .ui-acc-h button{padding:12px 0;min-height:48px;background:transparent;color:#d4e9e2;border-block:1px solid #64716c66;font-size:12px;gap:14px}
.work-data-source .ui-acc-b{padding:15px 0 0;border:0;background:transparent;color:#d4e9e2;font-size:12px;line-height:1.9}
.work-data-source pre{margin:13px 0;padding:12px;border:1px solid #64716c66;border-radius:5px;font:400 11px/1.9 var(--font);white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:0}
.work-csv-status{font-size:11px;line-height:1.8;color:#b4ccc3;margin-top:12px}
.work-csv-status:empty{display:none}
.work-context{margin:21px 0 24px;padding:0;border-block:1px solid #64716c;display:grid;gap:0;font-size:12px;line-height:1.8}
.work-context>div{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:14px 0}
.work-context>div+div{border-top:1px solid #64716c66}
.work-context dt{font-weight:650;color:#b4ccc3}
.work-context dd{margin:0;min-width:0;color:#f2f7f4}
.work-file{display:inline-flex;align-items:center;max-width:100%;margin:0 5px 5px 0;padding:3px 7px;border:1px solid #81988e88;border-radius:4px;font-size:11px;overflow-wrap:anywhere}
.work-consult{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:13px;color:#c0e7db;text-decoration:none;font-size:13px;font-weight:700}
.work-consult:hover{text-decoration:underline;text-underline-offset:5px}
.work-scene-n04 img{width:58%;left:9%;bottom:0}
.work-scene-n03 img{width:90%;left:0;bottom:7%}
.work-scene-n03 .handwritten{top:25px;bottom:auto;right:0}
.work-scene-n02 img{width:69%;left:1%;bottom:1%}
.work-scene-tsukikuro img{width:62%;left:8%;bottom:0}

/* Contact fields reuse the shelf input, textarea, accordion and copy markup. */
.consult-form{margin:28px 0 23px;padding:22px;border:1px solid #173c3455;border-radius:14px;background:#ffffffa8;color:#202225;--ink:#202225;--mute:#46655b;--card:#fff;--line:#829e94;--ok:#006b50}
.consult-form-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.consult-form-head h3{font-size:18px;line-height:1.6;letter-spacing:-.025em}
.consult-form-head>span{font-size:11px;color:#46655b;white-space:nowrap}
.consult-selection{font-size:11px;color:#46655b;margin:9px 0 20px}
.consult-selection strong{color:#174e3e;font-weight:700;margin-left:9px;padding:3px 8px;border-radius:4px;background:#d7f5e9}
.consult-form .mini,.consult-preview .mini{background:transparent;border:0;padding:0;box-shadow:none;min-width:0}
.consult-form .xb-root,.consult-form .xb-f{gap:7px}
.consult-form .xb-lab{font-size:13px;line-height:1.7}
.consult-form .xb-hint{font-size:11px;line-height:1.7}
.consult-form .xb-in{background:#ffffff;border-color:#7f9c92;border-radius:7px;min-height:46px;font-family:var(--font);font-size:14px;line-height:1.8}
.consult-form .xb-in::placeholder{color:#637e73;opacity:1}
.consult-form textarea.xb-in{min-height:98px;max-height:280px}
.consult-form .xb-count{margin:0;justify-content:flex-end;font-size:10px;line-height:1.4;color:#46655b}
.consult-form .xb-count .xb-ic{display:none}
.consult-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.consult-use-example{display:block;min-height:44px;margin-top:12px;padding:7px 0;border:0;background:transparent;color:#174e3e;text-decoration:underline;text-underline-offset:4px;text-align:left;font:700 12px/1.8 var(--font)}
.consult-use-example[hidden]{display:none}
.consult-draft-note{font-size:11px;line-height:1.8;color:#35594b}
.consult-draft-note:empty{display:none}
.consult-preview{margin-top:18px;--ink:#202225;--mute:#46655b;--card:#ffffff;--line:#698f80;--ok:#006b50}
.consult-preview .ui-acc-h button{padding:13px 0;min-height:48px;background:transparent;border-block:1px solid #173c344d;color:#202225;font-size:12px;gap:14px}
.consult-preview .ui-acc-h button:hover{background:#ffffff33}
.consult-preview .ui-acc-b{padding:18px 0 0;background:transparent;border:0}
.consult-preview .xa-lb{font-size:12px;margin-bottom:12px}
.consult-preview .xa-copy{align-items:flex-start;gap:16px}
.consult-preview .xa-code{flex-basis:100%;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;padding:16px 18px;background:#ffffffb8;border:1px solid #7a9b8e;border-radius:8px;font:400 12px/1.9 var(--font);letter-spacing:0}
.consult-preview .xa-btn{font-family:var(--font);font-size:12px;min-height:44px}
.consult-preview .xa-cap{font-size:11px;line-height:1.8}
.consult-local-note{font-size:11px;line-height:1.8;margin-top:12px;color:#35594b}
.work-request,.work-result>p,.case-edge,.case-review p,.character-profile-description{line-break:strict;text-wrap:pretty}
@media(max-width:900px){.consult-form{padding:20px}.consult-fields{grid-template-columns:1fr;gap:15px}.contact-grid{align-items:start}.friends-scene{margin-top:90px}}
@media(max-width:600px){.consult-form{padding:20px 16px;margin-top:25px}.consult-form-head h3{font-size:17px}.consult-form .xb-in{font-size:16px}.consult-selection{margin-bottom:17px}.consult-preview .xa-code{font-size:12px}.friends-scene{margin-top:30px}.work-context{margin-block:17px;font-size:12px}.work-context>div{grid-template-columns:64px 1fr;gap:10px;padding-block:12px}.work-file{font-size:10px}.work-consult{font-size:12px}.work-result h3{font-size:25px}.work-scene-n04 img{width:52%;left:16%}.work-scene-n03 img{width:85%;left:1%}.work-scene-n02 img{width:62%;left:5%}.work-scene-tsukikuro img{width:56%;left:13%}}
@media(max-width:600px){.work-scene-n03 .handwritten{top:25px;bottom:auto;right:0}.work-totals{gap:12px}.work-totals dd{font-size:28px}}