/*
Theme Name: MTBT Studio
Description: Autorski motyw blokowy biura MTBT. Wersja pierwsza projektu.
Version: 0.3.0
Requires at least: 6.6
Requires PHP: 8.0
Author: MTBT
License: GNU General Public License v2 or later
Text Domain: mtbt-studio
*/
:root{--ink:#3a3e43;--paper:#faf8f5;--line:#d7d4cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0}.wp-site-blocks{overflow:hidden}a{text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #9b6610;outline-offset:5px}.shell{max-width:1320px;margin:auto;padding:0 6vw}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}.brand{font-size:38px;font-weight:800;letter-spacing:-3px;margin:0}.brand a{text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin-top:3px}.nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.nav p{margin:0;font-size:14px}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.hero{padding-top:88px;padding-bottom:78px;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:11px!important;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:28px}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,6.6vw,92px);line-height:1.02;letter-spacing:-4px;margin:0 0 28px}.hero h1 em{font-weight:400;color:#b84300}.hero .lead{max-width:490px;font-size:18px;line-height:1.65}.wp-block-button__link{padding:15px 24px;border-radius:0;font-size:14px}.wp-block-buttons{gap:12px;margin-top:30px}.is-style-outline .wp-block-button__link{border:1px solid #3a3e43;background:transparent;color:#3a3e43}.art{position:relative;background:#f1e8df;aspect-ratio:1/1.12;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:180px 180px 0 0}.art:before,.art:after{content:'';position:absolute;width:72%;height:72%;border:1px solid #c9b9a9;border-radius:50%;transform:rotate(-30deg) scaleX(.65)}.art:after{transform:rotate(30deg) scaleX(.65)}.art .monogram{font-family:Georgia,serif;font-size:clamp(100px,17vw,230px);letter-spacing:-20px;line-height:.8;z-index:1;font-style:italic;margin:0}.art .caption{position:absolute;bottom:22px;font-size:10px;letter-spacing:3px;text-transform:uppercase}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 0;gap:20px;font-size:12px}.strip p{margin:0}.section{padding-top:90px;padding-bottom:90px}.section h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,4vw,56px);line-height:1.1;letter-spacing:-1.5px;margin:12px 0 35px}.service{display:grid;grid-template-columns:60px 1fr 1fr;gap:25px;border-top:1px solid var(--line);padding:25px 0;align-items:baseline}.service h3{font-size:24px;font-weight:500;margin:0}.service p{margin:0}.service .num{font-size:12px;color:#74706c}.service p:last-child{font-size:15px;line-height:1.6}.dark{background:var(--ink);color:var(--paper)}.dark h2{color:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.steps{border-top:1px solid #74777a;padding:22px 0}.steps h3{font-size:20px;font-weight:500;margin:0 0 10px}.steps p{font-size:15px;color:#e3e3e3;line-height:1.7}.resources{display:grid;grid-template-columns:1fr 1fr;gap:28px}.resource{padding:32px;background:#f0ece7;border-top:3px solid var(--ink)}.resource h3{font-size:27px;font-weight:500}.resource p{line-height:1.65}.status{font-size:12px!important;color:#66605a}.contact{border-top:1px solid var(--line)}.contact .phone{font-size:clamp(24px,3.4vw,45px);letter-spacing:-1px}.contact a{text-decoration:none}.contact a:hover{text-decoration:underline}.contact p{line-height:1.7}.footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:35px;font-size:12px;color:#66605a}.footer p{margin:6px 0}.entry{max-width:850px;margin:auto;padding:60px 6vw}.wp-block-post-title{font-family:Georgia,serif}.wp-block-query{padding:30px 0}@media(max-width:800px){.topbar{align-items:flex-start}.nav{gap:12px;justify-content:flex-end;max-width:220px}.nav p{font-size:12px}.hero{grid-template-columns:1fr;padding-top:55px;gap:35px}.hero h1{letter-spacing:-2px}.art{max-width:420px;width:100%;margin:auto;aspect-ratio:1.4}.art .monogram{font-size:150px}.split,.resources{grid-template-columns:1fr;gap:25px}.service{grid-template-columns:30px 1fr;gap:15px}.service p:last-child{grid-column:2}.section{padding-top:55px;padding-bottom:55px}.strip{flex-wrap:wrap}.shell{padding-left:6vw;padding-right:6vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(prefers-reduced-motion:no-preference){.wp-block-button__link{transition:transform .2s,opacity .2s}.wp-block-button__link:hover{transform:translateY(-3px);opacity:.9}}

/* Full MTBT wordmark, scaled to its container on every screen. */
.art{container-type:inline-size}.art .monogram{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:800;font-size:clamp(48px,8vw,110px);font-size:24cqw;letter-spacing:-.065em;padding-right:.065em;line-height:1}

/* Original supplied MTBT identity, with its proportions preserved. */
.brand{width:245px;flex-shrink:0;line-height:1}.brand a{display:block;width:100%;aspect-ratio:3.51;background:url('assets/logo.png') center/contain no-repeat;text-indent:-9999px;overflow:hidden}.brand small{display:none}.art{border-radius:0;background:#f0ece7;aspect-ratio:1/1.12;padding:26px}.art:before{width:85%;height:85%;border-color:#d0bba9;transform:rotate(20deg);border-radius:50%}.art:after{width:68%;height:68%;border-color:#ff6200;transform:rotate(-20deg);border-radius:50%;opacity:.25}.art .monogram{width:100%;height:115px;background:#f0ece7 url('assets/logo.png') center/contain no-repeat;text-indent:-9999px;overflow:hidden;padding:0;position:relative}.hero h1 em{color:#b84300}.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background:#b84300}.resource{border-top-color:#ff6200}@media(max-width:800px){.brand{width:180px}.art{aspect-ratio:1.4}.art .monogram{height:95px}}@media(max-width:420px){.topbar{flex-wrap:wrap}.nav{max-width:none;justify-content:flex-start;width:100%}.brand{width:200px}}

.brand a{aspect-ratio:3.92}

.workflow-row{display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid var(--line);padding:24px 0}.workflow-row h3{font-size:21px;margin:0}.workflow-row p{margin:0}.resources+.workflow-row{margin-top:30px}@media(max-width:800px){.workflow-row{grid-template-columns:1fr;gap:10px}}