@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Italiana&display=swap');
:root{--ivory:#f3eee9;--ink:#241826;--plum:#2b1a2e;--terra:#b45b3f;--line:#d7ccc8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}img{display:block;width:100%}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--terra);outline-offset:4px}.shell{width:min(1460px,calc(100% - 9vw));margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 22px;border-bottom:1px solid var(--line)}.logo{font:normal clamp(28px,3.2vw,44px)/1 'Italiana',serif;letter-spacing:-.055em}.nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,36px)}.nav a,.micro,.eyebrow,.project-meta,.small-link,.number,.footnote{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.nav a:hover,.small-link:hover{color:var(--terra)}.menu{display:none;border:0;background:none;font-size:27px}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;padding:65px 0 45px;align-items:end}.eyebrow{color:var(--terra);margin:0 0 26px}.intro h1,.page-title{font:normal clamp(65px,9.8vw,155px)/.91 'Italiana',Georgia,serif;letter-spacing:-.055em;margin:0}.intro h1 em{font-style:normal;color:var(--terra)}.intro-aside{justify-self:end;max-width:290px;font:normal clamp(15px,1.5vw,20px)/1.55 Georgia,serif;padding-bottom:8px}.intro-aside p{margin:0 0 20px}.small-link{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid currentColor;padding:0 0 9px}.small-link span{font-size:18px}.ribbon{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:15px 0 24px}.ribbon span{font-size:10px;text-transform:uppercase;letter-spacing:.18em}.gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.7vw,25px);align-items:start}.tile{min-width:0}.tile img{height:100%;object-fit:cover;transition:transform .55s ease}.frame{overflow:hidden;background:#ddd0cb}.tile:hover img{transform:scale(1.025)}.tile h2{font:normal clamp(23px,2.4vw,36px)/1 'Italiana',serif;margin:12px 0 5px}.project-meta{font-size:9px;letter-spacing:.12em;color:#76686f;line-height:1.6}.tile.diplomate{grid-column:span 7}.tile.diplomate .frame{aspect-ratio:1.33}.tile.lunch{grid-column:span 5;padding-top:8vw}.tile.lunch .frame{aspect-ratio:.95}.tile.eko{grid-column:span 4;margin-top:-2vw}.tile.eko .frame{aspect-ratio:.78}.tile.studio{grid-column:span 8;margin-top:6vw}.tile.studio .frame{aspect-ratio:1.48}.tile.identity{grid-column:span 5;margin-top:2vw}.tile.identity .frame{aspect-ratio:1.15}.tile.studio2{grid-column:span 7;margin-top:10vw}.tile.studio2 .frame{aspect-ratio:1.4}.section-kicker{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin:100px 0 28px}.section-kicker p{margin:0}.statement{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:35px 0 90px}.statement h2,.offer-head h2,.contact h2,.page-title{font-family:'Italiana',Georgia,serif;font-weight:400}.statement h2{font-size:clamp(52px,7vw,105px);line-height:.98;letter-spacing:-.045em;margin:0}.statement p{font:normal clamp(18px,2vw,25px)/1.55 Georgia,serif;max-width:510px;margin:8px 0 28px}.offers{background:var(--plum);color:var(--ivory);padding:90px 0}.offer-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:48px}.offer-head h2{font-size:clamp(55px,8vw,115px);line-height:.95;margin:0}.offer-head p{max-width:230px;font-size:13px;line-height:1.7}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.offer{border-top:1px solid #876f80;padding-top:20px;display:flex;flex-direction:column;min-height:235px}.offer .number{color:#d68b71}.offer h3{font:normal clamp(39px,5vw,70px)/1 'Italiana',serif;margin:24px 0 8px}.offer p{font-size:12px;line-height:1.8;color:#d3c5ce;max-width:270px}.offer strong{font:normal 24px 'Italiana',serif;margin-top:auto}.offer strong small{font:normal 11px 'DM Sans',sans-serif}.contact{padding:95px 0 35px}.contact h2{font-size:clamp(70px,11vw,165px);letter-spacing:-.05em;line-height:.9;margin:15px 0 35px}.contact .small-link{margin-bottom:85px}.footer{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding:22px 0 0;gap:25px}.footer p{font-size:10px;line-height:1.8;letter-spacing:.1em;text-transform:uppercase;margin:0}.footer .logo{font-size:30px}.page-intro{padding:75px 0 65px}.page-title{font-size:clamp(65px,10vw,145px);max-width:1000px}.page-intro p{font:normal clamp(17px,2vw,25px)/1.55 Georgia,serif;max-width:560px;margin:25px 0 0}.editorial{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:start;margin-bottom:85px}.editorial img{aspect-ratio:1.25;object-fit:cover}.editorial aside{padding:15px 0;font:normal clamp(18px,2vw,25px)/1.6 Georgia,serif}.editorial aside p{margin:0 0 30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:100px}.step{border-top:1px solid var(--line);padding-top:18px}.step h3{font:normal 37px 'Italiana',serif;margin:35px 0 12px}.step p{font-size:13px;line-height:1.7}.note{font-size:11px;color:#76686f;line-height:1.7;max-width:750px;margin:40px 0}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:12px;z-index:50}@media(max-width:800px){.shell{width:calc(100% - 42px)}.menu{display:block}.nav{display:none;position:absolute;top:82px;left:0;right:0;padding:26px;background:var(--ivory);z-index:20;box-shadow:0 14px 24px #24182622;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.intro{grid-template-columns:1fr;padding:52px 0 34px;gap:22px}.intro-aside{justify-self:start;max-width:430px}.intro h1{font-size:clamp(65px,13vw,105px)}.tile.diplomate,.tile.lunch,.tile.eko,.tile.studio,.tile.identity,.tile.studio2{margin-top:0;padding-top:0}.tile.diplomate,.tile.studio,.tile.studio2{grid-column:span 12}.tile.lunch,.tile.eko,.tile.identity{grid-column:span 6}.statement{grid-template-columns:1fr;gap:25px;padding-bottom:70px}.offer-grid{grid-template-columns:1fr}.offer{min-height:unset;padding-bottom:20px}.offer-head{display:block}.offer-head p{margin-top:20px}.editorial{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.section-kicker{margin-top:65px}}@media(max-width:480px){.shell{width:calc(100% - 32px)}.logo{font-size:29px}.intro h1{font-size:clamp(58px,14.7vw,75px)}.tile.lunch,.tile.eko,.tile.identity{grid-column:span 12}.tile .frame{aspect-ratio:1.15!important}.tile h2{font-size:30px}.ribbon span:last-child{display:none}.offers{padding:65px 0}.steps{grid-template-columns:1fr}.footer .logo{font-size:24px}.contact h2{font-size:73px}.contact .small-link{margin-bottom:60px}}

/* V5 — immersive entrance, expertises, then selected projects */
.hero-full{height:min(900px,calc(100svh - 75px));min-height:590px;position:relative;display:flex;align-items:center;overflow:hidden;background:#1a1417;color:#f3eee9}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,10,14,.91) 0%,rgba(20,11,16,.76) 38%,rgba(20,11,16,.16) 78%),linear-gradient(0deg,rgba(20,11,16,.3),transparent 40%)}
.hero-content{position:relative;z-index:1;width:100%;padding-top:5rem;padding-bottom:6rem}
.hero-overline{font-size:.7rem;letter-spacing:.25em;margin-bottom:2.3rem;color:#e8d5c9}
.hero-content h1{font-size:clamp(4rem,8.5vw,9.3rem);font-weight:400;line-height:.92;letter-spacing:-.065em;margin:0 0 2rem;max-width:1000px}
.hero-content h1 em{color:#b45b3f;font-style:normal}
.hero-sub{font-size:clamp(.9rem,1.15vw,1.05rem);line-height:1.65;max-width:430px;color:#f0e6df}
.hero-link{display:inline-flex;gap:2rem;border-bottom:1px solid #f3eee9;padding:1rem 0 .7rem;color:#fff;text-decoration:none;font-size:.68rem;letter-spacing:.16em;margin-top:1.3rem}
.hero-down{position:absolute;right:5%;bottom:6%;z-index:2;border:1px solid #f3eee9;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;color:#fff;text-decoration:none}
#expertises{scroll-margin-top:80px}#projets{scroll-margin-top:80px}
.contact-details{display:flex;gap:2rem;flex-wrap:wrap;margin:1.8rem 0}.contact-details a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.3rem}
@media(max-width:700px){.hero-full{min-height:650px;height:calc(100svh - 66px)}.hero-photo{object-position:59% center}.hero-shade{background:linear-gradient(90deg,rgba(16,10,14,.85),rgba(16,10,14,.38)),linear-gradient(0deg,rgba(16,10,14,.55),transparent 65%)}.hero-content{padding-top:4rem;padding-bottom:5rem}.hero-content h1{font-size:clamp(3.6rem,14vw,6.5rem)}.hero-overline{font-size:.58rem}.hero-sub{font-size:.9rem;max-width:300px}.contact-details{flex-direction:column;gap:.8rem}}