@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Prata&display=swap');
:root{--ink:#12100e;--cream:#f4f0e9;--warm:#e8e0d4;--copper:#b88c69;--light:#fff9ef;--line:rgba(120,94,72,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Manrope',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}em{font-style:normal;color:var(--copper)}.header{height:84px;display:flex;align-items:center;gap:4vw;padding:0 5vw;position:absolute;top:0;left:0;right:0;z-index:20;color:#fff;border-bottom:1px solid rgba(255,255,255,.19);background:linear-gradient(90deg,rgba(0,0,0,.46),rgba(0,0,0,.07));backdrop-filter:blur(12px)}.logo{font-size:25px;letter-spacing:-1.2px;font-weight:700;white-space:nowrap}.logo span{color:var(--copper)}nav{display:flex;gap:30px;margin:auto;font-size:12px;letter-spacing:.04em}nav a:hover{color:#dfb692}.header-cta,.outline-btn{border:1px solid rgba(255,255,255,.65);border-radius:40px;padding:13px 25px;display:inline-flex;gap:30px;align-items:center;font-size:12px;letter-spacing:.08em;transition:.25s;background:rgba(255,255,255,.12);backdrop-filter:blur(12px)}.header-cta:hover,.outline-btn:hover{background:var(--copper);color:#111}.menu-btn{display:none}.hero{min-height:790px;height:94svh;max-height:1100px;position:relative;isolation:isolate;background:#111;color:#fff;display:flex;align-items:center;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(9,9,9,.97) 0%,rgba(14,12,11,.78) 43%,rgba(14,12,11,.05) 100%),radial-gradient(circle at 72% 28%,rgba(192,137,87,.3),transparent 45%)}.hero-visual{position:absolute;inset:0;z-index:-2}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:saturate(.55) contrast(1.1)}.hero-stripe{position:absolute;inset:0;background:linear-gradient(125deg,transparent 52%,rgba(190,143,101,.27) 52%,rgba(190,143,101,.27) 62%,transparent 62%);mix-blend-mode:screen}.hero-counter{position:absolute;right:5vw;bottom:44px;font-size:11px;letter-spacing:.2em;border-bottom:1px solid #b88c69;padding:0 0 12px 60px}.hero-type{width:100%;padding:150px 5vw 70px;position:relative}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:#d7b293}.hero h1{font-size:clamp(90px,13vw,215px);font-weight:500;letter-spacing:-.085em;line-height:.84;margin:35px 0 54px;max-width:1100px}.hero h1 em{display:inline-block;font-family:'Prata',serif;letter-spacing:-.06em;font-weight:400;font-size:.64em;color:#c49b77}.outline-btn{background:rgba(255,255,255,.08);padding:17px 29px}.intro{background:linear-gradient(110deg,#e9e0d4,#fffaf2 48%,#d8c4b0);display:grid;grid-template-columns:.75fr 1.25fr .9fr;gap:5vw;align-items:center;padding:110px 5vw;position:relative}.intro:after{content:'';position:absolute;left:0;bottom:0;width:50%;height:1px;background:var(--copper)}.section-kicker{color:#9c7454}.intro-copy{font-size:clamp(17px,1.55vw,24px);line-height:1.65;letter-spacing:-.025em}.intro-copy p:last-child{font-family:'Prata',serif;color:#9b7657;font-size:1.15em}.intro img{width:100%;height:440px;object-fit:cover;box-shadow:25px 25px 0 rgba(161,120,85,.14)}.section{padding:105px 5vw}.section h2,.contact h2{font-family:'Prata',serif;font-size:clamp(43px,5.5vw,88px);font-weight:400;line-height:1.13;letter-spacing:-.055em;margin:27px 0 55px}.books{background:linear-gradient(145deg,#fffaf4 0%,#f1e8db 60%,#e1d0bd 100%);position:relative}.books:before{content:'';position:absolute;right:0;top:0;width:35%;height:55%;background:radial-gradient(circle at 70% 20%,rgba(186,140,98,.2),transparent 68%);pointer-events:none}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.book-grid article{min-height:330px;padding:34px 24px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.7);box-shadow:0 16px 45px rgba(77,53,35,.06);backdrop-filter:blur(18px);display:flex;flex-direction:column;transition:transform .25s,background .25s}.book-grid article:hover{transform:translateY(-7px);background:rgba(255,255,255,.77)}.num{font-family:'Prata',serif;color:#a37a57;font-size:57px;line-height:1}.book-grid h3{font-size:20px;letter-spacing:-.04em;line-height:1.2;margin:35px 0 12px}.book-grid p{font-size:13px;line-height:1.8;margin:0}.photo-band{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.photo-band img{width:100%;height:300px;object-fit:cover;filter:saturate(.72)}.dark{color:#f9f3e9;background-color:#100f0e}.process{background-image:linear-gradient(100deg,rgba(8,8,8,.95),rgba(20,15,13,.88)),url('assets/photo-6.jpeg');background-size:cover;background-position:center}.process .section-kicker,.contact .section-kicker{color:#c59c7b}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.steps article{padding:15px 42px 30px 0;margin-right:35px;border-right:1px solid rgba(198,154,116,.3)}.steps article:last-child{border:0}.steps .num{font-size:73px}.steps h3{font-family:'Prata',serif;font-size:26px;font-weight:400;margin:22px 0}.steps p{font-size:14px;line-height:1.85;color:#ded4ca}.team{background:linear-gradient(125deg,#161412,#29211c 55%,#0e0d0c);color:#fff}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.team-grid article{display:grid;grid-template-columns:45% 1fr;grid-template-rows:auto auto 1fr auto;column-gap:28px;background:rgba(255,255,255,.06);border:1px solid rgba(230,199,167,.19);padding:20px;backdrop-filter:blur(15px);align-items:start}.team-grid img{grid-row:1/5;width:100%;height:365px;object-fit:cover;object-position:center top}.team-grid h2{font-size:clamp(26px,2.4vw,43px);margin:16px 0 12px;line-height:1.2}.team-grid h2 em{display:block}.team-grid p{font-size:13px;line-height:1.8;color:#ddd3c9}.team-grid a{font-size:13px;color:#caa480;border-bottom:1px solid #caa480;justify-self:start;margin:15px 0}.team-note{border-top:1px solid rgba(255,255,255,.2);padding:36px 0 0;margin-top:60px;max-width:980px;font-family:'Prata',serif;font-size:clamp(18px,2vw,27px);line-height:1.65}.principles{background:linear-gradient(125deg,#f6f1e9,#e9dccd 60%,#faf7f2)}.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.principles-grid article{display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto 1fr;column-gap:18px;border-top:1px solid #a88b73;padding:28px 25px 25px 0}.principles-grid .num{grid-row:1/3}.principles-grid h3{font-size:17px;margin:0 0 15px;letter-spacing:-.025em}.principles-grid p{font-size:14px;line-height:1.8;max-width:470px;margin:0}.contact{padding:115px 5vw 130px;position:relative;overflow:hidden;background-image:linear-gradient(100deg,rgba(11,10,9,.95),rgba(18,14,11,.87) 60%,rgba(28,20,14,.62)),url('assets/photo-8.jpeg');background-size:cover;background-position:center}.contact:after{content:'';position:absolute;width:500px;height:500px;right:-150px;top:-170px;border:1px solid rgba(202,160,124,.25);border-radius:50%;box-shadow:0 0 0 90px rgba(202,160,124,.035),0 0 0 180px rgba(202,160,124,.025);pointer-events:none}.contact h2{max-width:900px}.contact-numbers{display:flex;gap:55px;flex-wrap:wrap}.contact-numbers>div{border-top:1px solid rgba(255,255,255,.3);padding-top:20px;min-width:280px}.contact-numbers span{display:block;color:#c7a17f;font-size:12px;margin-bottom:12px}.contact-numbers a{font-family:'Prata',serif;font-size:clamp(23px,2.7vw,38px)}.contact-numbers a:hover{color:#c7a17f}footer{display:flex;justify-content:space-between;background:#0d0c0b;color:#a89a8c;padding:28px 5vw;font-size:12px;letter-spacing:.1em}#contact,#books,#team,#process,#principles{scroll-margin-top:20px}
@media(max-width:950px){.header{height:70px;padding:0 5vw}.menu-btn{display:block;order:3;margin-left:auto;border:0;background:none;color:#fff;font-size:27px}.header-cta{margin-left:auto}.header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:25px 5vw;background:rgba(18,16,14,.98);flex-direction:column;gap:22px}.header nav.open{display:flex}.hero{height:740px;min-height:640px}.hero h1{font-size:clamp(75px,13vw,130px)}.intro{grid-template-columns:1fr 1.4fr}.intro img{grid-column:2;height:280px}.book-grid{grid-template-columns:1fr 1fr}.team-grid article{grid-template-columns:1fr}.team-grid img{grid-row:auto;height:320px}.steps article{padding-right:18px;margin-right:18px}}
@media(max-width:600px){.header{height:64px}.logo{font-size:21px}.header nav{top:64px}.header-cta{font-size:10px;padding:10px 13px;gap:8px}.hero{height:780px;min-height:700px;align-items:end}.hero:before{background:linear-gradient(0deg,rgba(8,8,8,.97),rgba(8,8,8,.46) 75%,rgba(8,8,8,.65))}.hero-visual img{object-position:58% center}.hero-type{padding:120px 6vw 95px}.hero h1{font-size:clamp(67px,16vw,100px);margin:27px 0 40px}.hero h1 em{font-size:.6em}.hero-counter{bottom:25px}.intro{display:block;padding:75px 6vw}.intro-copy{font-size:17px;margin:28px 0}.intro img{height:260px}.section{padding:75px 6vw}.section h2,.contact h2{font-size:clamp(37px,10vw,58px)}.book-grid,.photo-band,.steps,.team-grid,.principles-grid{grid-template-columns:1fr}.book-grid article{min-height:220px;padding:26px}.book-grid h3{margin-top:15px}.photo-band img{height:240px}.steps article{border-right:0;border-bottom:1px solid rgba(198,154,116,.3);margin:0;padding:24px 0}.steps article:last-child{border:0}.team-grid article{grid-template-columns:42% 1fr;gap:16px;padding:12px}.team-grid img{grid-row:1/5;height:250px}.team-grid h2{font-size:25px;margin:5px 0}.team-grid p{font-size:11px}.team-grid a{font-size:11px}.team-note{font-size:18px}.principles-grid article{grid-template-columns:57px 1fr}.principles-grid .num{font-size:44px}.contact{padding:80px 6vw 100px}.contact-numbers{gap:30px}.contact-numbers>div{min-width:100%}footer{padding:25px 6vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* MILANO EDITORIAL — visual system; original content and portrait files untouched */
:root{--ink:#100d0b;--cream:#f1e9df;--warm:#e2d0bc;--copper:#bb8b63;--light:#fffaf4;--line:rgba(159,113,77,.3)}
body{background:#0d0b0a;font-family:'Manrope',Arial,sans-serif}
.header{height:88px;background:linear-gradient(90deg,rgba(11,9,8,.88),rgba(20,15,12,.36));border-color:rgba(232,203,172,.23)}
.logo{font-family:'Prata',Georgia,serif;font-size:25px;font-weight:400;letter-spacing:-.05em}.logo span{color:#caa07c}
.header-cta{background:linear-gradient(125deg,rgba(239,221,200,.96),rgba(182,141,105,.9));color:#15100d;border-color:rgba(255,255,255,.5);box-shadow:0 8px 28px rgba(0,0,0,.25)}
.header-cta:hover{background:#f8e9d8;color:#17110d}
.hero{height:min(900px,100svh);min-height:720px;background:#0c0a09}
.hero-visual{background-image:linear-gradient(90deg,rgba(7,6,6,.6),rgba(7,6,6,.1)),url('assets/milano-hero.jpg');background-size:cover;background-position:center}
.hero-visual img{display:none}
.hero:before{z-index:-1;background:linear-gradient(90deg,rgba(10,8,7,.96) 0%,rgba(10,8,7,.86) 35%,rgba(10,8,7,.42) 65%,rgba(10,8,7,.12) 100%),radial-gradient(ellipse at 75% 25%,rgba(207,154,98,.24),transparent 55%)}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(155deg,transparent 50%,rgba(216,172,125,.12) 63%,transparent 75%)}
.hero-stripe{background:linear-gradient(132deg,transparent 58%,rgba(216,172,125,.13) 58%,rgba(216,172,125,.13) 66%,transparent 66%)}
.hero-type{max-width:1320px;margin:auto;padding-top:175px}.eyebrow{color:#ddbc98;letter-spacing:.3em}
.hero h1{font-family:'Prata',Georgia,serif;font-size:clamp(84px,10.5vw,175px);font-weight:400;letter-spacing:-.07em;line-height:1.01;text-shadow:0 14px 35px rgba(0,0,0,.25);margin:38px 0 52px}
.hero h1 em{font-size:.7em;letter-spacing:-.05em;background:linear-gradient(110deg,#ead3b3,#ae7955 60%,#f1cda3);color:transparent;background-clip:text;-webkit-background-clip:text}
.outline-btn{background:rgba(230,204,179,.12);border-color:rgba(246,228,205,.7);box-shadow:inset 0 1px rgba(255,255,255,.25)}
.intro{background:radial-gradient(ellipse at 85% 10%,#fffaf3 0%,transparent 45%),linear-gradient(120deg,#e9d9c8,#f8f2e9 45%,#d3b89e);grid-template-columns:.6fr 1.3fr .9fr}
.intro-copy p:last-child{color:#805a3e}
.intro img{border:9px solid rgba(255,255,255,.55);box-shadow:25px 28px 50px rgba(64,36,21,.16)}
.section-kicker{letter-spacing:.24em;color:#946843}
.section h2,.contact h2{font-family:'Prata',Georgia,serif;letter-spacing:-.06em}
em{color:#aa7953}
.books{background:radial-gradient(circle at 90% 15%,rgba(255,255,255,.95),transparent 45%),linear-gradient(115deg,#f9f2e8,#e2d1be 78%,#c7a98c)}
.book-grid{gap:14px}.book-grid article{min-height:365px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(246,229,210,.38));border:1px solid rgba(255,255,255,.65);box-shadow:0 18px 45px rgba(67,40,21,.10);position:relative;overflow:hidden;padding-top:155px}
.book-grid article:before{content:'';position:absolute;left:0;right:0;top:0;height:132px;background-size:cover;background-position:center;filter:saturate(.65)}
.book-grid article:nth-child(1):before{background-image:linear-gradient(0deg,rgba(21,15,11,.12),rgba(21,15,11,.12)),url('assets/milano-books.jpg')}
.book-grid article:nth-child(2):before{background-image:linear-gradient(115deg,rgba(18,12,8,.35),rgba(18,12,8,.12)),url('assets/milano-hero.jpg')}
.book-grid article:nth-child(3):before{background-image:url('assets/milano-heritage.jpg')}
.book-grid article:nth-child(4):before{background-image:url('assets/milano-principles.jpg')}
.book-grid .num{position:absolute;top:90px;right:19px;color:#f5d6b0;text-shadow:0 3px 15px #1b100c;font-size:54px}
.book-grid h3{margin:4px 0 14px;font-family:'Prata',Georgia,serif;font-size:21px;font-weight:400}
.book-grid p{font-size:13px;line-height:1.75}
.photo-band{display:none} /* no generic people-with-books photos */
.process{position:relative;background-image:linear-gradient(100deg,rgba(7,6,5,.98),rgba(23,16,12,.92) 55%,rgba(30,18,12,.72)),url('assets/milano-process.jpg');background-size:cover;background-position:center}
.process:before,.contact:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 12%,rgba(207,154,101,.16),transparent 40%)}
.process .steps article{background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015));padding:30px 30px 34px;border:1px solid rgba(207,163,119,.21);margin-right:14px;backdrop-filter:blur(15px);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.steps article:last-child{border:1px solid rgba(207,163,119,.21);margin-right:0}
.steps .num{color:#c7a07b}.steps h3{font-size:24px}
.team{background:radial-gradient(ellipse at 10% 5%,rgba(131,91,58,.22),transparent 45%),linear-gradient(130deg,#12100e,#2a211b 54%,#100d0c)}
.team-grid article{background:linear-gradient(130deg,rgba(255,255,255,.085),rgba(255,255,255,.018));border-color:rgba(224,182,142,.27);box-shadow:0 18px 50px rgba(0,0,0,.25)}
/* Portrait files photo-4.png and photo-5.png remain byte-for-byte original */
.team-grid img{filter:none;object-fit:cover}
.team-note{color:#e9d6c4}
.principles{background:radial-gradient(ellipse at 85% 15%,rgba(255,255,255,.85),transparent 45%),linear-gradient(120deg,#f8f0e6,#dfc9b2)}
.principles-grid article{background:linear-gradient(125deg,rgba(255,255,255,.28),rgba(255,255,255,.05));padding-left:16px;border-color:rgba(153,105,65,.32)}
.contact{background-image:linear-gradient(90deg,rgba(9,7,6,.97),rgba(14,10,8,.84) 54%,rgba(21,13,8,.55)),url('assets/milano-contact.jpg');background-position:center;background-size:cover}
.contact-numbers>div{padding:22px 28px;background:linear-gradient(120deg,rgba(244,220,195,.11),rgba(244,220,195,.025));border:1px solid rgba(226,185,142,.28);backdrop-filter:blur(20px);border-radius:4px}
.contact-numbers a{color:#fff8ed}.contact-numbers a:hover{color:#e0b58e}
#contact,#books,#team,#process,#principles{scroll-margin-top:80px}
@media(max-width:950px){.book-grid article{min-height:330px}.process .steps article{padding:24px 18px}.hero{min-height:650px}}
@media(max-width:600px){.hero{height:740px;min-height:660px}.hero-visual{background-position:63% center}.hero:before{background:linear-gradient(0deg,rgba(9,7,6,.95),rgba(9,7,6,.58) 65%,rgba(9,7,6,.7))}.hero-type{padding-top:120px}.hero h1{font-size:clamp(58px,13.6vw,88px);line-height:1.08}.hero h1 em{font-size:.71em}.intro{padding-top:85px}.book-grid article{min-height:0;padding-top:160px}.book-grid article:before{height:140px}.process .steps article{margin:0 0 12px;border:1px solid rgba(207,163,119,.21)}.contact-numbers>div{min-width:100%}.team-grid img{filter:none}}