@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f5f3eb;--ink:#151713;--orange:#fd622e;--blue:#314bb0;--mute:#62665d;--soft:#e9e7de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.project:focus-visible{outline:3px solid var(--orange);outline-offset:4px}::selection{background:var(--orange);color:#fff}.wrap{width:min(1400px,calc(100% - 92px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(245,243,235,.96);backdrop-filter:blur(20px)}.header-inner{min-height:89px;display:flex;align-items:center;justify-content:space-between;gap:35px}.logo{font:700 45px/.8 'Space Grotesk',sans-serif;letter-spacing:-.105em;color:var(--orange);padding-right:.12em}.nav{display:flex;gap:38px;align-items:center;font-size:13px;font-weight:700}.nav a:hover{color:var(--orange)}.nav-cta{background:var(--ink);color:white;padding:14px 20px;border-radius:2px}.menu-toggle{display:none;border:0;background:none;font-size:28px}.hero{padding:120px 0 130px;min-height:775px;position:relative;overflow:hidden}.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--blue)}.hero h1,.statement h2,.massive,.cta h2{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.08em;line-height:.98;font-weight:700}.hero h1{font-size:clamp(74px,10.8vw,160px);max-width:1280px;margin:26px 0 35px}.accent{color:var(--orange)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.hero-bottom p{max-width:650px;font-size:clamp(19px,2vw,26px);line-height:1.4;letter-spacing:-.04em;margin:0}.hero-bottom a,.text-link{font-weight:700;border-bottom:2px solid currentColor;padding-bottom:5px;white-space:nowrap;font-size:15px}.hero-squiggle{position:absolute;right:-50px;top:130px;z-index:-1;color:var(--orange);font-size:440px;line-height:1;opacity:.11}.statement{background:var(--blue);color:#fff;padding:125px 0 132px}.statement .kicker{color:#ffc0a8}.statement-grid{display:grid;grid-template-columns:.95fr 1fr;gap:8vw;align-items:end}.statement h2{font-size:clamp(56px,7.2vw,112px);margin:21px 0 0}.statement .right{max-width:560px}.statement .right p{font-size:clamp(19px,2.2vw,28px);line-height:1.43;letter-spacing:-.04em;margin:0 0 24px}.statement .right p:last-child{font-size:16px;letter-spacing:0;opacity:.81;line-height:1.7;margin-bottom:0}.approach{padding:136px 0}.approach-intro{max-width:1020px}.approach h2{font:700 clamp(50px,6.6vw,92px)/1.05 'Space Grotesk';letter-spacing:-.07em;margin:21px 0 27px}.approach-intro>p{max-width:650px;font-size:20px;line-height:1.56;color:var(--mute)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:85px}.principle .glyph{font-size:72px;color:var(--orange);line-height:1;margin-bottom:27px;font-family:Georgia}.principle h3{font:700 clamp(25px,2.3vw,35px)/1.13 'Space Grotesk';letter-spacing:-.05em;margin:0 0 20px}.principle p{font-size:16px;line-height:1.75;color:#55584e;margin:0}.services{background:var(--orange);padding:120px 0 130px}.services .kicker{color:#54270e}.services h2{font:700 clamp(55px,7vw,105px)/.99 'Space Grotesk';letter-spacing:-.07em;margin:25px 0 65px;max-width:1090px}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service{background:rgba(255,255,255,.92);padding:41px 44px 50px;min-height:270px;display:flex;flex-direction:column;justify-content:space-between}.service h3{font:700 clamp(28px,3.2vw,48px)/1.08 'Space Grotesk';letter-spacing:-.06em;margin:0 0 14px}.service p{max-width:500px;color:#4f514b;line-height:1.6;font-size:16px;margin:0}.service span{align-self:flex-end;font-size:30px}.portfolio{padding:135px 0;background:#e9e8e2}.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:65px}.portfolio h2,.team h2{font:700 clamp(64px,8.5vw,130px)/.98 'Space Grotesk';letter-spacing:-.08em;margin:15px 0 0}.portfolio-heading p{max-width:365px;font-size:18px;line-height:1.5;color:#55584f}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter-row button{padding:11px 17px;border-radius:100px;border:1px solid #bbbcb4;background:transparent;color:#34372f;font-size:12px;font-weight:700}.filter-row button.selected{background:#171915;color:white;border-color:#171915}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:76px 25px}.project{cursor:pointer}.project-image{background:#ff632e;aspect-ratio:1.5;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.project:hover img{transform:scale(1.045)}.project-meta{display:flex;justify-content:space-between;gap:15px;padding-top:20px}.project-meta small{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#696a64}.project-meta h3{font:700 clamp(27px,3vw,44px)/1.1 'Space Grotesk';letter-spacing:-.05em;margin:9px 0}.project-meta p{font-size:14px;color:#63665e;line-height:1.55;margin:0}.project-meta span{font-size:30px}.brands{padding:100px 0 125px}.brands h2{font:700 clamp(39px,5.6vw,80px)/1.05 'Space Grotesk';letter-spacing:-.07em;max-width:850px;margin:15px 0 40px}.brands img{width:100%;max-width:1050px;mix-blend-mode:multiply}.team{padding:120px 0 135px;background:#111b46;color:#fff}.team-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:60px}.team .kicker{color:#ffa985}.team-heading p{max-width:480px;line-height:1.6;font-size:18px;color:#ced4e9}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px 16px}.portrait{aspect-ratio:1/1.07;background:#a7a9ac;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);transition:filter .25s}.person:hover img{filter:grayscale(0%)}.portrait.missing{display:flex;align-items:center;justify-content:center;background:#364986;color:#fff;font:700 70px 'Space Grotesk'}.person-detail{padding:17px 2px}.person h3{font:700 22px/1.2 'Space Grotesk';letter-spacing:-.04em;margin:0 0 9px}.person p{font-size:13px;color:#ff9871;margin:0 0 6px;font-weight:700}.person small{font-size:12px;color:#b6c0de}.cta{padding:135px 0 75px;background:var(--paper)}.cta h2{font-size:clamp(75px,11vw,162px);margin:26px 0 39px;max-width:1300px}.cta-bottom{display:flex;justify-content:space-between;gap:40px;align-items:end}.cta-bottom p{font-size:20px;line-height:1.5;max-width:590px}.cta-bottom a{font-size:25px;font-weight:700;border-bottom:3px solid var(--orange);padding-bottom:12px}.footer{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:140px;font-size:13px;color:#4b4e47}.footer p{margin:0;line-height:1.8}.foot-logo{font:700 100px/.9 'Space Grotesk';letter-spacing:-.1em;color:var(--orange)}.lightbox{display:none;position:fixed;inset:0;z-index:100;background:#111418ee;padding:32px;align-items:center;justify-content:center}.lightbox.on{display:flex}.lightbox-content{max-width:min(1100px,100%);width:100%;background:#f5f3eb;padding:15px;position:relative}.lightbox-content img{display:block;width:100%;max-height:76vh;object-fit:contain;background:#ff622e}.lightbox-content p{margin:12px 8px 3px;font-weight:700}.lightbox-close{position:absolute;top:21px;right:21px;border:0;background:var(--orange);color:white;font-size:28px;width:48px;height:48px}.preview{position:fixed;bottom:16px;left:16px;background:#1b1c17;color:#fff;padding:10px 15px;font-size:10px;letter-spacing:.13em;z-index:40}.hide{display:none!important}@media(max-width:900px){.wrap{width:calc(100% - 52px)}.header-inner{min-height:74px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;padding:25px;background:var(--paper);flex-direction:column;align-items:start}.nav.open{display:flex}.hero{min-height:650px}.statement-grid{grid-template-columns:1fr;gap:45px}.principles{gap:25px}.people-grid{grid-template-columns:repeat(3,1fr)}.team-heading,.portfolio-heading{align-items:start;flex-direction:column}}@media(max-width:620px){.wrap{width:calc(100% - 36px)}.hero{padding:95px 0;min-height:620px}.hero h1{font-size:clamp(62px,14vw,100px)}.hero-bottom{align-items:start;flex-direction:column}.statement,.approach,.services,.portfolio,.team,.cta{padding-top:85px;padding-bottom:90px}.approach h2{font-size:52px}.principles{grid-template-columns:1fr;gap:45px;margin-top:60px}.principle .glyph{margin-bottom:10px}.service-list,.project-grid{grid-template-columns:1fr}.service{padding:28px;min-height:240px}.project-grid{gap:49px}.project-image{aspect-ratio:1.32}.people-grid{grid-template-columns:repeat(2,1fr);gap:30px 12px}.person h3{font-size:19px}.team h2,.portfolio h2{font-size:70px}.cta h2{font-size:clamp(70px,14vw,110px)}.cta-bottom{flex-direction:column;align-items:start}.footer{margin-top:100px;flex-direction:column;align-items:start}.foot-logo{font-size:85px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Brand refinements: original KANK wordmark, distinct editorial hero, welcoming team */
.logo{display:inline-flex;align-items:center;line-height:1;letter-spacing:normal;padding:0;flex-shrink:0}
.logo img{width:128px;height:auto;display:block}
.foot-logo{letter-spacing:normal;line-height:1}
.foot-logo img{width:min(290px,64vw);height:auto;display:block}
.hero h1{font-family:'Archivo','Arial Black',Arial,sans-serif;font-weight:900;letter-spacing:-.088em;line-height:.96;font-size:clamp(69px,10.1vw,150px)}
.team{background:#f2eedd;color:#181b18}
.team .kicker{color:#e75d2d}
.team-heading p{color:#53594f}
.people-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 19px}
.person{min-width:0;transition:transform .35s ease}
.person:hover{transform:translateY(-7px)}
.portrait{border-radius:17px 17px 6px 6px;aspect-ratio:1/1.07;background:#d4d9cc;overflow:hidden;position:relative;transform:translateZ(0)}
.person:nth-child(4n+2) .portrait{background:#e8ba9e}
.person:nth-child(4n+3) .portrait{background:#aab9de}
.person:nth-child(4n+4) .portrait{background:#d9dfc9}
.portrait img{filter:grayscale(100%);transition:filter .4s,transform .6s;transform:scale(1.01)}
.person:hover .portrait img{filter:grayscale(12%);transform:scale(1.055)}
.portrait.missing{background:#eac69c;color:#263870;border-radius:17px 17px 6px 6px}
.person-detail{padding:18px 5px 7px}
.person h3{font-size:clamp(19px,1.7vw,24px);color:#20231f}
.person p{color:#d95128;font-size:13px}
.person small{color:#62675f;font-size:12px}
@media(max-width:900px){.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.logo img{width:112px}}
@media(max-width:620px){.hero h1{font-size:clamp(57px,13.6vw,95px);letter-spacing:-.085em}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.portrait{border-radius:12px 12px 5px 5px}.logo img{width:105px}.team h2{font-size:clamp(55px,13vw,72px)}}