/* A light continuation of the studio story, shared by both contact surfaces. */
.contact-experience{background:#eef4ef;color:#173c30;font-family:'Space Grotesk',sans-serif}
.contact-experience .site-header{position:fixed;inset:0 0 auto;z-index:30;display:flex;justify-content:space-between;align-items:center;min-height:100px;padding:28px 5%;background:linear-gradient(#eef4efed,transparent);color:#142d24}
.contact-experience .site-header .brand{width:156px;height:48px}.contact-experience .site-header .brand-original{filter:none}.contact-experience .header-actions{gap:12px}.contact-experience .header-back{display:none}
:is(.home-experience,.contact-experience) .contact-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.8fr);align-items:center;gap:9%;height:auto;min-height:100svh;padding:142px 7% 82px;overflow:hidden;color:#193c2e;background:#edf4ee}
:is(.home-experience,.contact-experience) .contact-stage::before{display:none}
.contact-sky{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 5% 62%,#bcdccc99,transparent 65%),linear-gradient(125deg,#e5eee9,#f7f7ee 75%)}
.contact-stage .scene-anchor{position:absolute;top:0;left:0;width:1px;height:1px}
.contact-sky::after{content:'';position:absolute;inset:0;background:url('/assets/audio-sculpture/cloud.png') center/cover;opacity:.17}
:is(.home-experience,.contact-experience) .contact-stage .flower-canvas{position:absolute;inset:0;z-index:-1;opacity:.62;pointer-events:none}
.contact-scene-copy{position:relative;z-index:2;align-self:center;padding-bottom:20px;max-width:680px}
.contact-invitation{font-size:12px;color:#557361;margin:0 0 36px}
.contact-scene-copy h1,.contact-scene-copy h2{font-family:'Inter Tight',sans-serif;font-size:clamp(48px,5.4vw,86px);font-weight:500;letter-spacing:-.035em;line-height:1.04;margin:0 0 35px;color:#193c2e}
.contact-intro{font-size:17px;line-height:1.55;color:#597363;margin:0 0 28px}
.contact-address{display:flex;flex-direction:column;gap:14px;font-style:normal;font-size:17px;line-height:1.5}
.contact-address>a:first-child{font-size:clamp(19px,1.9vw,27px);letter-spacing:-.015em;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:390px}
.contact-address>a:first-child span{font-weight:400}.contact-address a:hover,.contact-socials a:hover{color:#3e8164}
.contact-socials{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px;font-size:11px;color:#4e6e5c}
:is(.home-experience,.contact-experience) .contact-stage .story-contact-form{position:relative;inset:auto;width:100%;max-width:560px;z-index:3;display:grid;gap:22px;padding:30px;background:#ffffff5e;border:1px solid #ffffffd9;border-radius:27px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 65px #2848340a;margin:0}
.contact-form-heading h3{font-family:'Inter Tight',sans-serif;font-size:30px;font-weight:500;line-height:1.1;letter-spacing:-.025em;margin:0 0 9px;color:#193c2e}.contact-form-heading p{font-size:12px;color:#526f5b;line-height:1.5;margin:0}
.contact-name-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.contact-stage .flower-typed{white-space:pre-line}
:is(.home-experience,.contact-experience) .contact-stage label{font-size:11px;font-weight:400;letter-spacing:0;line-height:1.5;color:#4d705c;display:block}
:is(.home-experience,.contact-experience) .contact-stage input,:is(.home-experience,.contact-experience) .contact-stage textarea,:is(.home-experience,.contact-experience) .contact-stage select{display:block;width:100%;min-width:0;color:#193c2e;background:transparent;border:0;border-radius:0;border-bottom:1px solid #365b432e;box-shadow:none;padding:10px 0 12px;font-family:inherit;font-size:15px;line-height:1.45;resize:vertical;min-height:44px}
:is(.home-experience,.contact-experience) .contact-stage textarea{min-height:73px;max-height:180px}
:is(.home-experience,.contact-experience) .contact-stage input::placeholder,:is(.home-experience,.contact-experience) .contact-stage textarea::placeholder{color:#5c7262}
:is(.home-experience,.contact-experience) .contact-stage select option{color:#193c2e;background:#f1f6ef}
:is(.home-experience,.contact-experience) .contact-stage input:focus,:is(.home-experience,.contact-experience) .contact-stage textarea:focus,:is(.home-experience,.contact-experience) .contact-stage select:focus{outline:0;border-bottom-color:#347557;box-shadow:0 1px #347557}
:is(.home-experience,.contact-experience) .contact-stage :is(input,textarea,select):focus-visible{outline:2px solid #4f8d6b;outline-offset:4px}
:is(.home-experience,.contact-experience) .contact-stage .story-contact-form button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;background:#244b38;color:#f4fff7;border:1px solid #244b38;border-radius:30px;font-family:inherit;font-size:12px;font-weight:500;padding:17px 22px;cursor:pointer;margin:0}
:is(.home-experience,.contact-experience) .contact-stage .story-contact-form button:hover{background:#34664c}.contact-stage button span{font-size:20px}
:is(.home-experience,.contact-experience) .contact-stage .story-contact-note{font-size:10px;line-height:1.6;color:#58715e;margin:0;max-width:none}.contact-stage .story-contact-note a{text-decoration:underline;text-underline-offset:3px}
.contact-stage #form-status{font-size:11px;line-height:1.6;color:#24543d}.contact-stage #form-status:empty{display:none}
:is(.home-experience,.contact-experience) .contact-stage .contact-about{position:absolute;left:7%;bottom:33px;font-size:11px;color:#5f7c67;z-index:3;margin:0}
.contact-experience .story-footer{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;background:#edf4ee;color:#637567;border-top:1px solid #25433215;padding:23px 5%;font-size:10px}.contact-experience .story-footer nav{display:flex;gap:20px}.contact-experience .story-footer .top-button{background:#2543320a;color:#254332;border:1px solid #25433225}
.contact-experience .story-newsletter>div{background:#f7faf4;border:1px solid #25433220;color:#254332}.contact-experience .story-newsletter input{color:#254332;border-color:#25433245}.contact-experience .story-newsletter button{background:#254332;color:#fff}
.contact-experience a:focus-visible,.contact-experience button:focus-visible{outline:2px solid #348c64;outline-offset:5px}
@media(max-width:1050px) and (min-width:701px){:is(.home-experience,.contact-experience) .contact-stage{gap:5%;padding-left:5%;padding-right:5%;grid-template-columns:1fr minmax(330px,.9fr)}.contact-scene-copy h1,.contact-scene-copy h2{font-size:58px}:is(.home-experience,.contact-experience) .contact-stage .story-contact-form{padding:25px}}
@media(max-width:700px){.contact-experience .site-header{padding:20px 6%;min-height:82px}.contact-experience .site-header .brand{width:125px;height:40px}.contact-experience .header-actions{gap:8px}:is(.home-experience,.contact-experience) .contact-stage{display:flex;flex-direction:column;align-items:stretch;gap:30px;min-height:100svh;height:auto;padding:112px 6% 74px}.contact-scene-copy{padding:0}.contact-invitation{font-size:11px;margin-bottom:24px}.contact-scene-copy h1,.contact-scene-copy h2{font-size:clamp(39px,10.6vw,58px);line-height:1.04;margin-bottom:24px}.contact-intro{font-size:14px;margin-bottom:21px}.contact-address{font-size:14px;gap:9px}.contact-address>a:first-child{font-size:20px;max-width:none}.contact-socials{font-size:10px;gap:20px;margin-top:20px}:is(.home-experience,.contact-experience) .contact-stage .story-contact-form{max-width:none;padding:24px 21px;gap:19px;border-radius:23px}.contact-form-heading h3{font-size:27px}.contact-form-heading p{font-size:11px}.contact-name-row{grid-template-columns:1fr;gap:19px}:is(.home-experience,.contact-experience) .contact-stage input,:is(.home-experience,.contact-experience) .contact-stage textarea,:is(.home-experience,.contact-experience) .contact-stage select{font-size:16px}:is(.home-experience,.contact-experience) .contact-stage .story-contact-note{font-size:9px}:is(.home-experience,.contact-experience) .contact-stage .flower-canvas{opacity:.22}:is(.home-experience,.contact-experience) .contact-stage .contact-about{left:6%;bottom:28px;font-size:10px}.contact-experience .story-footer{padding:22px 6%;font-size:9px;gap:19px}.contact-experience .story-footer nav{gap:13px}}
@media(min-width:701px) and (max-height:780px){:is(.home-experience,.contact-experience) .contact-stage{padding-top:115px;padding-bottom:65px}.contact-invitation{margin-bottom:22px}.contact-scene-copy h1,.contact-scene-copy h2{font-size:64px;margin-bottom:24px}:is(.home-experience,.contact-experience) .contact-stage .story-contact-form{gap:15px;padding:24px}.contact-name-row{grid-template-columns:1fr 1fr;gap:16px}.contact-stage .contact-name-row input{font-size:13px}.contact-form-heading h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.contact-stage *{scroll-behavior:auto}}