:root{--text:#111;--muted:#555;--bg:#fff;--border:#e8e8e8;--chip:#f6f6f6;--radius:3px;--gap:16px;--gutter-sm:36px;--gutter-md:56px;--gutter-lg:80px;--max-width:1280px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Host Grotesk,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}ul{list-style:none}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.container{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:clamp(var(--gutter-sm),6vw,var(--gutter-lg));padding-right:clamp(var(--gutter-sm),6vw,var(--gutter-lg))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--border)}.header nav{max-width:var(--max-width);margin:0 auto;padding:14px clamp(var(--gutter-sm),6vw,var(--gutter-lg));display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.header-logo img{height:28px;width:auto}@media (min-width:900px){.header-logo img{height:34px}}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{font-size:.95rem;color:var(--muted);transition:color .15s}.nav-links a:hover{color:var(--text)}.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:1px solid var(--border);border-radius:6px;padding:9px 10px}.burger .bar{width:100%;height:1.5px;background:var(--text);transition:transform .2s,opacity .2s}.header.open .burger .bar:first-child{transform:rotate(45deg) translate(4.5px,4.5px)}.header.open .burger .bar:nth-child(2){opacity:0}.header.open .burger .bar:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}@media (max-width:899px){.burger{display:flex}.nav-links{display:none;position:fixed;inset:0;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:28px;z-index:99}.nav-links.open{display:flex}.nav-links a{font-size:1.75rem;font-weight:600;color:var(--text)}}.hero-sticky{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-inner{width:100%;max-width:var(--max-width);padding:0 clamp(var(--gutter-sm),6vw,var(--gutter-lg));display:flex;flex-direction:column;gap:28px;flex-shrink:0}.hero-tagline{font-size:clamp(1rem,2vw,1.1rem);color:var(--muted);font-weight:400;letter-spacing:.01em}.hero-list{display:flex;flex-direction:column;gap:6px}.hero-item{display:flex;align-items:center;gap:14px;font-size:clamp(2rem,5.5vw,3.25rem);font-weight:600;line-height:1.2;color:#d0d0d0;transition:color .4s}.hero-item.active{color:var(--text)}.hero-item a{color:inherit}.hero-item a:hover{text-decoration:underline}.hero-arrow{display:inline-block;font-size:.85em;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s;flex-shrink:0;line-height:1}.hero-item.active .hero-arrow{opacity:1;transform:translateX(0)}.section-projets{padding-top:48px;padding-bottom:80px}.section-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.section-header h2{font-size:1rem;font-weight:500;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.filter-btn{padding:.5em 1.1em;border-radius:999px;border:1px solid var(--border);background:var(--chip);font-size:.875rem;min-height:38px;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.filter-btn:hover{border-color:#bbb}.filter-btn.active{background:var(--text);color:#fff;border-color:var(--text)}.filter-btn .count{margin-left:.3em;font-size:.75em;vertical-align:super;opacity:.6}.grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:960px){.grid{grid-template-columns:repeat(3,1fr);gap:24px}}.project-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s}.project-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.06)}.project-card a{display:block}.project-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:grayscale(1);transition:filter .3s ease}.project-card:hover .project-thumb{filter:grayscale(0)}.project-info{padding:11px var(--gap) 13px}.project-info h3{font-size:.9rem;font-weight:600;margin-bottom:2px;line-height:1.3}.project-info p{font-size:.8rem;color:var(--muted)}.footer{border-top:1px solid var(--border)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:40px clamp(var(--gutter-sm),6vw,var(--gutter-lg));padding-bottom:max(56px,calc(24px + env(safe-area-inset-bottom)));display:grid;grid-template-columns:1fr;grid-gap:32px;gap:32px}@media (min-width:768px){.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:48px}}.footer-col h3{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.footer-col a,.footer-col p{font-size:.875rem;color:#444;line-height:1.7}.footer-col a:hover{text-decoration:underline}.footer-services{display:flex;flex-direction:column;gap:5px}.footer-services li{font-size:.875rem;color:#444}.footer-projects{display:flex;flex-direction:column;gap:5px}.footer-projects a{font-size:.875rem;display:block}.project-page{padding-top:40px;padding-bottom:80px}.project-page h1{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;line-height:1.2;margin-bottom:8px}.project-subtitle{font-size:.875rem;color:var(--muted);margin-bottom:4px}.project-credits{font-size:.825rem;color:#888;line-height:1.7;margin-bottom:32px;white-space:pre-line}.project-description{max-width:640px;font-size:.975rem;line-height:1.8;margin-top:28px;color:#333}.carousel{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0}.carousel::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;scroll-snap-align:start}.carousel-slide img{object-fit:cover}.carousel-slide img,.carousel-video{width:100%;aspect-ratio:16/10;border-radius:var(--radius);display:block}.carousel-video{background:#000}.carousel-controls{display:flex;align-items:center;gap:12px;margin-top:12px}.carousel-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:border-color .15s,background .15s}.carousel-btn:hover{background:var(--chip);border-color:#bbb}.carousel-count{font-size:.8rem;color:var(--muted)}.related-projects{margin-top:56px;padding-top:32px;border-top:1px solid var(--border)}.related-projects h2{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:20px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:16px;gap:16px}.related-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);filter:grayscale(1);transition:filter .3s;margin-bottom:7px}.related-item:hover img{filter:grayscale(0)}.related-item span{font-size:.82rem;color:var(--muted)}.back-link{display:inline-flex;align-items:center;gap:8px;margin-top:48px;font-size:.875rem;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:8px 16px;transition:color .15s,border-color .15s}.back-link:hover{color:var(--text);border-color:#bbb}.project-nav{justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid var(--border);gap:16px}.project-nav,.project-nav a{display:flex;align-items:center}.project-nav a{gap:8px;font-size:.875rem;color:var(--muted);transition:color .15s}.project-nav a:hover{color:var(--text)}.project-nav .prev{margin-right:auto}.project-nav .next{margin-left:auto}.progress-bar{position:fixed;top:0;left:0;height:2px;background:var(--text);z-index:200;transition:width .08s linear;pointer-events:none}.magazine-list{padding-top:0;padding-bottom:120px}.magazine-section-header{padding:72px 0 40px;border-bottom:1px solid var(--text);display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:0}.magazine-section-header h1{font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--text)}.magazine-issue{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.magazine-empty{color:var(--muted);font-size:.95rem;padding-top:48px}.magazine-hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;border-bottom:1px solid var(--border);padding:72px 0;text-decoration:none;color:inherit;cursor:pointer}@media (max-width:768px){.magazine-hero{grid-template-columns:1fr;padding:48px 0}}.magazine-hero-image{overflow:hidden}.magazine-hero-image img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.magazine-hero:hover .magazine-hero-image img{transform:scale(1.04)}.magazine-hero-content{padding:0 0 0 64px;display:flex;flex-direction:column;justify-content:center;gap:22px}@media (max-width:768px){.magazine-hero-content{padding:36px 0 0}}.magazine-label{font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.magazine-hero-title{font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.06;letter-spacing:-.02em;color:var(--text)}.magazine-hero-excerpt{font-size:1rem;line-height:1.75;color:var(--muted);max-width:44ch}.magazine-hero-date{font-size:.8rem;color:var(--muted);display:block}.magazine-read-link{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;color:var(--text);border-bottom:1px solid var(--text);padding-bottom:2px;transition:gap .25s ease;width:-moz-fit-content;width:fit-content;text-decoration:none}.magazine-hero:hover .magazine-read-link{gap:16px}.magazine-rows{display:flex;flex-direction:column}.magazine-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;border-bottom:1px solid var(--border);padding:56px 0;text-decoration:none;color:inherit}@media (max-width:640px){.magazine-row{grid-template-columns:1fr;gap:24px;padding:40px 0}}.magazine-row--reversed .magazine-row-image{order:2}.magazine-row--reversed .magazine-row-content{order:1}@media (max-width:640px){.magazine-row--reversed .magazine-row-content,.magazine-row--reversed .magazine-row-image{order:unset}}.magazine-row-image{overflow:hidden}.magazine-row-image img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.magazine-row:hover .magazine-row-image img{transform:scale(1.04)}.magazine-row-content{padding:0 56px;display:flex;flex-direction:column;justify-content:center;gap:16px}.magazine-row--reversed .magazine-row-content{padding-left:0;padding-right:56px}@media (max-width:640px){.magazine-row--reversed .magazine-row-content,.magazine-row-content{padding:0}}.magazine-row-index{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.magazine-row-title{font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:700;line-height:1.12;letter-spacing:-.015em;color:var(--text);transition:opacity .2s}.magazine-row:hover .magazine-row-title{opacity:.65}.magazine-row-excerpt{font-size:.9rem;line-height:1.72;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.magazine-date{font-size:.78rem;color:var(--muted);display:block}.magazine-post{padding-top:48px;padding-bottom:120px}.magazine-post-header{margin:28px 0 56px}.magazine-post-header .magazine-date{margin-bottom:20px}.magazine-post-header h1{font-family:Fraunces,Georgia,serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;margin-bottom:24px;max-width:18ch}.magazine-lead{font-size:clamp(1rem,1.6vw,1.25rem);color:var(--muted);line-height:1.72;max-width:60ch;font-style:italic}.magazine-cover{margin-bottom:64px;overflow:hidden}.magazine-cover img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}.magazine-share{position:fixed;left:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:50}@media (max-width:1100px){.magazine-share{display:none}}.magazine-share-btn{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600;color:var(--muted);background:#fff;text-decoration:none;transition:color .15s,border-color .15s}.magazine-share-btn:hover{color:var(--text);border-color:var(--text)}.magazine-body{width:100%}.magazine-body>h2,.magazine-body>h3,.magazine-body>h4,.magazine-body>ol,.magazine-body>p,.magazine-body>ul{max-width:72ch}.magazine-body p{font-size:1.05rem;line-height:1.88;color:#333;margin-bottom:1.6em}.magazine-body h2{font-family:Fraunces,Georgia,serif;font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:700;margin:2.8em 0 .8em;letter-spacing:-.015em;line-height:1.2}.magazine-body h3{font-size:1.15rem;font-weight:600;margin:2em 0 .6em}.magazine-body h4{font-size:1rem;font-weight:600;margin:1.5em 0 .4em}.magazine-body strong{font-weight:600}.magazine-body em{font-style:italic}.magazine-body a{text-decoration:underline;text-underline-offset:3px}.magazine-body ol,.magazine-body ul{padding-left:1.4em;margin-bottom:1.4em}.magazine-body li{font-size:1.05rem;line-height:1.78;color:#333;margin-bottom:.3em}.magazine-body ul{list-style:disc}.magazine-body ol{list-style:decimal}.block-image{margin:3em 0}.block-image img{width:100%;display:block;border-radius:var(--radius)}.block-image figcaption{font-size:.78rem;color:var(--muted);margin-top:10px;text-align:center;font-style:italic}.block-image--full{max-width:100%}.block-image--large{max-width:900px;margin-left:auto;margin-right:auto}.block-image--medium{max-width:560px;margin-left:auto;margin-right:auto}.block-quote{margin:3em 0;padding:32px 40px;border-left:2px solid var(--text);background:var(--chip)}.block-quote p{font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:700;line-height:1.55;color:var(--text);margin:0 0 10px;font-style:italic}.block-quote cite{font-size:.82rem;color:var(--muted);font-style:normal;display:block;text-transform:uppercase;letter-spacing:.08em}.block-video{margin:3em 0}.block-video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius)}.block-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.block-video figcaption{font-size:.78rem;color:var(--muted);margin-top:10px;text-align:center;font-style:italic}.block-video-error{color:var(--muted);font-size:.875rem;font-style:italic}.block-gallery{margin:3em 0;display:grid;grid-template-columns:repeat(var(--gallery-cols,2),1fr);grid-gap:10px;gap:10px}.block-gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:var(--radius)}.block-gallery-item figcaption{font-size:.72rem;color:var(--muted);margin-top:5px;text-align:center;font-style:italic}@media (max-width:640px){.block-gallery{grid-template-columns:repeat(2,1fr)!important}}.block-callout{margin:3em 0;padding:22px 28px;border-radius:var(--radius);border:1px solid}.block-callout p{margin:0;font-size:.95rem;line-height:1.72}.block-callout--note{background:#f8f8f8;border-color:var(--border);color:#333}.block-callout--tip{background:#f0faf4;border-color:#b3dfc3;color:#1a5c35}.block-callout--warning{background:#fff8ec;border-color:#ffd78a;color:#7a4a00}.block-sep--line{border:none;border-top:1px solid var(--border);margin:3.5em 0}.block-sep--space{height:3em;margin:0}.block-sep--ornament{text-align:center;margin:3.5em 0;font-size:1rem;color:var(--muted);letter-spacing:1.2em;padding-left:1.2em}