/* Homepage design system. Legacy case-study pages retain styles.css. */
.hero-bento .hero-layout-portrait img{filter:none;object-position:50% 32%}
.editorial-scene{display:block;position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;isolation:isolate}
.editorial-scene__photo{width:100%;height:100%;object-fit:contain}
.editorial-scene__screen{position:absolute;overflow:hidden;display:flex;align-items:center;background:#fff}
.editorial-scene--laptop .editorial-scene__screen{left:18.88%;top:15.63%;width:62.24%;height:54.68%;align-items:flex-start}
.editorial-scene--laptop .editorial-scene__screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.editorial-scene--phone .editorial-scene__screen{left:38.28%;top:8.22%;width:23.24%;height:74.7%;border-radius:10% / 5%;background:#151515}
.editorial-scene--phone .editorial-scene__screen img{width:100%;height:auto}
.project-hero-card .project-hero-card__canvas{padding:0;min-height:100%;height:100%}
.project-hero-card .editorial-scene{width:100%;height:100%;aspect-ratio:auto}
.project-hero-card .editorial-scene__photo{object-fit:cover}
/* Keep photo and screen on the same 3:2 coordinate plane, including tall cards. */
.project-hero-card .editorial-scene{position:absolute;top:50%;left:50%;width:max(100%,780px);height:auto;aspect-ratio:3/2;transform:translate(-50%,-50%)}
.project-hero-card .project-hero-card__label{display:none}
.hero-featured-project .hero-featured-project__visual{background:transparent;min-height:0;border-radius:10px}
.hero-featured-project .editorial-scene{transform:scale(1.04)}
@media(max-width:700px){.project-hero-card .editorial-scene{width:560px}.project-hero-card .project-hero-card__canvas{min-height:350px}}
:root{color-scheme:light;--bg:#f7f7f7;--surface:#fff;--soft:#f0edef;--ink:#211b1e;--muted:#696167;--line:#e3dce0;--accent:#78172a;--rose:#d8a0ac;--blush:#f3e5e8;--wine:#4b0f1d;--radius:24px;--shadow:0 24px 60px #211b1e12}
:root[data-theme=dark]{color-scheme:dark;--bg:#100e0f;--surface:#1c181a;--soft:#272124;--ink:#f7f3f5;--muted:#bfb2ba;--line:#3c3037;--accent:#ed9eb0;--blush:#302127;--shadow:0 24px 60px #0003}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Instrument Sans',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}a,button{transition:background .2s,color .2s,transform .2s}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--rose);color:#211b1e}.shell,.site-header{width:min(1320px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:24px;z-index:100;background:var(--surface);padding:12px}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px 24px}.wordmark{font-size:28px;font-weight:650;letter-spacing:-1.5px}.wordmark span{color:var(--accent);margin-left:6px}.site-nav,.header-actions{display:flex;align-items:center;gap:28px}.site-nav a{font-size:14px}.site-nav a:hover{color:var(--accent)}.availability-pill{font-size:12px;color:var(--muted)}.availability-pill span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px}.theme-toggle{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);padding:8px 12px;border-radius:99px;font-size:12px}.theme-toggle__track{width:24px;height:14px;border-radius:20px;background:var(--line);padding:2px}.theme-toggle__track i{display:block;width:10px;height:10px;border-radius:50%;background:var(--accent)}[data-theme=dark] .theme-toggle__track i{transform:translateX(10px)}
.hero-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.hero-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;min-width:0}.card-label,.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1.6;margin-bottom:24px}.hero-statement-card{grid-column:span 6;padding:38px;display:flex;flex-direction:column;justify-content:center;min-height:420px}.hero-statement-card h1>span:first-child{display:block;font-size:clamp(42px,4.7vw,66px);line-height:1.05;letter-spacing:-.05em;margin-bottom:24px;font-weight:500}.hero-statement-card h1 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-.025em}.hero-statement-card h1>span:last-child{display:block;font-size:clamp(21px,2.1vw,29px);font-weight:500;line-height:1.3;letter-spacing:-.025em;max-width:500px}.hero-statement-card>p:not(.card-label){margin-top:20px;color:var(--muted);font-size:14px;line-height:1.75;max-width:470px}.hero-statement-card__links{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border-radius:99px;padding:12px 19px;font-size:13px;font-weight:500}.button--primary{background:var(--ink);color:var(--surface)}.button--secondary{border:1px solid var(--line)}.button:hover{transform:translateY(-2px)}.hero-layout-portrait{grid-column:span 3;position:relative;min-height:420px;background:var(--soft)}.hero-layout-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:grayscale(1)}.hero-layout-portrait figcaption{position:absolute;bottom:18px;left:16px;right:16px;text-align:center;background:#fffE;color:#211b1e;border-radius:99px;padding:8px;font-size:10px;letter-spacing:.05em}.hero-featured-project{grid-column:span 3;grid-row:span 2;padding:22px;display:flex;flex-direction:column;gap:24px}.hero-featured-project__topline{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.hero-featured-project__visual{padding:0;background:#bfbfbf;border-radius:14px;overflow:hidden;min-height:190px;display:flex;align-items:center}.hero-koja-cover{display:block}.hero-koja-cover img{width:100%;transition:transform .4s}.hero-featured-project__visual:hover img{transform:scale(1.04)}.hero-featured-project__copy h2{font-size:25px;letter-spacing:-.04em;line-height:1.2;margin-bottom:16px}.hero-featured-project__category{font-size:11px!important;color:var(--accent)!important;margin-bottom:16px}.hero-featured-project__copy p{font-size:13px;color:var(--muted);line-height:1.75}.hero-featured-project__open{margin-top:auto;border-top:1px solid var(--line);padding:20px 0 0;background:transparent;display:flex;justify-content:space-between;font-size:13px}.hero-layout-about{grid-column:span 5;padding:28px 32px}.hero-layout-about__copy{font-size:16px;line-height:1.7;max-width:450px}.hero-layout-about>span{display:block;margin-top:20px;font-size:12px;color:var(--accent)}.hero-layout-contact{grid-column:span 4;padding:28px 32px;background:radial-gradient(ellipse at 0 100%,#ae3552,transparent 90%),var(--wine);color:white;border-color:transparent}.hero-layout-contact .card-label{color:#ebcbd3}.hero-layout-contact>p:not(.card-label){font-size:21px;line-height:1.4;letter-spacing:-.02em}.hero-layout-contact>div{display:flex;gap:24px;margin-top:24px;font-size:12px}
.projects-section{padding-top:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:clamp(32px,3.6vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.04em}.section-intro{max-width:310px;color:var(--muted);font-size:14px}.project-cards{display:grid;gap:32px}.project-split{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;scroll-margin-top:32px}.project-split--visual-right{grid-template-columns:1fr 1.15fr}.project-hero-card{border-radius:var(--radius);padding:0;overflow:hidden;min-width:0;min-height:480px;background:#bfbfbf;position:relative;text-align:left}.project-hero-card__canvas{display:flex;position:relative;height:100%;min-height:480px;align-items:center;justify-content:center;padding:64px 0}.koja-cover-laptop{width:100%;transition:transform .6s}.project-hero-card:hover .koja-cover-laptop{transform:scale(1.04)}.project-hero-card__label{position:absolute;left:28px;top:24px;color:#352e32;font-size:11px;font-weight:500}.project-hero-card__open{position:absolute;bottom:22px;right:24px;display:flex;align-items:center;gap:20px;background:#fff;color:#211b1e;border-radius:99px;padding:10px 16px;font-size:12px;box-shadow:0 4px 24px #0001}.project-hero-card--dgstudio{background:var(--blush)}.client-cover-device{display:block;width:250px;border:7px solid #211b1e;border-radius:35px;padding:40px 5px 44px;background:#fff;box-shadow:0 24px 45px #4b0f1d25;transform:rotate(6deg);position:relative}.client-cover-device:before{content:'';position:absolute;top:12px;left:calc(50% - 28px);width:56px;height:12px;background:#211b1e;border-radius:9px}.client-cover-device:after{content:'';position:absolute;bottom:12px;left:calc(50% - 35px);width:70px;height:4px;background:#211b1e;border-radius:5px}.client-cover-device img{width:100%;aspect-ratio:1;object-fit:contain}.project-hero-card--dgstudio .project-hero-card__label{color:var(--muted)}.project-copy-card{padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;align-items:start}.project-copy-card__meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:10px;color:var(--muted);margin-bottom:32px;letter-spacing:.03em}.project-copy-card__meta span:last-child{margin-left:auto}.project-copy-card h3{font-size:clamp(29px,3vw,42px);font-weight:500;line-height:1.15;letter-spacing:-.04em;margin-bottom:22px}.project-copy-card__description{font-size:16px;line-height:1.7;margin-bottom:24px;max-width:470px}.project-copy-card__role{font-size:13px;color:var(--muted);margin-bottom:20px}.project-copy-card__role strong{display:block;color:var(--ink);font-weight:500;margin-bottom:8px}.project-copy-card__roles{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0}.project-copy-card__roles li{font-size:10px;border:1px solid var(--line);border-radius:99px;padding:5px 10px;color:var(--muted)}.project-open-button{margin-top:auto;background:none;padding:12px 0 0;border-top:1px solid var(--line);width:100%;display:flex;justify-content:space-between;font-size:13px}
.about{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding-block:96px}.about-copy h2{font-size:36px;margin-bottom:28px;max-width:540px}.about-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:520px;margin-top:18px}.about-meta{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px;padding-top:6px}.about-meta .eyebrow{margin-bottom:18px}.about-meta__group>p:not(.eyebrow){font-size:12px;margin-bottom:8px;color:var(--muted)}.contact{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:64px}.contact h2{font-size:36px;max-width:500px}.contact-intro{font-size:14px;color:var(--muted);margin-top:22px}.contact-links{display:flex;flex-direction:column;justify-content:center}.contact-links a{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid var(--line);padding:22px 0}.contact-links a>span{grid-column:1;font-size:11px;color:var(--muted)}.contact-links strong{font-weight:500;font-size:clamp(16px,1.8vw,25px);overflow-wrap:anywhere;letter-spacing:-.02em}.contact-links b{grid-column:2;grid-row:1/3;align-self:center;font-weight:400;font-size:24px}.site-footer{display:flex;justify-content:space-between;padding-block:28px;font-size:11px;color:var(--muted)}
.project-modal{width:min(1080px,calc(100% - 48px));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.project-modal::backdrop{background:#100e0fb8;backdrop-filter:blur(10px)}.project-modal__header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:var(--surface);border-bottom:1px solid var(--line)}.project-modal__header strong{display:block;font-size:18px;font-weight:500}.project-modal__header span{font-size:10px;color:var(--muted)}.project-modal__header button{width:44px;height:44px;border-radius:50%;background:var(--soft);font-size:28px}.project-modal__body{padding:36px}.project-modal__intro{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;margin-bottom:40px}.project-modal__intro .eyebrow{margin-bottom:16px}.project-modal__lead{font-size:17px}.project-modal__intro ul{margin:0;padding-left:18px;font-size:13px;color:var(--muted)}.project-modal__intro li+li{margin-top:10px}.project-modal__hero{background:#bfbfbf;border-radius:16px;overflow:hidden;margin-bottom:40px}.project-modal__hero>figcaption{padding:20px 24px;color:#211b1e;display:flex;justify-content:space-between;font-size:13px}.project-modal__hero .koja-browser,.project-modal__hero .koja-cards{display:none}.project-modal__hero img{width:100%}.project-presentations,.dgstudio-output-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px}.project-presentations figure,.dgstudio-output-grid figure{min-width:0}.project-presentations img,.dgstudio-output-grid img{width:100%;border-radius:10px}.browser-bar{display:flex;align-items:center;gap:5px;padding:10px 12px;background:#eee;color:#555;font-size:9px;border-radius:10px 10px 0 0}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#aaa}.browser-bar b{margin-left:15px;font-weight:400}.project-presentations figcaption,.dgstudio-output-grid figcaption{font-size:11px;color:var(--muted);margin-top:12px}.project-presentation--print{grid-column:1/-1}.project-presentation--details{grid-column:1/-1}.design-details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.design-detail{overflow:hidden;border-radius:10px;aspect-ratio:1.5}.design-detail img{width:145%;max-width:none}.dgstudio-modal-hero{padding:40px;background:var(--blush);border-radius:16px;margin-bottom:40px;text-align:center}.dgstudio-modal-hero img{width:min(100%,400px);margin:auto;box-shadow:var(--shadow)}.dgstudio-modal-hero figcaption{margin-top:22px;font-size:12px;color:var(--muted)}.project-modal__footer-close{margin-top:40px;width:100%;display:flex;justify-content:space-between;background:var(--soft);border-radius:12px;padding:16px 20px;font-size:13px}
@media(min-width:1500px){.hero-statement-card{min-height:460px}}
@media(max-width:1050px){.shell,.site-header{width:calc(100% - 40px)}.hero-statement-card{grid-column:span 8}.hero-layout-portrait{grid-column:span 4}.hero-featured-project{grid-column:span 4;grid-row:2}.hero-layout-about{grid-column:span 4}.hero-layout-contact{grid-column:span 4}.hero-featured-project__visual{min-height:130px}.hero-featured-project__copy>p:last-child{display:none}.hero-layout-about,.hero-layout-contact{padding:24px}.hero-layout-contact>p:not(.card-label){font-size:19px}.project-copy-card{padding:28px}.about{gap:40px}.contact{gap:32px;padding:32px}}
@media(max-width:700px){html{scroll-padding-top:24px}.shell,.site-header{width:calc(100% - 32px)}.site-header{padding-block:20px;flex-wrap:wrap;gap:16px}.site-nav{gap:16px;margin-left:auto}.site-nav a{font-size:12px}.header-actions{gap:12px}.availability-pill{display:none}.theme-toggle{padding:6px 10px}.wordmark{font-size:24px}.hero-bento{grid-template-columns:1fr 1fr;gap:12px}.hero-statement-card{grid-column:1/-1;padding:28px;min-height:0}.hero-statement-card h1>span:first-child{font-size:48px}.hero-statement-card h1>span:last-child{font-size:25px}.card-label{font-size:10px;margin-bottom:24px}.hero-layout-portrait{grid-column:1;grid-row:2;min-height:310px}.hero-featured-project{grid-column:2;grid-row:2;padding:16px;gap:18px}.hero-featured-project__topline{font-size:9px}.hero-featured-project__visual{min-height:100px}.hero-featured-project__copy h2{font-size:21px}.hero-featured-project__category{font-size:10px!important}.hero-featured-project__open{font-size:11px;padding-top:14px}.hero-layout-portrait figcaption{font-size:8px;padding:7px;left:8px;right:8px}.hero-layout-about,.hero-layout-contact{grid-column:1/-1;padding:26px}.hero-layout-about__copy{font-size:15px}.hero-layout-contact>p:not(.card-label){font-size:24px;max-width:380px}.projects-section{padding-top:64px}.section-heading{display:block;margin-bottom:28px}.section-intro{margin-top:20px}.project-split,.project-split--visual-right{grid-template-columns:1fr;gap:12px}.project-split--visual-right .project-hero-card{grid-row:1}.project-hero-card,.project-hero-card__canvas{min-height:350px}.project-copy-card{padding:28px}.project-copy-card__meta{margin-bottom:24px}.project-copy-card h3{font-size:32px}.project-copy-card__description{font-size:15px}.project-cards{gap:40px}.client-cover-device{width:200px}.project-hero-card--dgstudio .project-hero-card__canvas{padding-block:64px}.about{padding-block:64px;grid-template-columns:1fr;gap:36px}.about-copy h2{font-size:30px}.about-meta{gap:28px 18px}.contact{grid-template-columns:1fr;padding:28px;gap:16px}.contact h2{font-size:30px}.site-footer{font-size:10px}.project-modal{width:calc(100% - 20px);max-height:94dvh;border-radius:18px}.project-modal__header{padding:14px 20px}.project-modal__body{padding:22px}.project-modal__intro{grid-template-columns:1fr;gap:24px}.project-presentations,.dgstudio-output-grid{grid-template-columns:1fr}.project-presentation--print,.project-presentation--details{grid-column:auto}.design-details{grid-template-columns:1fr}.project-modal__hero>figcaption{flex-direction:column;gap:6px}.dgstudio-modal-hero{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}