:root{--teal:#2c6562;--slate:#505a60;--ink:#303b40;--panel:#edf3f2;--paper:#fafbf8;--line:#cfd9d6;--muted:#64716f;--gutter:clamp(22px,5.4vw,88px)}*{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;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--teal);outline-offset:5px}button{touch-action:manipulation}img{max-width:100%;display:block}p,h1,h2,h3,figure{margin:0}.wrap{max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:fixed;z-index:10;top:10px;left:10px;transform:translateY(-150%);padding:12px;background:white}.skip-link:focus{transform:none}.site-header{padding:30px var(--gutter);display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto}.brand{font-size:26px;font-weight:700;letter-spacing:-1px;color:var(--slate)}.brand-dot{color:var(--teal)}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav a{padding-block:8px}nav a:hover,.text-link:hover,footer a:hover{color:var(--teal)}.nav-contact{border-bottom:1px solid var(--ink);display:flex;gap:25px}.intro{padding-top:78px;padding-bottom:90px}.intro-top{display:flex;justify-content:space-between;align-items:center}.eyebrow,.section-rule,.project-type,.location,.gallery-heading,.thumb-caption,.role span,.web-stage-note,.browser-chrome,.experience>div>span,footer{font-size:11px;font-weight:500;letter-spacing:.09em;line-height:1.4}.eyebrow,.section-rule,.project-type,.role span{text-transform:uppercase}.eyebrow{color:var(--teal)}.location{color:var(--muted);letter-spacing:.01em}.location span{margin-inline:8px;color:#9aa6a2}h1{font-size:clamp(66px,8.8vw,140px);line-height:.97;letter-spacing:-.065em;font-weight:500;margin:35px 0 38px;color:var(--slate)}h1 span{color:var(--teal)}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.intro-bottom>p{max-width:490px;font-size:17px;line-height:1.6}.down-link{display:flex;align-items:center;gap:36px;font-size:13px}.down-link span{border:1px solid var(--line);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:21px;transition:background .2s}.down-link:hover span{background:var(--panel)}.section-rule{padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);margin-bottom:48px}.project{margin-bottom:110px}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.project-type{color:var(--muted);font-size:10px}.feature-image{display:block;position:relative;width:100%;padding:0;border:0;background:#dce4e1;aspect-ratio:16/9;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.feature-image:hover img{transform:scale(1.014)}.feature-image.campaigns{background:#e2e9e6}.feature-image.contain img{object-fit:contain;padding:25px}.expand-mark{position:absolute;bottom:20px;right:20px;background:var(--paper);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px}.web-stage{background:#dfe8e4;padding:clamp(18px,3.6vw,56px) clamp(18px,5vw,80px) 18px}.browser-chrome{height:32px;padding:0 13px;background:#f5f6f4;border:1px solid #c9d1ce;border-bottom:0;display:flex;justify-content:space-between;align-items:center;letter-spacing:.01em;color:#7d8884;border-radius:7px 7px 0 0;font-size:9px;max-width:1140px;margin:auto}.traffic{letter-spacing:3px;color:#b0bdb7;font-size:8px}.web-viewport{height:clamp(340px,48vw,680px);max-width:1140px;overflow-y:auto;overscroll-behavior:contain;background:white;box-shadow:0 15px 35px #172d2020;border:1px solid #c9d1ce;margin:auto;scrollbar-color:#8ca49a #e8efeb;scrollbar-width:thin;transition:max-width .35s;border-radius:0 0 4px 4px}.web-viewport img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:top}.preview-device{max-width:1140px;margin-inline:auto}.web-stage.mobile .preview-device{position:relative;width:100%;max-width:354px;padding:27px 8px 18px;background:#303b40;border:1px solid #53605e;border-radius:34px;box-shadow:0 18px 36px #172d2028}.web-stage.mobile .preview-device:before{content:"";position:absolute;width:52px;height:4px;top:12px;left:50%;transform:translateX(-50%);border-radius:3px;background:#788782}.web-stage.mobile .preview-device:after{content:"";position:absolute;width:90px;height:4px;bottom:7px;left:50%;transform:translateX(-50%);border-radius:3px;background:#788782}.web-stage.mobile .browser-chrome{display:none}.web-stage.mobile .web-viewport{height:clamp(420px,48vw,664px);border:0;border-radius:14px;box-shadow:none;scrollbar-gutter:stable;scrollbar-color:#899a95 #eff3f1}.thumb-image.mobile-preview{padding:9px 0;background:#dfe8e4}.thumb-image.mobile-preview img{width:30%;height:auto;min-height:100%;margin:auto;border:3px solid #303b40;border-radius:7px 7px 0 0;box-shadow:0 4px 9px #172d2026}.web-stage-note{display:flex;justify-content:space-between;gap:15px;padding-top:18px;color:#63776d;font-size:9px;letter-spacing:.02em}.gallery-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;text-transform:uppercase;color:var(--muted);font-size:10px}.view-count{color:#86948e;margin-left:15px}.gallery-controls{display:flex;gap:7px}.gallery-controls button{background:transparent;border:1px solid var(--line);width:32px;height:32px;font-size:15px}.gallery-controls button:hover{background:var(--panel)}.image-strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 10px;scrollbar-width:thin;scrollbar-color:#acbfb7 transparent}.thumbnail{padding:0;border:0;background:none;text-align:left;flex:0 0 calc((100% - 54px)/4);min-width:200px;scroll-snap-align:start}.thumb-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#e6ece8;outline:1px solid transparent;outline-offset:2px;transition:outline .2s}.thumb-image img{width:100%;height:100%;object-fit:cover;object-position:top}.thumb-image.portrait img{object-fit:contain;padding:9px}.thumbnail.active .thumb-image{outline-color:var(--teal)}.thumbnail:hover .thumb-image{outline-color:var(--muted)}.thumb-caption{display:flex;justify-content:space-between;gap:10px;padding-top:11px;font-size:10px;letter-spacing:.015em;color:var(--muted)}.thumbnail.active .thumb-caption{color:var(--teal)}.thumb-caption>span:last-child{opacity:.65}.project-copy{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:37px}.project-copy h2{font-weight:500;font-size:clamp(32px,3.8vw,60px);line-height:1.07;letter-spacing:-.045em;color:var(--slate)}.project-copy>div{max-width:550px;padding-top:3px}.project-copy p{font-size:15px;line-height:1.75;color:#59645f}.project-copy .role{font-size:11px;line-height:1.7;margin-top:23px;color:var(--muted)}.role span{display:block;color:var(--ink);font-size:9px;margin-bottom:6px}.text-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #9baca4;padding-block:10px;font-size:12px;margin-top:20px}.text-link>span:last-child{margin-left:15px}.play{font-size:9px}.about{background:var(--panel);padding-block:86px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;margin-top:35px}.about h2{font-size:clamp(37px,4.8vw,74px);font-weight:500;line-height:1.05;letter-spacing:-.05em;color:var(--slate)}.about h2 span{color:var(--teal)}.about-copy p{font-size:15px;line-height:1.7;color:#596961}.about-copy .large-copy{font-size:22px;line-height:1.4;color:var(--ink);margin-bottom:23px;letter-spacing:-.025em}.experience{border-top:1px solid #cad8d1;margin-top:64px;padding-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.experience>div>span{color:var(--muted);font-size:10px}.experience h3{font-size:17px;font-weight:500;margin:14px 0 8px;letter-spacing:-.025em}.experience p{font-size:12px;line-height:1.65;color:var(--muted)}.contact{padding-block:100px 85px}.contact h2{font-size:clamp(48px,6.6vw,104px);line-height:1.02;font-weight:500;letter-spacing:-.06em;margin-top:29px;color:var(--slate)}.contact h2 span{color:var(--teal)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:40px}.contact-bottom p{max-width:465px;font-size:16px;line-height:1.6;color:var(--muted)}.contact-button{padding:22px 25px;background:var(--teal);color:white;display:flex;align-items:center;gap:85px;font-size:18px}.contact-button:hover{background:#224e4b}.email{display:inline-block;font-size:13px;margin-top:33px;border-bottom:1px solid var(--line);padding-bottom:7px}footer{border-top:1px solid var(--line);padding-block:24px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.02em}footer>div{display:flex;gap:25px}.lightbox{border:0;background:var(--paper);max-width:94vw;max-height:94vh;padding:54px 20px 18px;color:var(--ink)}.lightbox::backdrop{background:#182827e6;backdrop-filter:blur(5px)}.lightbox img{max-width:88vw;max-height:75vh;object-fit:contain;margin:auto}.lightbox p{text-align:center;margin-top:14px;font-size:12px}.lightbox-close{position:absolute;right:18px;top:12px;border:0;background:none;padding:8px;font-size:13px}body.modal-open{overflow:hidden}@media(min-width:1450px){.intro{padding-top:110px;padding-bottom:120px}.project{margin-bottom:140px}}@media(max-width:900px){nav{gap:21px}.location{display:none}.intro{padding-top:60px}.intro-bottom>p{max-width:430px;font-size:15px}.thumbnail{min-width:180px}.project-copy{gap:7%}.project-copy p{font-size:14px}.about-grid{gap:7%}.contact-button{gap:45px}.work{--gutter:32px}}@media(max-width:620px){:root{--gutter:22px}.site-header{padding-block:23px;align-items:flex-start}.brand{font-size:23px}nav{gap:19px;font-size:11px;padding-top:1px}nav>a:nth-child(2),nav>a:nth-child(4){display:none}nav>a:first-child{font-size:0}nav>a:first-child:after{content:'Work';font-size:11px}.intro{padding-top:55px;padding-bottom:58px}.eyebrow{font-size:9px;letter-spacing:.08em}h1{font-size:clamp(52px,12.2vw,74px);letter-spacing:-.06em;line-height:1.01;margin:25px 0 26px}.intro-bottom{display:block}.intro-bottom>p{font-size:14px;max-width:340px;line-height:1.7}.down-link{justify-content:space-between;margin-top:28px;font-size:11px}.down-link span{width:38px;height:38px}.section-rule{font-size:9px;margin-bottom:29px}.work{--gutter:22px}.project-top{margin-bottom:15px}.project-type{display:none}.project{margin-bottom:65px}.web-stage{padding:17px 13px 13px;margin-inline:-7px}.browser-chrome{font-size:7px;height:23px;padding-inline:8px}.web-viewport{height:340px}.web-stage-note{font-size:7px;padding-top:12px}.web-stage.mobile .preview-device{max-width:294px;padding:23px 7px 16px;border-radius:29px}.web-stage.mobile .preview-device:before{top:10px}.web-stage.mobile .web-viewport{height:480px;border-radius:11px}.web-stage.mobile .web-stage-note{flex-wrap:wrap}.feature-image{aspect-ratio:4/3;margin-inline:-7px;width:calc(100% + 14px)}.expand-mark{bottom:12px;right:12px;width:32px;height:32px;font-size:16px}.gallery-heading{margin-top:17px;font-size:9px}.image-strip{gap:13px;padding-bottom:10px;margin-right:-22px;padding-right:22px}.thumbnail{flex-basis:60%;min-width:0}.thumb-caption{font-size:9px}.project-copy{display:block;padding-top:26px}.project-copy h2{font-size:36px;line-height:1.06}.project-copy>div{padding-top:20px}.project-copy p{font-size:14px;line-height:1.7}.project-copy .role{font-size:10px;margin-top:18px}.about{padding-block:58px}.about-grid{display:block;margin-top:25px}.about h2{font-size:43px}.about-copy{margin-top:30px}.about-copy .large-copy{font-size:20px}.about-copy p{font-size:14px}.experience{grid-template-columns:1fr;gap:23px;margin-top:38px;padding-top:26px}.experience>div{display:grid;grid-template-columns:110px 1fr;column-gap:15px}.experience>div>span{padding-top:3px;font-size:9px}.experience h3{font-size:16px;margin:0 0 7px}.experience p{grid-column:2;font-size:11px}.contact{padding-block:65px 45px}.contact h2{font-size:46px;margin-top:25px}.contact-bottom{display:block;margin-top:28px}.contact-bottom p{font-size:14px}.contact-button{font-size:16px;margin-top:26px;justify-content:space-between;padding:19px 22px}.email{font-size:12px;margin-top:28px}footer{display:block;font-size:9px;padding-block:22px}footer>div{gap:22px;margin-top:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}