/*
Theme Name: Alexis Lyotard — Design & Paléoart
Theme URI: https://alexislyotard.com
Author: Alexis Lyotard
Description: Portfolio à double entrée Design / Paléoart, avec projets éditables dans WordPress.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: alyotard
*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Instrument+Serif:ital@0;1&display=swap");
:root{--ink:#171713;--paper:#f1efe8;--acid:#dfff4a;--orange:#d75c35;--dark:#171914}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:99;padding:18px 3vw;display:flex;justify-content:space-between;align-items:center;background:#f1efe8e8;backdrop-filter:blur(12px);border-bottom:1px solid #0002}.logo{font-weight:700}.logo span,.about h2 span{color:var(--orange)}.main-nav{display:flex;gap:25px;font-size:13px}.main-nav a:hover{text-decoration:underline}.menu-toggle{display:none}
.hero,.section,.about{padding:8vw 3vw}.tag{font-size:10px;letter-spacing:.16em;font-weight:700}.hero h1,.section h2,.bridge h2,.about h2{font-size:clamp(55px,8vw,130px);line-height:.82;letter-spacing:-.065em;font-weight:600;margin:3vw 0}.hero h1 i,.section h2 i,.bridge h2 i{font-family:"Instrument Serif";font-weight:400}.lead,.desc{font-size:18px;max-width:620px;line-height:1.5;margin-left:auto}
.doors{display:flex;height:60vh;min-height:450px;gap:8px;margin-top:5vw}.door{flex:1;position:relative;overflow:hidden;transition:flex .5s;background:#ddd}.door:hover{flex:1.5}.door>b{position:absolute;bottom:0;left:0;right:0;background:#f1efe8e8;padding:18px;z-index:2}.door-media{height:100%;background-size:cover;background-position:center}.design-fallback{background:#ef6048;display:flex;align-items:flex-start;padding:3vw;font-size:12vw;font-weight:700;letter-spacing:-.1em}.paleo-fallback{background:radial-gradient(circle at 60% 35%,#75845a,#182116 65%);position:relative}.paleo-fallback:after{content:"";position:absolute;width:65%;height:30%;background:#a77756;border-radius:60% 15% 45% 55%;left:18%;top:33%;transform:rotate(-6deg)}
.light{background:#faf9f4}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:4vw 2vw;margin-top:6vw}.project-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.placeholder{aspect-ratio:4/3;background:#171717;color:var(--acid);display:flex;align-items:center;padding:3vw;font-size:5vw;font-weight:700}.project-card h3{margin:12px 0 2px}.project-card p{margin:0;color:#777;font-size:12px}
.dark{background:var(--dark);color:#f0eee7}.filters{display:flex;gap:8px;margin:4vw 0 2vw;flex-wrap:wrap}.filters button{border:1px solid #fff5;color:inherit;background:none;border-radius:30px;padding:9px 15px;cursor:pointer}.filters .on{background:#eee;color:#111}.paleo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5vw 1.5vw}.paleo-card.hide{display:none}.paleo-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.paleo-placeholder{aspect-ratio:4/3;background:radial-gradient(circle,#806746,#1b1811);position:relative}.paleo-placeholder:after{content:"SPECIMEN";position:absolute;bottom:15px;left:15px;color:#fff8;font-size:10px;letter-spacing:.15em}.paleo-card h3{font-size:22px;margin:12px 0 2px}.paleo-card em{font-family:"Instrument Serif";color:#aaa}.meta-line{font-size:10px;letter-spacing:.12em;color:#999;margin-top:6px;text-transform:uppercase}
.bridge{padding:11vw 3vw;background:var(--acid)}.bridge p:last-child{font-size:20px;line-height:1.5;max-width:650px;margin-left:auto}.about{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.about h2{font-size:9vw}.bio{font-family:"Instrument Serif";font-size:clamp(28px,3vw,48px);line-height:1.05}.cols{display:grid;grid-template-columns:1fr 1fr;line-height:1.8;color:#777}.cols b{color:var(--ink)}
.cta{padding:7vw 3vw;background:var(--orange);display:flex;justify-content:space-between;align-items:end}.cta p{font:clamp(40px,4.5vw,75px)/.9 "Instrument Serif";margin:0}.cta a{border-bottom:2px solid;padding-bottom:6px}.site-footer{padding:30px 3vw;display:flex;justify-content:space-between;font-size:12px}
.single-wrap{max-width:1100px;margin:auto;padding:8vw 3vw}.single-wrap h1{font-size:clamp(48px,7vw,100px);letter-spacing:-.06em;line-height:.9}.single-wrap .featured{margin:4vw 0}.single-wrap .content{max-width:760px;font-size:18px;line-height:1.65}
@media(max-width:700px){.main-nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--paper);padding:20px 3vw;flex-direction:column}.main-nav.open{display:flex}.menu-toggle{display:block;border:1px solid;border-radius:999px;background:none;padding:7px 12px}.hero,.section,.about{padding-top:15vw}.doors{display:grid;height:auto}.door{height:55vh}.projects,.paleo-grid,.about{grid-template-columns:1fr}.cta{gap:50px;align-items:start;flex-direction:column}.site-footer{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}