portfolio-header{display:block;position:fixed;inset:0 0 auto;height:62px;z-index:1000;color:#f4eddf;font:12px Arial,sans-serif;pointer-events:none}[data-legacy-navigation]{display:none!important}html{scroll-padding-top:80px}.mobile-welcome{padding-top:62px!important}@media(max-width:700px){portfolio-header{height:58px}.mobile-welcome{padding-top:58px!important}}
portfolio-header *{box-sizing:border-box}
portfolio-header a{color:inherit;text-decoration:none}
portfolio-header button{font:inherit;color:inherit;cursor:pointer}
portfolio-header a:focus-visible,portfolio-header button:focus-visible{outline:2px solid #dec39c;outline-offset:6px}
portfolio-header .bar{height:62px;padding:0 4vw;display:flex;align-items:center;justify-content:flex-end;background:transparent;border-bottom:0;backdrop-filter:none;pointer-events:none}
portfolio-header .bar>*{pointer-events:auto}
body>.header-logo{position:fixed;top:0;left:4vw;height:62px;z-index:1000;font-size:13px;letter-spacing:.045em;display:flex;align-items:center;text-decoration:none;color:#f4eddf;mix-blend-mode:difference}
.header-logo-mark{display:block;width:116px;aspect-ratio:6493/1924;background-color:currentColor;-webkit-mask:url(raoult-original.svg) center/contain no-repeat;mask:url(raoult-original.svg) center/contain no-repeat}
body>.desktop-nav{position:fixed;top:0;right:4vw;height:62px;z-index:1000;display:flex;gap:8px;align-items:center;font:12px Arial,sans-serif;color:#f4eddf;mix-blend-mode:difference}
body>.desktop-nav a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:3px;font-size:11px;text-decoration:none;color:inherit;transition:background .2s,color .2s}
body>.desktop-nav a:hover,body>.desktop-nav a:focus-visible{background:#f4eddf;color:#191916}
portfolio-header .bar>.toggle{display:none}
portfolio-header .toggle{display:flex;align-items:center;gap:18px;border:1px solid #f4eddf55;border-radius:2px;background:none;min-height:38px;padding:0 17px}
portfolio-header .toggle i{font:23px Georgia;transition:transform .3s}
portfolio-header .toggle:hover i{transform:rotate(90deg)}
portfolio-header dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#191916;color:#f4eddf;overflow:auto;pointer-events:auto}
portfolio-header dialog::backdrop{background:#191916}
portfolio-header .menu-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #f4eddf22}
portfolio-header .menu-top .name{font-size:13px;letter-spacing:.045em;min-height:44px;display:flex;align-items:center}
portfolio-header .menu-top .name img{display:block;width:116px;height:auto}
portfolio-header .close{min-height:44px;background:none;border:0;padding:10px;font:12px Arial}
portfolio-header .menu-body{min-height:calc(100svh - 150px);max-width:1300px;margin:auto;padding:55px 7vw;display:grid;grid-template-columns:1.4fr .6fr;gap:10vw;align-items:center;position:relative}
portfolio-header .menu-links{display:grid;position:relative;z-index:1}
portfolio-header .menu-links a{display:flex;align-items:baseline;gap:25px;padding:8px 0;font:clamp(36px,5.8vw,80px)/1.15 Georgia;letter-spacing:-.035em;transition:transform .25s,color .25s}
portfolio-header .menu-links a:hover{color:#d8bb94;transform:translateX(8px)}
portfolio-header .menu-links small{font:10px Arial;letter-spacing:0;color:#b9a58b}
portfolio-header .menu-aside{align-self:end;padding-bottom:20px;font-size:12px;line-height:1.8;color:#bcb3a5}
portfolio-header .menu-aside strong{display:block;font:28px Georgia;color:#f4eddf;margin-bottom:20px}
portfolio-header .menu-aside a{display:block;min-height:44px;padding:10px 0;overflow-wrap:anywhere}
portfolio-header .thread{position:absolute;right:1%;top:0;width:40%;height:100%;pointer-events:none;opacity:.35}
portfolio-header .foot{padding:20px 5vw;border-top:1px solid #f4eddf22;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em}
portfolio-header .menu-links a[aria-current=page]{color:#d8bb94}
@media(max-width:700px){
portfolio-header .bar{height:58px;padding:0 20px}
body>.header-logo{top:0;left:20px;height:58px;font-size:11px}
.header-logo-mark{width:100px}
body>.desktop-nav{display:none}
portfolio-header .bar>.toggle{display:flex}
portfolio-header .toggle{min-height:38px;font-size:11px;border-radius:2px;background:#19191655;backdrop-filter:blur(6px)}
portfolio-header .menu-top{height:65px;padding:0 22px}
portfolio-header .menu-body{display:block;padding:28px 28px 20px;min-height:0}
portfolio-header .menu-links a{font-size:43px;padding:9px 0;gap:18px}
portfolio-header .menu-aside{margin-top:27px;padding:0;font-size:11px}
portfolio-header .menu-aside strong{font-size:22px;margin-bottom:6px}
portfolio-header .thread{width:55%;opacity:.15}
portfolio-header .foot{padding:18px 22px;font-size:8px;gap:20px}
}
@media(prefers-reduced-motion:reduce){portfolio-header *{transition:none!important}}