*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ae851c;outline-offset:5px}.coffee{background:#ededed;color:#00676b}.notice{padding:9px 5%;font-size:12px;background:#00676b;color:#ededed;display:flex;justify-content:space-between;gap:20px}.notice a{text-decoration:underline}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;gap:20px}.wordmark{font:bold 48px/1 Georgia,serif;letter-spacing:-3px}nav{display:flex;gap:35px;font-size:14px}.small-cta{font-size:14px;border-bottom:1px solid;padding:8px 0}.demo-hero{display:grid;grid-template-columns:1fr 1fr;padding:25px 5% 55px;gap:5%;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:600}h1{font:normal clamp(65px,7vw,110px)/1.04 Georgia,serif;letter-spacing:-5px;margin:30px 0}h1 em{font-weight:normal}.demo-hero p{max-width:360px;font-size:17px}.cta{display:inline-block;padding:16px 23px;background:#00676b;color:#ededed;font-size:14px;margin-top:20px}.cta:hover{filter:brightness(1.15)}.foot-label{display:block;margin-top:45px;font-size:11px;letter-spacing:2px}figure{margin:0;position:relative;height:610px}figure img{width:100%;height:100%;object-fit:cover;border-radius:240px 240px 0 0}figcaption{position:absolute;bottom:23px;left:25px;background:#00676b;color:#ededed;padding:8px 14px;font-size:13px}.content{padding:90px 7%}h2{font:normal 52px/1.15 Georgia,serif;letter-spacing:-2px;margin:25px 0 40px}.menu{display:grid;grid-template-columns:1fr 1fr;gap:8%}.menu h3{font:28px Georgia,serif}.menu p{display:flex;justify-content:space-between;border-bottom:1px solid #00676b44;padding:12px 0;gap:20px}.menu b{font-weight:500;white-space:nowrap}.note{font-size:12px;opacity:.75;margin-top:35px}.philosophy{padding:80px 7%;background:#d0d0d0}.philosophy p{max-width:580px}footer{padding:35px 5%;display:flex;justify-content:space-between;gap:25px;align-items:center}footer p,footer a{font-size:12px}.car{background:#282828;color:#ededed}.car .notice{background:#ae851c;color:#282828}.car .wordmark{font:800 32px 'Manrope',Arial;letter-spacing:-1.5px}.car .wordmark span{display:block;font:10px 'DM Sans',Arial;letter-spacing:3px}.car-hero{min-height:640px;position:relative;display:flex;align-items:center;padding:70px 7%;isolation:isolate;overflow:hidden}.car-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.car-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#282828e8,#28282866);z-index:-1}.car h1{font:800 108px/.98 'Manrope',Arial;letter-spacing:-7px}.car h1 em{font-style:normal;color:#ae851c}.car h2{font:700 48px/1.15 'Manrope',Arial;letter-spacing:-2.5px}.car .cta{background:#ae851c;color:#282828}.car-caption{position:absolute;bottom:20px;right:5%;font-size:10px;letter-spacing:2px}.car-services{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.car-services article{border-top:1px solid #ffffff55;padding-top:20px}.car-services article>span{color:#ae851c;font-size:12px}.car-services h3{font:600 30px 'Manrope',Arial}.car-services p{color:#bcbcbc}.car .philosophy{background:#731f36}.car footer{border-top:1px solid #ffffff44}
@media(max-width:650px){.notice{font-size:10px;display:block}.notice a{display:block;margin-top:3px}header{padding:22px 6%}nav{display:none}.wordmark{font-size:40px}.small-cta{font-size:12px}.demo-hero{grid-template-columns:1fr;padding:25px 6% 45px;gap:35px}h1{font-size:66px;letter-spacing:-3.5px}.demo-hero p{font-size:16px}figure{height:440px}.foot-label{margin-top:25px}.content,.philosophy{padding:60px 6%}h2{font-size:39px;letter-spacing:-1.5px}.menu{grid-template-columns:1fr;gap:20px}.car-hero{min-height:570px;padding:55px 6%}.car h1{font-size:76px;letter-spacing:-5px}.car h2{font-size:36px;letter-spacing:-1.5px}.car-services{grid-template-columns:1fr;gap:30px}.car-services h3{margin:20px 0 12px}.car .wordmark{font-size:26px}footer{flex-wrap:wrap}footer p{width:100%;order:3}.car-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Inner pages for fictional portfolio concepts */
.inner-hero{padding:100px 7% 110px;background:#d9d7d1;min-height:470px}.inner-hero h1{max-width:1050px}.inner-hero p{max-width:570px;font-size:19px}.coffee .inner-hero em{color:#b17839}.car .inner-hero{background:#222;min-height:420px}.car .inner-hero em{color:#ae851c}.car .inner-hero h1{font-size:clamp(64px,8vw,110px)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:95px 7%;align-items:center}.story-grid p{max-width:510px}.story-grid figure{height:530px}.end-cta{text-align:center}.end-cta p{margin-left:auto;margin-right:auto}.expanded{gap:30px}.expanded article{padding:26px;border:1px solid #ffffff44}.expanded ul{padding-left:20px;color:#ccc}.request-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.demo-request{background:#383838;padding:35px;display:grid;gap:23px}.demo-request label{display:grid;gap:9px;font-size:13px}.demo-request select{width:100%;padding:14px;border:1px solid #aaa;background:#f3f0eb;color:#222;font:inherit}.demo-request button{border:0;text-align:left;cursor:pointer;width:100%}.demo-request p{margin:0;color:#ddd;font-size:13px}
@media(max-width:650px){.inner-hero{padding:65px 6%;min-height:0}.inner-hero p{font-size:16px}.car .inner-hero h1{font-size:64px}.story-grid,.request-layout{grid-template-columns:1fr;padding:60px 6%;gap:35px}.story-grid figure{height:410px}.demo-request{padding:22px}.expanded article{padding:20px}}