@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f3f0e8;--ink:#171c20;--muted:#626760;--line:#c9cbc2;--accent:#1b50d8;--accent-ink:#fff;--dark:#11171b;--display:'Manrope',Arial,sans-serif;--sans:'DM Sans',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--pad:clamp(22px,5vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);overflow-x:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}h1{font-size:clamp(48px,5.2vw,82px);line-height:1.07;letter-spacing:-.065em}h2{font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-.05em}h3{font-size:24px;line-height:1.2;letter-spacing:-.035em}.mono,.eyebrow,.section-index,.tag,.small{font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent)}.eyebrow:before{content:'';display:inline-block;width:7px;height:7px;background:currentColor}.wrap{max-width:1600px;margin:auto;padding-inline:var(--pad)}.concept-rail{background:var(--ink);color:var(--paper);font:10px/1.3 var(--mono);letter-spacing:.04em;min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:7px var(--pad);gap:16px}.concept-rail a{opacity:.58;padding:3px 0}.concept-rail a:hover,.concept-rail a.current{opacity:1}.concept-rail nav{display:flex;gap:22px}.concept-rail .current{border-bottom:1px solid currentColor}.rail-label{opacity:.7}.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);position:relative;background:var(--paper);z-index:20}.logo{display:flex;align-items:baseline;gap:13px;white-space:nowrap}.logo strong{font:700 26px/1 var(--display);letter-spacing:-1.7px}.logo span{font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.nav{display:flex;align-items:center;gap:28px;font-size:12px}.nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:23px}.languages{display:flex;gap:8px}.languages button{padding:5px 0;border:0;background:transparent;font:10px var(--mono);color:var(--muted)}.languages button[aria-pressed=true]{color:var(--ink);border-bottom:1px solid var(--ink)}.button{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;padding:16px 21px;min-height:50px;background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink);font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span:last-child{font-size:20px;line-height:1}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button.small-button{min-height:38px;padding:10px 14px;font-size:11px}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;padding:8px 13px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--paper);padding:16px}.skip:focus{top:8px}
.hero{position:relative;display:grid;grid-template-columns:1fr 1.05fr;min-height:660px;border-bottom:1px solid var(--line)}.hero-copy{padding:80px 55px 60px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{margin:30px 0}.hero h1 em{font-weight:inherit;font-style:normal;color:var(--accent)}.hero-summary{max-width:440px;font-size:17px;line-height:1.7;color:var(--muted)}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-foot{font:10px/1.7 var(--mono);color:var(--muted);margin-top:44px;max-width:410px}.hero-art{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:40px 0 30px 34px;overflow:hidden}.art-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 0 20px}.art-meta .signal{display:flex;align-items:center;gap:8px}.signal:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent)}.art-main{width:100%;aspect-ratio:1.2;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.art-main img{width:100%;height:100%;object-fit:cover}.art-corner{position:absolute;z-index:1;width:15px;height:15px;border-color:var(--accent);border-style:solid}.art-corner.tl{top:12px;left:12px;border-width:1px 0 0 1px}.art-corner.br{bottom:12px;right:12px;border-width:0 1px 1px 0}.art-mode{display:flex;gap:0;position:absolute;bottom:22px;left:22px;z-index:2;background:var(--paper);border:1px solid var(--line);padding:3px}.art-mode button{border:0;background:transparent;font:9px var(--mono);padding:9px 12px;text-transform:uppercase;letter-spacing:.06em}.art-mode button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.art-bottom{padding-top:20px;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);gap:16px}.art-bottom strong{font-weight:500}.art-bottom span{font-size:9px;color:var(--muted)}.capability-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:23px 0;font:10px var(--mono);letter-spacing:.03em;text-transform:uppercase}.capability-strip i{width:3px;height:3px;background:var(--accent);flex:none}.section{padding:100px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-label{display:flex;align-items:center;gap:14px;margin-bottom:21px}.section-index{color:var(--accent)}.section-label:after{content:'';width:56px;height:1px;background:var(--line)}.section-intro{max-width:365px;font-size:14px;color:var(--muted);line-height:1.7}.filter-bar{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:28px;flex-wrap:wrap}.filter-bar button{background:transparent;border:1px solid var(--line);padding:9px 16px;font:10px var(--mono)}.filter-bar button[aria-pressed=true]{color:var(--accent-ink);background:var(--ink);border-color:var(--ink)}.filter-count{margin-left:auto;align-self:center;color:var(--muted);font:10px var(--mono)}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 25px}.project{min-width:0}.project[hidden]{display:none}.project-view{aspect-ratio:1.4;position:relative;overflow:hidden;background:#e9e5dc;display:flex;align-items:center;justify-content:center}.project-view>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover .project-view>img{transform:scale(1.025)}.project-num{position:absolute;top:20px;left:20px;z-index:3;color:#4a5457;font:10px var(--mono)}.project-kind{position:absolute;right:20px;top:20px;font:9px var(--mono);padding:6px 9px;background:#f4f1e9e6;color:#333c3d;z-index:3;border:1px solid #bcc2bd77}.project-copy{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding-top:20px;border-top:1px solid transparent}.project-copy h3{font-size:25px;margin:0 0 8px}.project-copy p{font-size:13px;color:var(--muted);max-width:47ch}.project-open{border:1px solid var(--line);border-radius:50%;width:40px;height:40px;flex:none;background:transparent;font-size:20px;transition:background .2s}.project-open:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.tag{padding:5px 7px;border:1px solid var(--line);font-size:8px;letter-spacing:.03em;color:var(--muted)}.project-note{padding:27px 0 0;font-size:11px;color:var(--muted);max-width:85ch}.feature-band{background:var(--dark);color:#eaece5;margin-inline:calc(-1 * var(--pad));padding:80px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:70px;position:relative}.feature-band .section-index{color:var(--accent)}.feature-band h2{max-width:14ch}.feature-copy{padding-top:30px}.feature-copy p{font-size:17px;line-height:1.8;color:#bfc4bf;max-width:44ch}.feature-copy .text-link{display:inline-flex;align-items:center;gap:35px;font-size:12px;border-bottom:1px solid #65716b;padding-bottom:9px;margin-top:27px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{padding:36px 30px 36px 0}.service+.service{border-left:1px solid var(--line);padding-left:30px}.service-no{font:11px var(--mono);color:var(--accent);margin-bottom:45px}.service h3{font-size:27px;margin-bottom:18px}.service p{font-size:14px;color:var(--muted);line-height:1.75;max-width:34ch}.service ul{list-style:none;padding:22px 0 0;margin:0;font:11px/2.3 var(--mono)}.service ul li:before{content:'↗';padding-right:10px;color:var(--accent)}.process{padding:0 0 100px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);gap:25px}.step{padding:20px 20px 0 0}.step span{font:10px var(--mono);color:var(--accent)}.step h3{font-size:21px;margin:25px 0 12px}.step p{font-size:13px;line-height:1.7;color:var(--muted)}.studio{border-top:1px solid var(--line);padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-bottom:100px}.studio p{font-size:16px;color:var(--muted);line-height:1.8;max-width:52ch;margin-top:22px}.studio-details{margin:35px 0 0}.studio-details div{display:grid;grid-template-columns:1fr 1.7fr;gap:18px;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.studio-details dt{font:9px/1.8 var(--mono);text-transform:uppercase;color:var(--muted)}.studio-details dd{margin:0}.contact{background:var(--ink);color:var(--paper);padding:76px var(--pad);margin:0 calc(-1 * var(--pad));display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{max-width:11ch}.contact .section-index{color:var(--accent)}.contact p{margin-top:25px;color:#b8c0bb;font-size:14px;max-width:38ch;line-height:1.8}.contact .contact-company{border-top:1px solid #3a4547;padding-top:25px;margin-top:40px;font:10px/1.8 var(--mono)}.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:9px}.field.full{grid-column:1/-1}.field label{font:10px var(--mono);color:#c6ccc9}.field input,.field select,.field textarea{width:100%;border:1px solid #53605f;background:#1a2528;color:#f0f1e9;padding:13px 12px;border-radius:0;font-size:13px;min-width:0}.field input::placeholder,.field textarea::placeholder{color:#899894}.field textarea{min-height:112px;resize:vertical}.field option{background:#1a2528}.form-note{grid-column:1/-1;color:#a4b4ae;font-size:11px;line-height:1.7}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;grid-column:1/-1}.status{font-size:12px;color:var(--accent)}.form-actions .button{border-color:var(--accent)}.footer{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding-block:42px}.footer .logo strong{font-size:32px}.footer p{font-size:10px;color:var(--muted);margin-top:13px}.footer-links{display:flex;gap:20px;font:10px var(--mono)}
/* Functional interface studies. All figures are sample UI data. */
.digital-view{background:#dce2df;padding:52px 30px 30px}.ui-window{width:94%;background:#f5f7f2;box-shadow:0 25px 50px #14242524;min-width:0;border:1px solid #9caaa866;transform:rotate(-3deg)}.window-top{display:flex;align-items:center;gap:5px;padding:10px 13px;border-bottom:1px solid #dbe1db}.window-top i{width:4px;height:4px;background:#b6c2bc;border-radius:50%}.window-top span{font:8px var(--mono);margin-left:auto;color:#677b72}.ui-content{display:grid;grid-template-columns:72px 1fr;min-height:230px}.ui-sidebar{background:#1e3030;color:#dce7dd;padding:18px 9px;font:7px/3.4 var(--mono)}.ui-sidebar b{display:block;font-size:15px;line-height:1;margin-bottom:23px}.ui-main{padding:22px 18px;min-width:0}.ui-main header{display:flex;justify-content:space-between;align-items:center;font-size:11px}.ui-main header span{font:7px var(--mono);color:#7a9385}.ui-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;gap:8px}.ui-stats div{background:#e8eee5;padding:12px}.ui-stats small{font:6px var(--mono);color:#638270}.ui-stats b{display:block;font:26px var(--display);color:#203d35;margin-top:5px}.ui-table{margin-top:20px}.ui-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;font-size:7px;gap:10px;border-bottom:1px solid #e0e6dc;padding:10px 0}.ui-row span:last-child{color:#537754}.ui-caption{position:absolute;left:22px;bottom:14px;font:8px var(--mono);color:#4e6559}.ui-tabs{position:absolute;bottom:16px;right:20px;display:flex;background:#f5f7f2;padding:3px;border:1px solid #acbcb1;gap:2px}.ui-tabs button{border:0;background:transparent;color:#52695c;font:8px var(--mono);padding:6px 8px}.ui-tabs button[aria-pressed=true]{background:#213b33;color:#f5f7f2}.mobile-view{background:#d4dfda;gap:22px;overflow:hidden;padding-top:40px}.phone{width:32%;height:85%;max-width:210px;aspect-ratio:9/18;background:#f8f8ee;border:5px solid #152523;border-radius:27px;box-shadow:15px 25px 30px #344f4029;padding:19px 13px;position:relative;transform:rotate(-7deg);font-family:var(--sans)}.phone.second{transform:rotate(8deg) translateY(32px);background:#17382c;color:#ecf6d5}.phone:before{content:'';width:28%;height:8px;background:#152523;position:absolute;top:5px;left:36%;border-radius:10px}.phone .phone-logo{font:12px var(--display);letter-spacing:-.04em;margin:13px 0 21px}.phone small{font-size:7px;line-height:1.5;display:block}.phone h4{font:21px/1.12 var(--display);letter-spacing:-.05em;margin:5px 0 15px}.phone-graphic{height:65px;display:flex;align-items:flex-end;gap:5px;margin-bottom:16px}.phone-graphic i{background:#abc49a;flex:1}.phone-list{border-top:1px solid #b7c8ad;padding:8px 0;font-size:7px;display:flex;justify-content:space-between}.phone-list b{font-weight:400}.phone-orbit{aspect-ratio:1;border:1px solid #7d9d72;border-radius:50%;display:grid;place-items:center;margin:23px 0;font:24px var(--display);box-shadow:0 0 0 12px #f0f8db0a,0 0 0 24px #f0f8db07}.phone-bottom{position:absolute;bottom:12px;left:0;width:100%;text-align:center;font:6px var(--mono);opacity:.6}.config-view{background:#e5e1d6;flex-direction:column;padding:30px 35px 40px}.controller-svg{width:90%;max-height:80%;transition:transform .4s}.controller-svg .config-body{transition:fill .3s}.config-controls{display:flex;gap:10px;align-items:center;position:absolute;bottom:20px;left:22px;right:22px;font:8px var(--mono);color:#46514e}.config-controls button{width:20px;height:20px;border-radius:50%;border:3px solid #eeeae1;box-shadow:0 0 0 1px #a6aba2;padding:0}.config-controls button[aria-pressed=true]{box-shadow:0 0 0 1.5px #1a3027}.config-controls span{margin-left:auto}.config-view:has(button:hover) .controller-svg{transform:translateY(-3px)}
.case-dialog{width:min(1080px,94vw);max-height:90dvh;padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.case-dialog::backdrop{background:#071017b8;backdrop-filter:blur(7px)}.dialog-top{padding:22px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font:10px var(--mono)}.dialog-close{border:0;background:none;font-size:26px;padding:0 5px}.dialog-body{display:grid;grid-template-columns:1fr 1fr}.dialog-visual{min-height:380px;background:#e8e3d8;display:flex;align-items:center;justify-content:center;overflow:hidden}.dialog-visual img{width:100%;height:100%;object-fit:contain}.dialog-visual .project-view{width:100%;height:100%;min-height:370px}.dialog-content{padding:35px}.dialog-content h2{font-size:36px;margin-bottom:25px}.dialog-content h3{font:10px var(--mono);text-transform:uppercase;margin:25px 0 9px;color:var(--accent);letter-spacing:.07em}.dialog-content p{font-size:14px;color:var(--muted);line-height:1.75}.dialog-content ul{padding:0 0 0 17px;font-size:13px;line-height:1.9;color:var(--muted)}.dialog-content .button{margin-top:24px}.no-motion *{animation:none!important;transition:none!important}
/* K1 / PAFTA: disciplined drafting grid and blue ink. */
.theme-k1{--paper:#f2f1e9;--ink:#17232a;--accent:#2355d6;--dark:#152329;background-image:radial-gradient(#b4b9b233 .7px,transparent .7px);background-size:20px 20px}.theme-k1 .hero{margin-top:35px;border:1px solid var(--ink);padding:0 35px;min-height:680px}.theme-k1 h1{font-weight:600;font-size:clamp(47px,5.1vw,78px)}.theme-k1 .hero:after{content:'1.618 STUDIO / SHEET 01 / REV. B';position:absolute;bottom:0;right:0;border:1px solid var(--ink);border-right:0;border-bottom:0;padding:10px 18px;font:9px var(--mono)}.theme-k1 .hero-art{border-left:1px solid var(--line);padding-left:25px;padding-bottom:55px}.theme-k1 .hero-copy{padding-right:40px}.theme-k1 .art-main{border:1px solid var(--line)}.theme-k1 .art-meta{padding-top:20px}.theme-k1 .project-view{border:1px solid var(--line)}.theme-k1 .service{background:var(--paper)}.theme-k1 .section-heading h2:before{content:'+';color:var(--accent);font:28px var(--mono);padding-right:15px}.theme-k1 .feature-band{border-top:3px solid #2355d6;--accent:#8eacff}
/* K2 / TEZGÂH: warm editorial workshop, large product photography. */
.theme-k2{--paper:#eae3d5;--ink:#2a2824;--muted:#6a6357;--line:#bfb6a6;--accent:#914a1c;--accent-ink:#fff8ed;--dark:#282521;--display:Georgia,'Times New Roman',serif}.theme-k2 h1,.theme-k2 h2,.theme-k2 h3{letter-spacing:-.05em;font-weight:400}.theme-k2 .hero{grid-template-columns:.9fr 1.1fr;min-height:700px}.theme-k2 h1{font-size:clamp(50px,5.3vw,82px)}.theme-k2 .hero h1 em{font-style:italic}.theme-k2 .hero-copy{padding-right:55px}.theme-k2 .hero-art{padding:55px 0 55px 20px}.theme-k2 .art-main{aspect-ratio:1.04;background:#dcd3bf;box-shadow:12px 18px 30px #3b2b1c16}.theme-k2 .art-main img{transform:scale(1.03)}.theme-k2 .art-meta{color:#77674d}.theme-k2 .art-corner{display:none}.theme-k2 .logo strong{font-weight:400}.theme-k2 .selected-work{background:var(--dark);color:var(--paper);margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);--muted:#bab1a2;--line:#5b554b;--accent:#d79663;--accent-ink:#282521}.theme-k2 .project-view{background:#d7d0c2}.theme-k2 .filter-bar button[aria-pressed=true]{background:var(--paper);color:var(--dark);border-color:var(--paper)}.theme-k2 .project-open{color:var(--paper)}.theme-k2 .feature-band{background:#d7cebd;color:var(--ink);--accent:#864218}.theme-k2 .feature-copy p{color:#5f5649}.theme-k2 .feature-copy .text-link{border-color:#a49983}.theme-k2 .contact{background:#a35528;--accent:#fff1dd}.theme-k2 .contact p,.theme-k2 .contact .contact-company{color:#fff1dd}.theme-k2 .contact .section-index{color:#fff1dd}.theme-k2 .field input,.theme-k2 .field select,.theme-k2 .field textarea{background:#995127;border-color:#ca8d62;color:#fff}.theme-k2 .field input::placeholder,.theme-k2 .field textarea::placeholder{color:#fff1dd}.theme-k2 .field label,.theme-k2 .form-note{color:#fff1dd}.theme-k2 .contact .button{background:#292521;border-color:#292521}.theme-k2 .status{color:#fff}.theme-k2 .contact-company{border-color:#ca8d62}.theme-k2 .studio .section-index{color:var(--accent)}
/* K3 / İKİLİ: digital and physical, light and dark. */
.theme-k3{--paper:#f3f0e7;--ink:#14201f;--muted:#65706b;--line:#c5cdc3;--accent:#22755e;--accent-ink:#fff;--dark:#101c1e}.theme-k3 .concept-rail{background:#102022}.theme-k3 .hero{grid-template-columns:1fr 1.08fr;min-height:715px;isolation:isolate}.theme-k3 .hero-copy{padding-right:60px}.theme-k3 .hero-art{background:var(--dark);color:var(--paper);margin-right:calc(-1 * var(--pad));padding:40px 36px 40px 36px;--muted:#91aaa2;--accent:#6edcba;--line:#37504b}.theme-k3 .hero-art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#44676066 .7px,transparent .7px);background-size:16px 16px;z-index:-1}.theme-k3 .art-main{aspect-ratio:1.14;max-height:510px}.theme-k3 .art-main img{object-fit:cover}.theme-k3 .art-meta{color:#91aaa2}.theme-k3 .art-mode{background:#102022;border-color:#36534b}.theme-k3 .art-mode button{color:#c6d9ce}.theme-k3 .art-mode button[aria-pressed=true]{background:#6edcba;color:#102022}.theme-k3 .art-bottom{color:#d9e5dc}.theme-k3 .hero-art .art-corner{border-color:#8ae8ca}.theme-k3 .capability-strip{margin-right:calc(-1 * var(--pad));padding-right:var(--pad)}.theme-k3 .feature-band{--accent:#6edcba}.theme-k3 .services-grid{border-top:2px solid var(--ink)}.theme-k3 .contact{--accent:#6edcba;--accent-ink:#102022}.theme-k3 .contact .section-index{color:#6edcba}.theme-k3 .footer{padding-top:50px}
@media(min-width:1600px){.theme-k3 .hero-art{margin-right:0}.theme-k3 .capability-strip{margin-right:0;padding-right:0}}
@media(max-width:1100px){.nav{gap:16px}.logo span{display:none}.header{gap:20px}.header-actions{gap:15px}.hero-copy{padding-right:30px}.hero h1{font-size:clamp(44px,5.4vw,65px)}.theme-k1 .hero{padding-inline:24px}.theme-k1 .hero-copy{padding-right:22px}.theme-k3 .hero-copy{padding-right:30px}.theme-k3 .hero-art{padding:25px}.hero-summary{font-size:15px}.hero-ctas .button{padding:13px 15px;gap:15px}.feature-band,.studio,.contact{gap:45px}.service h3{font-size:23px}.ui-main{padding:20px 12px}.ui-content{grid-template-columns:60px 1fr;min-height:200px}.ui-stats div{padding:8px}.ui-stats b{font-size:20px}.ui-row{font-size:6px}.phone h4{font-size:17px}.phone .phone-logo{margin-bottom:14px}.phone-orbit{margin-top:18px;font-size:18px}.phone-graphic{height:40px}.project-copy h3{font-size:22px}}
@media(max-width:760px){:root{--pad:22px}.concept-rail{font-size:8px;padding-block:9px;gap:9px}.concept-rail nav{gap:14px}.rail-label{display:none}.header{height:74px}.header-actions>.button{display:none}.logo strong{font-size:25px}.menu-toggle{display:block;font-size:10px}.nav{display:none;position:absolute;top:74px;left:0;right:0;padding:22px;background:var(--paper);border:1px solid var(--line);box-shadow:0 15px 20px #14211c0c;flex-direction:column;align-items:stretch;font-size:15px;gap:18px}.nav.is-open{display:flex}.hero,.theme-k2 .hero,.theme-k3 .hero{grid-template-columns:1fr;min-height:0}.hero-copy,.theme-k1 .hero-copy,.theme-k2 .hero-copy,.theme-k3 .hero-copy{padding:48px 0 39px}.hero h1,.theme-k1 h1,.theme-k2 h1{font-size:clamp(45px,10.8vw,67px);letter-spacing:-.06em;margin:24px 0}.hero-summary{font-size:15px;max-width:46ch}.hero-ctas{margin-top:26px}.hero-foot{margin-top:28px;font-size:9px}.hero-art,.theme-k2 .hero-art{padding:10px 0 30px}.theme-k1 .hero{margin-top:22px;padding:0 20px}.theme-k1 .hero-art{padding:20px 0 58px;border-left:0;border-top:1px solid var(--line)}.theme-k1 .art-meta{padding-top:0}.art-main,.theme-k2 .art-main{aspect-ratio:1.25;max-height:460px}.theme-k3 .hero-art{margin:0 calc(-1 * var(--pad));padding:25px var(--pad)}.theme-k3 .art-main{aspect-ratio:1.27;max-height:450px}.art-bottom{font-size:9px}.art-bottom span{font-size:8px}.art-meta{font-size:8px;padding-bottom:13px}.capability-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:9px;padding:23px 0}.capability-strip i{display:none}.theme-k3 .capability-strip{margin:0;padding-right:0}.section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:38px}.section-intro{margin-top:20px;max-width:45ch;font-size:13px}.section-label{margin-bottom:17px}.filter-bar{gap:6px}.filter-bar button{padding:8px 11px;font-size:9px}.filter-count{font-size:9px}.projects{grid-template-columns:1fr;gap:35px}.project-view{aspect-ratio:1.35}.project-copy h3{font-size:24px}.project-copy p{font-size:13px}.tag{font-size:8px}.feature-band{grid-template-columns:1fr;gap:10px;padding-block:58px}.feature-band h2{font-size:42px;max-width:18ch}.feature-copy{padding-top:13px}.feature-copy p{font-size:15px;max-width:48ch}.services-grid{grid-template-columns:1fr}.service{padding:28px 0}.service+.service{border-left:0;border-top:1px solid var(--line);padding-left:0}.service-no{margin-bottom:22px}.service h3{font-size:28px}.service p{max-width:50ch}.service ul{padding-top:15px}.steps{grid-template-columns:1fr 1fr;gap:25px 20px}.step{padding-right:0}.step h3{font-size:21px;margin-top:19px}.step p{font-size:12px}.process{padding-bottom:65px}.studio{grid-template-columns:1fr;gap:10px;margin-bottom:65px;padding-top:30px}.studio-details{margin-top:15px}.studio p{font-size:14px}.contact{grid-template-columns:1fr;gap:38px;padding-block:55px}.contact h2{font-size:44px;max-width:13ch}.contact p{font-size:13px;margin-top:20px;max-width:48ch}.contact .contact-company{margin-top:24px;padding-top:20px}.brief-form{gap:18px 12px}.field input,.field select,.field textarea{padding:12px 10px;font-size:12px}.form-note{font-size:10px}.footer{align-items:flex-start;padding-block:33px;gap:25px;flex-direction:column}.footer-links{gap:22px;font-size:9px}.footer .logo strong{font-size:28px}.ui-content{min-height:220px;grid-template-columns:65px 1fr}.ui-stats b{font-size:25px}.ui-stats small{font-size:6px}.ui-main{padding:20px 13px}.ui-row{font-size:7px}.phone{height:86%;width:32%;padding:18px 11px;border-width:4px}.phone h4{font-size:20px}.phone-graphic{height:48px}.phone .phone-logo{font-size:11px}.phone-orbit{margin-top:23px;font-size:22px}.dialog-body{grid-template-columns:1fr}.dialog-visual{min-height:260px;max-height:330px}.dialog-content{padding:25px}.dialog-content h2{font-size:32px}.dialog-top{padding:15px 20px}.dialog-visual .project-view{min-height:290px}}
@media(max-width:420px){.concept-rail{padding-inline:16px;font-size:7px}.concept-rail nav{gap:10px}.header{gap:10px}.header .logo strong{font-size:22px}.header-actions{gap:10px}.menu-toggle{padding:8px 10px}.art-mode{left:12px;bottom:14px}.art-mode button{font-size:8px;padding:8px 9px}.ui-main header{font-size:9px}.ui-stats small{font-size:5px}.digital-view{padding-inline:14px}.phone h4{font-size:16px}.phone .phone-logo{margin-bottom:12px}.phone-graphic{height:30px}.phone-orbit{margin:16px 0;font-size:16px}.phone-list{font-size:6px;padding:6px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}