@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&family=Cormorant+Garamond:ital,wght@1,400&display=swap');
:root{--paper:#f7f7f7;--ink:#303030;--muted:#6c6c6c;--amber:#dea744;--line:#dcdcdc;--grey:#626262}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.15}em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;z-index:20;background:white;padding:10px}.wrap{padding:56px 6%}header{height:116px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 6%;background:white}.wordmark{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:31px;font-weight:700;letter-spacing:-1.5px;line-height:1}.wordmark img{width:47px;height:47px;object-fit:contain;mix-blend-mode:multiply}.wordmark .creative{display:block;font-size:12px;letter-spacing:3px;font-weight:500;margin-top:6px}.brand{flex-shrink:0}nav{display:flex;gap:32px;font-size:15px;font-weight:600;letter-spacing:.04em}nav a{padding:10px 0;border-bottom:2px solid transparent}nav a:hover{border-color:var(--amber)}.menu{display:none}.hero{height:470px;position:relative;isolation:isolate;background:#303030;overflow:hidden}.hero>img{height:100%;object-fit:cover;object-position:center 55%;position:absolute;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.48);z-index:-1}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white;padding:30px}.hero-label{font-size:12px;letter-spacing:4px;margin-bottom:17px}.hero h1{font-size:clamp(44px,5vw,72px);font-weight:500;letter-spacing:-2px}.hero h1 em{font-size:1.12em}.hero-content>p:not(.hero-label){font-size:18px;margin-top:22px}.hero-actions{display:flex;gap:16px;margin-top:30px}.button{display:inline-block;background:var(--amber);color:#292929;padding:13px 25px;font-size:14px;letter-spacing:.06em;font-weight:600;border:1px solid var(--amber);border-radius:5px;transition:background .2s,transform .2s}.button:hover{background:#e8b95e;transform:translateY(-2px)}.button.outline{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.65);color:white}.button.outline:hover{background:rgba(255,255,255,.18)}
.values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:28px;padding-bottom:28px;background:#eee}.value{padding:23px 22px;border-radius:16px;background:linear-gradient(135deg,#e0e0e0,#d3d3d3 65%,#c5c5c5);border-top:3px solid rgba(55,55,55,.5);border-bottom:3px solid rgba(55,55,55,.5);transition:transform .25s,box-shadow .25s}.value:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000000c}.value h3{font-size:22px;font-weight:600;letter-spacing:-.6px}.value h3:after{content:'';display:block;width:42px;height:2px;background:#666;margin:15px 0}.value p{font-size:15px;line-height:1.65;color:#535353}.ticker{padding:18px 0;overflow:hidden;background:#fff;color:#999;border-bottom:1px solid #eee}.track{display:flex;width:max-content;animation:marquee 36s linear infinite}.track>div{display:flex;align-items:center}.track span{font-family:Manrope,sans-serif;font-size:22px;white-space:nowrap;padding-right:55px}.track span:after{content:'·';color:var(--amber);margin-left:55px}@keyframes marquee{to{transform:translateX(-50%)}}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}h2{font-size:clamp(32px,3.2vw,48px);letter-spacing:-1.5px;font-weight:600}h2>span{color:var(--amber)}.section-heading>p{font-size:16px;color:var(--muted);line-height:1.6}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.service-card{border:0;border-top:3px solid #666;border-radius:18px;overflow:hidden;padding:0;text-align:left;background:#ddd;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;min-width:0}.service-photo{position:relative;display:block;overflow:hidden;aspect-ratio:1.25;background:#e5e5e5}.service-photo img{height:100%;object-fit:cover;transition:transform .6s}.service-photo:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.25);opacity:0;transition:opacity .3s}.discover{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);padding:9px 20px;background:#e9c487;color:#292929;z-index:2;border-radius:4px;opacity:0;transition:opacity .3s,transform .3s}.caption{display:block;padding:20px 18px;background:linear-gradient(120deg,rgba(45,45,45,.7),rgba(65,65,65,.6));color:white;flex:1;transition:background .3s}.caption strong{font-family:Manrope,sans-serif;display:block;font-size:18px;line-height:1.4;font-weight:500}.caption>span{display:block;font-size:14px;color:var(--amber);line-height:1.5;margin-top:8px}.service-card:hover,.service-card:focus-visible{transform:translateY(-5px);box-shadow:0 14px 24px #00000016}.service-card:hover img{transform:scale(1.045)}.service-card:hover .service-photo:after,.service-card:focus-visible .service-photo:after{opacity:1}.service-card:hover .discover,.service-card:focus-visible .discover{opacity:1;transform:translate(-50%,-50%)}.service-card:hover .caption{background:rgba(45,45,45,.78)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:6%;background:var(--grey);color:#f7f7f7;align-items:start}.about-image{border-radius:18px;overflow:hidden;position:sticky;top:25px}.about-image img{aspect-ratio:1.05;object-fit:cover}.about-copy h2{margin-bottom:22px}.about h2>span{color:var(--amber)}.about-copy>p{font-size:16px;line-height:1.8}.accordions{margin-top:26px;border-top:1px solid #ffffff33}details{border-bottom:1px solid #ffffff33;padding:17px 0}summary{font-family:Manrope,sans-serif;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:26px;font-weight:500;color:var(--amber);cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:28px;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:16px;padding-top:14px;line-height:1.75}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#505050;color:white}.contact-grid>a{padding:34px 25px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #ffffff25;transition:background .2s}.contact-grid>a:hover{background:#444444}.contact-grid>a>span{color:#e4e4e4;font-size:14px;margin-bottom:15px}.contact-grid strong{font-family:Manrope,sans-serif;font-size:21px;font-weight:500;line-height:1.4}.contact-grid small{font-size:14px;margin-top:8px;overflow-wrap:anywhere}.contact-grid .social{background:var(--amber);color:#303030}.contact-grid .social>span{color:#505050}.contact-grid .social:hover{background:#e8b95e}.footer-bottom{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;background:#f3f3f3;gap:25px;font-size:14px;color:#666}.footer-bottom .wordmark{color:#303030;font-size:26px}.footer-bottom .wordmark img{width:36px;height:36px}.footer-bottom .creative{font-size:10px}.footer-bottom>a:last-child{border-bottom:1px solid #999}
dialog{border:0;border-radius:20px;padding:0;width:min(850px,92vw);max-height:88vh;background:#f7f7f7;color:#303030;overscroll-behavior:contain}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}dialog form{position:sticky;top:0;height:0;z-index:4;text-align:right}.close{margin:15px;background:#fff;border:1px solid #ddd;border-radius:30px;padding:10px 18px;box-shadow:0 3px 12px #0002}.dialog-photo{max-height:330px;object-fit:cover}.dialog-body{padding:32px 38px}.dialog-body h2{font-size:34px;margin-bottom:25px}.dialog-body h3{font-size:24px;margin:28px 0 15px}.dialog-body p{margin:0 0 20px;line-height:1.8}.dialog-body ul{padding-left:22px;margin:0 0 25px}.dialog-body li{margin:5px 0}.dialog-body .closing{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;font-style:italic;line-height:1.35;color:var(--amber);border-top:1px solid #ddd;padding-top:20px}
@media(min-width:1700px){.wrap,header,.footer-bottom{padding-left:max(6%,calc((100vw - 1500px)/2));padding-right:max(6%,calc((100vw - 1500px)/2))}}
@media(max-width:1100px){header{padding-inline:4%}nav{gap:20px;font-size:13px}.wrap{padding-inline:4%}.value{padding:20px 16px}.value h3{font-size:20px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-photo{aspect-ratio:1.65}.about{gap:4%}.contact-grid>a{padding:28px 18px}.contact-grid strong{font-size:19px}}
@media(max-width:760px){header{height:96px;padding-inline:5%;position:relative;z-index:5}.wordmark{font-size:27px}.wordmark img{width:40px;height:40px}.menu{display:flex;gap:14px;align-items:center;background:none;border:0;font-size:14px}nav{display:none;position:absolute;top:96px;left:0;right:0;background:#fff;padding:16px 5% 25px;flex-direction:column;font-size:16px;gap:3px;border-bottom:1px solid #ddd}nav.open{display:flex}.hero{height:400px}.hero h1{font-size:46px}.hero-content>p:not(.hero-label){font-size:16px}.hero-actions{gap:10px}.button{padding:12px 16px;font-size:12px}.wrap{padding:34px 5%}.values{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-block:22px}.value h3{font-size:21px}.value p{font-size:15px}.section-heading{display:block}.section-heading>p{margin-top:18px}.service-grid{gap:16px 12px}.service-photo{aspect-ratio:1.1}.caption{padding:17px 14px}.caption strong{font-size:17px}.caption>span{font-size:14px}.about{grid-template-columns:1fr;gap:30px}.about-image{position:static}.about-image img{aspect-ratio:1.7}.about h2 br{display:none}.about h2 em:before{content:' '}.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-grid>a{border-bottom:1px solid #ffffff25;padding:26px 5vw}.footer-bottom{flex-wrap:wrap;padding:26px 5%}.dialog-body{padding:25px}.dialog-body h2{font-size:28px}.track span{font-size:19px}}
@media(max-width:400px){.hero h1{font-size:39px}.values{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-photo{aspect-ratio:1.65}.contact-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}