/*
Theme Name: Tretja Portfolio
Author: Juha Tretjakov
Description: Portfolio migrated from tretja.com; editable section patterns and bundled project assets.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: tretja-portfolio
*/

:root{color-scheme:light;--ink:#102132;--muted:#526579;--line:#d5dfe6;--paper:#f4f7f9;--accent:#d4ff72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #397dab;outline-offset:4px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}header{background:#102132;color:#fff}.nav{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid #385064}.brand{font-weight:800;letter-spacing:-.03em}.nav a{font-size:14px;text-decoration:none}.navlinks{display:flex;gap:28px}.hero{padding:95px 0 105px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:52px;align-items:center}.eyebrow{font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--accent)}h1{font-size:clamp(3.3rem,8vw,7.4rem);line-height:.99;letter-spacing:-.045em;margin:20px 0 30px;max-width:850px}h1 span{color:var(--accent)}.lead{font-size:clamp(1.2rem,2vw,1.55rem);max-width:720px;line-height:1.45;color:#d7e5ed}.portrait{margin:0}.portrait img{display:block;width:100%;height:470px;object-fit:cover;object-position:center 38%;filter:saturate(.88)}.portrait figcaption{font-size:13px;color:#a8bfcd;margin-top:12px}.heroaside{border-top:1px solid #6a8595;padding-top:20px;color:#c7d5dd}.heroaside b{display:block;color:#fff;margin-bottom:9px}.section{padding:88px 0;border-bottom:1px solid var(--line)}.sectionhead{display:block;margin-bottom:28px}.sectionhead > .kicker{margin-bottom:16px}.kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#426276}.section h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.025em;margin:0}.intro{font-size:1.2rem;max-width:740px;margin:0;color:#40566a}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--line);background:#fff;padding:30px;min-height:315px;display:flex;flex-direction:column}.project{padding:0;overflow:hidden}.project-images{display:flex;width:100%;aspect-ratio:1.45;overflow:hidden;background:#e8edf1}.project-images img:first-child{width:75%;height:100%;object-fit:cover;object-position:top left}.project-images img:last-child{width:25%;height:100%;object-fit:cover;object-position:top center;border-left:2px solid white}.project img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;object-position:center top;background:#e8edf1}.project .num,.project h3,.project p,.project .tag{margin-left:34px;margin-right:34px}.project .num{margin-top:32px}.project h3{margin-top:30px}.project .tag{margin-bottom:34px}.card .num{font-size:13px;font-weight:800;color:#587083}.card h3{font-size:1.6rem;line-height:1.15;letter-spacing:-.01em;margin:38px 0 12px}.card p{margin:0;color:#506476}.tag{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;margin-top:auto;padding-top:28px;color:#436071}.feature{background:#e4ebf0;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.feature h3{font-size:2rem;line-height:1.15;letter-spacing:-.015em;margin:8px 0 20px}.feature p,.feature li{color:#40566a}.feature ul{padding-left:20px}.feature li{margin-bottom:10px}.energy-gallery{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(210px,.8fr);gap:16px;align-items:start}.energy-gallery figure{margin:0;background:white;border:1px solid var(--line);padding:12px}.energy-gallery img{display:block;width:100%;height:auto}.energy-gallery figcaption{font-size:13px;font-weight:700;color:#526579;padding:10px 4px 2px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{border-top:3px solid var(--ink);padding-top:18px}.step b{font-size:1.1rem}.step p{color:var(--muted);margin:10px 0}.about{display:block}.about .kicker{margin-bottom:16px}.about > div:last-child{margin-top:28px;max-width:740px}.about p{color:#40566a}.about strong{color:var(--ink)}footer{background:#102132;color:#fff;padding:75px 0}.foot{display:flex;justify-content:space-between;gap:30px;align-items:end}footer h2{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.025em;line-height:1.06;max-width:660px;margin:10px 0 25px}footer a{color:var(--accent)}.small{font-size:13px;color:#a8bfcd}.pill{display:inline-block;background:var(--accent);color:#102132;text-decoration:none;padding:13px 20px;font-weight:800}.note{font-size:13px;color:#63798a;margin-top:22px;max-width:770px}@media(max-width:760px){.wrap{width:min(100% - 32px,1120px)}.navlinks{gap:14px}.hero{grid-template-columns:1fr;padding:70px 0}.portrait img{height:auto;max-height:480px;object-position:center 35%}.section{padding:64px 0}.sectionhead,.feature,.about{grid-template-columns:1fr;gap:20px}.grid,.steps,.energy-gallery{grid-template-columns:1fr}.card{min-height:250px}.card h3{margin-top:24px}.feature{padding:26px}.project .num,.project h3,.project p,.project .tag{margin-left:28px;margin-right:28px}.project .tag{margin-bottom:28px}.foot{display:block}}
.project > .num,.project > h3,.project > p,.project > .tag{margin-left:0;margin-right:0;padding-left:36px;padding-right:36px}.project > .num{padding-top:30px;margin-top:0}.project > h3{margin-top:26px}.project > .tag{padding-bottom:34px;margin-bottom:0}@media(max-width:760px){.project > .num,.project > h3,.project > p,.project > .tag{padding-left:28px;padding-right:28px}}.portrait img{object-fit:contain;filter:none;background:transparent}@media(max-width:760px){footer .foot > .small{margin-top:32px;line-height:1.8}}@media(min-width:761px){.sectionhead h2,.about h2{max-width:900px}#work h2 .heading-line{display:block}#work .intro{margin-top:28px!important}}
.wp-site-blocks{padding:0}.wp-site-blocks > *{margin-block-start:0}.wp-site-blocks main{margin:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}