/*
Theme Name: Techen Consultant
Author: Niki Techen
Description: An original, editable block theme for an Amazon operational consultancy. Includes a portrait hero, review cards, about section, deliverables, testimonials and contact settings. No parent theme or page builder required.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: techen-consultant
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, editor-style, wide-blocks
*/
:root { --nt-navy:var(--wp--preset--color--navy,#101f30); --nt-ink:var(--wp--preset--color--ink,#132b3c); --nt-accent:var(--wp--preset--color--accent,#007fa3); --nt-bright:var(--wp--preset--color--bright,#25b9dd); --nt-muted:var(--wp--preset--color--muted,#516471); --nt-mist:var(--wp--preset--color--mist,#f2f6f7); --nt-line:var(--wp--preset--color--line,#dce5e9); --nt-white:var(--wp--preset--color--white,#fff); }
html { scroll-behavior:smooth; scroll-padding-top:32px; }
body { margin:0; -webkit-font-smoothing:antialiased; }
*, *::before, *::after { box-sizing:border-box; }
.wp-site-blocks > * { margin-block-start:0; }
.nt-main > *, .nt-container > :first-child, .nt-header p, .nt-footer p { margin-block-start:0; }
.nt-container { width:min(1180px,calc(100% - 80px)); margin-inline:auto; }
.nt-main h1, .nt-main h2, .nt-main h3, .nt-footer h3 { color:inherit; }
.nt-main h1 { font-size:clamp(40px,4.2vw,62px); font-weight:650; line-height:1.075; letter-spacing:-.045em; margin:20px 0 24px; }
.nt-main h2 { font-size:clamp(30px,3vw,43px); font-weight:650; line-height:1.13; letter-spacing:-.035em; margin:13px 0 20px; }
.nt-main h3 { font-size:22px; font-weight:650; letter-spacing:-.025em; line-height:1.25; }
p { overflow-wrap:break-word; }
a { text-underline-offset:4px; }
a:hover { text-decoration:underline; }
a:focus-visible, button:focus-visible, input:focus-visible { outline:3px solid var(--nt-bright); outline-offset:5px; }
.nt-section { padding-block:90px; }
.nt-eyebrow { color:var(--nt-accent); font-size:11px; letter-spacing:.15em; font-weight:750; line-height:1.5; margin:0; }
.nt-section-heading { max-width:640px; margin-bottom:38px; }
.nt-section-intro { max-width:580px; color:var(--nt-muted); margin:0; }
.nt-header { background:var(--nt-navy); padding-top:20px; padding-bottom:0; position:relative; z-index:5; }
.nt-header-inner { padding:20px 28px; background:var(--nt-white); display:flex; align-items:center; justify-content:space-between; gap:26px; border-radius:3px; box-shadow:0 8px 30px #06111b14; }
.nt-wordmark { margin:0; font-size:22px; line-height:1; font-weight:800; letter-spacing:.045em; flex-shrink:0; }
.nt-wordmark a { color:var(--nt-ink); text-decoration:none; display:inline-block; }
.nt-wordmark span { display:block; font-size:8px; font-weight:600; letter-spacing:.19em; margin-top:8px; }
.nt-navigation { font-size:13px; font-weight:600; margin:0; }
.nt-navigation .wp-block-navigation__container { gap:28px; }
.nt-navigation a { color:var(--nt-ink); }
.nt-navigation .nt-nav-cta a { background:var(--nt-accent); color:#fff; padding:12px 20px; border-radius:2px; text-decoration:none; }
.nt-navigation .nt-nav-cta a:hover { filter:brightness(.88); }
.nt-navigation .wp-block-navigation__responsive-container.is-menu-open { padding:30px; }
.nt-hero { background:var(--nt-navy); color:var(--nt-white); margin:0; }
.nt-hero-grid { display:grid; grid-template-columns:1.24fr 1fr; gap:70px; align-items:center; padding-top:46px; padding-bottom:0; }
.nt-hero-copy { padding-bottom:38px; }
.nt-hero .nt-eyebrow, .nt-contact .nt-eyebrow { color:var(--nt-bright); }
.nt-accent { color:var(--nt-bright); }
.nt-hero-description { max-width:530px; font-size:17px; color:#c6d2da; line-height:1.65; margin-bottom:26px; }
.nt-hero .wp-block-buttons { gap:12px; margin:0; }
.wp-block-button__link { transition:background-color .16s ease,color .16s ease; text-decoration:none; }
.wp-block-button__link:hover { filter:brightness(.91); text-decoration:none; }
.nt-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link { background:var(--nt-bright); color:var(--nt-navy); }
.nt-hero .is-style-outline .wp-block-button__link { color:var(--nt-white); border:1px solid #63727f; background:transparent; padding:14px 22px; }
.nt-hero-note { margin-top:22px; color:#b0c0cd; font-size:11px; }
.nt-portrait-wrap { position:relative; margin:0; align-self:stretch; padding-top:8px; transform:translateY(24px); }
.nt-portrait { margin:0; height:100%; min-height:510px; background:#eaf0f3; border-radius:3px; overflow:hidden; }
.nt-portrait img { width:100%; height:100%; min-height:510px; max-height:620px; aspect-ratio:9/11; object-fit:cover; display:block; }
.nt-portrait-caption { position:absolute; bottom:24px; left:24px; right:24px; margin:0; padding:16px 20px; background:var(--nt-white); color:var(--nt-ink); border-left:3px solid var(--nt-bright); box-shadow:0 8px 20px #14253810; }
.nt-portrait-name { margin:0; font-weight:700; font-size:18px; }
.nt-portrait-role { margin:0; font-size:12px; color:var(--nt-muted); }
.nt-strip { border-bottom:1px solid var(--nt-line); background:var(--nt-white); }
.nt-strip-inner { min-height:83px; display:flex; align-items:center; flex-wrap:wrap; gap:5px 20px; padding-block:18px; }
.nt-strip-title { font-size:12px; font-weight:650; margin:0; }
.nt-strip-topics { font-size:11px; color:var(--nt-muted); margin:0; }
.nt-strip-topics span { padding-inline:7px; color:#8095a1; }
.nt-review { padding-top:84px; }
.nt-service-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0; }
.nt-service-card { margin:0; padding:27px 24px 23px; background:var(--nt-mist); border:1px solid transparent; display:flex; flex-direction:column; align-items:flex-start; }
.nt-service-card:hover { border-color:var(--nt-line); }
.nt-card-number { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--nt-white); color:var(--nt-accent); font-size:12px; font-weight:700; margin:0 0 25px; }
.nt-service-card h3 { margin:0 0 14px; max-width:190px; }
.nt-service-card > p:not(.nt-card-number):not(.nt-card-link) { font-size:14px; color:var(--nt-muted); margin:0 0 24px; line-height:1.7; }
.nt-service-card .nt-card-link { font-size:12px; font-weight:700; margin:auto 0 0; padding-top:10px; width:100%; }
.nt-card-link a { color:var(--nt-accent); text-decoration:none; display:flex; justify-content:space-between; align-items:center; gap:8px; }
.nt-card-link a:hover { text-decoration:underline; }
.nt-card-link span { font-size:20px; }
.nt-about { padding-top:8px; }
.nt-about-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.nt-about-image { margin:0; }
.nt-about-image img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:3px; }
.nt-image-caption { display:inline-block; background:var(--nt-accent); color:white; padding:14px 22px; margin:-1px 0 0; font-size:13px; font-weight:600; }
.nt-about-copy { margin:0; }
.nt-about-copy > p:not(.nt-eyebrow) { font-size:15px; color:var(--nt-muted); }
.nt-about-copy .nt-about-lead { color:var(--nt-ink)!important; font-size:18px!important; line-height:1.6; }
.nt-about .wp-block-buttons { margin-top:24px; }
.nt-about .is-style-outline .wp-block-button__link { color:var(--nt-accent); border:1px solid var(--nt-accent); background:transparent; padding:13px 20px; }
.nt-delivery { background:var(--nt-mist); }
.nt-delivery-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:90px; }
.nt-delivery-heading { padding-top:12px; }
.nt-deliverable-list { margin:0; }
.nt-deliverable { position:relative; padding:0 0 26px 56px; border-bottom:1px solid var(--nt-line); margin:0 0 25px; }
.nt-deliverable:last-child { padding-bottom:0; border:0; margin-bottom:0; }
.nt-step { position:absolute; left:0; top:4px; margin:0; font-size:12px; font-weight:700; color:var(--nt-accent); }
.nt-deliverable h3 { margin:0 0 10px; font-size:22px; }
.nt-deliverable > p:not(.nt-step) { margin:0; color:var(--nt-muted); font-size:15px; }
.nt-testimonials .nt-section-heading { text-align:center; margin-inline:auto; max-width:900px; }
.nt-testimonials h2 { font-size:36px; }
.nt-testimonial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.nt-testimonial { border:1px solid var(--nt-line); padding:28px; margin:0; }
.nt-testimonial .nt-eyebrow { font-size:9px; letter-spacing:.1em; }
.nt-quote { font-size:19px; line-height:1.6; margin:20px 0 28px; }
.nt-client { display:flex; gap:13px; align-items:center; margin:0; }
.nt-avatar { width:42px; height:42px; flex-shrink:0; margin:0; }
.nt-avatar img { width:42px; height:42px; border-radius:50%; display:block; object-fit:cover; }
.nt-client-meta { margin:0; }
.nt-client-name { margin:0; font-size:12px; font-weight:700; }
.nt-client-role { margin:0; font-size:11px; color:var(--nt-muted); }
.nt-contact { color:var(--nt-white); background:var(--nt-navy); padding-block:76px; }
.nt-contact-grid { display:grid; grid-template-columns:1.65fr 1fr; gap:80px; align-items:center; }
.nt-contact h2 { font-size:clamp(30px,3vw,42px); }
.nt-contact-description { color:#c6d2da; max-width:650px; font-size:16px; }
.nt-contact-actions { padding-left:40px; border-left:1px solid #425261; margin:0; }
.nt-contact-label { color:var(--nt-white); font-size:24px; font-weight:600; margin:0 0 18px; }
.nt-contact-note { font-size:11px; color:#b0c0cd; margin:20px 0 0; }
.nt-contact-pending { color:#c6d2da; font-size:14px; }
.nt-contact-links { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.nt-contact-links .wp-element-button { display:inline-block; background:var(--nt-bright); color:var(--nt-navy); padding:15px 23px; font-weight:650; font-size:14px; text-decoration:none; border-radius:3px; }
.nt-contact-links .nt-email { font-size:14px; color:var(--nt-white); overflow-wrap:anywhere; }
.nt-footer { background:#0b1724; color:#b1c0cd; }
.nt-footer-grid { display:grid; grid-template-columns:1.8fr 1fr 1fr; gap:70px; padding-block:55px; }
.nt-footer .nt-wordmark a { color:var(--nt-white); }
.nt-footer .nt-wordmark span { color:#8dabbc; }
.nt-footer-description { margin-top:22px!important; font-size:13px; }
.nt-footer-column { margin:0; }
.nt-footer-column h3 { font-size:13px; color:var(--nt-white); margin:0 0 18px; letter-spacing:0; }
.nt-footer-column p { font-size:12px; margin:10px 0; }
.nt-footer-column a { color:#b1c0cd; text-decoration:none; }
.nt-footer-column a:hover { color:white; text-decoration:underline; }
.nt-footer-bottom { border-top:1px solid #293642; border-bottom:5px solid var(--nt-accent); margin:0; }
.nt-footer-bottom-inner { display:flex; justify-content:space-between; gap:20px; padding-block:20px; }
.nt-footer-bottom p { margin:0; font-size:10px; }
.nt-standard-main { min-height:60vh; padding-block:75px; }
.nt-reading { max-width:850px; }
.nt-reading h1 { font-size:clamp(32px,5vw,52px); }
.nt-reading .wp-block-post-content > * { max-width:100%; }
.nt-post-card { margin:32px 0; padding-block:20px; border-bottom:1px solid var(--nt-line); }
.nt-reading .wp-block-post-title a { text-decoration:none; }
.nt-reading .wp-block-post-featured-image img { max-height:480px; object-fit:cover; }
.wp-block-query-pagination { margin-top:30px; }
.wp-block-search__input { border:1px solid var(--nt-line); padding:12px; min-width:0; }
.wp-block-search__button { background:var(--nt-accent); color:white; border:0; padding:12px 18px; }
.editor-styles-wrapper .nt-header { position:relative; }
.editor-styles-wrapper .nt-main > * { margin-block-start:0; }
@media(min-width:782px) and (max-width:1120px) {
 .nt-hero-grid { gap:35px; grid-template-columns:1.2fr 1fr; }
 .nt-navigation .wp-block-navigation__container { gap:18px; }
 .nt-header-inner { padding:20px; }
 .nt-about-grid { gap:38px; }
 .nt-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .nt-service-card h3 { max-width:none; }
 .nt-delivery-grid { gap:50px; }
 .nt-portrait, .nt-portrait img { min-height:490px; }
}
@media(max-width:900px) {
 .nt-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) { display:none!important; }
 .nt-navigation .wp-block-navigation__responsive-container-open { display:flex!important; }
 .nt-navigation .is-menu-open .wp-block-navigation__container { gap:25px; }
}
@media(max-width:781px) {
 .nt-container { width:calc(100% - 40px); }
 .nt-header { padding-top:12px; }
 .nt-header-inner { padding:18px 20px; }
 .nt-wordmark { font-size:20px; }
 .nt-wordmark span { font-size:7px; }
 .nt-section { padding-block:58px; }
 .nt-hero-grid { grid-template-columns:1fr; gap:20px; padding-top:42px; }
 .nt-hero-copy { padding-bottom:0; }
 .nt-main h1 { font-size:clamp(40px,7.4vw,58px); }
 .nt-hero-description { font-size:16px; max-width:540px; }
 .nt-portrait-wrap { width:min(100%,420px); justify-self:center; padding:0; transform:translateY(24px); }
 .nt-portrait, .nt-portrait img { min-height:0; max-height:none; }
 .nt-portrait img { height:auto; }
 .nt-strip-inner { padding-top:46px; padding-bottom:22px; flex-direction:column; align-items:flex-start; gap:4px; }
 .nt-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
 .nt-service-card { padding:24px 20px; }
 .nt-about-grid, .nt-delivery-grid, .nt-contact-grid { grid-template-columns:1fr; gap:36px; }
 .nt-about { padding-top:0; }
 .nt-about-visual { max-width:560px; }
 .nt-about-copy { max-width:600px; }
 .nt-testimonials h2 { font-size:30px; }
 .nt-testimonial-grid { grid-template-columns:1fr; gap:16px; }
 .nt-quote { margin-block:16px; }
 .nt-contact-actions { padding:28px 0 0; border-left:0; border-top:1px solid #425261; }
 .nt-contact h2 br { display:none; }
 .nt-footer-grid { grid-template-columns:1fr 1fr; gap:34px; padding-block:42px; }
 .nt-footer-brand { grid-column:1 / -1; }
 .nt-footer-bottom-inner { flex-direction:column; gap:5px; }
}
@media(max-width:480px) {
 .nt-main h1 { font-size:40px; }
 .nt-hero .wp-block-buttons { flex-direction:column; align-items:stretch; }
 .nt-hero .wp-block-button { width:100%; }
 .nt-hero .wp-block-button__link { width:100%; text-align:center; }
 .nt-service-grid { grid-template-columns:1fr; }
 .nt-service-card h3 { max-width:none; }
 .nt-service-card { padding:24px; }
 .nt-card-number { margin-bottom:18px; }
 .nt-contact h2 { font-size:30px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }
@media print { .nt-header, .nt-footer, .wp-block-button, .nt-contact-actions { display:none; } .nt-hero, .nt-contact { background:white; color:black; } .nt-main p, .nt-main h1, .nt-main h2 { color:black; } .nt-container { width:100%; } }