/* Keep the legacy gradient first for Safari 15.5 and other older browsers. */
/* Geometry follows the 1920 × 3700 Figma About frame. --u is supplied by site.css. */
.about-hero{position:relative;height:calc(1000 * var(--u));overflow:hidden;color:#fff}
.about-hero .hero-art::after{background:linear-gradient(to left,rgba(0,21,38,.1) 30.9123%,rgba(0,21,38,.69) 67.5546%,#001526 100%),linear-gradient(to bottom,transparent 63.4615%,rgba(0,0,0,.3) 100%);background:linear-gradient(to left in srgb,rgba(0,21,38,.1) 30.9123%,rgba(0,21,38,.69) 67.5546%,#001526 100%),linear-gradient(to bottom in srgb,transparent 63.4615%,rgba(0,0,0,.3) 100%)}
.about-hero .hero-art img{position:absolute;max-width:none;left:-3.61842%;top:-6.03675%;width:103.604251%;height:114.43593%;object-fit:fill}
.about-hero-title{position:absolute;left:calc(102 * var(--u));top:calc(247 * var(--u));margin:0;font-family:var(--heading);font-size:calc(150 * var(--u));font-weight:400;line-height:calc(130 * var(--u));letter-spacing:0;white-space:pre-line;background:repeating-linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) calc(130 * var(--u)));background:repeating-linear-gradient(to bottom in srgb,#fff 0,rgba(255,255,255,0) calc(130 * var(--u)));background-clip:text;-webkit-background-clip:text;color:transparent;text-wrap:initial}
.about-since{position:absolute;left:calc(102 * var(--u));top:calc(565 * var(--u));margin:0;font:calc(36 * var(--u))/calc(44 * var(--u)) var(--serif,Georgia,serif);letter-spacing:.05em}
.about-year{position:absolute;left:calc(207 * var(--u));top:calc(557 * var(--u));width:calc(517 * var(--u));height:calc(201 * var(--u))}
.about-year img{width:100%;height:100%;object-fit:contain}
.about-year span{display:block;font:italic calc(228 * var(--u))/1 var(--serif,Georgia,serif);letter-spacing:calc(-8 * var(--u));background:linear-gradient(90deg,#896545,#efe0c4 65%,#faf5eb);background:linear-gradient(90deg in srgb,#896545,#efe0c4 65%,#faf5eb);background-clip:text;-webkit-background-clip:text;color:transparent}
.about-story{position:relative;isolation:isolate;display:grid;grid-template-columns:calc(648 * var(--u)) calc(742 * var(--u));column-gap:calc(130 * var(--u));row-gap:calc(79 * var(--u));min-height:calc(900 * var(--u));padding:calc(188 * var(--u)) calc(200 * var(--u)) calc(254 * var(--u));color:#fff;background:#145985;overflow:hidden}
.about-story .section-background img{position:absolute;max-width:none;left:-.00742949%;top:-.0333684%;width:99.999994%;height:152.700038%;object-fit:fill}
.about-intro-heading{grid-column:1;grid-row:1}
.about-intro-heading h2{font-family:var(--heading);font-weight:400;font-size:calc(82 * var(--u));line-height:calc(80 * var(--u));letter-spacing:0;white-space:pre-line;text-wrap:initial}
.about-intro-heading>p{margin:calc(10 * var(--u)) 0 0;font:400 calc(24 * var(--u))/calc(29 * var(--u)) var(--serif,Georgia,serif);letter-spacing:.05em}
.about-intro-copy{font-kerning:normal;grid-column:2;grid-row:1 / span 2;margin:0;font-size:calc(20 * var(--u));font-weight:300;line-height:calc(40 * var(--u));white-space:pre-line;letter-spacing:0}
.about-awards{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(3,calc(174 * var(--u)));column-gap:calc(60 * var(--u));row-gap:calc(32 * var(--u));align-items:start}
.about-award{position:relative;min-height:calc(100 * var(--u));text-align:center}
.about-award-art{display:block;width:calc(174 * var(--u));height:calc(66 * var(--u));object-fit:contain}
.about-award h3{position:absolute;top:0;left:calc(20 * var(--u));right:calc(20 * var(--u));height:calc(51 * var(--u));display:flex;align-items:center;justify-content:center;margin:0;font:300 calc(14 * var(--u))/calc(17 * var(--u)) var(--badge);white-space:pre-line;letter-spacing:0}
.about-award>p{margin:calc(7.65 * var(--u)) 0 0;font:400 calc(24 * var(--u))/calc(28 * var(--u)) var(--serif,Georgia,serif);letter-spacing:.05em}
.about-contact{position:relative;isolation:isolate;min-height:calc(1000 * var(--u));padding:calc(100 * var(--u)) 0;color:#000;background:#f3f6f9;overflow:hidden}
.about-contact .section-background img{object-fit:fill}
.about-contact::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(142.7deg,#fff 0,transparent 55%);background:linear-gradient(142.7deg in srgb,#fff 0,transparent 55%);pointer-events:none}
.about-contact>.about-contact-heading,.about-contact>.inquiry-form,.about-contact>.about-contact-details{position:relative;z-index:1}
.about-contact-heading{text-align:center;margin:0 auto;width:calc(1520 * var(--u))}
.about-contact-heading h2{font-family:var(--heading);font-size:calc(82 * var(--u));line-height:calc(80 * var(--u));font-weight:400;letter-spacing:0;text-wrap:initial}
.about-contact-heading p{margin:calc(10 * var(--u)) 0 0;font:400 calc(24 * var(--u))/calc(29 * var(--u)) var(--serif,Georgia,serif);letter-spacing:.05em}
.inquiry-form{position:relative;width:calc(1400 * var(--u));min-height:calc(535 * var(--u));margin:calc(40 * var(--u)) auto 0;padding:calc(60 * var(--u));border-radius:calc(20 * var(--u));background:#fff;box-shadow:calc(4 * var(--u)) calc(4 * var(--u)) calc(10 * var(--u)) #0003}
.inquiry-form>h3{margin:0;text-align:center;font-family:var(--heading);font-size:calc(36 * var(--u));font-weight:400;line-height:calc(43 * var(--u));letter-spacing:0;background:linear-gradient(90deg,#1db4bf,#295987);background:linear-gradient(90deg in srgb,#1db4bf,#295987);background-clip:text;-webkit-background-clip:text;color:transparent}
.form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(80 * var(--u));row-gap:calc(23 * var(--u));margin-top:calc(36 * var(--u))}
.form-field{position:relative;min-width:0}
.form-field.full{grid-column:1 / -1}
.form-field label{display:block;font-size:calc(20 * var(--u));line-height:calc(24 * var(--u))}
.form-field input,.form-field textarea{display:block;width:100%;height:calc(46 * var(--u));padding:calc(6 * var(--u)) 0;border:0;border-bottom:1px solid #0004;border-radius:0;outline:none;background:transparent;color:#000;font-size:calc(20 * var(--u));line-height:calc(30 * var(--u));resize:vertical}
.form-field input:focus,.form-field textarea:focus{border-bottom:2px solid #1db4bf}
.form-field [aria-invalid="true"]{border-bottom-color:#a32222}
.field-error{color:#a32222;font-size:12px;line-height:16px}
.form-field .field-error{position:absolute;left:0;top:100%}
.inquiry-form .honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.inquiry-consent{position:absolute;top:calc(408 * var(--u));left:calc(60 * var(--u));right:calc(60 * var(--u));display:flex;align-items:center;justify-content:center;gap:calc(14 * var(--u));font-size:max(10px,calc(12 * var(--u)));line-height:1.3}
.inquiry-consent>label{display:flex;align-items:center;gap:6px}
.inquiry-consent input{width:14px;height:14px;margin:0;accent-color:#0c86d7}
.inquiry-consent summary{cursor:pointer;text-decoration:underline}
.inquiry-consent details[open]>p{position:absolute;z-index:3;top:100%;left:0;right:0;padding:16px;background:white;border:1px solid #c9d8df;box-shadow:0 4px 16px #0002;font-size:14px;line-height:1.5}
.inquiry-consent>.field-error{position:absolute;left:0;top:100%}
.form-actions{margin-top:calc(40 * var(--u));text-align:center}
.form-actions button{width:calc(160 * var(--u));height:calc(40 * var(--u));padding:0;border:0;border-radius:calc(20 * var(--u));background:linear-gradient(90deg,#1db4bf,#0052ff);background:linear-gradient(90deg in srgb,#1db4bf,#0052ff);color:white;font-size:calc(20 * var(--u));line-height:1}
.form-actions button:disabled{opacity:.6;cursor:not-allowed}
.form-status{position:absolute;bottom:calc(13 * var(--u));left:calc(60 * var(--u));right:calc(60 * var(--u));font-size:14px;line-height:1.35;color:#24536b}
.form-status.is-error{color:#a32222}.form-status.is-success{color:#14633a}
.form-noscript{font-size:14px;line-height:1.4;text-align:center;margin:16px 0 0}
.about-contact-details{display:grid;grid-template-columns:calc(281 * var(--u)) calc(183 * var(--u)) calc(656 * var(--u));column-gap:calc(60 * var(--u));width:calc(1240 * var(--u));min-height:calc(56 * var(--u));margin:calc(50 * var(--u)) auto 0}
.about-contact-details>div{min-width:0}
.about-contact-details dt{height:calc(24 * var(--u));border-bottom:1px solid #000;font-size:calc(16 * var(--u));line-height:calc(24 * var(--u))}
.about-contact-details dd{font-kerning:normal;margin:calc(10 * var(--u)) 0 0;font-size:calc(18 * var(--u));font-weight:300;line-height:calc(22 * var(--u));overflow-wrap:anywhere}
.about-contact-details>div:first-child dd,.about-contact-details>div:nth-child(2) dd{letter-spacing:.07em}
/* Text advance includes a fraction beyond the exported glyph bounds. Keep the
   original column positions while allowing that rounding at desktop size. */
@media(min-width:1024px){
 .about-story{padding-bottom:calc(252.35 * var(--u))}
 .about-intro-copy{width:calc(743 * var(--u))}
 .about-contact-details>div:first-child dd{width:calc(284 * var(--u))}
 .about-contact-details>div:nth-child(2) dd{width:calc(184 * var(--u))}
}
@media(max-width:1023px){
 .about-hero{height:660px;min-height:75svh;max-height:850px}
 .about-hero .hero-art img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
 .about-hero-title{top:175px;left:24px;right:24px;font-size:clamp(56px,10vw,94px);line-height:1.02;background:linear-gradient(#fff,#fff9);background:linear-gradient(in srgb,#fff,#fff9)}
 .about-since{top:400px;left:24px;font-size:26px;line-height:32px;letter-spacing:0}
 .about-year{left:94px;top:390px;width:min(65vw,400px);height:156px}
 .about-year span{font-size:150px;letter-spacing:-5px}
 .about-story{display:flex;flex-direction:column;gap:32px;padding:72px 24px;min-height:0}
 .about-story .section-background img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
 .about-intro-heading h2{font-size:clamp(40px,7vw,66px);line-height:1.05}
 .about-intro-heading>p{margin:16px 0 0;font-size:22px;line-height:1.3;letter-spacing:0}
 .about-intro-copy{font-size:17px;line-height:1.8;white-space:normal}
 .about-awards{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:8px}
 .about-award{width:150px;min-height:90px}
 .about-award-art{width:150px;height:57px}
 .about-award h3{left:17px;right:17px;height:45px;font-size:12px;line-height:15px}
 .about-award>p{margin:8px 0 0;font-size:22px;line-height:25px}
 .about-contact{min-height:0;padding:72px 20px}
 .about-contact-heading{width:100%}
 .about-contact-heading h2{font-size:clamp(40px,7vw,66px);line-height:1.05}
 .about-contact-heading p{margin:12px 0 0;font-size:23px;line-height:1.3;letter-spacing:0}
 .inquiry-form{width:100%;margin:36px 0 0;padding:40px 24px 30px;min-height:0;border-radius:20px;box-shadow:4px 4px 10px #0002}
 .inquiry-form>h3{font-size:30px;line-height:1.15}
 .form-fields{grid-template-columns:1fr;gap:27px;margin-top:36px}
 .form-field label{font-size:17px;line-height:24px}
 .form-field input,.form-field textarea{height:48px;padding:8px 0;font-size:17px;line-height:30px}
 .form-field textarea{min-height:80px}
 .inquiry-consent{position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;margin-top:28px;font-size:12px;line-height:1.5;text-align:center}
 .inquiry-consent>label{max-width:100%;align-items:flex-start;gap:8px}
 .inquiry-consent input{flex:0 0 16px;width:16px;height:16px;margin-top:2px}
 .inquiry-consent details{max-width:100%;margin:8px 0 0}
 .inquiry-consent details[open]>p{position:static;margin-top:8px;padding:12px;font-size:13px;text-align:left}
 .inquiry-consent>.field-error{position:static;display:block;margin-top:4px}
 .form-actions{margin-top:28px}
 .form-actions button{width:160px;height:44px;border-radius:22px;font-size:18px}
 .form-status{position:static;margin-top:16px;font-size:14px}
 .about-contact-details{display:flex;flex-direction:column;gap:24px;width:100%;margin:40px 0 0;min-height:0}
 .about-contact-details dt{height:26px;font-size:15px;line-height:26px}
 .about-contact-details dd{margin:10px 0 0;font-size:16px;line-height:1.5}
}
@media(max-width:480px){.about-hero{height:620px;min-height:0}.about-hero-title{top:170px;font-size:60px}.about-since{top:350px}.about-year{top:350px;left:85px;width:calc(100% - 109px);height:150px}}
