/* A field of connected possibilities; the letter is the useful centre. */
.commission-world{--paper:#f3f1e9;--ink:#30392c;--sage:#63755a;--accent:#a58c59;--line:#d5d5c8}.commission-world .business-main{max-width:1500px;padding:35px 6% 90px}.commission-opening{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:27px}.commission-opening .eyebrow{margin-bottom:15px}.commission-opening h1{font-size:clamp(45px,5.3vw,77px);line-height:.99;max-width:14ch;margin:0}.opening-note{max-width:330px;padding-bottom:5px}.opening-note>p:first-child{font:italic 22px/1.5 Georgia,serif;color:var(--sage);margin:0 0 15px}.opening-note .small{margin:0;max-width:35ch}.commission-world .brief-layout{display:flex;flex-direction:column;gap:0}.commission-world .brief-index{position:static;width:100%;display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);margin-bottom:0;padding:10px 0}.commission-world .brief-index ol{border:0;display:flex;margin:0;gap:25px}.commission-world .brief-index li{padding:0}.commission-world .brief-index li:before{display:none}.commission-world .brief-index button{font-size:12px;min-height:35px;position:relative}.commission-world .brief-index button[aria-current=step]:after{content:'';position:absolute;bottom:-11px;left:0;right:0;height:2px;background:var(--sage)}.commission-world .chapter-note{margin:0;font:italic 13px Georgia,serif;opacity:.7}.commission-world .brief-sheet{width:100%;border:0;background:none;padding:30px 0 0}.commission-world .brief-sheet:before{display:none}.commission-world .brief-sheet legend{font:italic 25px/1.3 Georgia,serif;color:var(--sage);margin-bottom:8px}.commission-world .loom-instruction{margin:0}.commission-world .service-grid{height:500px;display:block;position:relative;margin:0}.loom-drawing{position:absolute;inset:0;pointer-events:none}.loom-orbits{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:.7;opacity:.45}.loom-orbits .orbit-slant{transform:rotate(-18deg);transform-origin:center;stroke-dasharray:2 7}.commission-world .service-choice{position:absolute;width:23%;max-width:240px;min-height:0;border:0;border-bottom:1px solid #b4bba88a;padding:16px 25px 16px 0;background:none;transition:transform .9s,color .7s,border-color .7s;z-index:2}.commission-world .service-choice input{top:22px;right:0;width:15px;height:15px}.commission-world .service-choice strong{font:23px/1.15 Georgia,serif;letter-spacing:-.025em;padding:0 10px 0 0}.commission-world .service-choice small{font-size:11px;line-height:1.5;margin-top:7px;max-width:24ch}.commission-world .service-choice:nth-of-type(1){left:0;top:4%}.commission-world .service-choice:nth-of-type(2){right:0;top:4%}.commission-world .service-choice:nth-of-type(3){left:0;top:37%}.commission-world .service-choice:nth-of-type(4){right:0;top:37%}.commission-world .service-choice:nth-of-type(5){left:6%;top:71%}.commission-world .service-choice:nth-of-type(6){right:6%;top:71%}.commission-world .service-choice:hover{transform:translateY(-3px);border-color:var(--accent)}.commission-world .service-choice:has(input:checked){background:none;color:var(--sage);border-color:var(--sage)}.commission-world .service-choice:has(input:checked) strong:before{content:'↗ ';color:var(--accent)}.commission-world .service-choice:has(input:checked) small{color:var(--ink)}.loom-focus{position:absolute;left:30%;width:40%;bottom:8%;text-align:center}.loom-focus .eyebrow{font-size:9px;letter-spacing:.15em}.loom-focus p{font:italic 14px/1.5 Georgia,serif;color:var(--sage);margin:8px auto 0;max-width:31ch}.loom-coordinate{position:absolute;left:40%;bottom:0;font-size:7px;letter-spacing:.18em;color:var(--muted)}.commission-world .brief-emblem{position:absolute;width:70px;right:26%;top:8%;margin:0;opacity:.65}.commission-world .brief-emblem svg{width:70px;height:70px}.commission-world .brief-emblem p{display:none}.commission-world .context-field{max-width:330px;margin:26px 0 0}.commission-world .form-actions{margin-top:22px;padding-top:20px;align-items:center}.commission-world #brief-start-note{max-width:52ch;font-size:11px}.commission-world .brief-sheet:not([data-chapter='0']){max-width:780px;margin:34px auto 0;padding:40px 48px;background:linear-gradient(130deg,#fffef9d9,#f6f5eec9);border-radius:4px 26px 26px 26px;border:1px solid #d6d8ca;box-shadow:0 24px 70px -35px #45553d38}.commission-world .brief-sheet:not([data-chapter='0']) legend{font-size:36px;margin-bottom:18px;color:var(--ink)}.commission-world input:not([type=radio]):not([type=checkbox]),.commission-world textarea,.commission-world select{border-radius:16px;padding:13px 16px;background:#fffefa9c;border-color:#c0c7b7;box-shadow:inset 0 1px 3px #36462d05}.commission-world input:focus,.commission-world textarea:focus,.commission-world select:focus{border-color:var(--sage);box-shadow:0 0 0 4px #63755a13}.commission-world .button,.commission-world .quiet-button{border-radius:40px}.commission-world .receipt{max-width:750px;margin:auto}.commission-world .resource-banner{border-radius:14px}.commission-world .brief-sheet fieldset:not([hidden]){animation:letter-arrive 1s ease both}@keyframes letter-arrive{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){.commission-opening h1{font-size:57px}.opening-note{max-width:260px}.opening-note>p:first-child{font-size:19px}.commission-world .service-choice{width:25%}.commission-world .service-choice strong{font-size:21px}.commission-world .service-grid{height:470px}.loom-focus{left:30%;width:40%;bottom:10%}.commission-world .chapter-note{display:none}}
@media(max-width:650px){.commission-world .business-main{padding:30px 6% 60px}.commission-opening{display:block;margin-bottom:25px}.commission-opening h1{font-size:54px}.opening-note{margin-top:24px;max-width:38ch}.opening-note>p:first-child{font-size:18px;margin-bottom:9px}.commission-world .brief-index{padding:8px 0}.commission-world .brief-index ol{gap:0;width:100%;justify-content:space-between}.commission-world .brief-index .step-no{display:inline;margin-right:5px;font-size:13px}.commission-world .brief-index button{font-size:10px}.commission-world .brief-sheet{padding-top:25px}.commission-world .brief-sheet legend{font-size:23px}.commission-world .service-grid{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:0}.loom-drawing{position:relative;grid-column:1/-1;height:260px;margin-bottom:12px}.loom-focus{left:15%;width:70%;bottom:0}.loom-focus p{font-size:12px;margin-top:5px}.loom-focus .eyebrow{font-size:8px}.loom-coordinate{display:none}.commission-world .brief-emblem{display:block;width:45px;right:12%;top:1%}.commission-world .brief-emblem svg{width:45px;height:45px}.commission-world .service-choice:nth-of-type(n){position:relative;inset:auto;width:auto;max-width:none;padding:16px 19px 16px 0;min-height:102px}.commission-world .service-choice input{top:19px;width:14px;height:14px}.commission-world .service-choice strong{font-size:20px}.commission-world .service-choice small{font-size:11px}.commission-world .context-field{max-width:none;margin-top:22px}.commission-world .form-actions{gap:15px}.commission-world #brief-start-note{max-width:24ch;font-size:10px}.commission-world .brief-sheet:not([data-chapter='0']){padding:28px 20px;margin-top:25px}.commission-world .brief-sheet:not([data-chapter='0']) legend{font-size:31px}.commission-world .form-actions .button{white-space:nowrap}.commission-world .business-header nav{gap:15px}}
@media(prefers-reduced-motion:reduce){.commission-world *{animation:none!important;transition:none!important}}
/* Put the drawing, rather than a tall editorial masthead, in the first view. */
@media(min-width:651px){.commission-world .business-main{padding-top:20px}.commission-opening{margin-bottom:16px;align-items:center}.commission-opening .eyebrow{font-size:9px;margin-bottom:10px}.commission-opening h1{font-size:clamp(43px,3.7vw,57px);line-height:1.01}.opening-note>p:first-child{font-size:18px;margin-bottom:9px}.opening-note .small{font-size:11px}.commission-world .brief-index{padding:5px 0}.commission-world .brief-index button{min-height:28px}.commission-world .brief-sheet{padding-top:18px}.commission-world .brief-sheet legend{font-size:22px;margin-bottom:4px}.commission-world .loom-instruction{font-size:11px}.commission-world .service-grid{height:450px}.commission-world .brief-sheet fieldset:not([hidden]){animation:none}}

/* Each thread conjures a different sketch, in one shared pencil language. */
.service-sketch-stage{position:absolute;left:25%;top:0;width:50%;height:82%;contain:layout style;pointer-events:none}
.service-sketch-stage>svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:#5e6d55;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 80%;animation:sketch-unfold 1.45s cubic-bezier(.2,.7,.3,1) both}
.service-sketch .sketch-draw{stroke-dasharray:1;stroke-dashoffset:0;animation:sketch-inscribe 1.65s cubic-bezier(.25,.7,.3,1) both}
.service-sketch .sketch-float{transform-box:fill-box;transform-origin:center;animation:sketch-drift 9s ease-in-out infinite}
.service-sketch .sketch-swing{transform-box:fill-box;transform-origin:50% 85%;animation:sketch-gesture 8s ease-in-out infinite}
.service-sketch .sketch-orbit{transform-box:fill-box;transform-origin:center;animation:sketch-orbit 18s ease-in-out infinite}
.service-sketch .sketch-thread{stroke-dasharray:5 7;animation:sketch-thread 12s linear infinite}
.service-sketch .wash{fill:#8c9c7620;stroke:none}.service-sketch .paper{fill:#f7f5ee}.service-sketch .gold{stroke:#a58c59}.service-sketch .graphite{stroke:#4b5746}.service-sketch .faint{opacity:.3}.service-sketch .hatch{opacity:.48;stroke-width:.7}.service-sketch .soft{opacity:.6}
.commission-world .brief-emblem{display:none}
.sketch-description{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.loom-drawing.is-offscreen .service-sketch-stage *{animation-play-state:paused!important}
@keyframes sketch-unfold{from{clip-path:polygon(0 78%,100% 66%,100% 85%,0 92%);transform:translateY(12px) rotate(-3deg) scale(.96)}to{clip-path:polygon(-10% -10%,110% -10%,110% 110%,-10% 110%);transform:none}}
@keyframes sketch-inscribe{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes sketch-drift{50%{transform:translateY(-5px) rotate(1.5deg)}}
@keyframes sketch-gesture{35%{transform:rotate(-3deg) translateY(-2px)}70%{transform:rotate(2deg)}}
@keyframes sketch-orbit{50%{transform:rotate(8deg)}}
@keyframes sketch-thread{to{stroke-dashoffset:-48}}
@media(max-width:900px){.service-sketch-stage{left:24%;width:52%;top:1%;height:78%}}
@media(max-width:650px){.service-sketch-stage{left:5%;top:-5%;width:90%;height:90%}}
@media(prefers-reduced-motion:reduce){.service-sketch-stage>svg{clip-path:none;transform:none}.service-sketch .sketch-draw{stroke-dashoffset:0}}