@font-face{font-family:Display;src:url(assets/serif.ttf)}@font-face{font-family:Sans;src:url(assets/sans.ttf)}:root{--ink:#202924;--cream:#f5f1e7;--green:#18564b;--line:#b4c3b7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ink);font:16px/1.5 Sans,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid #bd9865;outline-offset:5px}h1,h2,h3{font-family:Display,Georgia,serif;font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(42px,5vw,66px)}h2{font-size:clamp(32px,4vw,48px)}h3{font-size:30px}.languages{position:fixed;right:5vw;top:24px;display:flex;align-items:center;color:var(--cream);z-index:5;background:var(--ink);padding:0 6px}.languages button{background:none;border:0;color:inherit;padding:0 12px;font-size:14px}.languages button[aria-pressed=true]{font-weight:bold;text-decoration:underline;text-underline-offset:6px}.skip{position:fixed;left:10px;top:-80px;background:var(--cream);z-index:10;padding:10px}.skip:focus{top:10px}#cover{min-height:100svh;height:100svh;position:relative;max-width:1600px;margin:auto;color:var(--cream);padding:7vh 8vw}.cover-word{width:clamp(155px,24vw,260px);position:absolute;top:8vh;left:8vw}.sea{position:absolute;width:min(78vw,1000px);height:min(47vh,440px);left:50%;top:13%;transform:translateX(-50%)}.sea svg{position:absolute;width:100%;height:100%;overflow:visible}.boat{position:absolute;width:26%;height:63%;object-fit:contain;left:36%;top:0}#cover h1{position:absolute;left:8vw;bottom:9vh;font-size:clamp(46px,6.3vw,86px)}.explore{position:absolute;right:9vw;bottom:8vh;display:flex;gap:28px;align-items:center;padding:12px;font-size:18px}.explore span:last-child{font-size:40px;line-height:1}#interior{background:var(--cream);padding:0 6vw 30px;min-height:100vh}header{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:26px 150px 26px 0}header img{width:145px;display:block}nav{display:flex;gap:25px;font-size:14px}nav a{display:flex;align-items:center}.intro{padding:52px 0 24px;border-bottom:1px solid var(--line)}.intro>p:last-child{color:#526159;font-size:18px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--green);margin:0 0 18px}#projects{padding:30px 0 36px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.card{border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:20px}.card .eyebrow{margin:0;font-size:11px}.card h3{flex:1}.primary{display:block;background:var(--green);color:var(--cream);border:0;text-align:left;padding:14px 18px;min-height:48px;width:100%}.experience{background:var(--green);color:var(--cream);padding:34px}.map-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:36px;margin-top:30px}.experience .eyebrow{color:#d2e1d4}.job{border:1px solid #7aa193;background:transparent;color:inherit;display:block;padding:14px 16px;width:100%;text-align:left;margin-bottom:10px}.job[aria-pressed=true]{background:var(--cream);color:var(--green)}.knowledge{background:var(--cream);color:var(--green);padding:24px}.knowledge .eyebrow{color:var(--green)}#graph{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 0 24px}#graph span{border:1px solid var(--line);border-radius:50%;padding:15px 8px;text-align:center;font-size:14px;background:#e6ebdf}#graph strong{grid-column:1/-1;text-align:center;font-weight:400;background:var(--green);color:var(--cream);padding:12px;border-radius:30px}.map-note{font-size:12px;color:#d2e1d4;margin:22px 0 0}footer{display:flex;justify-content:space-between;gap:24px;color:#68766c;font-size:12px;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}dialog{max-width:800px;width:calc(100% - 32px);max-height:90svh;overflow:auto;border:1px solid var(--line);background:var(--cream);color:var(--ink);padding:30px}dialog::backdrop{background:#14251dde;backdrop-filter:blur(3px)}dialog h2{margin:16px 0 22px}dialog h3{margin:24px 0 10px}dialog p{font-size:17px;line-height:1.65}.close{background:none;border:1px solid var(--line);padding:8px 16px;display:block;margin-left:auto}.tabs{display:flex;gap:10px;margin:24px 0}.tabs button{padding:10px 18px;border:1px solid var(--green);background:none;color:var(--green)}.tabs button[aria-pressed=true]{background:var(--green);color:var(--cream)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e6ebdf;padding:18px;font-size:15px}body.inside{background:var(--cream)}body.inside .languages{background:var(--cream);color:var(--green)}[hidden]{display:none!important}@media(max-width:700px){.languages{right:15px;top:12px}#cover{padding:24px}.cover-word{width:150px;top:11vh;left:7vw}.sea{width:94vw;height:33vh;top:31%}.boat{width:30%;left:35%;height:62%}#cover h1{left:7vw;bottom:14vh;font-size:clamp(38px,9vw,58px)}.explore{right:7vw;bottom:4vh;font-size:16px}header{align-items:flex-start;padding:28px 0 20px;flex-direction:column}header img{width:120px}nav{gap:18px;flex-wrap:wrap}.intro{padding-top:30px}.cards,.map-layout{grid-template-columns:1fr}.card{padding:22px}.experience{padding:24px 20px}.map-layout{gap:22px}.knowledge{padding:20px}footer{flex-direction:column;gap:8px}dialog{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#graph{position:relative;isolation:isolate}#graph::before{content:"";position:absolute;inset:30px 15%;z-index:-1;background:linear-gradient(25deg,transparent 49.6%,#99b3a4 49.8%,#99b3a4 50.2%,transparent 50.4%),linear-gradient(-25deg,transparent 49.6%,#99b3a4 49.8%,#99b3a4 50.2%,transparent 50.4%)}#graph span{border-radius:30px}#graph strong{justify-self:center;width:80%}

nav{gap:18px}.service-link{color:var(--green)}.service-link:first-of-type{margin-left:10px}footer{flex-wrap:wrap}.footer-links{display:flex;gap:24px}.footer-links a{display:flex;align-items:center;min-height:44px;color:var(--green)}@media(max-width:900px){header{padding-right:0;align-items:flex-start;flex-direction:column}nav{gap:12px;flex-wrap:wrap}}

.motion-control{position:fixed;left:16px;bottom:12px;z-index:6;background:var(--ink);border:1px solid #749782;color:var(--cream);padding:6px 10px;font-size:11px}body.inside .motion-control{display:none}

.cred-section{padding:32px 0}.cred-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0}.cred-grid article{display:flex;flex-direction:column;min-width:0}.cred-mark{height:140px;padding:18px;display:flex;justify-content:center;align-items:center}.cred-mark img{max-width:100%;max-height:100%;object-fit:contain}.cred-grid p{font-size:14px;margin:16px 0;min-height:42px}.cred-link{font-size:14px;color:var(--green);display:flex;align-items:center}@media(max-width:700px){.cred-grid{grid-template-columns:1fr;gap:28px}.cred-grid article{border-bottom:1px solid var(--line);padding-bottom:20px}.cred-mark{justify-content:flex-start;height:140px;padding-left:0}.cred-mark img{max-width:300px}.cred-grid p{min-height:0;margin:12px 0}}
@media(max-width:700px){.cred-mark img{max-width:min(100%,300px)}.cred-section{padding-top:64px}}

.cover-word{overflow:visible}.slogan-accent{color:#75aea6}

header .interior-word{display:block;width:145px;height:auto;overflow:visible}
@media(max-width:700px){header .interior-word{width:120px}}
/* Approved ES/EN edge panel. 44px hit box, with a narrow visible tab. */
.languages,body.inside .languages{top:18vh;right:0;padding:0;background:transparent;color:var(--green);z-index:50;display:flex;align-items:center;gap:0;transform:translateX(132px);transition:transform .25s ease}
.languages.open,body.inside .languages.open{transform:translateX(0)}
.languages .language-handle{position:relative;flex:0 0 44px;width:44px;height:76px;min-height:44px;padding:0;background:transparent;border:0;display:flex;align-items:center;justify-content:flex-end}
.language-handle span{width:24px;height:100%;border-radius:10px 0 0 10px;background:#75aea6;display:flex;align-items:center;justify-content:center}
.language-handle span:before{content:'';display:block;width:3px;height:34px;border-radius:2px;background:#18564b;opacity:.7}
.languages .language-handle:focus-visible{outline-offset:-3px}
.language-panel{box-sizing:border-box;flex:0 0 132px;width:132px;padding:12px 6px;background:#f5f1e7;border:1px solid #b3c5b9;border-right:0;border-radius:12px 0 0 12px;box-shadow:0 6px 24px #20292420;display:flex;align-items:center;justify-content:center;gap:4px}
.language-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}
.languages .language-panel button{min-width:44px;min-height:44px;padding:0 6px;font-size:14px}
.languages .language-panel button:focus-visible{outline-offset:0}
@media(max-width:700px){.languages .language-handle{height:68px}.language-handle span{width:22px}}
@media(prefers-reduced-motion:reduce){.languages,body.inside .languages{transition:none}}
/* Explore enters with the closing slogan, not before the intro. */
.explore{opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.explore{opacity:1;visibility:visible;pointer-events:auto}}

body:not(.inside),#cover{background:#212824}
#cover .slogan-accent{color:#7AAEA3}#cover .slogan-quant{color:#7AAEA3}

.language-panel{flex-direction:column;gap:10px;padding:12px 8px}
.language-row,.social-row{display:flex;align-items:center;justify-content:center;gap:4px;width:100%}
.social-row{border-top:1px solid var(--line);padding-top:9px}
.social-row a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--green);border-radius:6px}
.social-row a:hover{background:#e6ebdf}
.social-row svg{width:23px;height:23px}
/* Keep the taller panel from crossing the mobile headline: one compact row. */
.languages,body.inside .languages{transform:translateX(232px)}
.languages.open,body.inside .languages.open{transform:translateX(0)}
.language-panel{flex:0 0 232px;width:232px;flex-direction:row;gap:8px;padding:12px 8px}
.language-row{width:100px;flex:none}
.social-row{width:100px;flex:none;border-top:0;border-left:1px solid var(--line);padding:0 0 0 8px}

/* Transparent monogram sits in front of the sea during the intro. */
#introMark{z-index:2;background:transparent;pointer-events:none}