@property --color-bg{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-surface{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-surface-raised{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-line{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-line-strong{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-text{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-text-muted{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-text-subtle{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-action{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-action-hover{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-action-active{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-on-action{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-accent{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-accent-text{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-accent-hover{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-accent-active{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-accent-soft{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-focus{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-atmosphere{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-control{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-control-hover{syntax:"<color>";inherits:true;initial-value:#0000}@property --color-control-active{syntax:"<color>";inherits:true;initial-value:#0000}@property --contact-daylight{syntax:"<percentage>";inherits:false;initial-value:0%}@layer components{:root:has(.contact){--contact-shift:calc(var(--duration-deliberate) * var(--motion-scale));--contact-leave:calc(var(--duration-micro) * var(--motion-scale));--contact-follow:calc(var(--duration-instant) * var(--motion-scale));transition-property:--color-bg,--color-surface,--color-surface-raised,--color-line,--color-line-strong,--color-text,--color-text-muted,--color-text-subtle,--color-action,--color-action-hover,--color-action-active,--color-on-action,--color-accent,--color-accent-text,--color-accent-hover,--color-accent-active,--color-accent-soft,--color-focus,--color-atmosphere,--color-control,--color-control-hover,--color-control-active;transition-duration:var(--contact-shift);transition-timing-function:var(--ease-glide)}:root:is([data-world-choice=arche],:has([data-world-choice=arche]:checked)):has(.contact){transition-delay:var(--contact-follow)}:root:has(.contact) .landing-footer{transition:--footer-blue var(--contact-shift) var(--ease-glide)}:root:is([data-world-choice=arche],:has([data-world-choice=arche]:checked)):has(.contact) .landing-footer{transition-delay:var(--contact-follow)}:root[data-contact-shift] .contact :is(.contact-tile,.contact-tile__mark,.contact-field__input,.contact-phone,.contact-name,.contact-name__chip,.contact-name__word,.contact-phone__chip,.contact-phone__region,.button){transition-duration:0s}.contact-grounds{z-index:-1;pointer-events:none;position:fixed;inset:0}.contact-ground{position:absolute;inset:0;overflow:hidden}.contact-ground:before{content:"";transition:opacity var(--contact-shift) var(--ease-glide), translate var(--contact-shift) var(--ease-glide);position:absolute;inset:0 0 auto}.contact-ground[data-ground=studio]:before{background:radial-gradient(62% 58% at 50% 0%, color-mix(in oklab, var(--color-atmosphere) 72%, transparent), transparent);block-size:min(56rem,110svh)}.contact-ground[data-ground=arche]{--contact-daylight:0%;mask-image:linear-gradient(to bottom, currentColor calc(var(--contact-daylight) - 40%), transparent var(--contact-daylight));transition:--contact-daylight var(--contact-shift) var(--ease-glide)}.contact-ground[data-ground=arche]:before{background:linear-gradient(in oklab to bottom, color-mix(in oklab, var(--color-atmosphere) 68%, var(--color-surface)), color-mix(in oklab, var(--color-atmosphere) 30%, var(--color-bg)) 48%, var(--color-bg));block-size:min(48rem,90svh)}:root:not([data-world-choice=arche],:has([data-world-choice=arche]:checked)) .contact-ground[data-ground=arche]:before,:root:is([data-world-choice=arche],:has([data-world-choice=arche]:checked)) .contact-ground[data-ground=studio]:before{opacity:0;translate:0 calc(-1 * var(--space-48) * var(--motion-scale))}:root:is([data-world-choice=arche],:has([data-world-choice=arche]:checked)) .contact-ground[data-ground=arche]{--contact-daylight:140%}.contact{padding:calc(var(--landing-header-h-top) + var(--space-64)) var(--gutter) var(--space-96);justify-items:center;display:grid;container:contact/inline-size}:root:has(.contact){scroll-padding-block-start:calc(var(--landing-header-h-top) + var(--space-32))}.contact-intro{text-align:center;justify-items:center;max-inline-size:80rem;display:grid}.contact-intro__title,.contact-intro__lead{display:grid}.contact-intro__title{hyphens:manual}.contact-intro__line{display:block}.contact-intro__lead{max-inline-size:40rem;color:var(--color-text-muted);margin-block-start:var(--space-24)}.contact-intro__lead p{text-wrap:balance}.contact-voice{transition:opacity var(--contact-shift) var(--ease-out) var(--contact-leave), translate var(--contact-shift) var(--ease-out) var(--contact-leave), visibility 0s linear var(--contact-leave);grid-area:1/1}:root:not([data-world-choice=arche],:has([data-world-choice=arche]:checked)) .contact-voice[data-voice=arche],:root:is([data-world-choice=arche],:has([data-world-choice=arche]:checked)) .contact-voice[data-voice=studio]{opacity:0;visibility:hidden;translate:0 calc(var(--space-16) * var(--motion-scale));transition:opacity var(--contact-leave) var(--ease-out), translate 0s linear var(--contact-leave), visibility 0s linear var(--contact-leave)}.contact-form{inline-size:min(100%,44rem);justify-items:center;margin-block-start:var(--space-48);display:grid}.contact-worlds{border:0;inline-size:100%;min-inline-size:0;margin:0;padding:0}.contact-worlds__legend{color:var(--color-text-muted);font-size:var(--text-small-size);margin-block-end:var(--space-16);margin-inline:auto;padding:0;font-weight:600}.contact-worlds__track{--pos:var(--active,0);isolation:isolate;border-radius:var(--radius-pill);background-color:var(--color-control);box-shadow:var(--control-shadow);transition:background-color var(--duration-micro) var(--ease-out), box-shadow var(--contact-shift) var(--ease-glide);grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:grid;position:relative}.contact-worlds__track:hover{background-color:var(--color-control-hover)}.contact-worlds__track:has([data-option=arche] :checked){--active:1}.contact-worlds__track:has([data-option=studio]:hover){--hover:0}.contact-worlds__track:has([data-option=arche]:hover){--hover:1}.contact-worlds__track:has([data-option=studio]:active){--pos:0}.contact-worlds__track:has([data-option=arche]:active){--pos:1}.contact-worlds__thumb{--lean:calc(clamp(-1, var(--hover,var(--pos)) - var(--pos), 1) * 3px);border-radius:var(--radius-pill);background-color:var(--color-action);inline-size:calc(50% - 4px);translate:calc(var(--pos) * 100% + var(--lean) * var(--motion-scale)) 0;transition:translate calc(var(--duration-glide) * var(--motion-scale)) var(--ease-glide), scale calc(var(--duration-standard) * var(--motion-scale)) var(--ease-glide);position:absolute;inset-block:4px;inset-inline-start:4px}.contact-worlds__track:has(.contact-worlds__option:active) .contact-worlds__thumb{scale:calc(1 - .02 * var(--motion-scale));transition-duration:calc(var(--duration-glide) * var(--motion-scale)), calc(var(--duration-instant) * var(--motion-scale));transition-timing-function:var(--ease-glide), var(--ease-out)}.contact-worlds__option{z-index:1;min-block-size:4rem;padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:outline-offset calc(var(--duration-micro) * var(--motion-scale)) var(--ease-out);align-content:center;justify-items:center;gap:2px;display:grid;position:relative}.contact-worlds__name,.contact-worlds__note{transition:color var(--duration-glide) var(--ease-glide), scale calc(var(--duration-standard) * var(--motion-scale)) var(--ease-glide)}.contact-worlds__name{color:var(--color-text);font-size:var(--text-body-size);letter-spacing:.01em;font-weight:700;line-height:1.25}.contact-worlds__note{color:var(--color-text-muted);font-size:var(--text-small-size);font-weight:500;line-height:1.3}@container contact (width<=30rem){.contact-worlds__option{padding-inline:var(--space-8)}.contact-worlds__note{font-size:var(--text-meta-size);text-wrap:balance}}.contact-worlds__input:checked~:is(.contact-worlds__name,.contact-worlds__note){color:var(--color-on-action)}.contact-worlds__option:hover .contact-worlds__input:not(:checked)~.contact-worlds__note{color:var(--color-text);transition-duration:var(--duration-micro), calc(var(--duration-standard) * var(--motion-scale))}.contact-worlds__option:active :is(.contact-worlds__name,.contact-worlds__note){scale:calc(1 - .03 * var(--motion-scale));transition-duration:var(--duration-glide), calc(var(--duration-instant) * var(--motion-scale))}.contact-worlds__option:has(.contact-worlds__input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.contact-worlds__input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}.contact-form__body{gap:var(--space-32);inline-size:100%;margin-block-start:var(--space-48);display:grid}.contact-form__fields,.contact-form__names{gap:var(--space-24) var(--space-16);grid-template-columns:minmax(0,1fr);display:grid}@container contact (width>=40rem){.contact-form__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form__fields>:not([data-span=half]){grid-column:1/-1}.contact-form__names{grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-field{align-content:start;gap:var(--space-8);display:grid}.contact-field__label{color:var(--color-text);font-size:var(--text-small-size);font-weight:600}.contact-field__optional{color:var(--color-text-muted);font-weight:450}:root:not([data-world-choice=arche],:has([data-world-choice=arche]:checked)) .contact-field__for[data-for-world=arche],:root:is([data-world-choice=arche],:has([data-world-choice=arche]:checked)) .contact-field__for[data-for-world=studio]{display:none}.contact-field__input{min-block-size:3.25rem;inline-size:100%;padding:var(--space-12) var(--space-16);border:1px solid var(--color-line-strong);border-radius:var(--radius-m);corner-shape:squircle;background-color:var(--color-surface);color:var(--color-text);caret-color:var(--color-accent);font:inherit;outline-offset:0;transition:border-color var(--duration-micro) var(--ease-out), outline-color var(--duration-micro) var(--ease-out), outline-offset calc(var(--duration-micro) * var(--motion-scale)) var(--ease-out);outline:2px solid #0000;line-height:1.5}.contact-field__input--text{resize:vertical;min-block-size:11rem}.contact-field__input:hover{border-color:var(--color-text-muted)}.contact-field__input:focus-visible{border-color:var(--color-focus);outline-color:var(--color-focus);outline-offset:2px}.contact-field__input[aria-invalid=true]{border-color:var(--color-text);background-color:color-mix(in oklab, var(--color-text) 4%, var(--color-surface))}.contact-phone,.contact-name{border:1px solid var(--color-line-strong);border-radius:var(--radius-m);corner-shape:squircle;background-color:var(--color-surface);min-block-size:3.25rem;inline-size:100%;color:var(--color-text);outline-offset:0;transition:border-color var(--duration-micro) var(--ease-out), outline-color var(--duration-micro) var(--ease-out), outline-offset calc(var(--duration-micro) * var(--motion-scale)) var(--ease-out);outline:2px solid #0000;align-items:stretch;display:flex}.contact-phone:hover,.contact-name:hover{border-color:var(--color-text-muted)}.contact-phone:has(:focus-visible),.contact-name:has(:focus-visible){border-color:var(--color-focus);outline-color:var(--color-focus);outline-offset:2px}.contact-phone:has([aria-invalid=true]),.contact-name:has([aria-invalid=true]){border-color:var(--color-text);background-color:color-mix(in oklab, var(--color-text) 4%, var(--color-surface))}.contact-phone__country,.contact-name__salutation{border-inline-end:1px solid var(--color-line);flex:0 50%;min-inline-size:0;display:flex;position:relative}.contact-phone__select,.contact-name__select{inline-size:100%;min-inline-size:0;padding:0 var(--space-12) 0 var(--space-16);color:inherit;font:inherit;cursor:pointer;background-color:#0000;border:0;border-start-start-radius:inherit;border-end-start-radius:inherit}.contact-phone__select:focus-visible,.contact-name__select:focus-visible{outline:none}.contact-phone__select :is(option,optgroup),.contact-name__select option{background-color:var(--color-surface-raised);color:var(--color-text)}.contact-phone__chip,.contact-name__chip{align-items:center;gap:var(--space-8);padding:0 var(--space-12) 0 var(--space-16);color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;transition:color var(--duration-micro) var(--ease-out);font-weight:600;display:none}.contact-phone__region{color:var(--color-text-muted);letter-spacing:.04em;transition:color var(--duration-micro) var(--ease-out)}.contact-phone__chevron,.contact-name__chevron{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;block-size:.75rem;inline-size:.75rem;color:var(--color-text-muted);transition:translate calc(var(--duration-micro) * var(--motion-scale)) var(--ease-out)}.contact-phone[data-chip] .contact-phone__country{flex:none}.contact-phone[data-chip] .contact-phone__chip{display:inline-flex}.contact-phone[data-chip] .contact-phone__select{opacity:0;inline-size:100%;padding:0;position:absolute;inset:0}.contact-phone__country:hover .contact-phone__region,.contact-phone__country:has(:focus-visible) .contact-phone__region{color:var(--color-text)}.contact-phone__country:hover .contact-phone__chevron,.contact-name__salutation:hover .contact-name__chevron{translate:0 calc(1px * var(--motion-scale))}.contact-phone__number,.contact-name__input{inline-size:0;min-inline-size:0;padding:var(--space-12) var(--space-16);color:var(--color-text);caret-color:var(--color-accent);font:inherit;background-color:#0000;border:0;border-start-end-radius:inherit;border-end-end-radius:inherit;flex:1 1 0;line-height:1.5}.contact-phone__number{font-variant-numeric:tabular-nums}.contact-phone__number::placeholder{color:var(--color-text-subtle);opacity:1}.contact-phone__number:focus-visible,.contact-name__input:focus-visible{outline:none}.contact-name__input:only-child{border-radius:inherit}.contact-name__words{display:grid}.contact-name__word{visibility:hidden;transition:color var(--duration-micro) var(--ease-out);grid-area:1/1}.contact-name__word[data-salutation=none]{color:var(--color-text-muted)}.contact-name__salutation:hover .contact-name__word,.contact-name__salutation:has(:focus-visible) .contact-name__word{color:var(--color-text)}@supports selector(:has(*)){.contact-name__salutation{flex:none}.contact-name__chip{display:inline-flex}.contact-name__select{opacity:0;inline-size:100%;padding:0;position:absolute;inset:0}.contact-name:has(option[value=""]:checked) [data-salutation=none],.contact-name:has(option[value=ms]:checked) [data-salutation=ms],.contact-name:has(option[value=mr]:checked) [data-salutation=mr],.contact-name:has(option[value=x]:checked) [data-salutation=x]{visibility:visible}}.contact-form__send{justify-items:center;gap:var(--space-16);text-align:center;display:grid}.contact-form__privacy{max-inline-size:32rem;color:var(--color-text-muted);text-wrap:balance}.contact-form__failed{max-inline-size:32rem;color:var(--color-text);text-wrap:balance;font-weight:600;display:none}.contact-form__failed:target,.contact-form[data-state=failed] .contact-form__failed{display:block}.contact-sent{justify-items:center;gap:var(--space-16);inline-size:100%;text-align:center;outline:none;margin-block-start:var(--space-48);display:none}.contact-sent:target,.contact-form[data-state=sent] .contact-sent{display:grid}.contact-form:has(.contact-sent:target) :is(.contact-form__body,.contact-intake),.contact-form[data-state=sent] :is(.contact-form__body,.contact-intake){display:none}.contact-sent__text{max-inline-size:32rem;color:var(--color-text-muted);overflow-wrap:anywhere}.contact-sent__again{min-block-size:2.75rem;padding:0 var(--space-8);border-radius:var(--radius-s);color:var(--color-accent-text);text-underline-offset:.24em;cursor:pointer;align-items:center;font-weight:600;text-decoration:underline 1px;display:inline-flex}.contact-sent__again:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.contact-unfold{opacity:1;transition:grid-template-rows var(--contact-shift) var(--ease-glide), opacity var(--contact-shift) var(--ease-out), visibility 0s linear 0s;grid-template-rows:1fr;display:grid}.contact-unfold__inner{min-block-size:0;margin-inline:-6px;padding-inline:6px;display:grid;overflow:hidden}.contact-unfold__inner>*{margin-block-end:6px}.contact-unfold[data-unfold] .contact-choice{margin-block-start:var(--space-32)}.contact-consult{margin-block-end:var(--space-24)}:root:not([data-world-choice=arche],:has([data-world-choice=arche]:checked)) .contact-unfold[data-intake-world=arche],:root:is([data-world-choice=arche],:has([data-world-choice=arche]:checked)) .contact-unfold[data-intake-world=studio],.contact-intake:not(:has(input[name=service][value=website]:checked)) .contact-unfold[data-unfold=website],.contact-intake:not(:has(input[name=service][value=systeme]:checked)) .contact-unfold[data-unfold=systeme]{opacity:0;visibility:hidden;transition:grid-template-rows var(--contact-shift) var(--ease-glide), opacity var(--contact-leave) var(--ease-out), visibility 0s linear var(--contact-shift);grid-template-rows:0fr;&>.contact-unfold__inner>.contact-choice{translate:0 calc(-1 * var(--space-8) * var(--motion-scale))}}.contact-unfold__inner>.contact-choice{transition:translate var(--contact-shift) var(--ease-glide)}.contact-intake{inline-size:100%;margin-block-start:var(--space-48);display:grid}.contact-choice{gap:var(--space-16);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.contact-choice__legend{color:var(--color-text);font-size:var(--text-small-size);margin-block-end:var(--space-16);padding:0;font-weight:600}.contact-choice__grid{gap:var(--space-12);grid-template-columns:minmax(0,1fr);display:grid}@container contact (width>=26rem){.contact-choice__grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@container contact (width>=40rem){.contact-choice__grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.contact-choice__hint,.contact-choice__fine{color:var(--color-text-muted);font-size:var(--text-small-size);text-wrap:pretty;margin:0;line-height:1.5}.contact-choice__fine{color:var(--color-text-subtle)}.contact-tile{gap:var(--space-4);min-block-size:3.5rem;padding:var(--space-16);border-radius:var(--radius-m);corner-shape:squircle;background-color:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line-strong);color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-standard) var(--ease-out), box-shadow var(--duration-standard) var(--ease-out), scale calc(var(--duration-glide) * var(--motion-scale)) var(--ease-glide);flex-direction:column;display:flex;position:relative}.contact-tile:after{content:"";border-radius:inherit;corner-shape:squircle;opacity:0;pointer-events:none;position:absolute;inset:0}.contact-tile:hover{background-color:color-mix(in oklab, var(--color-text) 3%, var(--color-surface));box-shadow:inset 0 0 0 1px var(--color-text-muted)}.contact-tile:active{scale:calc(1 - .015 * var(--motion-scale));transition-duration:var(--duration-micro), var(--duration-micro), calc(var(--duration-instant) * var(--motion-scale))}.contact-tile:has(:checked){background-color:color-mix(in oklab, var(--color-accent) 10%, var(--color-surface));box-shadow:inset 0 0 0 2px var(--color-accent)}@media (prefers-reduced-motion:no-preference){.contact-tile:has(:checked):after{animation:contact-impulse calc(var(--duration-deliberate) * var(--motion-scale)) var(--ease-out)}}.contact-tile:has(:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.contact-more{margin-block-start:var(--space-24)}.contact-more__summary{align-items:center;gap:var(--space-8);min-block-size:2.75rem;padding-inline:var(--space-16) var(--space-24);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--color-line-strong);color:var(--color-text);font-size:var(--text-small-size);cursor:pointer;transition:background-color var(--duration-standard) var(--ease-out), box-shadow var(--duration-standard) var(--ease-out);font-weight:600;list-style:none;display:inline-flex}.contact-more__summary::-webkit-details-marker{display:none}.contact-more__summary:hover{background-color:color-mix(in oklab, var(--color-text) 3%, transparent);box-shadow:inset 0 0 0 1px var(--color-text-muted)}.contact-more__summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.contact-more__icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;block-size:1rem;inline-size:1rem;transition:rotate calc(var(--duration-glide) * var(--motion-scale)) var(--ease-glide)}.contact-more[open] .contact-more__icon{rotate:45deg}.contact-more>.contact-interests{margin-block-start:var(--space-16)}.contact-more:not([open]) .contact-interest{transition:none}.contact-interests__list{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.contact-interest{align-items:center;gap:var(--space-12);min-block-size:2.75rem;padding:var(--space-8) var(--space-12);border-radius:var(--radius-s);corner-shape:squircle;background-color:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-text);font-size:var(--text-small-size);cursor:pointer;transition:background-color var(--duration-standard) var(--ease-out), box-shadow var(--duration-standard) var(--ease-out);grid-template-columns:1.125rem minmax(0,1fr) auto;display:grid;position:relative}.contact-interest:before{content:"";block-size:1.125rem;inline-size:1.125rem;box-shadow:inset 0 0 0 1.5px var(--color-text-muted);transition:background-color var(--duration-micro) var(--ease-out), box-shadow var(--duration-micro) var(--ease-out);border-radius:4px}.contact-interest:hover{box-shadow:inset 0 0 0 1px var(--color-text-muted)}.contact-interest:has(:checked){background-color:color-mix(in oklab, var(--color-accent) 8%, var(--color-surface));box-shadow:inset 0 0 0 1.5px var(--color-accent)}.contact-interest:has(:checked):before{background:center / .75rem no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 4.75' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), var(--color-accent);box-shadow:none}.contact-interest:has(:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.contact-interest__input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.contact-interest__name{font-weight:600;line-height:1.3}.contact-interest__price{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.contact-tile__input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.contact-tile__name{font-weight:700;line-height:1.3}.contact-tile>.contact-tile__name,.contact-tile__head{padding-inline-end:1.75rem}.contact-tile__note{color:var(--color-text-muted);font-size:var(--text-small-size);line-height:1.45}.contact-tile__head{align-items:center;gap:var(--space-4) var(--space-8);flex-wrap:wrap;display:flex}.contact-tile__badge{padding:2px var(--space-8);border-radius:var(--radius-pill);background-color:var(--color-accent);color:var(--color-on-action);font-size:var(--text-label-size);letter-spacing:.02em;font-weight:700}.contact-tile__price{margin-block-start:auto;padding-block-start:var(--space-12);display:grid}.contact-tile__amount{font-size:var(--text-lead-size);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.25}.contact-tile__terms{color:var(--color-text-muted);font-size:var(--text-small-size);white-space:nowrap}.contact-tile__founder{color:var(--color-accent-text);font-size:var(--text-small-size);font-weight:600}.contact-tile--package .contact-tile__price{padding-block-start:var(--space-4)}.contact-tile__mark{block-size:1.25rem;inline-size:1.25rem;box-shadow:inset 0 0 0 1.5px var(--color-line-strong);fill:none;stroke:#0000;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;transition:background-color var(--duration-micro) var(--ease-out), box-shadow var(--duration-micro) var(--ease-out), stroke var(--duration-micro) var(--ease-out);border-radius:50%;padding:3px;position:absolute;inset-block-start:var(--space-16);inset-inline-end:var(--space-16)}.contact-tile:has(:checked) .contact-tile__mark{background-color:var(--color-accent);box-shadow:none;stroke:var(--color-on-action);animation:contact-tick calc(var(--duration-glide) * var(--motion-scale)) var(--ease-glide)}.contact-consult:not([hidden]){gap:var(--space-4);padding:var(--space-16) var(--space-24);border-radius:var(--radius-m);corner-shape:squircle;background-color:color-mix(in oklab, var(--color-accent) 10%, var(--color-surface));box-shadow:inset 2px 0 0 var(--color-accent);display:grid}.contact-consult__title{margin:0;font-weight:700}.contact-consult__text{color:var(--color-text-muted);margin:0}.contact-intro__accent{color:var(--color-accent-text)}.contact-field[data-shake]{animation:contact-shake calc(var(--duration-glide) * var(--motion-scale)) var(--ease-out)}.contact-field__error{align-items:flex-start;gap:var(--space-8);color:var(--color-text);font-size:var(--text-small-size);text-wrap:pretty;margin:0;font-weight:500;line-height:1.45;display:flex}.contact-field__error[hidden]{display:none}.contact-field__error:before{content:"";background-color:currentColor;flex:none;block-size:1lh;inline-size:1rem;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0Zm-.95 3.75h1.9l-.3 5.6h-1.3l-.3-5.6ZM8 10.55a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2Z'/%3E%3C/svg%3E") 50%/1rem 1rem no-repeat}@media (prefers-reduced-motion:no-preference){.contact-field__error:not([hidden]){animation:contact-reveal calc(var(--duration-standard) * var(--motion-scale)) var(--ease-out)}}.contact-send{display:grid}.contact-send__label{gap:var(--space-8);visibility:hidden;opacity:0;transition:opacity var(--duration-micro) var(--ease-out), visibility 0s linear var(--duration-micro);grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.contact-form:not([data-state]) .contact-send__label[data-label=send],.contact-form[data-state=failed] .contact-send__label[data-label=send],.contact-form[data-state=sending] .contact-send__label[data-label=sending],.contact-form[data-state=done] .contact-send__label[data-label=sent]{visibility:visible;opacity:1;transition:opacity var(--duration-micro) var(--ease-out), visibility 0s}.contact-form:is(:not([data-state]),[data-state=failed]):has([data-world-choice=studio]:checked):has(input[name=service][value=website]:checked):has(input[name=package]:checked){& .contact-send__label[data-label=send]{visibility:hidden;opacity:0}& .contact-send__label[data-label=order]{visibility:visible;opacity:1}}.contact-form:is([data-state=sending],[data-state=done]) .contact-form__send .arrow{opacity:0}.contact-form[data-state=sending] .contact-form__send .button{cursor:progress}.contact-form:is([data-state=sending],[data-state=done]) .contact-form__send .button:disabled{opacity:.8;transition:opacity var(--duration-standard) var(--ease-out)}.contact-form[data-state=done] .contact-form__send .button:disabled{opacity:1;cursor:default}.contact-form__fields,.contact-intake{transition:opacity var(--duration-glide) var(--ease-out)}.contact-form[data-state=done] :is(.contact-form__fields,.contact-intake){opacity:.32}.contact-send__tick,.contact-sent__tick{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.contact-send__tick{stroke-width:2.25px;block-size:1em;inline-size:1em}.contact-form[data-state=done] .contact-send__tick{animation:contact-draw calc(var(--duration-glide) * var(--motion-scale)) var(--ease-out) both}.contact-sent__tick{block-size:3rem;inline-size:3rem;color:var(--color-accent);stroke-width:2.5px}.contact-sent__tick circle,.contact-sent__tick path{stroke-dasharray:1;stroke-dashoffset:0}.contact-sent__tick circle{stroke-width:1.5px;opacity:.55}.contact-sent__tick{--k:0}.contact-sent__title{--k:3}.contact-sent__text{--k:4}.contact-sent__home{--k:5}.contact-sent__again{--k:6}@media (prefers-reduced-motion:no-preference){.contact-form[data-state=sent] .contact-sent__tick circle{animation:contact-stroke calc(var(--duration-deliberate) * var(--motion-scale)) var(--ease-inOut) both}.contact-form[data-state=sent] .contact-sent__tick path{animation:contact-stroke calc(var(--duration-standard) * var(--motion-scale)) var(--ease-out) calc(var(--duration-standard) * var(--motion-scale)) both}.contact-form[data-state=sent] .contact-sent>:not(.contact-sent__tick){animation:contact-settle calc(var(--duration-deliberate) * var(--motion-scale)) var(--ease-out) calc(var(--duration-instant) * var(--k) * var(--motion-scale)) both}}.contact-sent__home{margin:var(--space-8) 0 0}@media (prefers-reduced-motion:no-preference){.contact [data-enter]{animation:contact-enter calc(var(--duration-deliberate) * 2) var(--ease-out) both;animation-delay:calc(var(--duration-instant) * (var(--i,0) + 1))}}}@keyframes contact-enter{0%{opacity:0;translate:0 calc(var(--space-24) * var(--motion-scale))}}@keyframes contact-impulse{0%{opacity:1;box-shadow:0 0 0 0 color-mix(in oklab, var(--color-accent) 45%, transparent)}to{opacity:0;box-shadow:0 0 0 calc(6px * var(--motion-scale)) transparent}}@keyframes contact-stroke{0%{stroke-dashoffset:1px}}@keyframes contact-settle{0%{opacity:0;translate:0 calc(var(--space-12) * var(--motion-scale))}}@keyframes contact-reveal{0%{opacity:0;translate:0 calc(-4px * var(--motion-scale))}}@keyframes contact-tick{0%{scale:calc(1 - .4 * var(--motion-scale))}}@keyframes contact-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes contact-shake{20%{translate:calc(-3px * var(--motion-scale)) 0}45%{translate:calc(3px * var(--motion-scale)) 0}70%{translate:calc(-2px * var(--motion-scale)) 0}85%{translate:calc(1px * var(--motion-scale)) 0}}
