@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Manrope:wght@300;400;500&display=swap');
:root{--ink:#101315;--gold:#aeb8c3;--ivory:#f4f1ed;--night:#0e1721}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.header{height:100px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:#f8f6f3;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:16px;font-size:17px;font-weight:500;line-height:1.22;letter-spacing:.22em}.brand-mark{width:12px;height:45px;background:linear-gradient(130deg,#080a0b,#1c2831)}.nav{display:flex;gap:30px;align-items:center}.nav a,.eyebrow,.light-link,.text-link,.outline{font-size:10px;letter-spacing:.22em;font-weight:600}.nav a:hover,.text-link:hover{color:#7b8a99}.menu{display:none;border:0;background:transparent;font-size:28px}.hero{min-height:710px;background:#090b0d;color:white;position:relative;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 90% 30%,#293035 0%,#121619 34%,#020304 77%)}.hero-art:after,.art:after,.circle-art:after{content:"";position:absolute;inset:0;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.57' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:screen}.ridge{position:absolute;display:block;width:130%;height:120px;left:17%;top:35%;transform:rotate(-15deg);background:repeating-linear-gradient(180deg,transparent 0 4px,#5f625c45 5px,#b3aaa056 6px,#040506 8px);box-shadow:0 20px 40px #000}.ridge2{top:53%;left:29%;transform:rotate(-15deg);height:190px;opacity:.6}.ridge3{top:75%;left:10%;transform:rotate(15deg);opacity:.3}.hero-content{position:relative;margin:70px 8%;z-index:1}.eyebrow{margin:0 0 28px;color:#c7d0d8}.hero h1{font-family:Manrope,sans-serif;font-weight:300;line-height:1.14;letter-spacing:-.05em;font-size:clamp(46px,5.4vw,90px);margin:0 0 30px}.period{color:var(--gold)}.gold-line{width:45px;height:2px;background:var(--gold);margin:28px 0}.hero-content>p:not(.eyebrow){font-size:14px;letter-spacing:.2em;line-height:1.9;text-transform:uppercase}.light-link{display:inline-block;margin-top:40px;border-bottom:1px solid #aab5c0;padding-bottom:10px}.intro{text-align:center;max-width:850px;margin:0 auto;padding:110px 25px 100px}.dark{color:#5d6b78}.intro h2,.statement blockquote,.contact h2{font-family:Manrope,sans-serif;font-weight:300;font-size:clamp(31px,3.5vw,52px);line-height:1.25;letter-spacing:-.035em}.intro>p:last-child{max-width:620px;margin:23px auto 0;line-height:1.8;color:#555}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:0 14px}.panel{min-height:590px;position:relative;overflow:hidden}.panel-dark,.panel-black{background:#101214;color:#fff}.panel-light{background:#e6e0d7}.panel-body{position:relative;z-index:1;padding:54px 9%;height:100%}.panel h2{font:300 clamp(28px,2.7vw,45px)/1.2 Manrope,sans-serif;letter-spacing:-.04em}.panel p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:350px}.panel ul{list-style:none;padding:15px 0;line-height:2;font-size:15px}.art{position:absolute;inset:0;background:linear-gradient(100deg,#4c4c48 0%,#17191b 28%,#000 63%)}.slant{clip-path:polygon(0 0,57% 0,13% 100%,0 100%);opacity:.6}.horizontal{background:repeating-linear-gradient(-7deg,#080808 0 7px,#393a37 9px,#121416 14px,#080808 18px);opacity:.45}.paint{position:absolute;bottom:-80px;right:-60px;width:70%;height:57%;background:repeating-linear-gradient(83deg,#161616,#343434 4px,#111 6px);transform:rotate(11deg);opacity:.95;clip-path:polygon(25% 2%,78% 0,100% 100%,0 100%)}.text-link{display:inline-block;margin-top:28px;border-bottom:1px solid;padding-bottom:10px}.statement{padding:130px 25px;text-align:center;max-width:900px;margin:auto}.statement blockquote{margin:0}.statement .gold-line{margin:35px auto}.circle{display:grid;grid-template-columns:1fr 1fr;min-height:550px;background:#0c1721;color:white}.circle>div:first-child{padding:100px 13%}.circle h2{font:300 clamp(36px,4vw,65px)/1.15 Manrope,sans-serif;letter-spacing:-.04em}.circle p:not(.eyebrow){max-width:470px;line-height:1.8;color:#c4c6c8}.outline{border:1px solid var(--gold);padding:18px 22px;display:inline-block;margin-top:28px}.circle-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 40%,#455363,#161e26 48%,#050709 85%)}.circle-art i{position:absolute;display:block;width:120%;height:80px;background:repeating-linear-gradient(0deg,#a8b8c640 0 1px,#0000 2px 6px);transform:rotate(-26deg);top:25%;left:0}.circle-art i:nth-child(2){top:55%;transform:rotate(30deg)}.circle-art i:nth-child(3){top:85%;transform:rotate(-13deg)}.contact{text-align:center;padding:120px 25px}.contact .email{font-size:clamp(19px,3vw,36px);display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:12px;margin:20px 0}.contact p:last-child{font-size:15px;color:#555}footer{background:#101315;color:#ddd;padding:60px 7%;display:flex;justify-content:space-between;align-items:end;gap:30px;font-size:12px}footer .footer-brand{letter-spacing:.2em;font-size:15px}footer p{color:#999}footer a{text-decoration:underline;text-underline-offset:3px}@media(max-width:1020px){.nav{gap:16px}.nav a{font-size:9px}.three{grid-template-columns:1fr 1fr}.panel:last-child{grid-column:1/-1;min-height:370px}.panel{min-height:530px}}@media(max-width:700px){.header{height:78px}.brand{font-size:12px;gap:10px}.brand-mark{height:36px}.menu{display:block}.nav{display:none;position:absolute;left:0;right:0;top:78px;background:#f8f6f3;padding:22px;flex-direction:column;align-items:flex-start;gap:25px;box-shadow:0 12px 22px #0002}.nav.open{display:flex}.hero{min-height:690px}.hero-content{margin:60px 7%}.hero h1{font-size:clamp(39px,9vw,65px)}.intro{padding:75px 22px}.three{display:block;padding:0 10px}.panel,.panel:last-child{min-height:440px;margin-bottom:10px}.panel-body{padding:45px 7%}.circle{grid-template-columns:1fr}.circle>div:first-child{padding:70px 8%}.circle-art{min-height:290px}footer{flex-direction:column;align-items:flex-start}.statement{padding:85px 20px}.contact{padding:85px 15px}}

/* Philosophie — trois engagements, identité acier */
.philosophy{background:#101419;color:#f4f5f6;padding:108px clamp(25px,7vw,120px) 115px;position:relative;overflow:hidden}
.philosophy:before{content:"";position:absolute;right:-8%;top:-20%;width:55%;height:105%;opacity:.22;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 8px,#8e9eac 9px,transparent 11px);transform:skew(-12deg)}
.philosophy-heading{position:relative;z-index:1;max-width:920px;margin-bottom:65px}
.philosophy .eyebrow{color:#b3c0cb}.philosophy h2{font:300 clamp(40px,5vw,76px)/1.12 Manrope,sans-serif;letter-spacing:-.047em;margin:0;color:#f1f2f2}
.philosophy-intro{font-size:16px;line-height:1.7;margin-top:35px;color:#c5cbd0}
.philosophy-values{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.philosophy-values article{padding:30px 4px 8px 0;border-top:1px solid #667784}
.philosophy-values .value-index{font:400 12px DM Sans,sans-serif;letter-spacing:.2em;color:#8d9fac}
.philosophy-values h3{font:500 clamp(16px,1.7vw,22px) Manrope,sans-serif;letter-spacing:.14em;margin:27px 0 19px;color:#e0e5e9}
.philosophy-values p{font-size:15px;line-height:1.85;color:#c3c9cf;max-width:390px;margin:0}
@media(max-width:700px){.philosophy{padding:75px 8% 75px}.philosophy-heading{margin-bottom:38px}.philosophy-values{grid-template-columns:1fr;gap:24px}.philosophy-values article{padding-top:19px}.philosophy-values h3{margin:18px 0 12px}}