@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#e9e6de;--ink:#292b27;--muted:#62645b;--yellow:#b5a58a;--line:#bcb9ad;--clay:#926449}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b37c00;outline-offset:5px}.skip{position:absolute;left:15px;top:-80px;background:var(--yellow);padding:15px;z-index:10}.skip:focus{top:10px}header{padding:24px 5%;max-width:1600px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:800;letter-spacing:-.4px}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:4px}.mark{background:var(--ink);color:var(--yellow);font-family:'Barlow Condensed',Impact,sans-serif;font-size:37px;padding:3px 10px;display:flex;align-items:center;gap:3px}.mark span{font-size:11px}nav{display:flex;gap:25px;align-items:center;font-size:12px}nav button{background:transparent;padding:9px;border:1px solid var(--line);cursor:pointer}.call{border-bottom:2px solid var(--ink);padding:10px 0;font-weight:700}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:6%;padding:60px 5% 65px}.eyebrow,.division{font-size:10px;font-weight:700;letter-spacing:2px}.eyebrow{margin:0 0 25px}h1,h2,.trade-card h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;line-height:.94;letter-spacing:-1px}h1{font-size:clamp(76px,7.9vw,128px);margin:0 0 28px}h1 em{font-style:normal;color:#926449}.intro{max-width:430px;font-size:14px;line-height:1.8;margin:0 0 25px}.button{background:var(--yellow);color:var(--ink);display:inline-block;padding:19px 24px;font-size:11px;font-weight:800;letter-spacing:.7px;border:1px solid var(--ink)}.button:hover{background:#c9bba3}.hero-note{font-size:10px;color:var(--muted);margin-top:19px}figure{margin:0}.hero-image{position:relative;min-height:610px;background:#777b6c}.hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#161913c9)}.hero-image figcaption{position:absolute;bottom:25px;left:25px;color:white;z-index:1;font-size:10px;letter-spacing:2px}.ticker{display:flex;justify-content:space-around;gap:20px;background:var(--yellow);padding:25px 5%;font:600 23px 'Barlow Condensed',Impact,sans-serif;border-block:1px solid var(--ink)}.section{padding:90px 5%;max-width:1600px;margin:auto}.section-head{display:grid;grid-template-columns:.8fr 1.6fr 1fr;gap:35px}h2{font-size:clamp(42px,4.4vw,68px);margin:0 0 35px}.section-head>p:last-child,.pool p{font-size:13px;line-height:1.8;margin:0;max-width:420px;color:var(--muted)}.trade-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:28px}.trade-card{padding:30px 24px;border-right:1px solid var(--line)}.trade-card:last-child{border:0}.division{display:inline-block;background:var(--yellow);padding:8px 9px;letter-spacing:1px}.trade-card h3{font-size:35px;min-height:67px;margin:25px 0 15px;line-height:1}.trade-card h4{font-size:13px;line-height:1.5;min-height:40px;margin:0 0 10px}.trade-card p,.trade-card li{font-size:12px;line-height:1.8}.trade-card p{color:var(--muted);min-height:130px}.trade-card ul{list-style:none;padding:18px 0 0;margin:20px 0 0;border-top:1px solid var(--line)}.trade-card li{padding:6px 0}.trade-card li:before{content:'↗';margin-right:9px;color:#926449}.scope-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:22px;max-width:850px}.details{background:#242622;color:var(--paper);max-width:none}.details .section-head{max-width:1440px;margin:auto}.details .section-head>p:last-child,.details .scope-note{color:#bebfb4}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1440px;margin:25px auto 0}.gallery img{width:100%;height:420px;object-fit:cover;display:block}.gallery figcaption{font-size:10px;letter-spacing:1px;padding:18px 0;border-bottom:1px solid #575a50}.details .scope-note{max-width:1440px;margin:20px auto 0}.pool{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;align-items:center}.pool h2{margin-top:25px}.pool figure img{width:100%;height:auto;display:block}.pool figcaption{font-size:10px;margin-top:10px;color:var(--muted)}.text-link{display:inline-block;border-bottom:2px solid var(--ink);padding:10px 0;font-size:11px;font-weight:700;margin-top:24px}.process{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.3fr 1.6fr;gap:35px}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.process li:first-child{padding-top:0}.process b{font-size:11px}.process h3{font-size:16px;margin:0 0 10px}.process li p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.contact{background:var(--yellow);padding:85px 5%;text-align:center;border-top:1px solid var(--ink)}.contact h2{font-size:clamp(44px,5.5vw,85px)}.phone{display:block;font:600 clamp(32px,4vw,55px) 'Barlow Condensed',Impact,sans-serif;margin:25px 0}.contact .button{background:var(--ink);color:var(--paper)}footer{padding:28px 5%;background:var(--ink);color:#d5d6cd;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px}@media(min-width:1600px){.details{padding-inline:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:1050px){.trade-grid{grid-template-columns:repeat(2,1fr)}.trade-card:nth-child(2){border-right:0}.trade-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.trade-card p{min-height:85px}.trade-card h3{min-height:35px}.hero-image{min-height:560px}.section-head{grid-template-columns:1fr 2fr}.section-head>p:last-child{grid-column:2}.process{grid-template-columns:1fr 2fr}.process ol{grid-column:2}nav{gap:15px}.gallery img{height:350px}}@media(max-width:700px){header{padding:17px 6%;gap:10px}.brand{font-size:14px;gap:8px}.brand small{font-size:8px;letter-spacing:2px}.mark{font-size:29px;padding:4px 7px}nav{gap:10px}nav>a:not(.call){display:none}.call{font-size:10px}nav button{padding:8px;font-size:11px}.hero{grid-template-columns:1fr;padding:40px 6%;gap:30px}h1{font-size:clamp(76px,18vw,120px)}.hero-image{min-height:370px}.ticker{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:19px;padding:18px 6%;gap:15px}.section{padding:55px 6%}.section-head,.process{display:block}.section-head>p:last-child{margin-bottom:30px}.trade-grid{grid-template-columns:1fr}.trade-card{border-right:0;border-bottom:1px solid var(--line);padding:28px}.trade-card h3,.trade-card h4,.trade-card p{min-height:0}.gallery{grid-template-columns:1fr;gap:30px}.gallery img{height:360px}.pool{display:block}.pool figure{margin-top:35px}.process ol{margin-top:30px}.contact{padding:60px 6%}footer{flex-wrap:wrap;line-height:1.8}footer>span:nth-child(2){width:100%;order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Mario identity: charcoal, warm concrete, clay and sand. */
.brand-logo{display:block;width:310px;height:110px;object-fit:contain}.brand{gap:0}header{padding-top:8px;padding-bottom:8px}.hero-image img{object-position:50% 50%}.division{background:#d8cbb9}.ticker{background:#b5a58a}.contact{background:#c7baa5}.field-film{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;align-items:center;border-bottom:1px solid var(--line)}.field-film p:last-child{font-size:13px;line-height:1.8;color:var(--muted);max-width:420px}.field-film video{width:100%;max-height:460px;background:#292b27;object-fit:contain}.footer-logo{display:block;background:var(--paper);padding:5px 12px}.footer-logo img{display:block;width:210px;height:72px;object-fit:contain}footer{align-items:center}@media(max-width:700px){.brand-logo{width:190px;height:75px}header{padding-top:7px;padding-bottom:7px}.field-film{display:block}.field-film video{margin-top:25px}footer>span:nth-child(2){order:3}}@media(max-width:360px){.brand-logo{width:155px;height:65px}nav{gap:7px}.call{font-size:9px}}
