/*
Theme Name: Milano in Vetrina
Author: Elisabetta Rondelli
Description: Strategic consultancy and independent editorial observations from Milan. White, black and cobalt; local fonts and photography. Includes an optional starter-content installer.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: milano-in-vetrina
*/

:root{--paper:#f4f1e9;--ink:#242520;--blue:#204bd5;--line:#cac9bf;--muted:#64665d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:white}.wrap{width:min(1320px,90%);margin:auto}.skip{position:absolute;top:-80px;left:20px;background:var(--blue);color:white;padding:10px;z-index:20}.skip:focus{top:10px}header{position:sticky;top:0;z-index:10;background:rgba(244,241,233,.97);border-bottom:1px solid var(--line)}.header-inner{height:95px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-family:Georgia,serif;font-size:25px;line-height:1.05;letter-spacing:-.8px}.brand span{display:block}nav{display:flex;gap:30px;align-items:center;font-size:13px}nav a:hover,.text-link:hover{color:var(--blue)}.nav-contact{border-bottom:1px solid var(--blue);padding:7px 0}.menu{display:none;border:1px solid var(--line);background:none;padding:7px 12px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:600;line-height:1.6;color:var(--blue)}.hero{padding-top:55px}.hero-top{display:flex;justify-content:space-between;gap:30px;margin-bottom:34px}.hero-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:7%;align-items:center}.hero h1{font-family:Georgia,serif;font-weight:normal;letter-spacing:-4px;font-size:clamp(55px,6.8vw,100px);line-height:1.03;margin:0 0 28px;max-width:690px}.hero h1 em{color:var(--blue);font-weight:normal}.hero .lead{font-size:19px;max-width:520px;line-height:1.5}.hero .intro{color:var(--muted);max-width:485px;font-size:14px}.buttons{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;gap:28px;background:var(--blue);color:white;padding:16px 21px;font-size:12px}.button:hover{background:#173aa9}.text-link{font-size:12px;border-bottom:1px solid;padding:5px 0;display:inline-flex;gap:24px}.window-art{background:#dddccb;aspect-ratio:4/4.8;position:relative;overflow:hidden;border:1px solid #b9b9ab}.window-art svg{display:block;width:100%;height:100%}.art-caption{display:flex;justify-content:space-between;gap:15px;margin-top:12px;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.hero-footer{margin-top:58px;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.section{padding:100px 0;border-top:1px solid var(--line)}h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.14}h2{font-size:clamp(38px,4.6vw,64px);letter-spacing:-2px;margin:22px 0 30px}h3{font-size:30px;margin:15px 0}p{margin:0 0 20px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:45px}.section-head p{font-size:15px;max-width:470px;color:var(--muted)}.situations{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;padding:50px 0 80px}.situation{border-top:1px solid var(--line);padding-top:22px}.situation .num{font-size:11px;color:var(--blue)}.situation h3{font-size:25px;max-width:320px}.situation p{font-size:13px;color:var(--muted)}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:48px 1fr 32px;gap:20px;padding:27px 0;align-items:center}summary::-webkit-details-marker{display:none}summary h3{font-size:clamp(22px,2.5vw,35px);margin:0}summary .num{font-size:11px;color:var(--blue)}.plus{font-size:26px;color:var(--blue)}details[open] .plus{transform:rotate(45deg)}.service-body{padding:0 45px 35px 68px;display:grid;grid-template-columns:1fr 1fr;gap:7%;font-size:14px}.service-body h4{font-weight:normal;color:var(--blue);font-size:17px;margin:0 0 15px}.service-body ul{padding-left:17px;margin:20px 0}.deliverable{border-left:1px solid var(--line);padding-left:28px;color:var(--muted)}.deliverable strong{display:block;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink);margin-bottom:15px}.pathways{margin-top:65px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.path{padding:32px}.path+.path{border-left:1px solid var(--line)}.path h3{font-size:35px}.path p{font-size:13px;color:var(--muted);min-height:82px}.blue-section{background:var(--blue);color:var(--paper);padding:85px 0}.blue-section .eyebrow{color:#e4e8ff}.blue-section h2{max-width:780px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:3%;margin-top:50px}.step{border-top:1px solid #8ba1ed;padding-top:18px}.step span{font-size:10px;color:#cbd5ff}.step h3{font-size:27px}.step p{font-size:13px;color:#e0e6ff}.remote{margin:45px 0 0;padding-top:25px;border-top:1px solid #8ba1ed;max-width:780px;font-size:14px}.studies{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.study-art{height:270px;background:#deddd2;overflow:hidden;position:relative}.study-art:before,.study-art:after{content:'';position:absolute}.composition:before{background:var(--blue);width:39%;height:76%;left:18%;top:12%}.composition:after{background:#b84b37;width:12%;height:32%;left:65%;top:51%}.material{background:repeating-linear-gradient(145deg,#d2cbbd 0,#e7e2d6 2px,#ded8cb 5px,#c7c0b0 6px,#e5dfd4 9px)}.material:before{width:42%;height:68%;top:18%;left:29%;background:#b7b4a4;border-radius:50% 50% 0 0;box-shadow:15px 15px 0 #848a7a}.rhythm{background:repeating-linear-gradient(90deg,#dfd9ca 0,#dfd9ca 24%,#aaa590 24%,#aaa590 25%)}.rhythm:before{height:6px;background:var(--blue);left:0;right:0;top:38%;box-shadow:0 80px 0 #393d37}.study:hover .study-art{filter:brightness(.96)}.study .eyebrow{display:block;margin-top:22px;font-size:9px}.study h3{font-size:28px}.study p{font-size:13px;color:var(--muted)}.note{font-size:12px;color:var(--muted);max-width:750px;margin-top:35px}.about-grid{display:grid;grid-template-columns:.8fr 1fr;gap:13%}.about-label{height:100%;min-height:340px;border:1px solid var(--line);padding:35px;display:flex;flex-direction:column;justify-content:space-between;background:#e6e4d9}.monogram{font-family:Georgia,serif;color:var(--blue);font-style:italic;font-size:100px;line-height:1;letter-spacing:-10px}.about-copy p{font-size:15px;color:var(--muted)}.about-copy .lead{color:var(--ink);font-size:21px;font-family:Georgia,serif}.contact{background:#e6e4da;padding:85px 0}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12%;align-items:center}.contact h2{max-width:680px}.contact p{max-width:590px;font-size:15px}.brief-list{font-size:13px;color:var(--muted);border-top:1px solid #bcbdb0;padding-top:22px}.brief-list ul{padding-left:17px}.contact .button{margin-top:12px}footer{padding:35px 0;font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}footer .brand{font-size:21px}.footer-meta{text-align:right;color:var(--muted)}.article{max-width:850px;margin:auto;padding:80px 0}.article h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(42px,6vw,75px);line-height:1.05;letter-spacing:-2px}.article h2{font-size:34px;letter-spacing:-1px}.article .study-art{height:300px;margin:35px 0}.article li{margin:15px 0}.article .lead{font-size:21px;font-family:Georgia,serif}.article .back{font-size:12px}.article .callout{border-left:2px solid var(--blue);padding-left:22px;color:var(--muted)}@media(min-width:1600px){.hero{padding-top:70px}}@media(max-width:900px){nav{gap:17px}.hero-grid{gap:5%}.hero h1{letter-spacing:-2px}.hero .lead{font-size:17px}.button{gap:15px}.section{padding:70px 0}.steps{grid-template-columns:repeat(2,1fr);gap:30px}.study-art{height:210px}.about-grid{gap:7%}.path{padding:22px}}@media(max-width:650px){html{scroll-padding-top:75px}.wrap{width:88%}.header-inner{height:74px}.brand{font-size:22px}.menu{display:block;font-size:12px}nav{display:none;position:absolute;left:0;right:0;top:74px;padding:20px 6%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:14px}nav.open{display:flex}.hero{padding-top:30px}.hero-top{font-size:9px;margin-bottom:25px}.hero-top .eyebrow{font-size:9px;max-width:185px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:59px;max-width:420px}.hero .lead{font-size:18px}.hero .intro{font-size:14px}.window-art{aspect-ratio:1.1;max-height:430px}.hero-footer{margin-top:35px;font-size:8px;gap:20px}.situations{grid-template-columns:1fr;gap:24px;padding:35px 0 55px}.situation h3{max-width:none;font-size:26px;margin:10px 0}.section-head{grid-template-columns:1fr;gap:0;margin-bottom:20px}h2{font-size:42px;letter-spacing:-1.4px}.section{padding:55px 0}.service-body{grid-template-columns:1fr;padding:0 0 25px 0;gap:20px}.deliverable{padding-left:18px}summary{grid-template-columns:26px 1fr 20px;gap:10px;padding:24px 0}summary h3{font-size:25px}.pathways{grid-template-columns:1fr;margin-top:40px}.path{padding:25px}.path+.path{border-left:0;border-top:1px solid var(--line)}.path p{min-height:0}.path h3{margin-top:0}.blue-section{padding:55px 0}.steps{gap:23px}.step h3{font-size:24px}.studies{grid-template-columns:1fr;gap:35px}.study-art{height:280px}.study h3{margin:10px 0}.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.about-label{min-height:245px}.contact{padding:55px 0}.footer-inner{align-items:start}.footer-meta{max-width:190px;font-size:10px}.article{padding:45px 0}.article h1{font-size:50px}.article .study-art{height:240px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand-logo{display:block;width:84px;height:84px;flex-shrink:0}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.hero-photo{background:#deddd2}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.photo-diptych{margin-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.photo-diptych figure{margin:0}.photo-diptych img{display:block;width:100%;height:auto;aspect-ratio:4/4.5;object-fit:cover;object-position:center}.photo-diptych figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--muted);padding-top:12px}.photo-disclosure{font-size:11px;color:var(--muted);margin-top:20px;max-width:820px}.art-caption{letter-spacing:.6px;flex-wrap:wrap;font-size:8px}.header-inner{height:102px}nav{top:102px}@media(max-width:650px){.header-inner{height:83px}.brand-logo{width:74px;height:74px}nav{top:83px}.photo-diptych{margin-top:40px;gap:30px;grid-template-columns:1fr}.photo-diptych img{aspect-ratio:4/4.5}.art-caption{font-size:8px}.hero-photo{aspect-ratio:4/4.8;max-height:none}}

body.admin-bar header{top:32px}.wp-content img{max-width:100%;height:auto}.wp-content{overflow-wrap:break-word}.wp-content .alignwide{max-width:1200px}.wp-content figure{max-width:100%}@media(max-width:782px){body.admin-bar header{top:46px}}@media(max-width:600px){body.admin-bar header{top:0}}
