/* The editorial agency, process, references, and contact chapters. */
.about{position:relative;overflow:hidden;background:#091a2e;color:#f4f5f4;padding:100px 0 54px}
.about::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 35%,rgba(89,151,207,.14),transparent 38%),linear-gradient(90deg,transparent 49.95%,rgba(255,255,255,.045) 50%,transparent 50.05%)}
.about-editorial{position:relative;z-index:1}
.about-topline,.about-bottomline{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.22);padding-top:14px;color:#9db1c3;font:600 10px Manrope,sans-serif;letter-spacing:.2em}
.about-main{display:grid;grid-template-columns:1.02fr .98fr;gap:7%;align-items:center;padding:72px 0 66px}
.about-copy{padding:0 0 0 4%;max-width:700px}
.about-overline{display:block;margin-bottom:28px;color:#8fc2eb;font:600 10px Manrope,sans-serif;letter-spacing:.25em}
.about h2{font:400 clamp(58px,6.2vw,112px)/1.01 Manrope,sans-serif;letter-spacing:-.06em;color:#f4f5f4;margin:0 0 38px}
.about h2 em{display:inline-block;color:#a9d5ec;font-weight:400;font-style:italic}
.about-lead{max-width:550px;font:400 clamp(17px,1.4vw,21px)/1.65 Manrope,sans-serif;color:#e0e8ee;margin:0}
.about-rule{height:1px;width:100%;max-width:550px;background:rgba(255,255,255,.18);margin:35px 0 27px}
.about-detail{display:grid;grid-template-columns:125px 1fr;gap:20px;max-width:550px}
.about-detail span{color:#8fc2eb;font:600 9px/1.8 Manrope,sans-serif;letter-spacing:.18em}
.about-detail p{font:400 13px/1.85 Manrope,sans-serif;color:#9eb4c5;margin:0}
.about-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;margin-top:38px;padding:13px 0;border-bottom:1px solid #8fc2eb;color:#f4f5f4;font:600 11px Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:gap .3s,color .3s}
.about-link:hover{gap:48px;color:#8fc2eb}
.about-art{position:relative;max-width:610px;width:100%;justify-self:end}
.about-art-frame{position:relative;isolation:isolate;min-height:615px;overflow:hidden;background:#e8e9e6;border:10px solid #e8e9e6}
.about-art-frame::before{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(8,29,50,.24);pointer-events:none}
.about-art-frame::after{content:"LA FONTAINE";position:absolute;z-index:2;right:25px;top:30px;color:#0d2947;font:600 9px Manrope,sans-serif;letter-spacing:.32em;writing-mode:vertical-rl}
.about-art-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:saturate(.8) contrast(1.05);transition:transform .8s ease,filter .8s ease}
.about-art:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.03)}
.about-art-index,.about-art-caption{position:absolute;z-index:3;font:600 9px Manrope,sans-serif;letter-spacing:.18em;color:#0d2947}
.about-art-index{left:25px;top:25px}
.about-art-caption{left:25px;bottom:24px;font:500 19px/1.2 Manrope,sans-serif;letter-spacing:0}
.about-art-signature{position:absolute;z-index:4;left:-42px;bottom:-26px;display:flex;align-items:center;gap:17px;padding:20px 29px;background:#e7d4ae;color:#142a3f;box-shadow:0 25px 60px rgba(0,0,0,.23)}
.about-signature-mark{font:80px/.65 Manrope,sans-serif;color:#406080}
.about-art-signature strong,.about-art-signature small{display:block}
.about-art-signature strong{font:600 15px Manrope,sans-serif}.about-art-signature small{font:400 11px Manrope,sans-serif;margin-top:5px}
.about-bottomline{padding-top:15px}

.method{padding:130px 0;background:#f0eee8;color:#12283d;overflow:visible}
.method::before{display:none}
.method-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}
.method-intro{position:sticky;top:115px;align-self:start}
.method .eyebrow{margin:0 0 27px;color:#426c87}
.method h2{font:400 clamp(50px,5vw,79px)/1.07 Manrope,sans-serif;letter-spacing:-.055em;color:#102840;margin:0 0 30px}
.method h2 em{font-style:italic;color:#2e729a}
.method-intro>p:not(.eyebrow){max-width:470px;font:400 15px/1.85 Manrope,sans-serif;color:#5a6b75;margin:0}
.method-index{margin-top:100px;padding-top:20px;max-width:470px;border-top:1px solid #c6c8c3;display:flex;align-items:end;justify-content:space-between}
.method-index>span{font:600 10px Manrope,sans-serif;letter-spacing:.2em;color:#78868b}
.method-index strong{font:400 54px/1 Manrope,sans-serif;color:#1b5d88}.method-index small{font:500 13px Manrope,sans-serif;color:#9aa5a5}
.method-accordion{border-top:1px solid #aeb8b9}
.method-item{border-bottom:1px solid #aeb8b9;transition:background .35s,padding .35s}
.method-item.is-open{background:#faf9f5;padding:0 24px;box-shadow:0 16px 34px rgba(11,40,62,.055)}
.method-item h3{margin:0}
.method-trigger{width:100%;min-height:120px;display:grid;grid-template-columns:52px 1fr 36px;align-items:center;gap:20px;text-align:left;padding:18px 4px;background:transparent;border:0;color:#1a3147;font:400 clamp(22px,2.3vw,34px)/1.24 Manrope,sans-serif;letter-spacing:-.03em}
.method-trigger:hover{color:#2372a6}.method-trigger:focus-visible{outline:2px solid #247bb2;outline-offset:-4px}
.method-num{align-self:start;margin-top:29px;font:600 11px Manrope,sans-serif;letter-spacing:.15em;color:#6d8fa5}
.method-plus{width:35px;height:35px;display:grid;place-items:center;border:1px solid #9eb0bc;border-radius:50%;font:400 21px Manrope,sans-serif;color:#1b5d88;transition:transform .3s,background .3s,color .3s}
.method-item.is-open .method-plus{background:#1b5d88;color:#fff;transform:rotate(180deg)}
.method-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease}
.method-item.is-open .method-panel{grid-template-rows:1fr}
.method-panel-inner{overflow:hidden;min-height:0;padding:0 55px 0 76px;transition:padding .45s ease}
.method-item.is-open .method-panel-inner{padding-bottom:32px}
.method-panel p{max-width:540px;font:400 14px/1.8 Manrope,sans-serif;color:#5b6d78;margin:0 0 25px}
.method-panel-inner>span{font:600 9px Manrope,sans-serif;letter-spacing:.22em;color:#2e729a}

.references{padding:82px 0 88px;background:#fbfaf7;overflow:hidden;border-top:1px solid #deded8}
.references-head{margin-bottom:40px;text-align:center}
.references .eyebrow{justify-content:center;margin-bottom:13px;color:#39799e}
.references h2{margin:0;font:400 clamp(32px,3vw,48px) Manrope,sans-serif;letter-spacing:-.045em;color:#172f44}
.logo-viewport{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logo-track{display:flex;width:max-content;animation:logo-marquee 45s linear infinite;will-change:transform}
.logo-viewport:hover .logo-track,.logo-viewport:focus-within .logo-track{animation-play-state:paused}
.logo-group{display:flex;align-items:center;gap:20px;width:max-content;padding-right:20px}
.logo-item{display:grid;place-items:center;flex:0 0 180px;width:180px;height:104px;background:#fff;border:1px solid #e8ebe9;transition:transform .3s,box-shadow .3s,border-color .3s}
.logo-item:hover{transform:translateY(-5px);border-color:#bfdae7;box-shadow:0 16px 28px rgba(15,49,77,.12)}
.logo-item img{display:block;max-width:138px;max-height:65px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .3s,opacity .3s,transform .3s}
.logo-item:hover img{filter:grayscale(0);opacity:1;transform:scale(1.05)}
@keyframes logo-marquee{to{transform:translateX(-50%)}}

.contact{padding:115px 0;background:radial-gradient(circle at 8% 0%,#347eaf 0,transparent 43%),linear-gradient(130deg,#0a3d68,#0b67a8 72%,#09355b)}
.contact-grid{grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}
.contact-intro{padding-top:32px}
.contact h2{font:400 clamp(50px,5vw,80px)/1.1 Manrope,sans-serif;letter-spacing:-.055em}
.contact h2 em{font-style:italic;color:#b7dfef}
.contact-intro>p:not(.eyebrow){font:400 15px/1.8 Manrope,sans-serif;color:#d9eaf4;max-width:500px}
.contact-direct{display:flex;flex-direction:column;align-items:start;gap:13px;margin-top:60px;padding-top:26px;border-top:1px solid rgba(255,255,255,.28)}
.contact-direct span{margin-bottom:6px;color:#a8d2e9;font:600 9px Manrope,sans-serif;letter-spacing:.22em}
.contact-direct a{font:500 14px Manrope,sans-serif;color:#fff;border-bottom:1px solid transparent}.contact-direct a:hover{border-color:#fff}
.contact-form-card{background:#f9faf8;color:#19364d;padding:clamp(24px,3.6vw,55px);box-shadow:0 30px 80px rgba(2,30,53,.25)}
.contact-form-head{display:flex;justify-content:space-between;gap:15px;color:#5181a0;font:600 9px Manrope,sans-serif;letter-spacing:.18em;border-bottom:1px solid #cbd9df;padding-bottom:18px;margin-bottom:30px}
.contact-form-card h3{font:400 39px/1.14 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 10px;color:#17354c}
.contact-form-card>p{font:400 13px/1.7 Manrope,sans-serif;color:#6f8290;margin:0 0 30px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.form-field{margin-bottom:19px}
.form-field label{display:block;margin-bottom:8px;color:#284a60;font:600 11px Manrope,sans-serif}
.form-field label span{color:#237bb4}
.form-field input,.form-field select,.form-field textarea{width:100%;min-height:48px;padding:13px 14px;border:1px solid #cad9df;border-radius:0;background:#fff;color:#19364d;font:400 13px Manrope,sans-serif;outline:none;transition:border-color .25s,box-shadow .25s}
.form-field textarea{resize:vertical;min-height:115px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#2282bb;box-shadow:0 0 0 3px rgba(34,130,187,.13)}
.form-field input::placeholder,.form-field textarea::placeholder{color:#96a8b4}
.form-honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}
.form-actions button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:17px 20px;border:0;background:#0b4e79;color:#fff;font:600 11px Manrope,sans-serif;letter-spacing:.11em;text-transform:uppercase;transition:background .3s,transform .3s}
.form-actions button:hover{background:#187eae;transform:translateY(-2px)}.form-actions button:disabled{opacity:.64;cursor:wait;transform:none}
.form-actions p{color:#8295a2;font:400 10px Manrope,sans-serif;margin:0}
.form-status{min-height:0;margin:14px 0 0!important;font:500 12px/1.5 Manrope,sans-serif!important}.form-status:empty{display:none}.form-status.is-error{color:#ad3131}.form-status.is-success{color:#176f52}

@media(max-width:1000px){.about-main{gap:4%}.about-art-frame{min-height:560px}.method-layout{gap:6%}.contact-grid{gap:5%}}
@media(max-width:800px){.about{padding:75px 0 45px}.about-main{grid-template-columns:1fr;gap:60px;padding:55px 0}.about-copy{padding:0}.about-art{justify-self:center;max-width:550px}.about-art-frame{min-height:610px}.method{padding:90px 0}.method-layout{grid-template-columns:1fr;gap:50px}.method-intro{position:static}.method-index{margin-top:35px}.contact-grid{grid-template-columns:1fr;gap:55px}.contact-intro{padding-top:0}.contact-direct{margin-top:32px}}
@media(max-width:600px){.about-topline span:last-child,.about-bottomline span:nth-child(2){display:none}.about h2{font-size:clamp(52px,12vw,76px)}.about-lead{font-size:16px}.about-detail{grid-template-columns:1fr;gap:10px}.about-art-frame{min-height:470px}.about-art-signature{left:0;bottom:-24px;padding:16px 19px}.about-bottomline{margin-top:15px}.method h2{font-size:clamp(48px,11vw,67px)}.method-trigger{min-height:100px;grid-template-columns:30px 1fr 34px;gap:10px;font-size:25px}.method-num{margin-top:26px}.method-item.is-open{padding:0 13px}.method-panel-inner{padding-left:40px;padding-right:15px}.contact{padding:80px 0}.contact h2{font-size:clamp(48px,11vw,66px)}.contact-form-card{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:0}.form-actions{align-items:flex-start;flex-direction:column;gap:12px}.form-actions button{width:100%}.logo-item{flex-basis:148px;width:148px;height:86px}.logo-item img{max-width:112px;max-height:53px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none;width:auto;overflow-x:auto}.logo-viewport{overflow-x:auto;mask-image:none}.logo-group[aria-hidden="true"]{display:none}.method-panel{transition:none}}