:root{--paper:#f7f6f2;--ink:#252823;--muted:#64675f;--line:#d6d8cf;--accent:#873d31;--soft:#ecede7;--pad:clamp(32px,6.667vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.625 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:400}h1{font-size:80px;line-height:1.1;letter-spacing:-2.4px}h2{font-size:40px;line-height:1.2;letter-spacing:-1.2px}h3{font-weight:500;font-size:28px;line-height:1.286;letter-spacing:-.84px}p{color:var(--muted)}ul,ol{padding-left:1.25em;margin:0;color:var(--muted)}.site{max-width:1600px;margin:auto}.section{padding:80px var(--pad);display:flex;flex-direction:column;gap:32px}.section.compact{padding-top:64px;padding-bottom:64px}.label{font-size:12px;font-weight:600;line-height:18px;color:var(--accent);letter-spacing:.02em}.small{font-size:14px;line-height:22px}.lead{font-size:20px;line-height:30px}.stack{display:flex;flex-direction:column;gap:24px}.stack.sm{gap:12px}.row{display:flex;gap:24px;align-items:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.split{display:grid;grid-template-columns:38% 1fr;gap:64px}.divider{height:1px;background:var(--line);width:100%}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:14px 24px;border-radius:4px;font-size:14px;line-height:20px;font-weight:600;background:var(--accent);color:var(--paper);border:1px solid var(--accent);width:fit-content}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}a,button{transition:background .18s,color .18s,box-shadow .18s}a:focus-visible,button:focus-visible{outline:3px solid #2373ce;outline-offset:5px}a:hover .text-link,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button:hover{background:#733429;border-color:#733429;color:white}.button.secondary:hover{background:var(--soft);color:var(--ink);border-color:var(--muted)}.text-link{color:var(--accent);font-size:14px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;gap:8px}.nav{padding:32px var(--pad);display:flex;justify-content:space-between;gap:24px;align-items:center}.identity{font-size:14px;font-weight:600;line-height:20px}.identity small{display:block;color:var(--muted);font-size:12px;line-height:18px;margin-top:4px}.nav-links{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}.nav-links a{min-height:44px;display:flex;align-items:center}.menu-toggle{display:none;border:0;background:none;min-height:44px;padding:8px 0;font-size:14px;font-weight:600}.mobile-menu{display:none;padding:32px var(--pad) 56px;border-bottom:1px solid var(--line)}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;font-size:28px;padding:12px 0}.hero h1 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:88px;line-height:88px;letter-spacing:-2.64px}.hero-info{display:grid;grid-template-columns:1.9fr 1fr;gap:48px}.proof{padding-left:0}.proof h3{white-space:nowrap}.organizations{padding:24px var(--pad)}.organizations .row{justify-content:space-between;padding:28px 0;border-block:1px solid var(--line)}.organizations span{flex:1;color:var(--muted);font-size:14px}.feature{background:white;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.feature .feature-title{font-size:40px;line-height:1.2;letter-spacing:-1.2px;color:#0668fb}.feature .copy{gap:16px}.feature-art{position:relative;height:620px;display:flex;align-items:center;justify-content:center}.phone{width:258px;padding:4px;border:1px solid #64675f;border-radius:29px;background:#252823;box-shadow:0 15px 12px #141a1325;flex-shrink:0;overflow:hidden}.phone img{width:100%;border-radius:24px}.feature-art .phone{position:absolute;width:244px}.feature-art .back-left{width:220px;left:0;top:65px}.feature-art .back-right{width:220px;right:0;top:65px}.feature-art .front{z-index:1}.feature-credit{grid-column:1/-1;font-size:12px;color:var(--muted)}.project-card{display:flex;flex-direction:column;gap:24px}.project-card .copy{display:flex;flex-direction:column;gap:12px}.editorial-panel{padding:32px;background:var(--soft);height:328px;display:flex;flex-direction:column;justify-content:space-between}.editorial-panel.dark{background:var(--ink);color:var(--paper)}.editorial-panel.dark p{color:var(--paper)}.editorial-name{font-size:76px;line-height:84px;letter-spacing:-3px}.artwork{background:white;border-radius:12px;padding:32px;display:flex;align-items:center;justify-content:center;gap:40px;overflow:hidden}.artwork.brand img{height:330px;width:100%;object-fit:contain}.artwork.swift{background:var(--soft);min-height:498px}.swift-logo{width:152px;height:152px;object-fit:contain}.swift-menu{width:204px;border-radius:30px}.swift-login{width:184px;border-radius:30px}.work-grid{margin-bottom:8px}.brand-heading{margin-top:16px}.experience-row{display:grid;grid-template-columns:440fr 776fr;gap:32px;padding-top:32px;border-top:1px solid var(--line)}.experience-row>div{display:flex;flex-direction:column;gap:8px}.dark{background:var(--ink);color:var(--paper)}.dark p,.dark .label{color:var(--paper)}.dark h2{font-size:56px;line-height:64px}.dark .text-link{color:var(--paper)}.case-nav{padding:24px var(--pad);display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px;font-weight:600}.case-nav a{min-height:44px;display:flex;align-items:center}.case-header{gap:32px}.case-header .subtitle{font-size:40px;line-height:48px;letter-spacing:-1.2px}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.facts p{color:var(--ink)}.facts .label{color:var(--muted);margin-bottom:8px}.chapters{padding:24px var(--pad);display:flex;gap:32px;flex-wrap:wrap}.chapters a{color:var(--accent);font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center}.soft{background:var(--soft)}.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.screen-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;gap:16px}.screen-card .phone{margin:auto auto 0}.screen-card figcaption{display:flex;flex-direction:column;gap:16px}.screen-title{color:var(--ink)}.caption{font-size:14px;line-height:22px}.case-row{display:grid;grid-template-columns:410fr 790fr;gap:48px;padding-top:28px;border-top:1px solid var(--line)}.case-row .stack{gap:16px}.mini-card{background:var(--paper);padding:24px;display:flex;flex-direction:column;gap:16px}.note{border-left:2px solid var(--accent);padding:8px 0 8px 20px;max-width:1000px}.brand-hero{background:white;padding:48px var(--pad);display:flex;flex-direction:column;gap:24px}.brand-hero img{width:100%;max-height:680px;object-fit:contain}.case-footer{padding:64px var(--pad);display:flex;flex-direction:column;gap:24px}.workflow{display:grid;grid-template-columns:1.8fr 1fr;gap:48px;align-items:start}.workflow figure{text-align:center}.workflow figure img{max-height:650px;margin:auto;border:3px solid var(--ink);border-radius:20px}.workflow figcaption{margin-top:16px;text-align:left}.logo-outcome{display:grid;grid-template-columns:250px 1fr;gap:48px;align-items:center}.logo-outcome img{width:220px}.skip{position:fixed;left:12px;top:-80px;padding:12px;background:white;z-index:99}.skip:focus{top:12px}.lightbox{border:0;background:var(--paper);padding:24px;max-width:95vw;max-height:95vh}.lightbox::backdrop{background:#000b}.lightbox img{max-height:80vh;width:auto;margin:auto}.lightbox button{position:sticky;top:0;float:right;background:var(--ink);color:white;border:0;border-radius:3px;min-height:44px;padding:0 16px;cursor:pointer}.zoomable{cursor:zoom-in}.print-button{cursor:pointer}.not-found{text-align:center;min-height:80vh;justify-content:center;align-items:center}
@media(min-width:1600px){.site{border-inline:1px solid var(--line)}}
@media(max-width:1100px){h1{font-size:64px;line-height:72px}.hero h1 em{font-size:72px;line-height:72px}.nav-links{gap:18px}.nav{padding-block:24px}.hero-info{grid-template-columns:1fr}.proof h3{font-size:24px}.feature{grid-template-columns:1fr;gap:24px}.feature-art{width:600px;max-width:100%;margin:auto;height:600px}.split{grid-template-columns:1fr 1.35fr;gap:32px}.feature .copy{max-width:100%}.grid.three{gap:24px}.facts{gap:24px}.editorial-name{font-size:60px}.artwork.brand img{height:250px}.workflow{grid-template-columns:1.25fr 1fr}.logo-outcome{grid-template-columns:200px 1fr;gap:32px}}
@media(max-width:900px){.nav-links{display:none}.menu-toggle{display:block}.mobile-menu:not([hidden]){display:block}.section{padding-block:64px}.hero{padding-top:48px}.grid.three{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.skills-grid h3{font-size:24px}.screen-grid{gap:24px}.screen-card .phone{width:230px;max-width:100%}.case-row{grid-template-columns:1fr 1.5fr;gap:32px}.facts{grid-template-columns:repeat(3,minmax(0,1fr))}.artwork.swift{gap:32px}.swift-logo{width:112px;height:112px}.swift-menu{width:180px}.swift-login{width:160px}}
@media(max-width:600px){:root{--pad:24px}h1{font-size:44px;line-height:50px;letter-spacing:-1.32px}h2{font-size:28px;line-height:36px;letter-spacing:-.84px}h3{font-size:24px;line-height:32px;letter-spacing:-.72px}.section{padding-block:48px;gap:24px}.section.compact{padding-block:40px}.nav{padding:24px;gap:16px}.identity{font-size:14px}.hero{padding-block:32px}.hero h1 em{font-size:50px;line-height:50px;letter-spacing:-1.5px}.hero .lead,.case-header .lead{font-size:16px;line-height:26px}.hero-info{gap:24px}.proof{gap:8px}.proof h3{font-size:14px;line-height:22px;letter-spacing:0}.hero .row{gap:12px}.hero .button{padding-inline:16px;flex:1}.organizations{padding:16px 24px}.organizations .row{padding:16px 0;gap:8px;flex-wrap:wrap;justify-content:start}.organizations span{font-size:12px;flex:initial}.organizations span:not(:last-child)::after{content:' ·';margin-left:8px}.work{padding-top:32px}.grid,.split,.screen-grid,.facts,.case-row,.workflow,.logo-outcome,.experience-row{grid-template-columns:1fr}.grid{gap:32px}.feature{padding:24px 16px;gap:24px}.feature .feature-title{font-size:32px;line-height:40px}.feature-art{height:600px;max-width:100%}.feature-art .phone.front{position:relative;width:258px;max-width:100%}.feature-art .back-left,.feature-art .back-right{display:none}.feature .copy{display:contents}.feature .copy .label{order:0}.feature .feature-title{order:1}.feature .copy h3{order:2;font-size:20px;line-height:28px}.feature-art{order:3;height:auto;padding-block:12px}.feature .copy p:not(.label){order:4}.feature .copy .button{order:5}.feature-credit{order:6}.feature{display:flex;flex-direction:column;align-items:start}.feature-art{align-self:center}.editorial-panel{height:264px;padding:24px}.editorial-name{font-size:56px;line-height:64px}.artwork{padding:24px;gap:16px}.artwork.swift{min-height:0;gap:16px}.swift-logo{width:64px;height:64px}.swift-menu{width:calc((100% - 96px)*.53)}.swift-login{width:calc((100% - 96px)*.47)}.artwork.brand img{height:180px}.brand-heading{margin-top:8px}.skills-grid{grid-template-columns:1fr!important}.dark h2{font-size:36px;line-height:44px;letter-spacing:-1.08px}.contact .row{flex-wrap:wrap}.experience-row{gap:16px;padding-top:24px}.case-header{padding-top:32px}.case-header .subtitle{font-size:28px;line-height:36px;letter-spacing:-.84px}.facts{gap:20px}.chapters{padding-block:16px;gap:8px 24px}.chapters a{font-size:12px}.screen-card{padding:24px 16px}.screen-card .phone{width:258px}.case-row{gap:16px}.brand-hero{padding:32px 24px}.brand-hero img{max-height:400px}.case-footer{padding:40px 24px}.logo-outcome{gap:24px}.logo-outcome img{width:180px}.workflow{gap:32px}.workflow figure img{max-height:none;width:min(100%,280px)}.row.wrap{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.nav,.case-nav,.chapters,.case-footer,.print-button,.mobile-menu{display:none}.section{padding:24px}.site{max-width:none}body{font-size:12px}.section{break-inside:avoid}h1{font-size:36px}h2{font-size:24px}}
.brand-lux{background:var(--ink);color:var(--paper)}.brand-lux img{max-width:900px;margin:auto}.brand-lux figcaption{color:var(--paper)}.brand-hero:not(.brand-lux) img{max-width:950px;margin:auto}.case-header.compact h1{font-size:56px;line-height:64px;letter-spacing:-1.68px}.workflow figure img{max-height:none;width:280px;border:0;border-radius:0}.logo-outcome img{width:250px}.feature .feature-art img{border-radius:24px}
@media(max-width:600px){.case-header.compact h1{font-size:44px;line-height:50px;letter-spacing:-1.32px}.workflow figure img{width:250px}.logo-outcome img{width:220px}}