/*
Theme Name: Dead Clever
Author: Dead Clever
Description: An independent creative studio theme. Editorial typography, selected projects and a fully customisable homepage. No plugins required.
Version: 1.1.0
Requires at least: 6.6
Tested up to: 7.1
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: dead-clever
Tags: portfolio, custom-logo, custom-colors, custom-menu, featured-images, full-width-template, translation-ready
*/
@font-face{font-family:Oswald;src:url('assets/fonts/Oswald.ttf') format('truetype');font-style:normal;font-weight:200 700;font-display:swap}
:root{--charcoal:#1b1d1e;--slate:#25292c;--paper:#f1eee5;--blue:#1755ff;--strip_bg:#1755ff;--strip_text:#101112;--grain:.13;--button-ink:#fffdf5;--accent-readable:#82adff;--heading:Oswald,'Arial Narrow',Impact,sans-serif;--body:'Courier New',monospace;--mono:'Courier New',monospace;--gutter:clamp(22px,6.25vw,100px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--charcoal);color:var(--paper);font-family:var(--body);font-size:17px;line-height:1.5;overflow-wrap:break-word}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;background-image:url('assets/grain.svg');opacity:var(--grain)}
img{max-width:100%;height:auto;vertical-align:middle}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid currentColor;outline-offset:5px}::selection{color:#fff;background:#1645ce}h1,h2,h3,h4{font-family:var(--heading);font-weight:650;line-height:1.04;letter-spacing:-.035em;margin:0 0 .45em}h1{font-size:clamp(52px,7.8vw,112px)}h2{font-size:clamp(43px,5.7vw,82px)}h3{font-size:clamp(30px,3.5vw,48px)}p{margin:0 0 1em}a{text-decoration-thickness:1px}.container{width:min(100% - var(--gutter)*2,1320px);margin-inline:auto}.section{padding-block:clamp(44px,5vw,72px)}.paper{background:var(--paper);color:var(--charcoal)}.eyebrow,.project-services,.project-number,.service-number{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;line-height:1.6}.eyebrow{margin:0}.accent{color:var(--blue)}.screen-reader-text,.skip-link:not(:focus){clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:absolute!important;width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link:focus{position:fixed;top:12px;left:12px;z-index:100;background:var(--paper);color:var(--charcoal);padding:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:48px;padding:15px 22px;background:var(--blue);color:var(--button-ink);font-family:var(--mono);font-size:11px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border:1px solid transparent;transition:transform .18s,background-color .18s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button span{font-size:19px;line-height:.7}.button-outline{background:transparent;border-color:currentColor;color:inherit}.button-row{display:flex;flex-wrap:wrap;gap:16px}.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.text-link span[aria-hidden]{font-size:23px;transition:transform .18s}.text-link:hover span[aria-hidden]{transform:translateX(4px)}
/* Header and navigation */
.site-header{background:var(--charcoal);position:relative;z-index:30}.header-inner{display:flex;align-items:center;gap:40px;min-height:92px}.brand{font-family:var(--heading);font-size:30px;line-height:1;font-weight:650;letter-spacing:-.055em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.brand img{max-width:180px;max-height:58px;width:auto}.primary-navigation{display:flex;align-items:center;flex:1;gap:30px;justify-content:space-between}.menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:30px}.menu a{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:block;padding:12px 0}.menu a:hover{text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px}.menu li{position:relative}.menu .sub-menu{display:none;position:absolute;left:0;top:100%;list-style:none;margin:0;padding:10px 20px;min-width:210px;background:var(--slate);box-shadow:0 6px 10px #0002}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.header-button{margin-left:auto;white-space:nowrap}.menu-toggle{display:none}.layout-compact .primary-navigation{justify-content:flex-start}.layout-spread .header-inner{gap:55px}
/* Hero */
.hero{display:grid;grid-template-columns:44% 56%;min-height:570px;position:relative}.hero-copy{position:relative;z-index:2;padding:25px 24px 43px 0}.hero-copy>.eyebrow{font-size:10px;margin-bottom:21px}.hero h1{font-size:clamp(62px,7.7vw,112px);line-height:1.025;max-width:570px;letter-spacing:-.045em;margin-bottom:25px}.hero h1 .accent{display:block}.hero-description{font-family:var(--mono);font-size:clamp(14px,1.45vw,18px);line-height:1.5;max-width:410px;margin-bottom:27px}.hero-art{position:relative;margin-right:calc(-1 * var(--gutter));min-width:0;overflow:hidden}.hero-photo{height:100%;width:100%;position:absolute;object-fit:cover;object-position:78% center;filter:grayscale(1)}.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--charcoal) 0%,transparent 15%,transparent 90%);opacity:.22;pointer-events:none}.hero-accent{position:absolute;z-index:1;width:63%;right:-10%;top:-4%;transform:rotate(85deg);filter:contrast(1.1);mix-blend-mode:normal}.hero-note{position:absolute;z-index:2;right:8%;top:40%;width:157px;background:var(--paper);color:var(--charcoal);padding:22px 20px;font-family:var(--mono);font-size:14px;font-weight:700;line-height:1.25;transform:rotate(-7deg);box-shadow:3px 5px 0 #0002}
/* Statement and work */
.statement{background:var(--strip_bg);color:var(--strip_text)}.statement-inner{display:flex;align-items:center;gap:26px;min-height:125px;padding-block:22px}.statement p{font-family:var(--heading);font-size:clamp(24px,3.9vw,54px);line-height:1.12;font-weight:600;text-transform:uppercase;letter-spacing:-.04em;margin:0;flex:1}.statement-arrow{font-size:90px;line-height:1;font-family:Georgia;transform:rotate(-18deg)}.statement small{font-family:var(--mono);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:10px;line-height:1.5;max-width:100px;border-left:1px solid currentColor;padding-left:17px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h2{font-size:16px}.section-heading>p{margin-left:auto;font-size:11px}.project-list{display:grid;gap:27px}.project-card{display:grid;grid-template-columns:58% 1fr;gap:35px;align-items:center}.project-card.is-reversed{grid-template-columns:36% 1fr}.project-card.is-reversed .project-visual{grid-column:2;grid-row:1}.project-card.is-reversed .project-copy{grid-column:1;grid-row:1}.project-visual{display:block;overflow:hidden;background:var(--slate);text-decoration:none}.project-visual>img{width:100%;aspect-ratio:1.96;object-fit:cover;transition:transform .4s}.project-visual:hover>img{transform:scale(1.025)}.project-number{display:block;margin-bottom:9px;font-size:11px}.project-copy{padding-block:14px}.project-copy :is(h2,h3){font-size:clamp(29px,3.35vw,47px);margin-bottom:12px}.project-copy :is(h2,h3) a{text-decoration:none}.project-services{font-size:10px;letter-spacing:.07em;margin-bottom:14px}.project-excerpt{font-size:15px;line-height:1.4;max-width:330px}.project-excerpt p{margin-bottom:7px}.project-placeholder{aspect-ratio:1.96;background:var(--slate);color:var(--paper);position:relative;display:flex;align-items:flex-end;padding:25px;overflow:hidden}.project-placeholder>span:last-child{font-family:var(--mono);font-size:11px;text-transform:uppercase;z-index:1}.placeholder-orbit{width:70%;aspect-ratio:1;border:1px solid #f1eee544;border-radius:50%;position:absolute;left:35%;top:-5%;box-shadow:0 0 0 40px #f1eee509,0 0 0 80px #f1eee506}.placeholder-orbit::after{content:'';position:absolute;width:40%;aspect-ratio:1;background:var(--blue);border-radius:50%;left:-12%;top:18%}.work-all{text-align:right;margin-top:25px}.empty-state{padding:45px 0;max-width:650px}
/* Editorial service rows */
.services{background:linear-gradient(115deg,var(--charcoal),var(--slate));padding-bottom:40px}.services .section-heading{margin-bottom:13px}.service-row{display:grid;grid-template-columns:16% 4% 40% 1fr;gap:14px;align-items:center;padding:37px 0;border-bottom:1px solid #f1eee558;min-height:190px}.service-row:last-child{border:0}.service-number{align-self:start;padding-top:9px;font-size:13px;font-weight:400}.service-row h3{font-size:clamp(40px,5.7vw,80px);margin:0;max-width:460px;letter-spacing:-.04em}.service-description{font-size:16px;line-height:1.5;padding-left:10px}.service-description p{margin-bottom:12px}.service-description .text-link{color:var(--accent-readable)}.service-motif{height:120px;display:grid;place-items:center;color:var(--blue)}.service-motif img{max-height:110px;max-width:140px;object-fit:contain}.motif-windows{position:relative;width:140px;height:90px}.motif-windows i{position:absolute;width:111px;height:65px;border:4px solid currentColor;border-radius:4px;left:0;top:0}.motif-windows i:nth-child(2){left:12px;top:13px;background:var(--charcoal)}.motif-windows i:nth-child(3){left:24px;top:26px;background:var(--charcoal)}.motif-windows i::before{content:'•••';font:12px/12px var(--mono);letter-spacing:1px;position:absolute;left:0;right:0;top:0;border-bottom:3px solid currentColor;padding-left:4px}.motif-orbit{width:143px;height:72px;transform:rotate(-39deg);border:4px solid currentColor;border-radius:50%;position:relative}.motif-orbit i{position:absolute;inset:8px;border:3px solid currentColor;border-radius:50%}.motif-orbit i:last-child{inset:-7px 12px;transform:rotate(13deg)}.motif-star{font:145px/1 Arial,sans-serif}
/* About and closing */
.about{display:grid;grid-template-columns:49% 51%;min-height:450px}.about-portrait{position:relative;min-height:440px}.about-portrait img{height:100%;width:100%;position:absolute;object-fit:cover;object-position:38% center;filter:grayscale(1)}.about-copy{padding:44px var(--gutter) 44px 44px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.about-copy>.eyebrow{margin-bottom:15px}.about-copy h2,.about-copy h1{font-size:clamp(40px,5.1vw,70px);max-width:420px;margin-bottom:22px}.about-copy .accent{display:block}.about-body{font-size:15px;line-height:1.45;max-width:340px;padding-right:5px}.about-copy blockquote{position:absolute;right:4%;top:36%;max-width:100px;font-family:var(--heading);font-size:22px;line-height:1.2;text-transform:uppercase;transform:rotate(-9deg);color:var(--blue);margin:0;border-bottom:2px solid var(--blue);padding-bottom:10px}.about-copy:has(blockquote) .about-body{max-width:calc(100% - 85px)}.about-copy>.button{margin-top:7px}.contact{position:relative;overflow:hidden;background:var(--slate)}.contact-inner{display:grid;grid-template-columns:65% 35%;align-items:center;position:relative;z-index:1}.contact h2,.contact h1{font-size:clamp(49px,6.7vw,92px);max-width:720px;line-height:1.03;margin-bottom:23px}.contact-body{font-family:var(--mono);font-size:15px;line-height:1.6;margin-bottom:23px;max-width:520px}.contact-body p{white-space:pre-line}.contact-art{position:relative;min-height:280px;display:flex;align-items:flex-end;padding-left:25px}.contact-disc{position:absolute;right:-8%;top:-14%;width:200px;aspect-ratio:1;background:var(--blue);border-radius:50%}.contact-art p{position:relative;max-width:215px;font-family:var(--heading);font-size:31px;line-height:1.18;text-transform:uppercase;transform:rotate(-8deg);margin:50px 0 0}.contact-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.17;filter:grayscale(1)}.site-footer{background:#111314;padding:30px 0;color:var(--paper)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;flex-wrap:wrap}.footer-top .brand{font-size:27px}.footer-top .menu{gap:25px}.footer-top .menu a{font-size:10px}.social-links{display:flex;gap:15px;flex-wrap:wrap;font-family:var(--mono);font-size:11px}.footer-email{display:inline-block;font:12px var(--mono);margin-top:22px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:32px;opacity:.8;font-size:12px}
/* Inner pages and core WordPress content */
.narrow{max-width:850px}.standard-page{min-height:65vh}.archive-header{max-width:950px;margin-bottom:50px}.archive-header>.eyebrow{margin-bottom:20px}.archive-header>p:last-child{max-width:600px}.project-hero h1{margin-top:28px}.project-hero .project-services{font-size:13px}.project-single-image{padding-bottom:55px}.project-single-image img{width:100%;max-height:730px;object-fit:cover}.project-main{display:grid;grid-template-columns:30% 1fr;gap:9%}.project-details{font-size:16px}.project-details h2,.project-details h3{margin-bottom:20px}.project-details h3{margin-top:35px}.project-details .button{margin-top:20px}.entry-content{min-width:0}.entry-content h2{font-size:44px;margin-top:1em}.entry-content h3{font-size:32px;margin-top:1em}.entry-content p,.entry-content ul,.entry-content ol{margin-bottom:1.4em}.entry-content a{text-decoration:underline}.entry-content blockquote{border-left:4px solid var(--blue);margin:28px 0;padding:10px 25px;font-size:24px}.entry-content figure{max-width:100%;margin:25px 0}.entry-content figcaption{font:12px var(--mono);margin-top:10px}.entry-content iframe{max-width:100%}.entry-content pre{overflow:auto;padding:20px;background:#0001}.entry-content table{border-collapse:collapse;width:100%}.entry-content td,.entry-content th{border:1px solid #777;padding:10px}.entry-content .alignwide{width:100%}.alignleft{float:left;margin:0 24px 20px 0}.alignright{float:right;margin:0 0 20px 24px}.aligncenter{margin-inline:auto;display:block}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:13px}.bypostauthor{border-left:2px solid var(--blue)}.sticky{border-top:3px solid var(--blue)}.page-featured{margin:25px 0}.post-summary{border-bottom:1px solid #0003;padding:32px 0}.post-summary h2{font-size:43px}.project-pagination{margin-top:50px}.nav-links{display:flex;justify-content:space-between;gap:30px}.nav-links a{display:block;padding-block:15px}.pagination{margin-top:40px}.pagination .nav-links{justify-content:center}.contact-email{font-size:clamp(19px,3.5vw,40px);word-break:break-word}.search-form{display:flex;gap:12px;flex-wrap:wrap;margin-block:30px}input:not([type=checkbox]):not([type=radio]),textarea,select{max-width:100%;padding:12px;border:1px solid currentColor;background:transparent;color:inherit}textarea{width:100%}input[type=submit],button[type=submit]{background:var(--blue);color:var(--button-ink);border:0;padding:12px 22px;cursor:pointer}label{display:inline-block}.comment-form label{display:block}.comment-list{padding-left:22px}.comment-body{margin:25px 0}.comments-area{margin-top:60px}.comment-form-cookies-consent label{display:inline}.comment-form-cookies-consent input{margin-right:10px}
@media(min-width:801px){.has-sticky-header .site-header{position:sticky;top:0}.admin-bar.has-sticky-header .site-header{top:32px}}
@media(min-width:1600px){.hero-art{margin-right:calc((1320px - 100vw)/2)}}
@media(max-width:1100px){.header-inner,.layout-spread .header-inner{gap:30px}.menu{gap:20px}.header-button{padding-inline:16px}.hero{min-height:510px}.hero h1{font-size:8.5vw}.hero-note{right:5%;width:132px;font-size:12px}.service-row{grid-template-columns:14% 4% 40% 1fr;gap:12px}.service-motif{transform:scale(.8)}.about-copy{padding:36px}.about-copy blockquote{display:block;position:static;transform:rotate(-4deg);max-width:260px;font-size:20px;margin:6px 0 20px}.about-copy:has(blockquote) .about-body{max-width:100%}.contact-disc{width:160px}}
@media(max-width:800px){html{scroll-padding-top:20px}.header-inner,.layout-spread .header-inner{min-height:78px;flex-wrap:wrap;gap:0;justify-content:space-between}.brand{font-size:28px}.primary-navigation{width:100%;flex-basis:100%;padding:12px 0 25px;align-items:flex-start}.js .menu-toggle{display:flex;align-items:center;gap:10px;background:none;color:inherit;border:1px solid #f1eee570;min-height:44px;padding:10px 12px;font-family:var(--mono);font-size:12px}.menu-lines{width:17px;height:10px;border-block:2px solid currentColor}.js .primary-navigation{display:none}.js .primary-navigation.is-open{display:flex}.primary-navigation .menu{flex-direction:column;align-items:flex-start;gap:0}.primary-navigation .menu a{padding-block:10px;font-size:13px}.menu .sub-menu{display:block;position:static;box-shadow:none;background:none;padding:0 0 0 16px}.header-button{margin-top:8px}.hero{grid-template-columns:49% 51%;min-height:480px}.hero-copy{padding-top:18px;padding-right:15px}.hero-copy>.eyebrow{font-size:9px}.hero h1{font-size:9.4vw}.hero-description{font-size:13px}.button{font-size:10px;padding:14px 16px}.button-row{gap:10px}.hero-note{top:auto;bottom:12%;width:125px}.hero-accent{width:90%;right:-22%}.statement-inner{gap:20px;min-height:105px}.statement-arrow{font-size:60px}.statement small{display:none}.statement p{font-size:4.9vw}.section-heading{gap:14px}.section-heading>p{max-width:260px;text-align:right}.project-card,.project-card.is-reversed{gap:25px;grid-template-columns:55% 1fr}.project-card.is-reversed{grid-template-columns:40% 1fr}.project-visual>img,.project-placeholder{aspect-ratio:1.35}.project-copy :is(h2,h3){font-size:32px}.project-excerpt{font-size:14px}.project-services{font-size:9px}.service-row{grid-template-columns:13% 4% 39% 1fr;gap:10px}.service-row h3{font-size:46px}.service-description{font-size:14px}.service-motif{transform:scale(.6)}.service-number{font-size:10px}.about-copy{padding:30px}.about-portrait{min-height:480px}.about-copy h2,.about-copy h1{font-size:46px}.contact h2,.contact h1{font-size:60px}.contact-art p{font-size:25px}.contact-disc{width:135px}.footer-top{gap:25px}.footer-bottom{font-size:11px}}
@media(max-width:580px){.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:22px 0 33px}.hero-copy>.eyebrow{font-size:10px;margin-bottom:18px}.hero h1{font-size:clamp(60px,16.3vw,88px);max-width:400px;margin-bottom:20px;line-height:1.02}.hero-description{font-size:14px;max-width:340px}.hero-art{margin-inline:calc(-1 * var(--gutter));height:300px;min-height:300px}.hero-photo{object-position:85% center}.hero-accent{width:220px;right:-30px;top:-32px}.hero-note{right:10%;bottom:3%;top:auto;width:130px;font-size:13px}.statement-inner{gap:15px;padding-block:24px}.statement-arrow{font-size:55px}.statement p{font-size:31px;max-width:300px}.section-heading{flex-wrap:wrap;margin-bottom:25px}.section-heading h2{font-size:15px}.section-heading>p{font-size:9px;max-width:160px}.section-heading>span{display:none}.project-list{gap:37px}.project-card,.project-card.is-reversed{display:flex;flex-direction:column;align-items:stretch;gap:0}.project-visual>img,.project-placeholder{aspect-ratio:1.77}.project-copy{padding:22px 0 0}.project-copy :is(h2,h3){font-size:39px}.project-services{font-size:10px}.project-excerpt{font-size:16px;max-width:100%}.project-number{margin-bottom:5px}.work-all{text-align:left;margin-top:27px}.service-row{grid-template-columns:38px 1fr;gap:12px 15px;padding:30px 0;position:relative;min-height:0}.service-number{grid-column:1;grid-row:1;align-self:start;padding-top:8px}.service-row h3{grid-column:2;grid-row:1;font-size:46px;padding-right:8px}.service-description{grid-column:2;grid-row:2;padding-left:0;font-size:16px}.service-motif{grid-column:1;grid-row:2;width:40px;height:80px;transform:scale(.29);transform-origin:center top}.motif-windows,.motif-orbit{position:absolute;top:20px}.motif-star{position:absolute;top:0}.service-motif img{position:absolute;width:130px;max-width:none}.services .section-heading>p{max-width:150px}.about{display:flex;flex-direction:column}.about-portrait{height:340px;min-height:340px}.about-portrait img{object-position:center 40%}.about-copy{padding:38px var(--gutter) 43px}.about-copy h2,.about-copy h1{font-size:57px}.about-body{font-size:16px}.about-copy blockquote{font-size:21px;max-width:265px}.contact-inner{grid-template-columns:1fr}.contact h2,.contact h1{font-size:61px}.contact-art{min-height:155px;padding-left:0;margin-top:35px;align-items:center}.contact-art p{font-size:26px;max-width:200px;margin:0 0 0 10px}.contact-disc{width:130px;right:0;top:10px}.contact-body{font-size:14px}.footer-top{display:block}.footer-top nav{margin-top:20px}.footer-top .menu{gap:20px;flex-wrap:wrap}.social-links{margin-top:20px;gap:20px}.footer-bottom{flex-direction:column;gap:10px;padding-top:28px}.project-main{grid-template-columns:1fr;gap:40px}.project-single-image{width:100%;padding-bottom:0}.project-hero h1{font-size:60px}.archive-header h1,.standard-page h1{font-size:58px}.entry-content h2{font-size:39px}.nav-links{flex-wrap:wrap}.alignleft,.alignright{float:none;margin:20px 0}.footer-top .brand{font-size:28px}.contact-email{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Readable smaller type on saturated and slate backgrounds. */
.statement small{color:var(--strip-small-ink,#fffdf5)}.contact .accent{color:var(--accent-large,#487aff)}