/* Color mode, small refinements, and the contact page. */
.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.theme-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:62px;height:34px;padding:7px 8px;border:1px solid #c8cebc;border-radius:50px;background:#e5e8dc;box-shadow:inset 0 1px 3px #43503215,0 1px 0 #fff9;flex-shrink:0;color:#78816c}
.theme-switch-thumb{position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:linear-gradient(#fffef8,#f3f2e8);box-shadow:0 1px 3px #2e3c2b30,inset 0 1px 1px #fff;transition:transform .28s var(--ease),background .28s}
.theme-switch>svg{position:relative;z-index:1;width:15px;height:15px;stroke-width:1.5}
.theme-switch .theme-sun{color:#59654a}.theme-switch:hover{border-color:#9eac8c}
.nav-contact[aria-current=page]{border-color:#64724d}

/* A slight increase in elevation, rather than a change of material. */
.hero{box-shadow:inset 0 1px 1px #fff,0 5px 9px #3c463216,0 17px 24px -22px #353b2550}
.panel{box-shadow:inset 0 1px 1px #ffffff90,0 3px 7px #2e392913,0 19px 26px -19px #2e39294d}
.fan-card{box-shadow:0 1px 3px #2a33231f,0 10px 17px #4447321c,0 29px 35px -15px #41453045}
.process-note{box-shadow:0 3px 6px #694f3316,0 11px 16px -7px #694f3340}
.project-card{box-shadow:0 3px 6px #38462c0d}
.process-panel>p{font-size:14px}
.process-note b{font-size:13px}.process-note div>span{font-size:10px}.note-tag{font-size:7px}
.contact-page-link{margin-top:29px;min-width:177px}

/* Charcoal canvas, ivory paper and restrained pastel accents. */
:root[data-color-mode=dark]{--ink:#f2efe7;--muted:#b8b8ae;--paper:#101311;--line:#383a36;color-scheme:dark}
:root[data-color-mode=light]{color-scheme:light}
:root[data-color-mode=dark] body{background:var(--paper);color:var(--ink)}
:root[data-color-mode=dark] .site-header{background:linear-gradient(115deg,#292b29f5,#202321ed);border-color:#f3e8d126;box-shadow:0 3px 7px #0003,0 12px 24px #0004,inset 0 1px 1px #fff9e610}
:root[data-color-mode=dark] .wordmark>span{color:#dfa98c}
:root[data-color-mode=dark] .theme-switch{background:#191c19;border-color:#5b5e54;box-shadow:inset 0 2px 4px #0004,0 1px 0 #ffffff0a;color:#c6c6ba}
:root[data-color-mode=dark] .theme-switch-thumb{transform:translateX(27px);background:linear-gradient(#f1ebdf,#d7cfbd);box-shadow:0 1px 4px #0006,inset 0 1px 1px #fff9e6b0}
:root[data-color-mode=dark] .theme-sun{color:#a9ab9d}
:root[data-color-mode=dark] .theme-moon{color:#494b40}
:root[data-color-mode=dark] .button-dark,:root[data-color-mode=dark] .nav-contact{color:#30352d;background:linear-gradient(#f3eee2,#ded6c5);border-color:#fff9e67a;box-shadow:inset 0 1px 1px #fffcf2cc,0 3px 6px #0004}
:root[data-color-mode=dark] .button-dark:hover,:root[data-color-mode=dark] .nav-contact:hover{background:linear-gradient(#fffaf0,#ebe3d3);box-shadow:inset 0 1px 1px #fff9,0 5px 10px #0004}
:root[data-color-mode=dark] .button-light{background:linear-gradient(#3a3d37,#2d312c);color:#ebe8df;border-color:#676a5c;box-shadow:inset 0 1px 1px #fff5df14,0 4px 7px #0003}
:root[data-color-mode=dark] .button-light:hover{background:#43473f}
:root[data-color-mode=dark] .menu-toggle>span{background:#e8e4d9}
:root[data-color-mode=dark] .mobile-menu{background:#252925;border-color:#5c6055;box-shadow:0 20px 35px #0005}
:root[data-color-mode=dark] .hero{background:radial-gradient(ellipse at 50% 15%,#30322f,#222522 78%);box-shadow:inset 0 1px 1px #f3e8d129,0 6px 12px #0004,0 20px 25px -20px #0008}
:root[data-color-mode=dark] .hero h1{color:#f2efe7}
:root[data-color-mode=dark] .hero h1 em{color:#d9cbb7}
:root[data-color-mode=dark] .intro-line,:root[data-color-mode=dark] .hero-copy{color:#c0c0b5}
:root[data-color-mode=dark] .intro-line>span{background:#dbd3bf;border-color:#e8e0cd;box-shadow:2px 2px 0 #55584a}
:root[data-color-mode=dark] .art-doodle{color:#c6c0b3}
:root[data-color-mode=dark] .cut-lilac{background:#8f839e}
:root[data-color-mode=dark] .cut-sage{background:#77826b}
:root[data-color-mode=dark] .cut-butter{background:#665d46}
:root[data-color-mode=dark] .exploration-caption{color:#e2dfd3}
:root[data-color-mode=dark] .section-title em{color:#c7c3b8}
:root[data-color-mode=dark] .service-links a:hover{background:#2b3029;color:#dce3cd}
:root[data-color-mode=dark] .panel{box-shadow:inset 0 1px 1px #fff2df26,0 0 0 1px #fff5e30a,0 4px 8px #0003,0 19px 26px -19px #000b}
:root[data-color-mode=dark] .design-panel{background:radial-gradient(ellipse at 22% 12%,#403a49,#2d2c34 75%)}
:root[data-color-mode=dark] .panel-copy>.section-title em{color:#d4c2df}
:root[data-color-mode=dark] .panel-copy>p:not(.control-hint){color:#c7bece}
:root[data-color-mode=dark] .theme-control button{background:#25222e65;border-color:#8c7c986e;color:#d1c5dc}
:root[data-color-mode=dark] .theme-control button.is-active{background:#e8dfed;color:#493b53;border-color:#f4ebfa;box-shadow:inset 0 1px 1px #fff9,0 2px 5px #0003}
:root[data-color-mode=dark] .control-hint{color:#c1afcc}
:root[data-color-mode=dark] .sample-sheet-back{background:#81728d;border-color:#bca8cb80}
:root[data-color-mode=dark] .sample-browser{box-shadow:0 2px 4px #0005,0 17px 23px #0003,0 30px 30px -18px #0009}
:root[data-color-mode=dark] .responsive-panel{background:radial-gradient(ellipse at top left,#3d403c,#2c302e)}
:root[data-color-mode=dark] .panel-heading .section-title em{color:#c5cbbd}
:root[data-color-mode=dark] .panel-heading>p{color:#c1c4b9}
:root[data-color-mode=dark] .device-control{background:#1b201d99;border-color:#7f857266}
:root[data-color-mode=dark] .device-control>button{color:#c2c7b8}
:root[data-color-mode=dark] .device-control>button.is-active{background:#e6e4d9;color:#434b3b;box-shadow:inset 0 1px 1px #fff9,0 2px 5px #0003}
:root[data-color-mode=dark] .device-frame{box-shadow:0 2px 5px #0005,0 18px 22px #0004}
:root[data-color-mode=dark] .process-panel{background:radial-gradient(ellipse at top left,#4b3c32,#342c27)}
:root[data-color-mode=dark] .process-panel>.section-title em{color:#e2bd9c}
:root[data-color-mode=dark] .process-panel>p{color:#d4c1af}
:root[data-color-mode=dark] .process-note{background:linear-gradient(110deg,#f0eadc,#e2dac9);color:#34362f;border-color:#fff7e1b3;box-shadow:inset 0 1px 1px #fff9,0 3px 6px #0003,0 11px 16px -7px #0008}
:root[data-color-mode=dark] .process-note div>span{color:#646257}
:root[data-color-mode=dark] .process-note>svg{background:#e0e5d2;border-color:#bac6a3;stroke:#677a50}
:root[data-color-mode=dark] .note-tag{background:#e4c9a4;color:#665139;border-color:#f2debd}
:root[data-color-mode=dark] .process-arrow{stroke:#d0ad8c}
:root[data-color-mode=dark] .project-card{background:#232726;border-color:#f2e6d024;box-shadow:inset 0 1px 1px #fff1dc0a,0 3px 6px #0003}
:root[data-color-mode=dark] .project-card:hover{box-shadow:0 8px 20px #0005}
:root[data-color-mode=dark] .project-preview{background:radial-gradient(ellipse at 20% 10%,#3c4244,#2b3134)}
:root[data-color-mode=dark] .project-info p,:root[data-color-mode=dark] .project-info>span{color:#b8b8ae}
:root[data-color-mode=dark] .project-info>a{border-color:#72756a;background:#343a34;color:#e7e4d9}
:root[data-color-mode=dark] .project-info>a:hover{background:#485044}
:root[data-color-mode=dark] .project-visit{color:#35392f;background:#eee9ddee;border-color:#fff5dfb3}
:root[data-color-mode=dark] .contact-panel{background:radial-gradient(ellipse at 70% 20%,#433d3b,#2d2c2c)}
:root[data-color-mode=dark] .hello{color:#e2b299}
:root[data-color-mode=dark] .contact-copy .section-title em{color:#dfc8b0}
:root[data-color-mode=dark] .contact-copy>p{color:#c7beb6}
:root[data-color-mode=dark] .envelope{background:linear-gradient(135deg,#c8b79d,#a99d89);border-color:#c4b79d;box-shadow:0 4px 8px #0003,0 25px 24px -14px #0005}
:root[data-color-mode=dark] .envelope:before{background:linear-gradient(145deg,#b8a78d,#dbcfb6)}
:root[data-color-mode=dark] .envelope-note{background:linear-gradient(135deg,#f6f0e2,#e5decc);border-color:#fff3dc;color:#595749;box-shadow:0 2px 6px #0003}
:root[data-color-mode=dark] .envelope-front{background:linear-gradient(145deg,#ded0b7,#c3b499)}
:root[data-color-mode=dark] .envelope-front:after{background:linear-gradient(135deg,#d6c7ac,#b7a88c)}
:root[data-color-mode=dark] .contact-stamp{background:#cfc0cc;color:#5e4c5e;border-color:#9a859b;box-shadow:0 5px 7px #0003}
:root[data-color-mode=dark] .site-footer>p,:root[data-color-mode=dark] .site-footer>small{color:#aaaDA1}
:root[data-color-mode=dark] a:focus-visible,:root[data-color-mode=dark] button:focus-visible,:root[data-color-mode=dark] summary:focus-visible{outline-color:#dfcfb3}

/* A dedicated, quiet place to describe a project. */
.contact-main{padding-top:157px;padding-bottom:64px;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:start}
.contact-intro{padding:8px 0 0 7px;position:sticky;top:112px}
.back-link{display:inline-flex;font-size:11px;color:#7a816b;padding-block:5px;border-bottom:1px solid transparent;transition:border-color .2s}
.back-link:hover{border-color:currentColor}
.contact-intro>.hello{margin-top:27px;margin-bottom:17px}
.contact-intro>h1{font:400 clamp(58px,5.4vw,76px)/.98 var(--serif);letter-spacing:-1.9px;max-width:485px}
.contact-intro>h1 em{color:#7b8866}
.contact-intro>p:not(.intro-postscript){font-size:14px;line-height:1.75;color:#727962;max-width:325px;margin-top:25px}
.contact-intro .contact-decoration{height:306px;max-width:300px;margin:26px 0 -4px 12px;scale:.88;transform-origin:left center}
.contact-intro .envelope{height:170px;bottom:20px}
.contact-intro .envelope-note{font-size:33px;height:218px;top:-94px}
.contact-intro .contact-stamp{font-size:24px;bottom:2px}
.intro-postscript{font-size:12px;color:#848a77;line-height:1.7;margin-top:14px;padding-left:10px}
.intro-postscript em{font:italic 22px/1.4 var(--serif);color:#788365}
.form-paper{background:linear-gradient(120deg,#fffdf6,#f2f0e4);border:1px solid #fffef6;border-radius:19px;padding:37px 37px 34px;box-shadow:0 2px 5px #45513714,0 13px 24px -11px #4551372b,0 30px 35px -30px #45513750;position:relative;min-width:0}
.form-tape{position:absolute;width:100px;height:27px;top:-12px;right:43px;background:#e5dbb180;border-inline:1px dashed #c7bb8066;transform:rotate(5deg);box-shadow:inset 0 0 5px #f4e6b350;backdrop-filter:blur(1px)}
.form-heading{position:relative;margin-bottom:31px}
.form-heading>h2{font:400 42px/1 var(--serif);letter-spacing:-.8px}
.form-heading>p{font-size:12px;margin-top:11px;color:#838a75}
.form-fold{position:absolute;right:0;top:0;width:43px;height:45px;border-radius:5px 5px 13px 5px;background:#e4e8d4;border:1px solid #d3dcc0;box-shadow:0 2px 3px #536d3312;transform:rotate(9deg);display:grid;place-items:center;color:#869b6b}
.form-fold>svg{width:28px;height:28px;stroke-width:1.3}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;min-width:0}
.form-field>label,.project-kind>legend{font-size:12px;font-weight:500;line-height:1.4}
.form-field>label>span{color:#8c917f;font-size:10px;font-weight:400;margin-left:4px}
.form-field>input,.form-field>textarea,.form-field>select{font:13px/1.5 var(--sans);color:#3f4a35;width:100%;min-width:0;padding:12px 13px;border:1px solid #d9dece;border-radius:10px;background:#f9faf2;box-shadow:inset 0 1px 3px #4f5c3f08,0 1px 0 #fff;transition:background .2s,border-color .2s,box-shadow .2s;outline:none}
.form-field>input,.form-field>select{min-height:46px}
.form-field>textarea{resize:vertical;min-height:120px;max-height:460px}
.form-field>input::placeholder,.form-field>textarea::placeholder{color:#949a88;opacity:1;font-size:12px}
.form-field>input:hover,.form-field>textarea:hover,.form-field>select:hover{border-color:#b5c0a3}
.form-field>input:focus,.form-field>textarea:focus,.form-field>select:focus{border-color:#8fa276;background:#fffef8;box-shadow:0 0 0 3px #b3c79930,0 1px 0 #fff}
.form-field>select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 8 5 5 5-5' fill='none' stroke='%23748265' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}
.project-kind{border:0;padding:0;margin:0 0 25px;min-width:0}
.project-kind>legend{padding:0;margin-bottom:12px}
.kind-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.kind-option{display:flex;align-items:center;gap:8px;padding:11px 12px;min-height:45px;border:1px solid #d9dece;border-radius:10px;background:#f7f8ed;position:relative;cursor:pointer;color:#7a856c;transition:background .2s,border-color .2s,box-shadow .2s}
.kind-option>input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0;width:100%;height:100%;z-index:1}
.kind-option>svg{width:21px;height:21px;stroke-width:1.6;flex-shrink:0}
.kind-option>span{font-size:11px;line-height:1.2}
.kind-option>i{margin-left:auto;width:11px;height:11px;border:1px solid #bfc9ad;border-radius:50%;background:#fcfcf2;flex-shrink:0;position:relative}
.kind-option:has(input:checked){color:#52683f;background:#e9efdc;border-color:#a8bb8f;box-shadow:inset 0 1px 1px #fff,0 2px 4px #63794712}
.kind-option:has(input:checked)>i{background:#849c65;border-color:#849c65;box-shadow:inset 0 0 0 2px #edf3de}
.kind-option:has(input:focus-visible){outline:3px solid #a2b88977;outline-offset:3px}
.kind-option:hover{border-color:#a8bb8f}
.form-status{display:flex;align-items:flex-start;gap:11px;background:#edeedc;border:1px solid #dbdfc7;border-radius:11px;padding:13px 14px;margin:2px 0 19px;color:#828767}
.form-status>svg{width:18px;height:18px;margin-top:1px;stroke-width:1.35}
.form-status strong{display:block;font-weight:500;font-size:11px;line-height:1.4;color:#707a58}
.form-status p>span{display:block;font-size:10px;line-height:1.6;margin-top:4px;max-width:345px}
.form-submit{width:100%;justify-content:space-between;font-size:12px;min-height:49px}
.form-submit:disabled{cursor:not-allowed;background:linear-gradient(#7c876c,#717e62);border-color:#89957640;color:#f4f6e7;box-shadow:inset 0 1px 1px #ffffff3a,0 2px 3px #2e392912;transform:none}

/* The contact form shares the neutral canvas; selected controls carry the light. */
:root[data-color-mode=dark] .contact-intro>h1 em{color:#dfc8b0}
:root[data-color-mode=dark] .contact-intro>p:not(.intro-postscript){color:#b8b8ae}
:root[data-color-mode=dark] .back-link,:root[data-color-mode=dark] .intro-postscript{color:#adaeA2}
:root[data-color-mode=dark] .intro-postscript em{color:#c8cbb8}
:root[data-color-mode=dark] .form-paper{background:linear-gradient(120deg,#2b2c29,#212421);border-color:#f1e6cf29;box-shadow:inset 0 1px 1px #fff4de0c,0 3px 6px #0003,0 14px 24px -11px #0006,0 30px 35px -30px #000a}
:root[data-color-mode=dark] .form-tape{background:#c5ad8060;border-color:#d1bb8d77}
:root[data-color-mode=dark] .form-heading>p{color:#b8b8ae}
:root[data-color-mode=dark] .form-fold{background:#ded8c8;border-color:#eee7d6;color:#777b64}
:root[data-color-mode=dark] .form-field>label>span{color:#acaf9e}
:root[data-color-mode=dark] .form-field>input,:root[data-color-mode=dark] .form-field>textarea,:root[data-color-mode=dark] .form-field>select{background-color:#191d1b;border-color:#494c45;color:#f2efe7;box-shadow:inset 0 1px 3px #0002,0 1px 0 #ffffff04}
:root[data-color-mode=dark] .form-field>input::placeholder,:root[data-color-mode=dark] .form-field>textarea::placeholder{color:#a6a69a}
:root[data-color-mode=dark] .form-field>select{background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 8 5 5 5-5' fill='none' stroke='%23b8b8ae' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
:root[data-color-mode=dark] .form-field>input:hover,:root[data-color-mode=dark] .form-field>textarea:hover,:root[data-color-mode=dark] .form-field>select:hover{border-color:#7b7e72}
:root[data-color-mode=dark] .form-field>input:focus,:root[data-color-mode=dark] .form-field>textarea:focus,:root[data-color-mode=dark] .form-field>select:focus{background-color:#222722;border-color:#d2c7b1;box-shadow:0 0 0 3px #dfcfb321}
:root[data-color-mode=dark] .kind-option{background:#2b2e29;border-color:#5d6254;color:#c0c5b4}
:root[data-color-mode=dark] .kind-option:hover{border-color:#959a86}
:root[data-color-mode=dark] .kind-option>i{background:#242a23;border-color:#8c977b}
:root[data-color-mode=dark] .kind-option:has(input:checked){background:#e8e3d7;border-color:#f5edd8;color:#373e30;box-shadow:inset 0 1px 1px #fff9,0 2px 4px #0002}
:root[data-color-mode=dark] .kind-option:has(input:checked)>i{background:#6e7c58;border-color:#6e7c58;box-shadow:inset 0 0 0 2px #e8e3d7}
:root[data-color-mode=dark] .kind-option:has(input:focus-visible){outline-color:#dfcfb3}
:root[data-color-mode=dark] .form-status{background:#38333c;border-color:#86748e57;color:#cdc4cf}
:root[data-color-mode=dark] .form-status strong{color:#e5d9e7}
:root[data-color-mode=dark] .form-submit:disabled{background:linear-gradient(#484b42,#3b4038);border-color:#81877455;color:#c1c6b2;box-shadow:inset 0 1px 1px #ffffff15,0 2px 3px #0002}

@media(max-width:1100px){
  .process-panel>p{font-size:13px}.process-note div>span{font-size:9px}
  .contact-main{gap:42px;padding-top:145px}.contact-intro>h1{font-size:65px}
  .form-paper{padding:32px 27px}.field-pair{gap:12px}
  .kind-option{padding:11px 10px;gap:6px}.kind-option>span{font-size:10px}
}
@media(max-width:850px){
  .process-panel>p{font-size:12px}.process-note b{font-size:12px}.process-note div>span{font-size:9px}.note-tag{font-size:6px}
  .header-actions{gap:8px}.theme-switch{width:58px;height:32px;padding-inline:7px}.theme-switch-thumb{width:24px;height:24px}.theme-switch>svg{width:14px;height:14px}
  :root[data-color-mode=dark] .theme-switch-thumb{transform:translateX(25px)}
  .main-nav{gap:16px}.nav-contact{padding-inline:13px;gap:12px}
  .contact-main{grid-template-columns:1fr;max-width:680px;padding-top:131px;gap:40px}
  .contact-intro{position:relative;top:auto;padding-left:10px;min-height:292px}
  .contact-intro>h1{font-size:64px;max-width:400px;position:relative;z-index:2}
  .contact-intro>p:not(.intro-postscript){max-width:355px;position:relative;z-index:2}
  .contact-intro .contact-decoration{position:absolute;right:-20px;bottom:0;width:280px;scale:.63;margin:0;height:300px;transform-origin:right bottom;z-index:1;opacity:.9}
  .intro-postscript{display:none}.form-paper{padding:36px;max-width:620px;width:100%;margin:auto}
  .form-field>label,.project-kind>legend{font-size:13px}.kind-option>span{font-size:12px}
}
@media(max-width:700px){
  .header-actions{gap:7px}.theme-switch{width:54px;height:31px;padding:6px 7px}.theme-switch-thumb{width:23px;height:23px;top:3px;left:3px}.theme-switch>svg{width:13px;height:13px}
  :root[data-color-mode=dark] .theme-switch-thumb{transform:translateX(23px)}
  .nav-contact{margin-left:0;padding:10px 11px;gap:9px}.menu-toggle{width:26px}
  .process-panel>p{font-size:13px}.process-note b{font-size:13px}.process-note div>span{font-size:10px}.note-tag{font-size:7px}
  .contact-page-link{margin-top:26px;min-width:164px;margin-bottom:13px}
  .contact-main{padding-top:116px;padding-bottom:20px;gap:34px}
  .contact-intro{min-height:0;padding:0 9px}.contact-intro>.hello{margin-top:23px;margin-bottom:17px}
  .contact-intro>h1{font-size:58px;letter-spacing:-1.5px;max-width:380px}
  .contact-intro>p:not(.intro-postscript){font-size:13px;max-width:300px;margin-top:21px;line-height:1.7}
  .contact-intro .contact-decoration{display:none}
  .form-paper{padding:30px 25px;border-radius:18px}
  .form-heading{margin-bottom:28px}.form-heading>h2{font-size:39px}.form-heading>p{font-size:12px}
  .form-tape{right:33px;width:80px;height:24px;top:-11px}
  .form-field{margin-bottom:23px;gap:8px}.form-field>label,.project-kind>legend{font-size:13px}
  .form-field>label>span{font-size:10px}.form-field>input,.form-field>textarea,.form-field>select{font-size:16px;padding:12px;min-height:48px}
  .form-field>input::placeholder,.form-field>textarea::placeholder{font-size:12px}
  .form-field>textarea{min-height:134px}.field-pair{grid-template-columns:1fr;gap:0}
  .kind-options{gap:8px}.kind-option{padding:12px 11px;min-height:49px;gap:7px}.kind-option>span{font-size:11px}.kind-option>svg{width:20px;height:20px}
  .form-status{padding:13px 12px;gap:9px}.form-status strong{font-size:11px}.form-status p>span{font-size:10px}
  .form-submit{min-height:48px;font-size:12px}.form-heading .form-fold{height:39px;width:37px}.form-fold>svg{width:25px;height:25px}
}
@media(max-width:370px){
  .site-header{width:calc(100% - 36px);padding-left:16px;gap:8px}.site-header .wordmark{font-size:32px}
  .header-actions{gap:6px}.nav-contact{font-size:9px;padding-inline:10px;gap:7px}.menu-toggle{width:24px;padding-inline:3px}
  .process-note div>span{font-size:9px}
  .contact-main{padding-top:112px}.contact-intro>h1{font-size:51px}.contact-intro>p:not(.intro-postscript){font-size:12px}
  .form-paper{padding:29px 21px}.form-heading>h2{font-size:35px}.kind-option{padding-inline:8px;gap:6px}.kind-option>span{font-size:10px}.kind-option>svg{width:18px;height:18px}.kind-option>i{width:9px;height:9px}
}
@media(prefers-reduced-motion:reduce){.theme-switch-thumb{transition:none}}