@font-face{font-family:DM;src:url('fonts/dm.ttf')}@font-face{font-family:DM;src:url('fonts/dm-bold.ttf');font-weight:700}@font-face{font-family:Playfair;src:url('fonts/playfair.ttf')}@font-face{font-family:Playfair;src:url('fonts/playfair-italic.ttf');font-style:italic}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:DM,Arial,sans-serif;font-size:16px;line-height:1.65;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;font-weight:400}h1{font-size:clamp(48px,6.5vw,96px);letter-spacing:-.045em}h2{font-size:clamp(36px,4vw,60px);letter-spacing:-.035em}h3{font-size:26px;letter-spacing:-.02em}p{max-width:650px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}.wrap{width:min(1280px,88%);margin:auto}section.pad{padding:110px 0}.eyebrow{display:block;font-size:11px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;margin-bottom:22px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 25px;background:var(--accent);color:var(--onaccent);border:1px solid var(--accent);font-size:13px;font-weight:700;line-height:1.4;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn.ghost{background:transparent;border-color:currentColor;color:inherit}.btn span{font-size:20px}.text-link{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid;padding:6px 0;font-size:14px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}.section-head h2{margin:0}.section-head>p{max-width:340px;font-size:14px;margin:0}.grid{display:grid;gap:28px}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.muted{opacity:.67}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.chip{border:1px solid var(--line);border-radius:30px;padding:10px 23px;background:transparent;font-size:13px}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:10px}.skip:focus{top:10px}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-weight:700;font-size:30px;letter-spacing:-.05em;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.25em;margin-top:8px}.navlinks{display:flex;align-items:center;gap:32px;font-size:13px}.navlinks a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 12px}.page-top{padding:85px 0 65px}.page-top h1{margin:0 0 24px}.page-top p{font-size:18px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.split>img{width:100%;height:580px}.split h2{margin-bottom:28px}.band{padding:65px 0}.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{margin:0}.footer{padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;margin-bottom:65px}.footer-grid .brand{display:inline-block;margin-bottom:22px}.footer-grid p,.footer-grid a:not(.brand){font-size:13px}.footer-grid a:not(.brand){display:block;margin-bottom:10px}.footer-grid h3{font-family:DM;font-size:13px;font-weight:700;margin-bottom:22px}.foot-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-size:10px;letter-spacing:.05em}.demo-note{font-size:11px;opacity:.65;margin-top:15px}form label{display:block;font-size:12px;font-weight:700}form input,form select,form textarea{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid var(--line);padding:14px;background:transparent;color:inherit;border-radius:0}form select option{color:#171717;background:#fff}form textarea{resize:vertical;min-height:115px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}.form-status{padding:16px;background:var(--soft);margin:20px 0 0;font-size:14px}details{border-bottom:1px solid var(--line);padding:24px 0}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:16px}summary::-webkit-details-marker{display:none}details p{padding-top:20px;font-size:14px;opacity:.75;margin-bottom:0}details[open] summary span{transform:rotate(45deg)}.modal{width:min(780px,92vw);max-height:90vh;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:30px}.modal::backdrop{background:#000b}.modal img{width:100%;max-height:420px}.modal-close{display:block;margin:0 0 16px auto;padding:5px 12px;border:1px solid var(--line);background:none}.gallery-button{border:0;padding:0;background:none;width:100%;text-align:left}.gallery-button img{width:100%;height:320px;transition:filter .2s}.gallery-button:hover img{filter:brightness(.88)}.breadcrumbs{font-size:12px;margin-bottom:30px;opacity:.65}.line-list{padding:0;list-style:none}.line-list li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.line-list li span{opacity:.65}.pill{font-size:10px;padding:5px 10px;border:1px solid currentColor;border-radius:20px;display:inline-block}.center{text-align:center}.center p{margin-left:auto;margin-right:auto}.mobile-only{display:none}
@media(max-width:900px){.navlinks{gap:18px}.nav .btn{padding:12px;gap:12px}.split{gap:5%}.split>img{height:460px}.wrap{width:90%}.cols3{gap:18px}.section-head{gap:25px}.navlinks{font-size:12px}}
@media(max-width:700px){h1{font-size:52px}h2{font-size:38px}.nav{height:78px}.brand{font-size:26px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:78px;background:var(--paper);color:var(--ink);padding:25px 5%;flex-direction:column;align-items:stretch;gap:20px;z-index:30;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.nav>.btn{display:none}.cols2,.cols3,.split,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:25px}.split>img{height:410px}.split>div{padding:30px 0}section.pad{padding:65px 0}.page-top{padding:50px 0}.footer-grid{gap:28px;margin-bottom:35px}.foot-bottom{flex-direction:column;gap:8px}.band .wrap{align-items:start;flex-direction:column}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.gallery-button img{height:280px}.mobile-only{display:block}.chips{gap:8px}.chip{padding:9px 16px}.grid{gap:25px}.modal{padding:18px}.band h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

:root{--paper:#171918;--ink:#f2f1e9;--accent:#d5ff57;--onaccent:#171918;--line:#3e413b;--soft:#292d24}h1,h2,h3{font-family:DM,Arial,sans-serif}.brand{font-size:37px}.krom-star{color:var(--accent);margin-left:5px;font-size:32px}.brand small{font-size:8px;letter-spacing:.18em}.nav{height:102px;border-bottom:1px solid var(--line)}.navlinks{color:#c2c4bb}.nav .btn{border-radius:40px;padding:13px 21px}.krom-hero{padding:65px 0 45px;position:relative}.krom-topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:#b3b7ac}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:7px}.krom-hero h1{font-size:clamp(65px,9.5vw,145px);font-weight:700;letter-spacing:-.075em;line-height:.96;margin:55px 0 45px;max-width:1100px}.krom-hero h1 .stroke{color:var(--accent)}.hero-end{display:flex;justify-content:space-between;align-items:end;gap:40px}.hero-end p{font-size:15px;max-width:350px;color:#b3b7ac;margin:0}.hero-end .text-link{color:var(--accent)}.krom-art{height:310px;background:var(--accent);margin:40px 0 0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;color:#171918}.krom-art .art-word{font-weight:700;font-size:clamp(80px,14vw,210px);letter-spacing:-.08em;line-height:1;transform:rotate(-6deg);z-index:1;white-space:nowrap}.krom-art .orbit{position:absolute;border:1px solid #171918;width:90%;height:160%;border-radius:50%;transform:rotate(-18deg)}.krom-art .orbit.two{transform:rotate(18deg)}.art-corner{position:absolute;left:25px;top:20px;font-size:9px;letter-spacing:.14em}.art-bottom{position:absolute;right:25px;bottom:20px;font-size:9px;letter-spacing:.14em}.clients-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.16em;color:#a7aa9f}.work-card img{width:100%;height:450px;background:#ddd;transition:transform .3s}.work-card>a{display:block;overflow:hidden}.work-card>a:hover img{transform:scale(1.025)}.work-meta{display:flex;justify-content:space-between;gap:20px;padding:23px 0}.work-meta h3{font-size:26px;font-weight:700;margin:0}.work-meta p{font-size:11px;opacity:.6;margin:6px 0 0}.work-meta>span{font-size:25px}.work-card:nth-child(even){margin-top:85px}.work-card.wide{grid-column:1/-1;max-width:75%}.work-card.wide img{height:490px}.krom-services{background:#22251f}.service-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;align-items:start;border-bottom:1px solid var(--line);padding:35px 0}.service-row .number{color:var(--accent);font-size:12px}.service-row h3{font-size:35px;letter-spacing:-.04em}.service-row p{font-size:14px;opacity:.65}.krom-about{display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.krom-about h2{font-size:clamp(38px,4.3vw,65px);line-height:1.16}.krom-about .big-star{font-size:150px;line-height:1;color:var(--accent)}.krom-band{background:var(--accent);color:#171918}.krom-band .btn{background:#171918;color:var(--accent);border-color:#171918;border-radius:30px}.krom-band h2{font-weight:700;font-size:clamp(38px,5vw,72px)}.footer{background:#10120f}.work-filters{margin-bottom:45px}.work-filters .chip.active{background:var(--accent);color:#171918;border-color:var(--accent)}.project-header{display:flex;justify-content:space-between;gap:40px;align-items:end}.project-header p{max-width:350px}.project-main-image{width:100%;height:650px}.project-details{display:grid;grid-template-columns:1fr 1.5fr;gap:10%}.project-details h2{font-weight:700}.project-details p{color:#b7bbaf}.project-stat{font-size:12px;border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between}.studio-statement{font-size:clamp(42px,6vw,85px);max-width:1050px;line-height:1.08;font-weight:700;letter-spacing:-.05em}.studio-statement em{font-style:normal;color:var(--accent)}.values{counter-reset:value}.value{border-top:1px solid var(--line);padding-top:25px}.value h3{font-weight:700}.value p{font-size:14px;opacity:.7}.brief-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding-bottom:100px}.brief-layout form{border-top:1px solid var(--line);padding-top:30px}.brief-layout h2{font-size:42px;font-weight:700}.brief-layout input,.brief-layout textarea,.brief-layout select{background:#20231e}.brief-layout .pill{color:var(--accent)}.scope-options{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 25px}.scope-options label{font-weight:400;border:1px solid var(--line);border-radius:25px;padding:9px 14px;cursor:pointer;font-size:12px;display:flex;gap:9px;align-items:center}.scope-options input{display:inline;width:14px;height:14px;margin:0;accent-color:var(--accent)}.krom .section-head h2{font-weight:700}.krom .page-top h1{font-weight:700}.service-details summary{font-size:26px}.service-details p{max-width:800px}.krom .brand{font-family:DM}.krom .page-top{padding-top:75px}@media(max-width:700px){.nav{height:78px}.brand{font-size:30px}.brand small{font-size:7px}.krom-topline{font-size:8px}.krom-topline span:last-child{max-width:100px;text-align:right}.krom-hero{padding-top:35px}.krom-hero h1{font-size:64px;margin:45px 0 30px}.hero-end{align-items:start;flex-direction:column;gap:25px}.krom-art{height:230px;margin-top:30px}.krom-art .art-word{font-size:82px}.krom-art .orbit{height:130%;width:120%}.clients-line{flex-wrap:wrap;font-size:8px;justify-content:center;gap:15px}.work-card img,.work-card.wide img{height:340px}.work-card:nth-child(even){margin-top:0}.work-card.wide{grid-column:auto;max-width:100%}.work-meta h3{font-size:23px}.service-row{grid-template-columns:25px 1fr;gap:15px}.service-row p{grid-column:2}.service-row h3{font-size:28px;margin-bottom:0}.krom-about,.project-details,.brief-layout{grid-template-columns:1fr;gap:35px}.krom-about .big-star{font-size:90px;margin-bottom:25px}.project-header{display:block}.project-header p{margin-top:25px}.project-main-image{height:350px}.service-details summary{font-size:21px}.studio-statement{font-size:43px}.krom .page-top{padding-top:50px}}