.card{clip-path:inset(50%);opacity:0;pointer-events:none;margin:auto;position:fixed;inset:0}.card .tagline{font-family:var(--font-narrow);text-transform:uppercase;place-items:center;margin:0;font-size:1.2em;font-weight:700;display:grid}.card .cta{letter-spacing:.06em;color:var(--light);background:var(--primary);border-radius:var(--radius-pill);box-shadow:0 .5rem 1.25rem -.5rem var(--glow);padding:.35em .9em;font-weight:400;text-decoration:none}body:has(.viewer:is([data-phase=settled],[data-phase=moving])) .card:has(.cta:focus-visible){inset:auto 0 calc(var(--footer-h) + var(--space-5));clip-path:none;opacity:1;width:fit-content;height:fit-content}body:has(.viewer:is([data-phase=settled],[data-phase=moving])) .card:has(.cta:focus-visible)>:not(.tagline),body:has(.viewer:is([data-phase=settled],[data-phase=moving])) .card:has(.cta:focus-visible) .idle{display:none}.paper-card{--card:#fbfbf9;--card-ink:#2a292d;--card-muted:#77767b;width:min(100%, 22rem, (100dvh - var(--header-h) - var(--footer-h) - 4rem) * 1.8);perspective:60rem;-webkit-box-reflect:below .0625rem linear-gradient(to top, rgb(0 0 0/var(--reflect,.08)), transparent 50%);color:var(--card-ink);display:none}.paper-card .turn{aspect-ratio:90/50;transform-style:preserve-3d;transition:transform .8s var(--ease);position:relative}.paper-card[data-flipped] .turn{transform:rotateY(180deg)}.paper-card :is(.face,.back){font:inherit;color:inherit;background:linear-gradient(to top, color-mix(in srgb, var(--card), var(--card-ink) 5%), var(--card));backface-visibility:hidden;border:0;border-radius:.0625rem;margin:0;padding:0;position:absolute;inset:0;box-shadow:0 .0625rem .125rem #00000014,0 .5rem 1.5rem #0000000f}.paper-card .face{cursor:pointer;align-content:center;justify-items:center;gap:.625rem;padding-bottom:4%;display:grid}.paper-card .logo{width:66%}.paper-card .logo svg{width:100%;height:auto}.paper-card .tagline{font-family:var(--font-narrow);letter-spacing:.14em;text-transform:uppercase;color:var(--card-muted);font-size:.75rem;font-weight:700}.paper-card .hint{width:.875rem;height:.875rem;color:var(--card-muted);opacity:.7;position:absolute;bottom:.625rem;right:.625rem}.paper-card .hint svg{width:100%;height:100%}.paper-card .back{text-align:left;flex-direction:column;padding:8%;display:flex;transform:rotateY(180deg)}.paper-card .name{font-family:var(--font-narrow);letter-spacing:.24em;text-transform:uppercase;margin:0 0 .3125rem;font-size:.9375rem;font-weight:700}.paper-card .role{font-family:var(--font-narrow);letter-spacing:.16em;text-transform:uppercase;color:var(--card-muted);margin:0;font-size:.5625rem;font-weight:700}.paper-card ul{gap:.3125rem;margin:auto 0 0;padding:0;display:grid}.paper-card li{align-items:center;gap:.5rem;margin:0;font-size:.75rem;list-style:none;display:flex}.paper-card .icon{filter:grayscale()brightness(.1);flex:none;width:.8125rem;height:.8125rem}.paper-card .icon svg{width:100%;height:100%}.paper-card a{color:inherit;text-decoration:none}:root[data-theme=dark] .paper-card{--card:#f3eee5;--reflect:.04}.intro{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}@media (width<=48rem),(height<=30rem){.paper-card{display:block}main:has(>.paper-card){padding-bottom:calc(var(--space-4) + 8dvh);place-items:center;display:grid}.intro{clip-path:none;text-align:center;white-space:normal;width:min(100%,22rem);height:auto;color:color-mix(in srgb, var(--text), transparent 25%);margin-top:3.25rem;font-size:.9375rem;line-height:1.55;position:static;overflow:visible}.intro p{margin:0 0 .75rem}.intro a{color:var(--text);-webkit-text-decoration-color:color-mix(in srgb, var(--primary), transparent 45%);text-decoration-color:color-mix(in srgb, var(--primary), transparent 45%);text-underline-offset:.3em}}:is(:root:has(.no-js),:root[data-scene=failed]) .paper-card{display:block}:is(:root:has(.no-js),:root[data-scene=failed]) main:has(>.paper-card){padding-bottom:calc(var(--space-4) + 8dvh);place-items:center;display:grid}:is(:root:has(.no-js),:root[data-scene=failed]) .intro{clip-path:none;text-align:center;white-space:normal;width:min(100%,22rem);height:auto;color:color-mix(in srgb, var(--text), transparent 25%);margin-top:3.25rem;font-size:.9375rem;line-height:1.55;position:static;overflow:visible}:is(:root:has(.no-js),:root[data-scene=failed]) .intro p{margin:0 0 .75rem}:is(:root:has(.no-js),:root[data-scene=failed]) .intro a{color:var(--text);-webkit-text-decoration-color:color-mix(in srgb, var(--primary), transparent 45%);text-decoration-color:color-mix(in srgb, var(--primary), transparent 45%);text-underline-offset:.3em}@media (width>=48.0625rem) and (height>=30.0625rem){:root:not(:has(.no-js),[data-scene=failed]) .intro:focus-within{inset:auto 0 calc(var(--footer-h) + var(--space-5));z-index:var(--z-chrome);clip-path:none;white-space:normal;width:min(36rem,100% - 2rem);height:auto;color:var(--ink);background:var(--paper);border-radius:var(--radius-m);box-shadow:var(--shadow-float);margin-inline:auto;padding:1rem 1.25rem;font-size:.9375rem;line-height:1.5;overflow:visible}:root:not(:has(.no-js),[data-scene=failed]) .intro:focus-within p{margin:0 0 .5rem}:root:not(:has(.no-js),[data-scene=failed]) .intro:focus-within p:last-child{margin:0}}@media (width<=48rem) and (prefers-reduced-motion:no-preference),(height<=30rem) and (prefers-reduced-motion:no-preference){.paper-card .turn{animation:card-hint 1.4s .9s var(--ease) both}}@keyframes card-hint{0%,to{rotate:y 0deg}45%{rotate:y -16deg}}.contacts{grid-template-columns:minmax(12rem,19rem) minmax(0,40em);justify-content:center;gap:clamp(2rem,5vw,5em);min-height:100%;display:grid}.profile{flex-direction:column;display:flex}.profile h1{color:var(--text);margin-bottom:.875rem;font-size:2.5rem}.profile .role{font-family:var(--font-narrow);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--text), transparent 38%);margin-bottom:2.25rem;font-size:.8125rem;font-weight:700}.profile .role:before{content:"";background:var(--primary);width:2rem;height:.0625rem;box-shadow:0 0 .75rem var(--glow);margin-bottom:.875rem;display:block}.profile .reach{flex-direction:column;gap:1.75rem;margin-top:auto;display:flex}.profile ul{flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.profile li{align-items:center;gap:.875rem;margin:0;padding:0;font-size:1.0625rem;list-style:none;display:flex}.profile .icon{filter:grayscale()brightness(.1);flex:none;width:1.125em;height:1.125em;transition:filter .5s}.profile .icon svg{width:100%;height:100%;display:block}.profile li:hover .icon{filter:grayscale(0) brightness(1) drop-shadow(0 0 .3125rem var(--textShadowColor))}.profile :is(a,a:visited){color:var(--text);white-space:nowrap;text-underline-offset:.3em;transition:text-decoration-color var(--motion-fast) var(--ease);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.profile a:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.write{flex-direction:column;min-width:0;display:flex}.write .lead{color:color-mix(in srgb, var(--text), transparent 25%);margin-bottom:2.5rem;font-size:1.0625rem;line-height:1.55}@media (width<=48rem),(height<=30rem){.contacts{grid-template-columns:minmax(0,1fr);gap:2.5rem}.profile h1{font-size:2.125rem}.profile .role{margin-bottom:1.75rem}.profile .reach{gap:.75rem;margin-top:0}.profile ul{gap:0}.profile a{padding-block:.4375rem}.write .lead{margin-bottom:2rem;font-size:1rem}}.inquiry{--under:color-mix(in srgb, var(--text), transparent 72%);--under-strong:color-mix(in srgb, var(--text), transparent 45%);--row:1.75rem;flex-direction:column;flex:1;display:flex}.inquiry .fields{flex-direction:column;flex:1;gap:1.625rem;display:flex}.inquiry :where(input[type=text],textarea){height:auto;color:var(--text);background:linear-gradient(var(--primary), var(--primary)) left bottom / 0 .0625rem no-repeat, linear-gradient(var(--under), var(--under)) left bottom / 100% .0625rem no-repeat;box-shadow:none;transition:background-size var(--motion-med) var(--ease), box-shadow var(--motion-med) var(--ease);border:0;border-radius:0;padding:.375rem 0 .4375rem;font-size:1.0625rem;line-height:1.5}.inquiry :where(input[type=text],textarea):hover{--under:var(--under-strong);border-color:#0000}.inquiry :where(input[type=text],textarea):focus-visible{box-shadow:0 .75rem .75rem -.75rem var(--glow);background-color:#0000;background-size:100% .0625rem,100% .0625rem}.inquiry textarea{height:calc(var(--row) * 4);max-height:calc(var(--row) * 4);line-height:var(--row);background:linear-gradient(var(--primary), var(--primary)) left bottom / 0 .0625rem no-repeat scroll, repeating-linear-gradient(transparent 0 calc(var(--row) - .0625rem), var(--under) calc(var(--row) - .0625rem) var(--row)) 0 0 / 100% var(--row) local;padding:.3125rem 0 0}.inquiry textarea:focus-visible{background-size:100% .0625rem, 100% var(--row)}.inquiry .topics{border:0;min-width:0;margin:0;padding:0}.inquiry .topics legend{margin-bottom:.75rem;padding:0}.inquiry .options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem 1.5rem;display:grid}.inquiry .option{color:color-mix(in srgb, var(--text), transparent 25%);cursor:pointer;transition:color var(--motion-fast) var(--ease);flex-direction:row;align-items:center;gap:.625rem;font-size:1rem;line-height:1.3}.inquiry .option:hover{color:var(--text)}.inquiry .option:has(:checked){color:var(--text)}.inquiry :is(input[type=radio],input[type=checkbox]){border:.0625rem solid var(--under-strong);width:1rem;height:1rem;box-shadow:none;cursor:pointer;transition:background-color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease);background:0 0;border-radius:.125rem;flex:none;margin:0;padding:0}.inquiry :is(input[type=radio],input[type=checkbox]):hover{border-color:var(--text)}.inquiry :is(input[type=radio],input[type=checkbox]):checked{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 .625rem var(--glow)}.inquiry :is(input[type=radio],input[type=checkbox]):focus-visible{box-shadow:0 0 0 .25rem var(--ring);outline:0}.inquiry input[type=checkbox]:checked{background:var(--primary) url(../../../i/tick.svg) center / 85% no-repeat}.inquiry input[type=radio]:checked{background:var(--primary) content-box;box-shadow:0 0 .5rem -.125rem var(--glow);padding:.1875rem}.inquiry:not([data-phase=idle]) .fields{display:none}.inquiry .label{font-family:var(--font-narrow);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--text), transparent 38%);font-size:.8125rem;font-weight:700}.inquiry :is(label,.topics):focus-within .label{color:var(--primary)}.inquiry .terms{color:color-mix(in srgb, var(--text), transparent 25%);cursor:pointer;flex-direction:row;align-items:flex-start;gap:.75rem;font-size:.875rem;line-height:1.45}.inquiry .terms a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, currentColor, transparent 60%);text-decoration-color:color-mix(in srgb, currentColor, transparent 60%)}.inquiry .terms a:hover{color:var(--primary);text-decoration-color:currentColor}.inquiry .terms input{margin-top:.1875rem}.inquiry .send{height:3rem;font-family:var(--font-narrow);letter-spacing:.14em;text-transform:uppercase;background:var(--primary);border-radius:var(--radius-s);box-shadow:0 .0625rem .125rem color-mix(in srgb, var(--primaryDark), transparent 60%), 0 .75rem 1.25rem -.875rem var(--glow);align-self:flex-start;margin-top:auto;padding:0 1.5rem 0 1.75rem;font-size:1rem}.inquiry .send:hover{box-shadow:0 .0625rem .125rem color-mix(in srgb, var(--primaryDark), transparent 60%), 0 .875rem 1.75rem -.75rem var(--glow)}.inquiry .plane svg{width:1.15em;height:1.15em;transition:translate var(--motion-med) var(--ease-spring);display:block}.inquiry .send:hover:not(:disabled) .plane svg{translate:.15em -.15em}.inquiry .trap{position:absolute;left:-100vw}.inquiry .status{text-align:center;flex-direction:column;align-items:center;margin:auto;display:flex}.inquiry .mark svg{width:5.5rem;height:5.5rem;margin-bottom:1.5rem;display:block}.inquiry .title{margin:0 0 .5rem;font-size:1.75rem}.inquiry[data-phase=success] :is(.mark,.title){color:var(--success)}.inquiry[data-phase=error] :is(.mark,.title){color:var(--danger)}@media (width<=48rem),(height<=30rem){.inquiry .send{align-self:stretch}}@media (width<=30rem){.inquiry .options{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){.inquiry .mark .ring{animation:.75s mark-ring}.inquiry .mark .tick{stroke-dasharray:1;animation:.75s both mark-tick}.inquiry .mark .cross{transform-box:fill-box;transform-origin:50%;animation:.775s both mark-cross}.inquiry .mark .cross.late{animation-duration:.975s}}@keyframes mark-ring{0%,50%{stroke-opacity:.2}90%,to{stroke-opacity:1}}@keyframes mark-tick{0%,54%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes mark-cross{0%,54%{scale:0}70%{scale:.7}84%{scale:1.1}to{scale:1}}
