/* Identité Fusion du studio. Couleurs : theme.css ; mouvements : motion.css. */
html{scroll-padding-top:105px}h1,h2,.big-link{font-family:var(--heading);font-weight:750;letter-spacing:-.065em}h1 em,h2 em,.journey-step h3 em{font-style:normal;font-weight:750}.site-header{position:sticky;top:0;z-index:35;max-width:none;min-height:84px;background:var(--paper);border-bottom:1px solid var(--line);padding-block:17px}.site-header .logo{font-size:26px}.site-header .logo .star{font-size:40px}.site-header .logo small{font-size:7px;margin-top:7px}.motion-ready .menu-toggle{border-radius:30px;background:var(--ink);color:var(--paper);border-color:var(--ink)}.motion-ready .menu-toggle:hover{background:var(--button-hover)}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--field-border);border-radius:30px;color:var(--ink);background:transparent;min-height:44px;padding:9px 12px;font-size:11px}.motion-toggle>span:first-child{font-size:20px;line-height:1}.motion-toggle[aria-checked=true]{border-color:var(--accent)}.motion-toggle[aria-checked=true]>span:first-child{color:var(--accent)}
.hero{min-height:calc(100svh - 84px);padding-block:35px 50px;align-items:center;gap:28px}.hero-copy{position:relative;z-index:2;padding-top:0}.hero h1{font:800 clamp(74px,8.7vw,137px)/.89 var(--heading);letter-spacing:-.08em;margin:30px 0}.hero-intro{color:var(--muted);font-size:17px}.hero-art{background:var(--paper);perspective:900px}.hero-art>img{min-height:0;max-height:740px;aspect-ratio:1/1.1;object-fit:cover}.hero-art figcaption,.art-index{color:#d8e2e5}.motion-ready .hero-art>img{transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform 700ms var(--motion-ease)}.hero .button{background:var(--accent);color:var(--paper);border-color:var(--accent)}:root[data-theme=dark] .hero .button{color:#14252f}.hero .button:hover{filter:brightness(1.1)}.hero .edition{margin-top:30px}.hero-art figcaption{font-size:7px;left:20px;right:20px;bottom:17px}.hero .art-index{font-size:8px}.discipline-band{font-size:9px;gap:40px;padding-block:20px}.discipline-band .star{font-size:23px}.project-caption h3,.web-examples-grid h3{font-family:var(--heading);font-weight:650}.service-row h2{font-weight:700}.big-link{font-weight:700}.footer-top p,.footer-bottom,.working-note{color:var(--menu-muted)}.footer-top .text-link{border-color:var(--menu-muted)}.footer-top .text-link:hover{color:var(--menu-accent)}.footer-bottom{border-color:var(--line)}.about-mark .star{color:var(--accent)}.future-stamp strong{font-family:var(--heading);font-weight:700}
/* Menu de Playground : ouverture circulaire et quatre bulles. */
.menu-sheet[open]{animation:studio-menu-in 700ms var(--motion-ease) both}.menu-sheet.is-closing{animation:studio-menu-out var(--menu-exit-duration) var(--motion-ease) both}.menu-sheet[open] .menu-sheet-inner{animation:none}.menu-sheet-inner{padding-block:26px}.menu-content{grid-template-columns:1fr;max-width:1300px;padding-block:30px}.menu-links>.eyebrow{font-size:9px;margin-bottom:18px}.menu-links nav{display:grid;grid-template-columns:1fr 1fr;gap:20px}.menu-links nav a{display:grid;grid-template-columns:1fr 25px;grid-template-rows:auto 1fr;align-items:center;gap:16px;border:1px solid var(--line);border-radius:60px;padding:28px 32px;min-height:175px;transition:transform 450ms var(--motion-ease)}.menu-number{grid-column:1/-1;color:inherit;font-size:9px}.menu-name{font:750 clamp(32px,4vw,61px)/1.05 var(--heading);letter-spacing:-.065em;overflow-wrap:normal}.menu-links nav a>span:last-child{font-size:28px;color:inherit}.menu-links nav a:nth-child(1){background:#1e3541;color:#e6eceb}.menu-links nav a:nth-child(2){background:#e9ac62;color:#14252f}.menu-links nav a:nth-child(3){background:#e6eceb;color:#14252f}.menu-links nav a:nth-child(4){background:#293e4a;color:#e6eceb}.menu-links nav a:last-child{border:1px solid var(--line)}.menu-links nav a:hover{transform:rotate(-1.5deg)}.menu-links nav a:hover .menu-name,.menu-links nav a:focus-visible .menu-name{color:inherit;transform:none}.menu-links nav a[aria-current] .menu-name{color:inherit;font-style:normal;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.menu-links nav a[aria-current]{border-color:var(--menu-accent)}.menu-links nav a:focus-visible{outline-color:#e9ac62}.menu-sheet[open] .menu-links nav a{animation:none}.menu-shortcuts{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.menu-home{margin-top:12px;color:var(--menu-ink)}.menu-close{border-radius:30px;border-color:var(--menu-muted)}.menu-bottom{border-color:var(--line)}.menu-sheet.is-closing .menu-sheet-inner{animation:none}.page-curtain{background:var(--menu-bg);font-family:var(--heading);font-weight:700}.page-arriving .page-curtain{animation:studio-curtain-away var(--curtain-duration) var(--motion-ease) both}
/* Scène Obsidienne : le défilement reste celui du navigateur. */
.studio-sequence{position:relative;background:var(--soft);border-block:1px solid var(--line)}.sequence-sticky{padding-block:45px}.sequence-frame{display:grid;grid-template-columns:1fr 1fr;gap:35px 65px;align-items:center}.sequence-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:25px}.sequence-head .eyebrow{margin:0;font-size:9px}.sequence-counter{font:11px Consolas,monospace;color:var(--accent);white-space:nowrap}.sequence-controls{display:none;gap:8px;align-items:center}.sequence-controls button{width:44px;min-height:44px;border:1px solid var(--field-border);border-radius:50%;background:transparent;color:var(--ink);font-size:11px}.sequence-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.sequence-skip{font-size:11px;text-decoration:underline;white-space:nowrap}.sequence-image{margin:0;overflow:hidden;min-width:0;position:relative;background:#14252f}.sequence-image img{width:100%;max-height:60vh;object-fit:cover;transform:rotate(var(--sequence-rotation,0deg)) scale(var(--sequence-scale,1));transition:transform 100ms linear}.sequence-image figcaption{position:absolute;bottom:15px;left:18px;font:7px Consolas,monospace;color:#e6eceb;letter-spacing:1px}.sequence-chapter{padding:30px 0;border-bottom:1px solid var(--line)}.sequence-chapter .eyebrow{color:var(--accent);font-size:9px;margin-bottom:20px}.sequence-chapter h2{font-size:clamp(45px,4.9vw,72px);line-height:.98;margin-bottom:25px}.sequence-chapter>p:not(.eyebrow){max-width:390px;color:var(--muted);font-size:15px}.sequence-chapter .text-link{margin-top:5px}.sequence-counter{display:none}
@media(min-width:1001px){.motion-ready[data-motion=full] .studio-sequence{height:290svh}.motion-ready[data-motion=full] .sequence-sticky{position:sticky;top:84px;height:calc(100svh - 84px);display:flex;align-items:center}.motion-ready[data-motion=full] .sequence-chapters{position:relative;min-height:370px}.motion-ready[data-motion=full] .sequence-chapter{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:start;opacity:0;visibility:hidden;transform:translateY(25px);transition:opacity 600ms var(--motion-ease),transform 700ms var(--motion-ease),visibility 600ms;border:0;padding:0}.motion-ready[data-motion=full] .sequence-chapter.is-active{opacity:1;visibility:visible;transform:none}.motion-ready[data-motion=full] .sequence-controls{display:flex}.motion-ready[data-motion=full] .sequence-counter{display:inline}.sequence-head .eyebrow{max-width:330px}}
@keyframes studio-menu-in{from{clip-path:circle(0 at 96% 4%)}to{clip-path:circle(145% at 96% 4%)}}@keyframes studio-menu-out{to{clip-path:circle(0 at 96% 4%)}}@keyframes studio-curtain-away{from{transform:none;clip-path:circle(100% at 50% 50%)}to{transform:none;clip-path:circle(0 at 50% 50%)}}
@media(max-width:1100px){.motion-label{display:none}.motion-toggle{width:44px;padding:9px}.hero h1{font-size:94px}.hero-art>img{min-height:0}.sequence-frame{gap:30px 40px}.menu-name{font-size:44px}.menu-links nav a{padding:25px;min-height:155px}.hero-copy{padding-top:0}}
@media(max-width:1000px){.sequence-frame{grid-template-columns:1fr 1fr;align-items:start}.sequence-head{flex-wrap:wrap}.sequence-image{position:sticky;top:110px}.sequence-image img{max-height:500px}.sequence-chapter h2{font-size:42px}.sequence-chapter{padding-top:15px}.sequence-skip{margin-left:auto}.hero h1{font-size:clamp(68px,9.8vw,94px)}.hero-intro{font-size:15px}.hero-actions{gap:17px}.hero .button{font-size:12px;padding:13px 16px;gap:20px}.hero-art{align-self:center}}
@media(max-width:800px){.site-header{gap:14px}.site-header .logo{font-size:23px}.site-header .logo .star{font-size:34px}.header-controls{gap:7px}.menu-name{font-size:clamp(29px,4.8vw,40px)}.menu-links nav a{border-radius:40px}.menu-top .logo{font-size:25px}.hero{gap:18px}.page-intro h1{font-size:clamp(61px,9.5vw,85px)}}
@media(max-width:600px){.site-header{padding:15px 20px;min-height:76px}.site-header .logo{font-size:21px;gap:8px}.site-header .logo .star{font-size:30px}.site-header .logo small{font-size:5px;letter-spacing:1.6px}.theme-toggle,.motion-toggle{width:40px;height:44px;min-height:44px}.motion-ready .menu-toggle{gap:9px;font-size:11px;padding-inline:11px}.hero{grid-template-columns:1fr;gap:25px;min-height:0;padding-top:30px;padding-bottom:35px}.hero h1{font-size:clamp(74px,20vw,119px);margin:25px 0;line-height:.91}.hero .eyebrow{font-size:9px;margin-bottom:20px}.hero-intro{font-size:16px;margin-block:24px}.hero-copy{padding-top:0}.hero-art{width:90%;justify-self:end;margin-top:-5px;max-height:none}.hero-art>img{min-height:0;max-height:none;aspect-ratio:1/1.05}.hero-art figcaption{font-size:5px;bottom:12px;left:12px;right:12px}.hero .edition{font-size:6px;margin-top:25px}.hero-actions .text-link{font-size:12px}.hero .art-index{font-size:6px;right:15px;top:15px}.discipline-band{font-size:7px;gap:14px;padding-inline:20px;letter-spacing:1px}.discipline-band>span:last-child,.discipline-band>.star:nth-last-child(2){display:none}.discipline-band .star{font-size:18px}.menu-sheet-inner{padding:22px 20px}.menu-links nav{gap:12px}.menu-links nav a{padding:20px 16px;min-height:145px;border-radius:30px;grid-template-columns:1fr;gap:12px}.menu-number{font-size:8px}.menu-name{font-size:clamp(23px,5.8vw,35px)}.menu-links nav a>span:last-child{font-size:22px}.menu-links>.eyebrow{font-size:8px}.menu-content{padding-block:35px}.menu-top .logo{font-size:23px}.menu-top .logo .star{font-size:30px}.menu-top{gap:15px}.menu-close{padding-inline:11px;gap:10px}.menu-home{font-size:11px;gap:12px}.menu-shortcuts{gap:15px}.menu-bottom{font-size:7px}.sequence-frame{grid-template-columns:1fr;gap:25px}.sequence-head{gap:18px;align-items:start}.sequence-head .eyebrow{font-size:8px;max-width:200px}.sequence-skip{font-size:10px;white-space:normal;margin:0}.sequence-image{position:relative;top:auto}.sequence-image img{max-height:420px;aspect-ratio:1.1;object-fit:cover}.sequence-chapter h2{font-size:45px}.sequence-chapter>p:not(.eyebrow){font-size:14px}.sequence-sticky{padding-block:35px}.page-intro h1{font-size:clamp(54px,12vw,75px)}.page-intro{padding-top:40px}.about-grid h2{font-size:43px}.web-feature h2{font-size:43px}.contact-banner .big-link{font-size:clamp(35px,8.8vw,51px)}}
@media(max-width:380px){.site-header .logo{font-size:17px;gap:6px}.site-header .logo .star{font-size:25px}.site-header .logo small{letter-spacing:1.1px}.header-controls{gap:5px}.theme-toggle,.motion-toggle{width:35px;padding:8px}.motion-ready .menu-toggle{font-size:10px;padding-inline:9px;gap:7px}.hero h1{font-size:clamp(68px,21vw,80px)}.hero-actions{gap:15px}.menu-top .logo{font-size:19px}.menu-top .logo .star{font-size:26px}.menu-top{gap:10px}.menu-close{font-size:10px;padding-inline:9px;gap:7px}.menu-links nav a{padding-inline:14px}.menu-name{font-size:23px}.sequence-chapter h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.sequence-sticky{position:relative!important;top:auto!important;height:auto!important;display:block!important}.studio-sequence{height:auto!important}.sequence-chapters{min-height:0!important}.sequence-chapter{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;padding-block:30px!important}.sequence-controls,.sequence-counter{display:none!important}.sequence-image{position:relative;top:auto}.sequence-image img,.motion-ready .hero-art>img{transform:none!important}}
html[data-motion=reduce]{scroll-behavior:auto}html[data-motion=reduce] *,html[data-motion=reduce] *::before,html[data-motion=reduce] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=reduce] .reveal-item{opacity:1!important;transform:none!important;clip-path:none!important}html[data-motion=reduce] .reveal-item .art-wrap{clip-path:none!important}html[data-motion=reduce] .page-curtain,html[data-motion=reduce] .scroll-progress{display:none!important}html[data-motion=reduce] .hero-art>img,html[data-motion=reduce] .sequence-image img{transform:none!important}html[data-motion=reduce] .sequence-image{position:relative;top:auto}

/* Conserver les trois commandes sur une ligne, même à 320 pixels. */
.motion-ready .site-header{flex-wrap:nowrap}@media(max-width:380px){.motion-ready .site-header{gap:8px}.motion-ready .header-controls{gap:5px}}

@media(max-width:1000px){.sequence-image img{transform:none}}

/* Trois lignes lisibles pour l’accroche sur téléphone. */
@media(max-width:600px){.hero h1{font-size:clamp(56px,17.5vw,105px)}}

/* Trois univers : portfolio, sites web, figurines. */
#studio-menu .menu-links nav{grid-template-columns:repeat(3,minmax(0,1fr))}#studio-menu .menu-links nav a{min-height:245px;padding:30px;grid-template-columns:1fr 24px;align-content:start;gap:35px 12px}#studio-menu .menu-name{font-size:clamp(32px,3.8vw,55px)}#studio-menu .menu-links nav a>span:last-child{font-size:26px}#studio-menu .menu-shortcuts{justify-content:flex-start;gap:40px}.hero-intro{max-width:535px;font-size:16px}.hero-actions>.text-link:last-child{font-size:12px}.hero-actions{gap:20px 27px}
.portfolio-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.portfolio-intro h1{font-size:clamp(60px,6.8vw,98px);line-height:.96}.portfolio-intro>div>p:not(.eyebrow){margin-top:28px;max-width:480px;font-size:16px}.portfolio-intro>div>.notice{font-size:12px!important}.portfolio-intro figure{margin:0;position:relative;overflow:hidden}.portfolio-intro figure img{width:100%;max-height:660px;object-fit:cover}.portfolio-intro figcaption{position:absolute;inset:auto 18px 18px;color:#f2f0e8;font-size:7px;letter-spacing:1px}.portfolio-intro+.gallery-section{padding-top:20px}
.home-figures{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.home-figures figure{margin:0;position:relative;overflow:hidden;background:#14252f}.home-figures figure img{width:100%;max-height:580px;object-fit:cover}.home-figures figcaption{position:absolute;bottom:17px;left:20px;right:20px;font-size:6px;color:#e6eceb;letter-spacing:.7px}.home-figures h2{margin-bottom:30px}.home-figures>div>p:not(.eyebrow){font-size:15px;max-width:480px}.home-figures .small{margin-top:20px;font-size:11px!important}
.figure-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding-block:45px 65px}.figure-hero h1{font-size:clamp(63px,6.4vw,96px);line-height:.98;letter-spacing:-.07em;margin:25px 0 30px}.figure-hero .lead{font-size:17px;color:var(--muted);line-height:1.65;max-width:560px}.figure-hero .notice{margin-top:30px;font-size:11px}.figure-art>img{aspect-ratio:1/1.1;max-height:710px;object-fit:cover}.figure-art figcaption{font-size:6px}.figure-formulas{border-top:1px solid var(--line)}.figure-formulas>.section-heading,.figure-catalog>.section-heading{align-items:center;gap:60px}.figure-formulas .section-note,.figure-catalog .section-note{max-width:400px;margin:0;font-size:14px}.formula-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:45px}.formula-card{padding:30px;border:1px solid var(--line);display:flex;align-items:start;flex-direction:column;background:var(--soft)}.formula-number{font:700 70px/1 var(--heading);letter-spacing:-5px;color:var(--accent);margin-bottom:25px}.formula-card>.small{font-size:9px;letter-spacing:1px;margin-bottom:25px}.formula-card h3{font-size:29px;line-height:1.05;font-weight:750;letter-spacing:-.055em;min-height:66px;margin-bottom:25px}.formula-card p{font-size:13px}.formula-card .formula-subtitle{font-size:16px;line-height:1.4}.formula-card .text-link{font-size:12px;gap:12px;margin-top:auto}.formula-card:nth-child(2){background:var(--paper)}.formula-card:nth-child(3){border-color:var(--accent)}.figure-catalog{padding-top:15px}.catalog-empty{display:grid;grid-template-columns:1fr 1.7fr;align-items:center;gap:60px;border:1px dashed var(--field-border);padding:55px;margin-top:45px;background:var(--soft)}.catalog-symbol{font:160px/1 Arial,sans-serif;color:var(--accent);text-align:center}.catalog-empty h3{font:700 36px/1.1 var(--heading);letter-spacing:-.05em;margin-bottom:25px}.catalog-empty p{max-width:610px;font-size:15px}.catalog-empty .small{font-size:12px}.figure-process{background:var(--soft)}.figure-process h2{margin-bottom:45px}.figure-faq{max-width:1000px}.figure-faq h2{margin-bottom:40px}.figure-faq details{padding:24px 0;border-top:1px solid var(--line)}.figure-faq details:last-child{border-bottom:1px solid var(--line)}.figure-faq summary{font-size:18px;font-weight:650;cursor:pointer;min-height:44px;align-content:center;padding-right:15px}.figure-faq details p{font-size:14px;color:var(--muted);margin:20px 0 5px;max-width:750px}.figure-faq summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.model-card{border:1px solid var(--line);background:var(--soft)}.model-card figure{margin:0;position:relative}.model-card figure img{width:100%;height:430px;object-fit:cover}.model-card figcaption{padding:12px 20px;background:var(--paper);color:var(--muted);font-size:11px}.model-copy{padding:25px}.model-copy h3{font-weight:700;font-size:30px;margin-bottom:20px}.model-copy p{font-size:14px}.model-copy .small{font-size:11px;margin-top:20px}.model-no-image{display:flex;min-height:280px;flex-direction:column;align-items:center;justify-content:center;gap:20px;border-bottom:1px solid var(--line);padding:30px;text-align:center}.model-no-image>span{font-size:11px;letter-spacing:2px;color:var(--accent)}.request-context{font-size:13px;border-left:2px solid var(--accent);background:var(--soft);padding:18px;margin-bottom:25px}.figure-fields{border:1px solid var(--line);padding:20px;margin-bottom:25px}.figure-fields label{display:block}.figure-fields>.small{font-size:11px;margin-bottom:0}
@media(max-width:1100px){.figure-hero{gap:35px}.formula-card{padding:24px}.formula-card h3{font-size:26px}.portfolio-intro{gap:35px}.home-figures{gap:50px}.figure-hero h1{font-size:clamp(57px,6.6vw,80px)}}
@media(max-width:850px){.figure-hero{grid-template-columns:1fr;gap:35px}.figure-hero h1{font-size:clamp(60px,10vw,90px)}.figure-art{width:82%;justify-self:end}.figure-art img{max-height:620px}.formula-grid{grid-template-columns:1fr}.formula-card{display:grid;grid-template-columns:90px 1fr;gap:12px 30px;padding:30px}.formula-number{grid-row:1/7;margin:0}.formula-card h3{min-height:0;font-size:32px;margin-bottom:10px}.formula-card>.small{margin-bottom:5px}.formula-card p{margin-bottom:12px}.formula-card .text-link{justify-self:start}.figure-formulas>.section-heading,.figure-catalog>.section-heading{align-items:start;gap:30px;flex-direction:column}.catalog-empty{padding:35px;gap:35px}.catalog-symbol{font-size:110px}.catalog-empty h3{font-size:30px}.portfolio-intro h1{font-size:clamp(55px,7vw,70px)}.home-figures{gap:35px}}
@media(max-width:700px){#studio-menu .menu-links nav{grid-template-columns:1fr;gap:14px}#studio-menu .menu-links nav a{min-height:120px;padding:22px 25px;border-radius:35px;gap:16px}#studio-menu .menu-name{font-size:clamp(29px,6vw,40px)}#studio-menu .menu-number{grid-column:1/-1}#studio-menu .menu-shortcuts{gap:20px}.portfolio-intro{grid-template-columns:1fr;gap:30px;padding-bottom:35px}.portfolio-intro h1{font-size:clamp(58px,12vw,82px)}.portfolio-intro figure{width:88%;justify-self:end}.portfolio-intro figure img{max-height:520px;aspect-ratio:1;object-fit:cover}.home-figures{grid-template-columns:1fr;gap:35px}.home-figures figure{width:88%}.home-figures h2{font-size:43px}.home-figures p{font-size:14px!important}.figure-hero{padding-block:35px 45px}.figure-hero h1{font-size:clamp(52px,11.5vw,75px)}.figure-hero .lead{font-size:15px}.figure-hero .hero-actions{gap:16px;align-items:start;flex-direction:column}.figure-hero .notice{font-size:11px}.figure-art{width:90%}.figure-art figcaption{font-size:5px}.formula-card{grid-template-columns:1fr;gap:10px;padding:25px}.formula-number{grid-row:auto;font-size:60px;margin-bottom:15px}.formula-card h3{font-size:29px}.formula-card .small{font-size:9px}.formula-card .text-link{margin-top:10px}.figure-formulas h2,.figure-catalog h2,.figure-process h2,.figure-faq h2{font-size:43px}.figure-faq summary{font-size:16px}.figure-formulas .section-note,.figure-catalog .section-note{font-size:14px}.catalog-empty{grid-template-columns:1fr;gap:25px;padding:30px}.catalog-symbol{text-align:left;font-size:75px}.catalog-empty h3{font-size:30px}.catalog-empty p{font-size:14px}.catalog-empty .small{font-size:11px}.model-grid{grid-template-columns:1fr}.model-card figure img{height:auto;max-height:450px}.figure-fields{padding:15px}.request-context{padding:15px;font-size:12px}.hero-intro{font-size:15px;max-width:470px}.hero-actions>.text-link:last-child{font-size:11px}}

.model-more{border-top:1px solid var(--line)}.model-more summary{padding:18px 25px;min-height:44px;font-size:13px;cursor:pointer}.model-more summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.model-more figure{border-top:1px solid var(--line)}

.web-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.web-intro h1{font-size:clamp(56px,5.5vw,80px);line-height:1;margin-bottom:30px}.web-intro .lead{font-size:17px;color:var(--muted);max-width:480px}.web-intro .notice{font-size:12px;margin-top:28px}.web-intro .button{font-size:12px;padding:14px 18px;gap:20px}.web-intro-preview{min-width:0;display:block}.web-intro-preview .demo-preview{min-height:390px;box-shadow:none;border-top:0}.web-browser-bar{display:flex;gap:5px;align-items:center;background:var(--soft);border:1px solid var(--line);padding:15px}.web-browser-bar i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.web-browser-bar span{margin-left:10px;font-size:7px;letter-spacing:1px;color:var(--muted)}@media(max-width:1000px){.web-intro{grid-template-columns:1fr;gap:35px}.web-intro>div{max-width:680px}.web-intro h1{font-size:clamp(56px,8vw,80px)}.web-intro-preview{width:90%;justify-self:end}.web-intro-preview .demo-preview{min-height:360px}}@media(max-width:600px){.web-intro h1{font-size:clamp(52px,12vw,70px)}.web-intro .lead{font-size:15px}.web-intro .hero-actions{align-items:start;flex-direction:column;gap:14px}.web-intro-preview{width:100%}.web-intro-preview .demo-preview{min-height:320px}.web-intro-preview .demo-mini{padding:25px 18px}.web-browser-bar span{font-size:6px}.web-intro .notice{font-size:11px}}

/* Quatrième univers : Jeux. Le portfolio reste le premier accès. */
#studio-menu .menu-links nav{grid-template-columns:repeat(4,minmax(0,1fr))}
#studio-menu .menu-links nav a{min-height:220px;padding:28px 24px}
#studio-menu .menu-name{font-size:clamp(29px,3vw,46px)}
@media(max-width:1100px){#studio-menu .menu-links nav{grid-template-columns:repeat(2,minmax(0,1fr))}#studio-menu .menu-links nav a{min-height:155px;gap:20px}#studio-menu .menu-name{font-size:clamp(29px,4vw,43px)}}
@media(max-width:700px){#studio-menu .menu-links nav{grid-template-columns:1fr;gap:12px}#studio-menu .menu-links nav a{min-height:110px;padding:18px 25px;gap:12px}#studio-menu .menu-name{font-size:32px}.menu-content{padding-block:25px}}