/* GKN Labs / Flat studio. Shared public design tokens. */
:root{--font-sans:'Manrope',sans-serif;--font-mono:'IBM Plex Mono',monospace;--color-paper:#f3f5f7;--color-surface:#fff;--color-ink:#112131;--color-ink-soft:#526171;--color-rule:#dce2e7;--color-link:#0966ad;--color-link-hover:#074879;--color-on-accent:#fff;--color-accent-soft:#e4f2fc;--color-readout:#112b42;--color-readout-lit:#fff;--color-readout-dim:#b7cddd;--color-error:#ae2929;--color-brand:#3fa9f5;color-scheme:light}
body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{transition:color .18s,background .18s}a:hover{color:var(--color-link-hover)}.container{width:min(1280px,calc(100% - 80px))}.db-header{background:var(--color-paper);border-bottom:0}.header-inner{padding-block:28px}.logo img{display:block;width:178px;height:auto}.header-inner nav{align-items:center;gap:30px}.header-inner nav a{font-size:13px;font-weight:700;text-decoration:none;color:var(--color-ink)}.header-inner nav>a:hover{color:var(--color-link)}.lang-switch{display:inline-flex;gap:0;padding:4px;background:#e5eaf0;border-radius:8px}.header-inner nav .lang-switch a{padding:6px 10px;font:11px var(--font-mono);border-radius:5px}.lang-switch a[aria-current=true]{background:#fff}.skip-link{z-index:20}.skip-link:focus{color:#fff}main.container{padding-top:24px}
.home-intro{border:0;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;gap:64px;padding:36px 0 64px}.hero-copy{padding-block:20px}.section-label{font-size:10px;font-weight:500;letter-spacing:.11em;text-transform:uppercase}.hero-copy>.section-label{display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--color-link)}.home-intro h1{font-size:clamp(42px,4.5vw,66px);font-weight:800;letter-spacing:-.065em;line-height:1.08;margin:32px 0 24px}.home-intro em{color:var(--color-link)}.home-intro p{font-size:15px;line-height:1.85;max-width:48ch}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.hero-actions a{font-size:13px;font-weight:700;text-decoration:none}.primary-link{display:inline-flex;padding:15px 22px;background:var(--color-ink);color:#fff;border-radius:8px}.primary-link:hover{background:var(--color-link);color:#fff}.lab-board{background:#12324d;border-radius:18px;padding:28px 30px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;overflow:hidden;min-height:410px}.board-top{display:flex;justify-content:space-between;font:11px var(--font-mono);letter-spacing:.12em;color:#bfd4e5}.board-top>span:last-child{font-size:23px;line-height:1}.board-glyph{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:190px;align-self:center;margin:24px 0;transform:rotate(-9deg)}.board-glyph span{display:grid;place-items:center;background:#3fa9f5;border-radius:16px;width:90px;height:90px;font-size:62px;font-weight:500;line-height:1;color:#102d44}.board-glyph span:nth-child(2){background:#e5f3fd}.board-glyph span:nth-child(3){background:#274b68;color:#a7dafd}.board-glyph span:last-child{background:#8ecfff}.intro-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.intro-index a{display:grid;grid-template-columns:1fr auto;border-top:1px solid #456078;padding-top:18px;color:#fff;text-decoration:none}.intro-index strong{grid-column:1/-1;font:30px var(--font-mono);color:#fff;letter-spacing:-.05em}.intro-index b{font-size:10px;font-weight:500;margin-top:6px;color:#bfd4e5}.intro-index a>span{font-size:13px;align-self:end;color:#8ecfff}.intro-index a:hover b{color:#fff}
.home-section{margin-top:36px;padding-top:36px;border-top:1px solid var(--color-rule)}.section-top{margin-bottom:28px;align-items:center}.section-top h2{font-size:26px;font-weight:800;letter-spacing:-.045em}.section-top>a{font-size:12px;font-weight:700;text-decoration:none}.tool-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.tool-card{grid-column:span 2;border:0;border-radius:12px;padding:28px;background:#fff;box-shadow:none;min-height:260px;transition:background .2s,transform .2s}.tool-card:nth-child(4),.tool-card:nth-child(5){grid-column:span 3}.tool-card:hover{background:#e5f2fc;box-shadow:none;transform:translateY(-3px)}.tool-number{font:11px var(--font-mono);color:var(--color-ink-soft);border-bottom:1px solid var(--color-rule);padding-bottom:20px}.tool-card h3{font-size:21px;font-weight:800;letter-spacing:-.04em;line-height:1.3;margin:23px 0 12px}.tool-card p{font-size:13px;line-height:1.8;max-width:45ch}.card-action{font-size:11px;font-weight:700;align-items:center;color:var(--color-link)}.card-action b{display:grid;place-items:center;width:30px;height:30px;background:#edf4f9;border-radius:50%;font-size:17px;font-weight:400}
.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.post-card{border:0;padding:0 0 20px}.post-cover-link{display:block;overflow:hidden;border-radius:12px;margin-bottom:22px;background:#e5edf4}.post-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .25s}.post-cover-link:hover .post-cover{transform:scale(1.025)}.post-card h3{font-size:23px;font-weight:800;letter-spacing:-.035em;margin:12px 0;line-height:1.4;max-width:30ch}.post-card p{font-size:13px;line-height:1.85;max-width:58ch}.post-tools{gap:8px;margin-top:18px}.post-tools a{background:#e5ebf0;color:#354f66;border:0;border-radius:5px;font-size:10px;padding:6px 10px}.post-tools a:hover{background:#d7eafa}.youtube-band{background:#dfeef9;border:0;border-radius:16px;padding:40px;margin-top:56px;gap:28px}.youtube-band .play-mark{background:#112b42;color:#fff}.youtube-band h2{font-size:27px;font-weight:800;letter-spacing:-.045em}.youtube-band p{font-size:13px;line-height:1.8}.youtube-band>a{font-size:12px;font-weight:700;text-decoration:none}.play-mark{background:#112b42;color:#fff;border-radius:14px}
.breadcrumbs{font:11px var(--font-mono);color:var(--color-ink-soft);margin:16px 0 32px}.breadcrumbs a{text-decoration:none}.page-title{font-size:clamp(34px,4.3vw,58px);font-weight:800;letter-spacing:-.055em;line-height:1.15;max-width:24ch}.page-intro{font-size:15px;line-height:1.85;max-width: seventy}.page-intro{max-width:70ch}.article-title{max-width:27ch}.article-cover{display:block;width:100%;max-width:960px;height:auto;border-radius:16px;margin:36px 0}.author-line{font:11px var(--font-mono);color:var(--color-ink-soft);margin-top:24px}.content-section{margin-top:48px}.content-section>h2{font-size:25px;font-weight:800;letter-spacing:-.035em}.prose{max-width:70ch;font-size:16px;line-height:1.95}.prose h2{font-size:27px;letter-spacing:-.04em;line-height:1.3}.prose h3{font-size:20px;letter-spacing:-.025em}.prose ul{list-style:disc}.prose pre{background:#112b42;color:#edf6fc;border-radius:10px;padding:24px}.prose code{background:#e4edf4}.prose table{background:#fff;border-radius:8px;padding:16px}.prose td,.prose th{padding:14px}.faq-list dt{padding-top:22px}.faq-list dd{padding-bottom:24px}
.calculator{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:24px;max-width:1080px}.calculator form{background:#fff;border-radius:16px;padding:24px 32px}.calc-field{padding:18px 0}.calc-field>span:first-child{font-size:13px;font-weight:600}.calc-field input{background:#f3f5f7;border:1px solid #dce2e7;border-radius:7px;width:120px;padding:10px;font-size:16px}.calc-field input:focus{outline:2px solid #83bde6;outline-offset:2px}.calculator button{font-size:12px;font-weight:600}.calc-field small{color:var(--color-ink-soft)}#calculator-output{border:0;border-radius:16px;padding:32px;top:24px;min-height:260px}#calculator-output dl{border-top-color:#385368}#calculator-output dl>div{font-size:12px}.result-primary{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.06em;margin-top:8px}.result-label{font-size:12px;color:#b7cddd}#calc-error{color:var(--color-error)}.video-card{margin-top:28px;padding:28px;background:white;border-radius:14px}.video-link{border:0;margin:0 0 18px;padding:0;background:white}.video-link strong{font-size:23px;font-weight:800;letter-spacing:-.035em}.video-card>p{color:var(--color-ink-soft);font-size:14px}.related-links{margin-top:20px;font-size:12px}.video-link small{font-size:10px}.video-link>span>span{font-size:12px}.video-player{aspect-ratio:16/9;background:#112b42;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:16px;overflow:hidden;margin:32px 0}.video-player iframe{width:100%;height:100%;border:0}.video-player button{background:#3fa9f5;color:#112b42;border-radius:8px;padding:18px 28px;font-weight:700}.video-player p{font-size:12px;text-align:center;padding:16px}.video-empty{border:0;background:white;border-radius:16px}
.db-footer{margin-top:96px;padding:48px 0;background:#e9edf1;border:0}.footer-logo{display:inline-block;margin-bottom:28px}.footer-logo img{width:155px}.db-footer nav{gap:24px}.db-footer nav a{font-size:12px;text-decoration:none;color:var(--color-ink-soft)}.db-footer p{margin-top:30px;font:11px var(--font-mono)}.db-footer p a{color:var(--color-ink-soft);text-decoration:none}
@media(min-width:1600px){.home-intro{gap:90px}.home-intro h1{font-size:70px}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.home-intro{gap:28px}.home-intro h1{font-size:46px}.lab-board{padding:24px;min-height:380px}.header-inner nav{gap:18px}.tool-card{padding:24px}.intro-index{gap:12px}.logo img{width:160px}}
@media(max-width:760px){.header-inner{flex-wrap:wrap;padding-block:20px;gap:22px}.header-inner nav{width:100%;justify-content:space-between;gap:12px}.header-inner nav a{font-size:12px}.home-intro{grid-template-columns:1fr;padding:12px 0 28px;gap:32px}.hero-copy{padding:0}.home-intro h1{font-size:clamp(40px,8vw,58px)}.lab-board{min-height:320px}.board-glyph{width:150px;margin:18px 0;gap:6px}.board-glyph span{width:72px;height:72px;font-size:48px;border-radius:12px}.intro-index{display:grid}.intro-index strong{font-size:25px}.tool-card,.tool-card:nth-child(4),.tool-card:nth-child(5){grid-column:span 3}.tool-card:last-child{grid-column:span 6}.post-grid{gap:24px}.post-card h3{font-size:20px}.section-top h2{font-size:23px}.calculator{grid-template-columns:1fr}.calculator form{padding:18px 24px}#calculator-output{position:static}.youtube-band{padding:28px;flex-wrap:wrap}.youtube-band h2{font-size:24px}.youtube-band>a{margin:0}.page-title{font-size:38px}.db-footer{margin-top:60px}}
@media(max-width:480px){.container{width:calc(100% - 36px)}.tool-card,.tool-card:nth-child(4),.tool-card:nth-child(5){grid-column:span 6;min-height:220px}.post-grid{grid-template-columns:1fr;gap:28px}.section-top{gap:12px}.section-top h2{font-size:21px}.section-top>a{font-size:10px}.home-intro h1{font-size:40px}.hero-actions{gap:20px}.header-inner nav{gap:9px!important}.header-inner nav a{font-size:11px}.header-inner nav .lang-switch a{padding:6px 8px}.page-title{font-size:34px}.video-card{padding:22px}.video-link strong{font-size:19px}.calc-field{gap:10px}.calc-field input{width:94px}.calculator form{padding:18px}.db-footer nav{gap:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Photographic editorial direction, September 2026. */
.journal-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin:16px 0 36px}.journal-heading .page-title{font-size:clamp(60px,7vw,96px);margin:12px 0 0;line-height:1}.heading-dot{color:#1783ba}.journal-heading>p{max-width:42ch;font-size:16px;line-height:1.8;color:var(--color-ink-soft);margin:0 0 8px}.editorial-feature{display:grid;grid-template-columns:1.25fr 1fr;background:#142c35;border-radius:20px;overflow:hidden;min-width:0}.feature-photo{display:block;overflow:hidden;min-height:380px}.feature-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.feature-photo:hover img{transform:scale(1.035)}.feature-copy{padding:42px;display:flex;flex-direction:column;justify-content:center;color:#fff;min-width:0}.feature-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font:10px var(--font-mono);letter-spacing:.08em}.feature-eyebrow span:first-child{padding:7px 10px;border:1px solid #617a7f;border-radius:5px;color:#d8eddf}.feature-eyebrow span:last-child{color:#b6d4c6}.feature-copy h2{font-size:clamp(27px,2.8vw,38px);line-height:1.22;letter-spacing:-.045em;margin:22px 0 16px}.feature-copy h2 a{color:#fff;text-decoration:none}.feature-copy p{font-size:13px;line-height:1.85;color:#c1d0d3;margin:0}.feature-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.feature-actions a{font-size:12px;font-weight:700;text-decoration:none}.feature-read{background:#d8efb5;color:#173225;padding:13px 18px;border-radius:7px}.feature-read:hover{background:#effbdc;color:#173225}.feature-watch{color:#fff}.feature-watch:hover{color:#d8efb5}.editorial-feature-compact{display:flex;flex-direction:column}.editorial-feature-compact .feature-photo{height:230px;min-height:0}.editorial-feature-compact .feature-copy{padding:24px 28px}.editorial-feature-compact h2{font-size:25px;margin:16px 0}.editorial-feature-compact .feature-copy>p{display:none}.editorial-feature-compact .feature-actions{margin-top:0}.journal-library{margin-top:48px}.journal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--color-rule)}.journal-filters{display:flex;flex-wrap:wrap;gap:8px}.journal-filters button{border:1px solid #ccd5db;border-radius:30px;padding:10px 17px;background:transparent;color:#314453;font-size:12px;font-weight:700;cursor:pointer}.journal-filters button[aria-pressed=true]{background:#142c35;border-color:#142c35;color:#fff}.journal-filters button:hover{border-color:#1783ba}.journal-search{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.journal-search span{font-size:10px;color:var(--color-ink-soft)}.journal-search input{border:1px solid #ccd5db;background:#fff;color:var(--color-ink);border-radius:8px;padding:10px 14px;font:13px var(--font-sans);width:245px}.journal-results{display:flex;justify-content:space-between;align-items:center;margin:28px 0 22px}.journal-results h2{font-size:23px;letter-spacing:-.04em;margin:0}.journal-results>span{font:11px var(--font-mono);color:var(--color-ink-soft)}.journal-library .post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{background:#fff;border-radius:15px;overflow:hidden;padding:0;align-self:stretch;transition:transform .25s}.post-card:hover{transform:translateY(-4px)}.post-photo{position:relative}.post-cover-link{border-radius:0;margin:0;aspect-ratio:16/9}.post-cover{display:block;height:100%}.post-category{position:absolute;left:14px;top:14px;border-radius:5px;background:#fffffff2;padding:6px 10px;color:#18303c;font-size:10px;font-weight:800;pointer-events:none}.post-video-badge{position:absolute;bottom:12px;right:12px;background:#142c35;color:#fff;border-radius:5px;padding:7px 10px;font-size:10px;font-weight:700;text-decoration:none}.post-video-badge:hover{background:#d8efb5;color:#173225}.post-copy{padding:22px 24px 24px}.post-card h3{font-size:21px;line-height:1.35;max-width:none;margin:12px 0}.post-card h3 a{text-decoration:none}.post-card p{font-size:12px;margin-bottom:0}.post-tools:empty{display:none}.journal-empty{padding:40px;text-align:center;background:#fff;border-radius:12px;color:var(--color-ink-soft)}.article-visual{margin:36px 0;max-width:960px}.article-visual .article-cover{margin:0}.article-visual figcaption{font-size:11px;color:var(--color-ink-soft);margin-top:9px}.journal-library [hidden]{display:none!important}.journal-filters button:focus-visible,.journal-search input:focus-visible,.feature-actions a:focus-visible,.post-card a:focus-visible{outline:3px solid #1688c9;outline-offset:3px}
@media(max-width:1000px){.feature-copy{padding:28px}.feature-photo{min-height:330px}.journal-library .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-heading{gap:30px}.home-intro .feature-actions{gap:12px}.home-intro .feature-actions a{font-size:11px}}
@media(max-width:760px){.journal-heading{display:block;margin-bottom:26px}.journal-heading>p{margin-top:20px;max-width:48ch;font-size:14px}.editorial-feature{grid-template-columns:1fr}.feature-photo{min-height:0;aspect-ratio:16/9}.feature-copy{padding:26px}.feature-copy h2{font-size:29px}.journal-toolbar{align-items:stretch;flex-direction:column;gap:18px}.journal-search input{width:100%;box-sizing:border-box}.journal-filters button{padding:9px 14px}.journal-library{margin-top:30px}.post-copy{padding:18px}.post-card h3{font-size:19px}.article-visual{margin:24px 0}.home-intro .editorial-feature-compact .feature-photo{height:auto;aspect-ratio:16/9}}
@media(max-width:540px){.journal-library .post-grid{grid-template-columns:1fr}.journal-heading .page-title{font-size:64px}.feature-copy h2{font-size:27px}.post-card h3{font-size:21px}.post-copy{padding:22px}.journal-filters{gap:6px}.journal-filters button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.feature-photo img,.post-card{transition:none;transform:none!important}}

/* Portrait Shorts keep their native frame centered on every viewport. */
.video-player--shorts{width:min(100%,390px);aspect-ratio:9/16;margin:32px auto}.video-player--shorts iframe{display:block;width:100%;height:100%}