@charset "UTF-8";
:root{--paper:#f1f0eb;--ink:#20211e;--muted:#63665d;--line:#cecec5;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}figure{margin:0}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:var(--ink);color:var(--paper)}.skip{position:fixed;top:10px;left:10px;padding:12px;background:var(--paper);z-index:30;transform:translateY(-200%)}.skip:focus{transform:none}
.header{height:108px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;margin:0 4.2%;border-bottom:1px solid var(--line);gap:30px}.brand{display:inline-flex;flex-shrink:0}.header .brand{width:248px}.brand img{width:100%;height:auto}.header nav{display:flex;justify-self:center;gap:32px;white-space:nowrap}.header nav a{font-size:13px;position:relative}.header nav a:after{content:"";height:1px;background:currentColor;position:absolute;left:0;right:0;bottom:-6px;transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}.nav-contact{justify-self:end;border:1px solid var(--ink);padding:13px 20px;font-size:12px;transition:background .25s,color .25s}.nav-contact:hover{background:var(--ink);color:var(--paper)}
.eyebrow{font-family:var(--mono);font-size:9px;line-height:1.6;letter-spacing:.055em;font-weight:400;margin:0}.hero{padding:54px 7% 68px}.hero-eyebrow{display:flex;align-items:center;gap:16px;color:#5b5d56}.hero-eyebrow>span{color:#999b90}.hero h1{font-size:clamp(74px,8.2vw,132px);font-weight:550;line-height:.99;letter-spacing:-.064em;margin:42px 0 38px}.hero-line{display:block}.hero-line-soft{font-weight:350;color:#7b7d73}.hero-bottom{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:end;gap:25px}.hero-note{font-size:11px;line-height:1.6;margin:0;color:var(--muted)}.hero-description{justify-self:start}.hero-description p{font-size:15px;line-height:1.65;margin:0 0 16px;letter-spacing:-.015em}.text-link{display:inline-flex;font-size:12px;padding:6px 0;border-bottom:1px solid currentColor;transition:color .2s}.text-link:hover{color:var(--muted)}.hero-index{font-family:var(--mono);font-size:9px;color:var(--muted);justify-self:end;margin-bottom:6px}
.section-pad{padding:90px 7%}.section-rule{height:1px;background:var(--line);width:100%;transform-origin:left}.work-showcase{padding-top:0;padding-bottom:85px}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:30px 0 32px}.work-heading h2{font-size:43px;font-weight:450;line-height:1.1;letter-spacing:-.05em;margin:13px 0 0}.work-heading>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 1px}.website-study{margin:0}.work-media{aspect-ratio:1.7;position:relative;overflow:hidden;background:#353b33;color:#fff;isolation:isolate}.project-image{width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:saturate(.7) brightness(.86);transform-origin:center}.project-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0006,transparent 75%),linear-gradient(0deg,#0005,transparent 40%,#0002);pointer-events:none}.concept-top{position:absolute;left:4.5%;right:4.5%;top:6%;display:flex;justify-content:space-between;gap:20px;align-items:start}.concept-brand{font-size:23px;font-weight:650;letter-spacing:-.04em}.concept-brand>span{font-weight:300}.concept-top>span:last-child{font-size:8px;line-height:1.6;text-align:right}.concept-title{position:absolute;left:6%;top:32%}.concept-title>span{font-family:var(--mono);font-size:8px;letter-spacing:.12em}.concept-title>p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(45px,6.4vw,94px);font-weight:400;line-height:.98;letter-spacing:-.06em;margin:18px 0 0}.concept-foot{position:absolute;left:4.5%;bottom:5%;font-family:var(--mono);font-size:7px;letter-spacing:.1em}.project-caption{display:flex;align-items:start;justify-content:space-between;gap:25px;padding:19px 0 0}.project-caption>div{display:flex;align-items:center;gap:22px}.project-name{font-size:12px;font-weight:600;letter-spacing:-.02em}.project-caption>div>span:last-child,.project-caption>p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.social-study{display:grid;grid-template-columns:1fr 1.5fr;gap:7%;align-items:center;padding:95px 0 25px}.social-copy h3{font-size:clamp(40px,4vw,58px);font-weight:450;line-height:1.05;letter-spacing:-.05em;margin:20px 0 24px}.social-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);margin:0}.study-note{display:block;font-family:var(--mono);font-size:7px;letter-spacing:.06em;line-height:1.8;color:#63665d;margin-top:33px}.social-cards{display:flex;align-items:center;justify-content:center;gap:20px;padding:24px 5%}.social-card{position:relative;overflow:hidden;aspect-ratio:4/5;width:50%;box-shadow:0 15px 24px #20211e16}.social-card-one{transform:rotate(-5deg) translateY(-10px);z-index:1}.social-card-two{transform:rotate(5deg) translateY(15px);margin-left:-10px}.social-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.55)}.social-card>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(#0002,transparent,#0008);padding:20px;color:#fff}.social-card span{font-family:var(--mono);font-size:5px;letter-spacing:.06em}.social-card p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.9vw,42px);font-weight:400;line-height:.95;letter-spacing:-.05em;margin:auto 0 25px}
.services{border-top:1px solid var(--line);margin:0 7%;padding:70px 0 85px}.section-heading h2{font-size:clamp(42px,4.8vw,69px);font-weight:450;line-height:1.03;letter-spacing:-.055em;margin:22px 0 48px}.service-grid{display:grid;grid-template-columns:1fr 1fr}.service{border-top:1px solid var(--line);padding:26px 13% 0 0}.service+.service{padding:26px 0 0 13%;border-left:1px solid var(--line)}.service-top{display:flex;justify-content:space-between;align-items:start;height:95px}.service-number{font-family:var(--mono);font-size:10px;color:var(--muted)}.service-icon{width:64px;height:51px;fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.service h3{font-size:38px;font-weight:450;letter-spacing:-.045em;margin:10px 0 17px}.service>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:370px;margin:0 0 22px}.service ul{list-style:none;margin:0 0 27px;padding:0;font-size:11px;color:#55574f;line-height:2.1}.service li:before{content:"+";display:inline-block;width:22px;color:var(--ink)}
.clients{padding-top:0;padding-bottom:100px}.clients-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end}.clients-heading>.eyebrow{grid-column:1/-1}.clients h2{font-size:clamp(36px,4vw,55px);font-weight:450;letter-spacing:-.055em;margin:18px 0 34px}.clients-heading>p:last-child{font-size:12px;line-height:1.7;color:var(--muted);text-align:right;margin:0 0 39px}.client{display:grid;grid-template-columns:40px 1fr 160px 180px;gap:20px;align-items:center;border-top:1px solid var(--line);padding:30px 0}.client:last-child{border-bottom:1px solid var(--line)}.client-index{font-family:var(--mono);font-size:9px;color:var(--muted)}.client h3{font-size:26px;font-weight:450;letter-spacing:-.045em;margin:0}.client-category,.client-service{font-size:10px;color:var(--muted)}.client-service{text-align:right}
.studio{background:#e7e8e1;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:90px;padding-bottom:90px}.studio-art{background:#dedfd6;aspect-ratio:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#858c7a12 1px,transparent 1px),linear-gradient(90deg,#858c7a12 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,black,transparent 80%)}.studio-brandmark{width:61%;height:61%;object-fit:contain}.studio-art>span{position:absolute;bottom:24px;font-family:var(--mono);font-size:6px;letter-spacing:.06em;color:#555b4c}.studio-copy h2{font-size:clamp(40px,4.4vw,63px);font-weight:450;line-height:1.02;letter-spacing:-.055em;margin:22px 0 28px}.studio-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;color:var(--muted);max-width:400px;margin:0 0 18px}.studio-copy .text-link{margin-top:10px}.signature{display:block;width:156px;height:auto;margin-top:25px;overflow:visible;transform:rotate(-3deg);transform-origin:left center}
.contact{padding:50px 7%;background:var(--ink);color:var(--paper)}.contact-top{display:flex;align-items:center;justify-content:space-between;color:#aaaD9e;gap:20px}.contact-top>span{font-family:var(--mono);font-size:9px}.contact-title{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-title h2{font-size:clamp(52px,7.2vw,108px);line-height:1.03;letter-spacing:-.055em;font-weight:450;margin:44px 0 50px}.contact-arrow{font-size:85px;font-weight:200;line-height:1;transition:transform .3s}.contact-title:hover .contact-arrow{transform:translate(6px,-6px)}.contact-bottom{border-top:1px solid #4c4e43;padding-top:24px;display:flex;align-items:center;gap:24px;position:relative}.email-link{font-size:17px;letter-spacing:-.02em}.email-link:hover{text-decoration:underline;text-underline-offset:5px}.copy-email{display:flex;align-items:center;gap:18px;border:1px solid #6a6d61;background:transparent;padding:10px 15px;font-size:10px;color:var(--paper);margin-left:auto;transition:background .2s,color .2s}.copy-email:hover{background:var(--paper);color:var(--ink)}.copy-email span{font-size:15px;line-height:1}.copy-feedback{font-size:10px;position:absolute;right:0;bottom:-24px;color:#c6cabd}footer{padding:32px 4.2%;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:130px}.footer-brand{width:218px}footer>p{font-size:10px;color:var(--muted)}footer>span{font-size:9px;color:var(--muted);margin-left:auto}.back-top{font-size:10px;margin-left:15px}.back-top:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.hero,.section-pad,.contact{padding-left:max(7%,calc((100vw - 1376px)/2));padding-right:max(7%,calc((100vw - 1376px)/2))}.header,footer{padding-left:max(4.2%,calc((100vw - 1500px)/2));padding-right:max(4.2%,calc((100vw - 1500px)/2))}.header{margin:0}.services{margin:0 max(7%,calc((100vw - 1376px)/2));padding:75px 0 90px}}
@media(max-width:1000px){.header{gap:20px}.header .brand{width:220px}.header nav{gap:23px}.hero{padding-top:46px}.hero h1{font-size:9.7vw}.section-pad{padding-left:6%;padding-right:6%}.work-showcase{padding-top:0}.work-heading h2{font-size:38px}.social-study{gap:5%;padding-top:80px}.social-cards{padding-left:0;padding-right:0}.client{grid-template-columns:25px 1fr 130px 145px;gap:15px}.client h3{font-size:23px}.services{margin-left:6%;margin-right:6%;padding-left:0;padding-right:0}.studio{gap:8%}.contact{padding-left:6%;padding-right:6%}footer{flex-wrap:wrap}.footer-brand{width:200px}footer>p{font-size:9px}}
@media(max-width:850px){.header{grid-template-columns:minmax(0,1fr) auto}.header nav{display:none}.hero-bottom{grid-template-columns:1fr 2fr}.hero-index{display:none}.project-caption>div{gap:14px}.project-caption>p{max-width:200px;text-align:right}.social-card>div{padding:15px}.social-card span{font-size:4px}}
@media(max-width:700px){.header{height:84px;margin:0 6%;gap:20px}.header .brand{width:clamp(150px,48vw,210px)}.nav-contact{font-size:11px;padding:10px 13px}.hero{padding:40px 7% 48px}.hero-eyebrow{font-size:6px;gap:9px;letter-spacing:.01em;white-space:nowrap}.hero h1{font-size:11.6vw;line-height:1.03;letter-spacing:-.06em;margin:30px 0}.hero-bottom{display:block}.hero-note,.hero-index{display:none}.hero-description p{font-size:13px;line-height:1.7;margin-bottom:15px}.hero-description p br{display:none}.hero-description .text-link{font-size:11px}.section-pad{padding-left:7%;padding-right:7%}.work-showcase{padding-top:0;padding-bottom:52px}.work-heading{display:block;padding:23px 0 24px}.eyebrow{font-size:7px}.work-heading h2{font-size:32px;margin-top:12px}.work-heading>p{font-size:11px;line-height:1.7;margin:15px 0 0}.work-heading>p br{display:none}.work-media{aspect-ratio:4/5}.project-image{object-position:57% center}.concept-top{left:7%;right:7%;top:7%}.concept-brand{font-size:18px}.concept-top>span:last-child{font-size:5px}.concept-title{left:8%;top:34%}.concept-title>span{font-size:5px}.concept-title>p{font-size:12vw;line-height:1.02;margin-top:15px}.concept-foot{left:8%;bottom:6%;font-size:5px}.project-caption{display:block;padding-top:14px}.project-caption>div{gap:15px}.project-name{font-size:11px}.project-caption>div>span:last-child{font-size:9px}.project-caption>p{font-size:8px;max-width:none;text-align:left;margin-top:6px}.social-study{grid-template-columns:1fr;gap:28px;padding:55px 0 22px}.social-copy h3{font-size:36px;line-height:1.05;margin:15px 0 17px}.social-copy h3 br{display:none}.social-copy>p:not(.eyebrow){font-size:12px;line-height:1.7}.social-copy>p br{display:none}.study-note{font-size:6px;margin-top:20px;line-height:1.7}.social-cards{padding:22px 3% 12px;gap:14px}.social-card-two{margin-left:-6px}.social-card p{font-size:8vw;margin-bottom:20px}.social-card>div{padding:12px}.social-card span{font-size:3.4px}.services{margin:0 7%;padding:55px 0 65px}.section-heading h2{font-size:37px;margin:20px 0 34px}.service-grid{grid-template-columns:1fr;gap:38px}.service,.service+.service{padding:22px 0 0;border-left:0}.service-top{height:64px}.service-icon{width:57px;height:46px}.service h3{font-size:34px;margin:13px 0 15px}.service>p{font-size:13px;max-width:none}.service ul{font-size:10px}.service .text-link{font-size:11px}.clients{padding-top:0;padding-bottom:60px}.clients-heading{display:block}.clients h2{font-size:34px;margin:17px 0 12px}.clients-heading>p:last-child{text-align:left;font-size:11px;margin:0 0 26px}.client{grid-template-columns:22px 1fr;gap:10px;padding:23px 0}.client h3{font-size:24px}.client-category,.client-service{grid-column:2;font-size:9px;text-align:left}.client-service{margin-top:-3px}.studio{grid-template-columns:1fr;gap:35px;padding-top:50px;padding-bottom:55px}.studio-art{max-width:420px;width:100%;justify-self:center}.studio-copy h2{font-size:40px;margin:20px 0 25px}.studio-copy>p:not(.eyebrow){font-size:13px;max-width:none}.studio-copy .text-link{font-size:11px}.signature{width:144px;margin-top:24px}.contact{padding:35px 7% 44px}.contact-top .eyebrow{font-size:6px;max-width:180px}.contact-top>span{font-size:6px;white-space:nowrap}.contact-title{gap:12px}.contact-title h2{font-size:11.7vw;margin:33px 0 37px}.contact-arrow{font-size:37px;align-self:end;margin-bottom:40px}.contact-bottom{flex-wrap:wrap;gap:18px;padding-top:22px}.email-link{font-size:13px;letter-spacing:-.025em}.copy-email{font-size:8px;gap:12px;padding:8px 12px;margin-left:0}.copy-feedback{font-size:8px;bottom:-23px;left:0;right:auto}footer{display:grid;grid-template-columns:1fr 1fr;padding:28px 7%;gap:15px}.footer-brand{width:210px;grid-column:1/-1}footer>p{grid-row:2;grid-column:1/-1;font-size:9px;margin:0}footer>span{grid-row:3;font-size:8px;margin-left:0}.back-top{grid-column:2;grid-row:3;font-size:9px;margin-left:0;text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Actual EM Builders website preview, shown without cropping the desktop layout. */
.work-media-live{aspect-ratio:8/5;background:#ecece5}
.project-live-link,.project-video{display:block;width:100%;height:100%}
.project-video{object-fit:contain}
.preview-toggle{position:absolute;right:14px;bottom:14px;min-height:40px;padding:9px 14px;background:var(--paper);color:var(--ink);border:1px solid #20211e44;font-size:10px;z-index:2;box-shadow:0 2px 8px #0001}
.preview-toggle:hover{background:var(--ink);color:var(--paper)}
.preview-toggle[hidden]{display:none}
.project-visit{font-size:10px;line-height:1.6;border-bottom:1px solid currentColor;padding-bottom:2px}
.project-visit:hover{color:var(--muted)}
@media(max-width:700px){.preview-toggle{right:8px;bottom:8px;font-size:8px;min-height:34px;padding:7px 10px}.project-visit{display:inline-block;font-size:9px;margin-top:10px}.project-caption>div{flex-wrap:wrap;row-gap:3px}}