@import"https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@500;600;700;800;900&family=IBM+Plex+Sans:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{--paper: #ece9e0;--paper-d: #dad6c9;--paper-l: #f4f1e8;--ink: #1c1a16;--ink-d: #5c554b;--line: #9a958a;--line-f: #c8c2b4;--blueprint: #1e3a5f;--blueprint-l:#2d5685;--red: #b84236;--display: "Big Shoulders Display", system-ui, sans-serif;--body: "IBM Plex Sans", system-ui, sans-serif;--mono: "Space Mono", monospace;--grid-size: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}html{background:var(--paper)}body{font-family:var(--body);color:var(--ink);background:var(--paper) linear-gradient(to right,var(--line-f) 1px,transparent 1px) 0 0 / var(--grid-size) var(--grid-size),linear-gradient(to bottom,var(--line-f) 1px,transparent 1px) 0 0 / var(--grid-size) var(--grid-size);background-attachment:fixed;overflow:hidden;-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.55;display:grid;grid-template-rows:auto 1fr auto;height:100vh}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}body.is-loading{overflow:hidden}.page-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--paper);display:grid;place-items:center;transition:opacity .7s ease}.page-loader__inner{text-align:center;opacity:0;transform:translateY(8px);transition:opacity .5s ease .12s,transform .6s cubic-bezier(.16,1,.3,1) .12s;border:1px solid var(--ink);padding:60px 80px;position:relative}.page-loader__inner:before,.page-loader__inner:after{content:"";position:absolute;width:16px;height:16px;border:1px solid var(--ink);background:var(--paper)}.page-loader__inner:before{top:-9px;left:-9px;border-bottom:0;border-right:0}.page-loader__inner:after{bottom:-9px;right:-9px;border-top:0;border-left:0}.page-loader.is-shown .page-loader__inner{opacity:1;transform:none}.page-loader__num{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--blueprint);margin-bottom:18px;text-transform:uppercase}.page-loader__brand{font-family:var(--display);font-weight:800;font-size:clamp(40px,5vw,64px);color:var(--ink);letter-spacing:-.03em;line-height:.9;text-transform:uppercase}.page-loader__sub{font-family:var(--mono);font-size:9px;letter-spacing:.28em;color:var(--ink-d);margin-top:18px;text-transform:uppercase}.page-loader.is-out{opacity:0;pointer-events:none}.bar{border-bottom:1px solid var(--ink);padding:14px 24px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:32px;background:var(--paper)}.bar__brand{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink);line-height:1}.bar__brand em{color:var(--blueprint);font-style:normal}.bar__brand small{font-family:var(--mono);font-weight:400;font-size:9px;letter-spacing:.28em;color:var(--ink-d);margin-left:16px;text-transform:uppercase}.modes{display:flex;gap:0;border:1px solid var(--ink)}.modes button{padding:8px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-d);border-right:1px solid var(--ink);background:transparent;transition:all .2s ease}.modes button:last-child{border-right:0}.modes button:hover{color:var(--ink)}.modes button.is-on{background:var(--ink);color:var(--paper)}.layers{display:flex;gap:0}.layers button{padding:8px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-d);border-bottom:2px solid transparent;transition:all .2s ease}.layers button:hover{color:var(--ink)}.layers button.is-on{color:var(--blueprint);border-bottom-color:var(--blueprint)}body[data-mode=atelier] .layers{display:none}@media(max-width:880px){.bar{grid-template-columns:1fr;gap:12px;padding:12px 16px}.bar__brand small{display:none}.layers{overflow-x:auto}}.planche{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;padding:32px 32px 0}@media(max-width:880px){.planche{padding:16px 16px 0}}.planche__sheet{position:relative;background:var(--paper-l);border:1px solid var(--ink);display:grid;place-items:center;overflow:hidden;box-shadow:0 2px 0 var(--paper-d),0 4px 0 var(--line)}.planche__sheet:before,.planche__sheet:after{content:"";position:absolute;width:18px;height:18px;border:1px solid var(--ink)}.planche__sheet:before{top:12px;left:12px;border-right:0;border-bottom:0}.planche__sheet:after{bottom:12px;right:12px;border-top:0;border-left:0}.planche__sheet>.grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(154,149,138,.18) 1px,transparent 1px),linear-gradient(to bottom,rgba(154,149,138,.18) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.draw{position:relative;width:100%;height:100%;display:grid;place-items:center}.draw__svg{width:90%;height:90%;opacity:0;transition:opacity .45s ease;position:absolute;top:5%;right:5%;bottom:5%;left:5%;display:none}.draw__svg.is-active{display:block;opacity:1}.draw__svg svg{width:100%;height:100%;color:var(--ink);overflow:visible}.draw__svg svg :where(rect,line,path,circle,ellipse,polyline,polygon){fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:square}.draw__svg svg .blue{color:var(--blueprint);stroke-width:1.8}.draw__svg svg .fill{fill:#1c1a160f}.draw__svg svg .fill-blue{fill:#1e3a5f1a}.draw__svg svg text{font-family:Space Mono,monospace;font-size:8px;fill:var(--ink-d);stroke:none;letter-spacing:1px}.draw__svg svg .label-blue{fill:var(--blueprint)}.draw__svg.is-active svg :where(path,line,rect,circle,ellipse,polyline,polygon):not(.no-anim){animation:planDraw 1.3s cubic-bezier(.4,0,.2,1) both}@keyframes planDraw{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}.dossier{padding:5%;width:100%;height:100%;font-family:var(--body);color:var(--ink);display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-content:start;overflow:auto}@media(max-width:880px){.dossier{grid-template-columns:1fr;gap:24px}}.dossier__head{grid-column:1 / -1;border-bottom:1px solid var(--ink);padding-bottom:18px;margin-bottom:8px}.dossier__num{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--blueprint);text-transform:uppercase}.dossier__title{font-family:var(--display);font-weight:800;font-size:clamp(36px,4vw,56px);text-transform:uppercase;letter-spacing:-.025em;line-height:.95;color:var(--ink);margin-top:6px}.dossier__note{font-family:var(--body);font-size:15px;line-height:1.65;color:var(--ink)}.dossier__note p{margin-bottom:12px}.dossier__note p:last-child{margin-bottom:0}.dossier__note em{color:var(--blueprint);font-style:italic;font-weight:500}.dossier__specs{border:1px solid var(--ink);padding:0}.dossier__row{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.dossier__row:last-child{border-bottom:0}.dossier__row dt{background:var(--paper);padding:10px 12px;color:var(--ink-d);border-right:1px solid var(--ink)}.dossier__row dd{padding:10px 12px;color:var(--ink);background:var(--paper-l);font-family:var(--body);font-weight:500;letter-spacing:0;text-transform:none;font-size:13px}.dossier__row dd em{color:var(--blueprint);font-style:italic}.cartouche{position:absolute;right:32px;bottom:12px;width:min(360px,calc(100% - 64px));background:var(--paper);border:1px solid var(--ink);font-family:var(--mono);font-size:10px;z-index:2}@media(max-width:880px){.cartouche{right:16px;width:calc(100% - 32px)}}.cartouche__top{background:var(--ink);color:var(--paper);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.cartouche__top em{color:var(--blueprint-l);font-style:normal}.cartouche__grid{display:grid;grid-template-columns:1fr 1fr}.cartouche__cell{padding:8px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-d);font-size:9px}.cartouche__cell:nth-child(2n){border-right:0}.cartouche__cell:nth-last-child(-n+2){border-bottom:0}.cartouche__cell strong{display:block;font-family:var(--body);font-weight:600;font-size:12px;color:var(--ink);letter-spacing:0;text-transform:none;margin-top:2px}.cartouche__cell strong em{color:var(--blueprint);font-style:normal;font-weight:700}.draw-meta{position:absolute;top:36px;right:36px;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-d);display:flex;align-items:center;gap:24px;z-index:2}.draw-meta .north{display:flex;flex-direction:column;align-items:center;gap:4px}.draw-meta .north svg{width:20px;height:20px;color:var(--blueprint)}.draw-meta .scale{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.draw-meta .scale-bar{display:flex;align-items:center;height:8px;border:1px solid var(--ink)}.draw-meta .scale-bar>span{display:inline-block;width:16px;height:100%;border-right:1px solid var(--ink)}.draw-meta .scale-bar>span:nth-child(2n){background:var(--ink)}.draw-meta .scale-bar>span:last-child{border-right:0}body[data-layer=dossier] .draw-meta,body[data-mode=atelier] .draw-meta{display:none}.strip{border-top:1px solid var(--ink);padding:12px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:var(--paper)}@media(max-width:880px){.strip{padding:10px 16px}}.strip__nav{display:flex;gap:6px}.strip__nav button{width:32px;height:32px;border:1px solid var(--ink);display:grid;place-items:center;transition:background .2s ease,color .2s ease;color:var(--ink)}.strip__nav button:hover{background:var(--ink);color:var(--paper)}.strip__nav button:disabled{opacity:.3;cursor:not-allowed}.strip__nav button:disabled:hover{background:transparent;color:var(--ink)}.strip__items{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.strip__items::-webkit-scrollbar{display:none}.strip__item{flex:0 0 auto;padding:8px 14px;display:flex;gap:10px;align-items:baseline;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-d);border-right:1px solid var(--line);cursor:pointer;white-space:nowrap;transition:color .2s ease,background .2s ease}.strip__item:hover{color:var(--ink);background:var(--paper-d)}.strip__item:last-child{border-right:0}.strip__item .num{color:var(--blueprint);font-weight:700}.strip__item .name{color:var(--ink);font-family:var(--body);font-weight:500;font-size:12px;letter-spacing:0;text-transform:none}.strip__item.is-on{background:var(--ink);color:var(--paper)}.strip__item.is-on .num{color:#ffb84a}.strip__item.is-on .name{color:var(--paper)}.strip__hint{font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-d);text-align:right;white-space:nowrap}.strip__hint kbd{display:inline-block;border:1px solid var(--ink);background:var(--paper-l);padding:1px 4px;font-family:inherit;font-size:9px;margin:0 2px;border-radius:2px}@media(max-width:720px){.strip__hint{display:none}}.atelier-view{display:none}body[data-mode=atelier] .atelier-view{display:block;width:100%;height:100%;padding:5%;overflow:auto}body[data-mode=atelier] .draw,body[data-mode=atelier] .cartouche-projet{display:none}.atelier-view__head{border-bottom:1px solid var(--ink);padding-bottom:18px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:16px}.atelier-view__head h2{font-family:var(--display);font-weight:800;font-size:clamp(36px,4.5vw,64px);text-transform:uppercase;letter-spacing:-.025em;line-height:.95;color:var(--ink)}.atelier-view__head h2 em{color:var(--blueprint);font-style:normal}.atelier-view__num{font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--blueprint)}.atelier-view__body{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1100px}@media(max-width:880px){.atelier-view__body{grid-template-columns:1fr;gap:28px}}.atelier-view__body p{font-family:var(--body);font-size:15px;line-height:1.7;margin-bottom:14px;color:var(--ink)}.atelier-view__body strong{color:var(--blueprint);font-weight:600}.atelier-view__body em{color:var(--ink-d);font-style:italic}.atelier-view__contact{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:16px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-d)}.atelier-view__contact>div strong{display:block;font-family:var(--body);font-weight:500;font-size:13px;color:var(--ink);letter-spacing:0;text-transform:none;margin-top:4px}.atelier-view__contact a{color:var(--blueprint)}.atelier-view__contact a:hover{text-decoration:underline}@media(max-width:880px){.atelier-view__contact{grid-template-columns:1fr;gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation:none!important}}