@import url("./responsive.css");
:root{color-scheme:dark;--black:#0B0F0D;--green:#0F3D2E;--mint:#3DDC97;--text:#E8ECE9;--muted:#8B9690;--line:rgba(232,236,233,.15);--mono:"DM Mono",monospace;--display:"Space Grotesk",sans-serif;--page:min(1240px,calc(100% - 112px));--ease:cubic-bezier(.22,.7,.2,1)}
*{box-sizing:border-box} [hidden]{display:none!important} html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--black);color:var(--text);font-family:var(--display),sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(232,236,233,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(232,236,233,.018) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 68vh)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--mint);color:var(--black);padding:10px 14px;transform:translateY(-160%)}.skip-link:focus{transform:none}:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.site-header{position:fixed;z-index:20;inset:0 0 auto;height:82px;padding:0 max(56px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}.site-header.is-scrolled{background:rgba(11,15,13,.86);border-color:var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:35px;font-size:12px;color:#B9C0BC}.nav a{transition:color .2s}.nav a:hover,.nav a[aria-current=location]{color:var(--mint)}.nav-contact{padding-left:23px;border-left:1px solid var(--line);color:var(--text)!important}.nav-contact span{color:var(--mint);padding-left:7px}.menu-toggle{display:none}.section-shell,.section{width:var(--page);max-width:1240px;margin-inline:auto}.hero{min-height:min(900px,100svh);min-height:max(720px,100svh);padding-top:130px;padding-bottom:82px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative}.hero-copy{position:relative;z-index:2;padding-top:8px}.eyebrow,.section-tag,.section-index,.hero-meta,.visual-index,.slot-note,.scroll-cue,.journey-date,.project-tech,.social-title,.languages,.footer-bottom,.concept-kicker,.fiction-note,.contact-pretitle,.contact-unavailable{font:11px var(--mono);letter-spacing:.035em}.eyebrow{display:flex;align-items:center;gap:10px;color:#B2BDB6;margin:0 0 33px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(61,220,151,.1)}.eyebrow-sep{color:var(--mint)}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(3rem,6vw,6rem);line-height:.91;letter-spacing:-.075em;font-weight:500;margin:0 0 27px}.hero h1 span{display:block}.name-last{color:var(--text)}.mint-dot{display:inline!important;color:var(--mint)}.hero-claim{font-size:clamp(20px,2vw,26px);line-height:1.28;letter-spacing:-.045em;margin:0 0 16px}.hero-intro{max-width:405px;color:#A8B1AC;font-size:14px;line-height:1.75;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:14px}.button{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:12px;font-weight:600;transition:transform .2s var(--ease),background .2s,color .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button span{font:14px var(--mono)}.button-primary{background:var(--mint);color:#092016}.button-primary:hover{background:#72e6b1}.button-quiet{border:1px solid var(--line);color:var(--text)}.button-quiet:hover{border-color:var(--mint);color:var(--mint)}.hero-meta{margin-top:53px;display:flex;gap:27px;color:var(--muted);font-size:9px}.hero-meta span:first-child{color:#B9C5BE}.hero-visual{height:min(610px,69vh);min-height:480px;position:relative;display:grid;place-items:center;margin-left:-18px}.hero-photo-slot{position:relative;z-index:1;width:min(75%,410px);height:min(75%,510px);min-height:350px;display:flex;align-items:center;justify-content:center;gap:17px;border:1px solid rgba(61,220,151,.28);background:#0c1812;overflow:hidden}.slot-note{position:absolute;right:18px;bottom:18px;color:#7F9488;text-transform:uppercase;font-size:9px}.visual-index{position:absolute;left:5%;right:1%;bottom:2%;display:flex;justify-content:space-between;color:#78857D;font-size:9px}.scroll-cue{position:absolute;bottom:31px;left:0;color:#88938C;display:flex;align-items:center;gap:15px;font-size:9px}.scroll-cue i{display:block;width:42px;height:1px;background:var(--mint)}
.section{padding-block:125px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.section-tag{margin:0;color:var(--mint)}.section-index{color:#79847D;font-size:9px}.section h2{font-size:clamp(42px,6vw,76px);line-height:.99;letter-spacing:-.07em;font-weight:500;margin:0}.section h2 em{font-style:normal;color:#7E8982}.section-tech{padding-top:88px;padding-bottom:155px}.tech-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:5%;padding-top:68px}.tech-copy h2{font-size:clamp(36px,4vw,55px)}.tech-copy>p{margin:25px 0 30px;max-width:380px;font-size:14px;color:#A7B0AA;line-height:1.75}.tech-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;max-width:450px}.tech-list li,.course-tags span{border:1px solid var(--line);padding:7px 10px;font:10px var(--mono);color:#C5CDC8}.orbit-stage{--orbit-size:min(47vw,520px);position:relative;width:var(--orbit-size);aspect-ratio:1;justify-self:center;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid rgba(61,220,151,.2);border-radius:50%}.ring-inner{width:43%;height:43%}.ring-middle{width:70%;height:70%;border-color:rgba(232,236,233,.2)}.ring-outer{width:100%;height:100%;border-color:rgba(61,220,151,.17)}.orbit-center{width:160px;max-width:31%;aspect-ratio:1;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(15,61,46,.34);background:#E4ECE5;color:#0F3D2E}.orbit-center span{font-size:clamp(24px,3.2vw,43px);font-weight:500;letter-spacing:-.1em}.orbit-center small{margin-top:5px;font:8px var(--mono);letter-spacing:.08em;color:#52645A}.orbit-center .orbit-portrait{display:block;width:100%;height:100%;object-fit:contain;object-position:center;animation:none;transform:none}.orbit-track{position:absolute;inset:0;border-radius:50%;animation:turn linear infinite;transition:animation-play-state .2s}.track-inner{inset:28.5%;animation-duration:40s}.track-middle{inset:15%;animation-duration:60s;animation-direction:reverse}.track-outer{inset:0;animation-duration:80s}.orbit-stage:hover .orbit-track,.orbit-stage:focus-within .orbit-track{animation-play-state:paused}.orbit-label{position:absolute;left:50%;top:0;width:42px;height:42px;display:grid;place-items:center;transform:translate(-50%,-50%);background:#F3F6F2;border:1px solid rgba(15,61,46,.23);border-radius:50%;animation:counter linear infinite;cursor:default;z-index:1}.orbit-label img{display:block;width:26px;height:26px;object-fit:contain;animation:none;transform:none}.orbit-label:hover,.orbit-label:focus-visible{border-color:#0F3D2E;z-index:3}.orbit-tooltip{position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);padding:4px 7px;background:#20362A;color:#F3F6F2;font:9px var(--mono);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,visibility .16s}.orbit-label:hover .orbit-tooltip,.orbit-label:focus-visible .orbit-tooltip{opacity:1;visibility:visible}.track-inner .orbit-label{animation-duration:40s}.track-middle .orbit-label{animation-duration:60s;animation-direction:reverse}.track-outer .orbit-label{animation-duration:80s}.label-html{top:0;left:50%}.label-css{top:34.5%;left:97.5%}.label-js{top:90.5%;left:79.4%}.label-react{top:90.5%;left:20.6%}.label-vue{top:34.5%;left:2.5%}.label-git{top:0;left:50%}.label-github{top:50%;left:100%}.label-linux{top:100%;left:50%}.label-python{top:50%;left:0}.label-burp{top:0;left:50%}.label-nmap{top:75%;left:7%}.label-zap{top:75%;left:93%}@keyframes turn{to{transform:rotate(360deg)}}@keyframes counter{to{transform:translate(-50%,-50%) rotate(-360deg)}}
.section-projects{padding-top:50px;padding-bottom:150px}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;padding:53px 0 44px}.projects-empty{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;margin:0;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:18px;letter-spacing:-.04em}.empty-index{font:10px var(--mono);color:var(--mint)}.empty-mark{justify-self:end;color:var(--mint);font-size:20px}.project-row{display:grid;grid-template-columns:70px 1fr 1.5fr 1fr auto;gap:22px;align-items:center;padding:25px 0;border-top:1px solid var(--line)}.project-row h3{margin:0;font-size:19px}.project-row p{margin:0;font-size:13px;color:#9CA79F}.project-row .project-tech{font-size:9px;color:var(--mint)}.project-row a{font-size:11px;color:var(--text)}.project-number{font:10px var(--mono);color:var(--mint)}
.section-concepts{width:100%;max-width:none;padding:100px max(56px,calc((100% - 1240px)/2)) 137px;background:#101713}.section-concepts .section-title-row{align-items:flex-end}.concept-kicker{margin:0 0 17px;color:var(--mint);font-size:9px}.fiction-note{max-width:230px;margin:0 0 8px;color:#AAB4AD;font-size:10px;line-height:1.7;text-align:right}.concept-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.concept-card{appearance:none;border:0;padding:0;background:transparent;text-align:left;cursor:zoom-in;transition:transform .4s var(--ease)}.concept-card:nth-child(2){margin-top:75px}.concept-card img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;background:#0B0F0D;border:1px solid var(--line)}.concept-card span{display:block;margin-top:12px;font:11px var(--mono);color:#C4CDC7}.concept-card:hover{transform:perspective(900px) rotateX(2deg) rotateY(-2deg) translateY(-3px)}.empty-note{margin:4px 0 0;border-top:1px solid var(--line);padding-top:20px;color:#919C95;font:11px var(--mono)}
.section-journey{padding-top:140px;padding-bottom:145px}.journey-layout{display:grid;grid-template-columns:1fr .85fr;gap:10%;padding-top:70px;align-items:center}.journey-date{font-size:9px;color:var(--mint);margin-bottom:26px}.journey-date span{color:#6D7C72;padding:0 5px}.journey-copy h2{font-size:clamp(45px,5vw,66px)}.journey-copy>p:not(.journey-date):not(.journey-quote){color:#A7B0AA;font-size:14px;line-height:1.8;max-width:500px;margin:25px 0}.course-tags{display:flex;gap:7px}.journey-quote{max-width:490px;margin:39px 0 0;padding-left:18px;border-left:1px solid var(--mint);color:#CFD6D1;font-size:13px;line-height:1.8}.certificate-frame{margin:0}.certificate-placeholder{aspect-ratio:1.38;width:100%;border:1px solid rgba(232,236,233,.2);display:grid;place-items:center;position:relative;background:#101713;color:#76847A;font:11px/1.6 var(--mono);text-align:center}.certificate-placeholder:before,.certificate-placeholder:after{content:"";position:absolute;inset:12px;border:1px solid rgba(61,220,151,.16)}.certificate-placeholder:after{inset:20px;border-color:rgba(232,236,233,.08)}.placeholder-cross{position:absolute;top:13px;right:16px;color:var(--mint);font:15px var(--mono)}.certificate-frame figcaption{margin-top:10px;font:10px/1.5 var(--mono);color:#9BA59F}
.section-contact{padding-top:60px;padding-bottom:145px;border-top:1px solid var(--line)}.contact-layout{display:grid;grid-template-columns:1fr .58fr;gap:14%;padding-top:58px}.contact-pretitle{margin:0 0 22px;color:var(--mint);font-size:10px}.contact-layout h2{font-size:clamp(50px,7vw,88px)}.contact-description{margin:23px 0 25px;color:#A6B0A9;font-size:14px}.contact-cta{min-width:212px}.contact-unavailable{display:inline-block;padding:13px 0;color:#8E9991;font-size:10px}.social-block{padding-top:8px}.social-title{color:#8F9B93;margin-bottom:13px}.social-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.social-list li{border-bottom:1px solid var(--line)}.social-list a,.social-list li>span{min-height:55px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.social-list a:hover{color:var(--mint)}.social-list a span+span{color:var(--mint)}.social-list small{font:9px var(--mono);color:#707C73}.social-list li>span{color:#A6B0A9}.languages{margin:31px 0 0;color:#9BA69F;font-size:9px}.languages i{color:var(--mint);font-style:normal;padding:0 4px}.site-footer{padding:36px max(56px,calc((100% - 1240px)/2)) 22px;background:#080B09;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;align-items:start;padding-bottom:34px}.footer-brand{align-self:start}.footer-main>p{margin:0;color:#8D9991;font-size:12px;line-height:1.7}.back-top{font:10px var(--mono);color:#BFC8C2}.back-top span{padding-left:8px;color:var(--mint)}.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:18px;color:#717D75;font-size:9px}.footer-bottom i,.footer-bottom a{color:#B1BCB4;font-style:normal}.lightbox{position:fixed;max-width:min(92vw,1100px);max-height:90vh;padding:24px;border:1px solid var(--line);background:#0B0F0D;color:var(--text)}.lightbox::backdrop{background:rgba(0,0,0,.85)}.lightbox figure{margin:0;text-align:center}.lightbox img{max-width:min(75vw,900px);max-height:72vh;object-fit:contain}.lightbox figcaption{font:11px var(--mono);margin-top:12px}.lightbox button{position:absolute;border:0;background:transparent;color:var(--mint);font-size:22px;cursor:pointer}.lightbox-close{top:6px;right:10px}.lightbox-prev{left:0;top:50%}.lightbox-next{right:0;top:50%}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.orbit-stage{width:100%;max-width:520px;aspect-ratio:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.orbit-ring,.orbit-center{display:none}.orbit-track{position:static;inset:auto;display:contents;animation:none}.orbit-label{position:static;display:grid;place-items:center;width:44px;height:44px;transform:none;animation:none;margin:auto}.orbit-tooltip{display:none}}
.hero-photo-slot{background:var(--green)}.hero-photo-slot.has-photo{background:transparent;border:0}.hero-photo-slot.has-photo:before,.hero-photo-slot.has-photo:after{display:none}.hero-photo-slot picture{display:block;width:100%;height:100%}.hero-photo-slot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:1;filter:none}.certificate-placeholder img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.hero-copy>.eyebrow,.hero-copy>.hero-claim,.hero-copy>.hero-intro,.hero-copy>.hero-actions,.hero-copy>.hero-meta{animation:hero-appear .65s var(--ease) both}.hero-copy>.eyebrow{animation-delay:.08s}.hero-copy>.hero-claim{animation-delay:.28s}.hero-copy>.hero-intro{animation-delay:.36s}.hero-copy>.hero-actions{animation-delay:.44s}.hero-copy>.hero-meta{animation-delay:.5s}.hero h1 span{animation:hero-appear .7s var(--ease) both}.hero h1 span+span{animation-delay:.15s}.hero-visual{animation:hero-fade .9s var(--ease) .18s both}@keyframes hero-appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-fade{from{opacity:0}to{opacity:1}}
.concept-details{display:grid;gap:4px}.concept-details strong{font-weight:400}.concept-details small{font:9px/1.5 var(--mono);color:#8F9B93}
@media(prefers-reduced-motion:reduce){.concept-card:hover,.button:hover{transform:none}}

/* Palette élargie : le vert et les tons clairs portent maintenant la page. */
:root{color-scheme:light;--line:rgba(15,61,46,.17)}
body{background:#F3F5F0;color:#20362A}
body:before{background-image:linear-gradient(rgba(15,61,46,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,61,46,.035) 1px,transparent 1px)}
.site-header{color:#E8ECE9}.site-header.is-scrolled{background:rgba(243,245,240,.92);border-color:rgba(15,61,46,.14)}.site-header.is-scrolled .brand,.site-header.is-scrolled .nav,.site-header.is-scrolled .nav-contact{color:#20362A!important}
.hero{width:100%;max-width:none;padding-left:max(56px,calc((100% - 1240px)/2));padding-right:max(56px,calc((100% - 1240px)/2));background:#0F3D2E;color:#E8ECE9;--line:rgba(232,236,233,.2)}
.hero-intro{color:#CAD5CE}.hero-meta{color:#B8C7BE}.hero-meta span:first-child{color:#E8ECE9}.hero-photo-slot{background:#1A5941}
.section-tech{width:100%;max-width:none;padding-left:max(56px,calc((100% - 1240px)/2));padding-right:max(56px,calc((100% - 1240px)/2));background:#E4ECE5;color:#20362A}.tech-copy>p{color:#52645A}.tech-list li,.course-tags span{border-color:rgba(15,61,46,.22);color:#294638}.orbit-ring{border-color:rgba(15,61,46,.26)}.ring-middle{border-color:rgba(15,61,46,.25)}.orbit-center{background:#E4ECE5;border-color:rgba(15,61,46,.34);color:#0F3D2E}.orbit-center small{color:#52645A}.orbit-label{background:#F3F6F2;border-color:rgba(15,61,46,.28);color:#20362A}.orbit-label:hover{color:#0F3D2E;border-color:#0F3D2E}
.section-projects{color:#20362A}.projects-empty{border-color:rgba(15,61,46,.2)}.project-row{border-color:rgba(15,61,46,.2)}.project-row p{color:#5B6A61}
.section-concepts{background:#DDE8DF;color:#20362A}.fiction-note{color:#465B4F}.concept-card img{background:#E9EFEA;border-color:rgba(15,61,46,.2)}.concept-card span{color:#20362A}.concept-details small{color:#5B6A61}.empty-note{border-color:rgba(15,61,46,.2);color:#52645A}
.section-journey{color:#20362A}.journey-copy>p:not(.journey-date):not(.journey-quote){color:#52645A}.journey-quote{color:#294638}.certificate-placeholder{background:#E8EEE8;border-color:rgba(15,61,46,.25);color:#52645A}.certificate-placeholder:before{border-color:rgba(15,61,46,.18)}.certificate-placeholder:after{border-color:rgba(15,61,46,.12)}.certificate-frame figcaption{color:#52645A}
.section-contact{width:100%;max-width:none;padding-left:max(56px,calc((100% - 1240px)/2));padding-right:max(56px,calc((100% - 1240px)/2));background:#0F3D2E;color:#E8ECE9;--line:rgba(232,236,233,.2)}.section-contact .section-index{color:#B7C6BC}.contact-description{color:#C9D4CD}.social-title,.social-list li>span,.social-list a{color:#E8ECE9}.social-list small{color:#B7C6BC}.languages{color:#CAD5CE}
.site-footer{background:#0B0F0D;color:#E8ECE9;--line:rgba(232,236,233,.16)}
.social-name{display:inline-flex;align-items:center;gap:14px}.social-empty{gap:16px}.social-icon{width:24px;height:24px;flex:none;padding:3px;background:#fff;border-radius:4px}.social-arrow{font:14px var(--mono)}
.lightbox{background:#F3F5F0;color:#20362A;border-color:rgba(15,61,46,.2)}.lightbox::backdrop{background:rgba(6,22,14,.76)}
@media(max-width:900px){.hero,.section-tech,.section-contact{padding-left:32px;padding-right:32px}}
@media(max-width:680px){.hero{padding-left:20px;padding-right:20px}.section-tech,.section-contact{padding-left:20px;padding-right:20px}.nav{background:rgba(15,61,46,.98);border-color:rgba(232,236,233,.18)}.nav a{color:#E8ECE9}.nav-contact{color:#E8ECE9!important}.menu-toggle{border-color:rgba(232,236,233,.35)}.menu-toggle span{background:#E8ECE9}.site-header.is-scrolled .menu-toggle{border-color:rgba(15,61,46,.22)}.site-header.is-scrolled .menu-toggle span{background:#20362A}.site-header.is-scrolled .nav{background:rgba(243,245,240,.98);border-color:rgba(15,61,46,.15)}.site-header.is-scrolled .nav a{color:#20362A}}
.site-header{top:14px;left:50%;right:auto;width:min(1360px,calc(100% - 48px));height:68px;padding-inline:24px;transform:translateX(-50%);border:1px solid rgba(232,236,233,.2);border-radius:4px;background:rgba(15,61,46,.96);backdrop-filter:blur(12px)}
.site-header.is-scrolled{background:rgba(243,245,240,.96);border-color:rgba(15,61,46,.17);box-shadow:0 8px 28px rgba(15,61,46,.08)}
.brand-name{font-size:15px;letter-spacing:-.045em;color:#E8ECE9}.brand-name strong{font-weight:600;color:#A8C8B5}.site-header.is-scrolled .brand-name{color:#20362A}.site-header.is-scrolled .brand-name strong{color:#0F3D2E}
.nav{gap:10px;color:#D5E0D9}.nav>a,.nav-dropdown>summary{padding:10px 13px;border:1px solid transparent;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.nav>a:hover,.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{border-color:rgba(232,236,233,.22);color:#fff}.nav-home{color:#E8ECE9}.nav-dropdown{position:relative}.nav-dropdown>summary{display:flex;align-items:center;gap:10px;list-style:none}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary span{color:var(--mint);font:14px var(--mono);transition:transform .2s}.nav-dropdown[open]>summary span{transform:rotate(180deg)}.dropdown-panel{position:absolute;top:calc(100% + 11px);left:0;display:none;min-width:260px;padding:12px;background:#F3F5F0;color:#20362A;border:1px solid rgba(15,61,46,.16);box-shadow:0 16px 36px rgba(4,19,11,.17)}.nav-dropdown[open] .dropdown-panel{display:grid}.dropdown-panel p{margin:3px 8px 8px;color:#65766B;font:9px var(--mono);letter-spacing:.07em}.dropdown-panel a{display:flex;justify-content:space-between;align-items:center;padding:10px 8px;border-top:1px solid rgba(15,61,46,.1);font-size:12px;color:#20362A}.dropdown-panel a span{font:9px var(--mono);color:#78877D}.dropdown-panel a:hover{background:#E4ECE5;color:#0F3D2E}.nav-contact{margin-left:7px;padding:11px 15px!important;border:0!important;background:var(--mint);color:#0B0F0D!important;font-weight:600}.nav-contact:hover{background:#72E6B1!important;color:#0B0F0D!important}.nav-contact span{padding-left:10px}
@media(max-width:900px){.site-header{padding-inline:19px}.nav{gap:3px}.nav>a,.nav-dropdown>summary{padding-inline:10px}}
@media(max-width:680px){.site-header{top:10px;left:20px;right:20px;width:auto;height:58px;padding-inline:14px;transform:none;border-color:rgba(232,236,233,.25)}.site-header.is-scrolled{border-color:rgba(15,61,46,.15)}.brand-name{font-size:14px}.nav{top:calc(100% + 8px);left:0;right:0;padding:8px 14px 14px;background:#0F3D2E;border:1px solid rgba(232,236,233,.18);box-shadow:0 14px 32px rgba(4,19,11,.18)}.nav>a,.nav-dropdown>summary{padding:12px 4px;border:0;border-bottom:1px solid rgba(232,236,233,.17);font-size:13px}.nav>a:hover,.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{border-color:rgba(232,236,233,.17)}.nav-dropdown{border-bottom:1px solid rgba(232,236,233,.17)}.nav-dropdown>summary{justify-content:space-between}.dropdown-panel{position:static;min-width:0;padding:4px 0 9px;border:0;background:transparent;box-shadow:none;color:#E8ECE9}.dropdown-panel p{margin:8px 4px;color:#A9B9AF}.dropdown-panel a{padding:10px 4px;border-top:0;color:#E8ECE9}.dropdown-panel a span{color:#A9B9AF}.dropdown-panel a:hover{background:rgba(232,236,233,.08);color:#fff}.nav-contact{margin:12px 0 0;padding:12px 14px!important;border:0!important}.site-header.is-scrolled .nav{background:#F3F5F0}.site-header.is-scrolled .nav>a,.site-header.is-scrolled .nav-dropdown>summary,.site-header.is-scrolled .dropdown-panel a{color:#20362A}.site-header.is-scrolled .nav-dropdown{border-color:rgba(15,61,46,.15)}.site-header.is-scrolled .nav>a,.site-header.is-scrolled .nav-dropdown>summary{border-color:rgba(15,61,46,.14)}.site-header.is-scrolled .dropdown-panel p,.site-header.is-scrolled .dropdown-panel a span{color:#65766B}}
.site-footer{padding:38px max(56px,calc((100% - 1240px)/2)) 22px;background:#E4ECE5;color:#20362A;border-top:1px solid rgba(15,61,46,.18);--line:rgba(15,61,46,.18)}
.footer-topline{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line);color:#65766B;font:9px var(--mono);letter-spacing:.06em}
.footer-main{display:grid;grid-template-columns:1.2fr .65fr .8fr;gap:8%;padding:39px 0 36px;align-items:start}
.footer-wordmark{display:inline-block;color:#20362A;font-size:32px;line-height:1;letter-spacing:-.07em;font-weight:500}.footer-wordmark strong{color:#0F3D2E;font-weight:600}.footer-identity>p{margin:16px 0 23px;color:#52645A;font-size:13px;line-height:1.7}
.footer-contact-link{display:inline-flex;align-items:center;gap:22px;padding-bottom:5px;border-bottom:1px solid #0F3D2E;color:#0F3D2E;font-size:12px;font-weight:600}.footer-contact-link span{color:#0F3D2E}
.footer-nav,.footer-networks{display:grid;gap:0}.footer-nav>p,.footer-networks>p{margin:1px 0 12px;color:#65766B;font:9px var(--mono);letter-spacing:.06em}.footer-nav>a{padding:5px 0;color:#294638;font-size:12px}.footer-nav>a:hover,.footer-contact-link:hover{color:#0F3D2E}
.footer-social-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.footer-social-list li{border-bottom:1px solid var(--line)}.footer-social-list a,.footer-social-empty{min-height:43px;display:flex;align-items:center;gap:10px;color:#294638;font-size:12px}.footer-social-list a>span:last-child{margin-left:auto;color:#0F3D2E}.footer-social-empty{color:#596B60}.footer-social-list .social-icon{width:20px;height:20px;padding:2px}.footer-bottom{padding-top:15px;border-top:1px solid var(--line);color:#65766B}.footer-bottom i{color:#0F3D2E}.footer-bottom .back-top{color:#20362A;font:9px var(--mono)}.footer-bottom .back-top span{color:#0F3D2E}
@media(max-width:900px){.site-footer{padding-inline:32px}.footer-main{gap:5%}}
@media(max-width:680px){.site-footer{padding:30px 20px 18px}.footer-topline{font-size:8px}.footer-main{grid-template-columns:1fr 1fr;gap:31px 20px;padding:29px 0 27px}.footer-identity{grid-column:1/-1}.footer-wordmark{font-size:29px}.footer-identity>p{margin:12px 0 18px;font-size:12px}.footer-nav,.footer-networks{align-content:start}.footer-nav>a,.footer-social-list a,.footer-social-empty{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:10px 18px;font-size:8px}.footer-bottom span:nth-child(2){display:none}}
