/*
Theme Name: Highlook Media
Author: Highlook Media
Description: Independent editorial design for Highlook Media. Editable via Appearance > Customize > Highlook.
Version: 4.0.0
Requires at least: 6.0
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: highlook-media
*/
:root{--bg:#151515;--fg:#e8e4db;--muted:#aaa79f;--line:#45443f;--accent:#d9ff66}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:#151515}.wrap{width:min(1320px,calc(100% - 100px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:120px;border-bottom:1px solid var(--line);gap:30px}.brand{font-size:43px;letter-spacing:-3px;line-height:.9;font-weight:800;position:relative}.brand>span{font-size:16px;vertical-align:top;letter-spacing:0;margin-left:4px}.brand small{display:block;font:9px Arial;letter-spacing:.5px;margin-top:13px;color:var(--muted)}nav{display:flex;gap:37px;font-size:12px}nav a:last-child{border-bottom:1px solid #ccc;padding-bottom:6px}p{margin:0;line-height:1.7}h1,h2,h3{margin:0;font-weight:400}.eyebrow{font:10px 'Courier New',monospace;letter-spacing:1.1px}.hero{padding:35px 0 58px}.hero-meta{display:flex;justify-content:space-between;color:var(--muted);font:9px 'Courier New',monospace;letter-spacing:1px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(78px,9.2vw,141px);letter-spacing:-7px;line-height:.96;padding:55px 0 45px;max-width:1100px}.hero h1::first-line{font-style:italic}.hero-base{display:grid;grid-template-columns:.65fr 1.55fr .8fr;align-items:center;gap:45px}.asterisk{font-size:105px;line-height:1;color:var(--accent)}.intro{font-size:15px;max-width:490px;color:#b8b5ac}.round-cta{border-radius:50%;background:var(--accent);color:#151515;width:128px;height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;justify-self:end;transition:transform .2s}.round-cta span{font-size:35px;margin-top:7px}.round-cta:hover{transform:rotate(-10deg)}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;text-align:center;font-size:clamp(16px,2.6vw,37px);letter-spacing:-1px;word-spacing:4px;color:#c4c0b7}.ticker em{font-family:Georgia,serif;color:#77766f}.network{padding:68px 0 80px}.section-top{display:grid;grid-template-columns:1fr 2.5fr;gap:50px}.section-top>.eyebrow{color:var(--muted);padding-top:9px}h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-2px}.muted{font-size:14px;color:var(--muted);max-width:600px;margin-top:23px}.cards{margin-top:47px;border-top:1px solid var(--line)}.card{display:grid;grid-template-columns:1fr 1.2fr 1.3fr;align-items:center;gap:35px;padding:29px 0;border-bottom:1px solid var(--line)}.card-top{display:flex;align-items:center;gap:25px}.card-top small{order:-1;color:#74756d;font:10px 'Courier New',monospace}.category{font:10px 'Courier New',monospace;letter-spacing:1px;color:var(--accent)}h3{font-size:24px;letter-spacing:-.7px}.card p{font-size:13px;color:var(--muted);line-height:1.75}.portfolio{margin-top:35px}.portfolio>a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0}.portfolio .eyebrow{color:var(--muted)}.approach{background:#e8e4db;color:#20211c;padding:65px 0}.approach-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:100px}.approach h2{margin-top:25px}.approach .muted{color:#61635a;margin:0}.steps{list-style:none;padding:0;margin:22px 0 0}.steps li{border-bottom:1px solid #c4c3b8;padding:15px 0;font-size:13px}.steps span{color:#797d6d;margin-right:23px;font:10px 'Courier New',monospace}.contact{padding:60px 0 65px}.contact>.eyebrow{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;margin-top:30px}.contact h2{font-size:clamp(45px,5.5vw,80px);font-style:italic;letter-spacing:-3px}.contact-grid p{font-size:14px;color:var(--muted);max-width:380px}.button{display:inline-flex;gap:55px;align-items:center;border-bottom:1px solid var(--accent);padding:15px 0;font-size:14px;color:var(--accent);margin-top:15px}.button span{font-size:25px}.email{display:block;font-size:12px;color:var(--muted);margin-top:17px;overflow-wrap:anywhere}.contact-link{display:block;margin-top:20px;color:var(--accent)}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 30px;color:#8d8e84;font:9px 'Courier New',monospace}.footer a:first-child{color:#d6d6c9;letter-spacing:1px}.footer small{font-size:9px}.reading{min-height:65vh;padding:60px 0;max-width:900px}.reading h1{font-family:Georgia,serif;font-size:48px;margin-bottom:25px}.reading article{margin-bottom:35px}.reading p{margin-bottom:20px}.reading img{max-width:100%;height:auto}.skip{position:absolute;top:-100px;background:var(--accent);color:#111;padding:15px;z-index:100}.skip:focus{top:10px}.setup-note{margin-top:20px;font-size:12px!important}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero h1{font-size:100px;letter-spacing:-5px}.hero-base{gap:25px;grid-template-columns:.5fr 1.8fr .8fr}.round-cta{width:110px;height:110px}.section-top{grid-template-columns:.8fr 2fr;gap:35px}.card{grid-template-columns:.7fr 1.1fr 1.3fr;gap:25px}.approach-grid{gap:50px}.contact-grid{gap:45px}}@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header{min-height:106px;gap:20px}.brand{font-size:33px;letter-spacing:-2px}.brand small{font-size:7px}.header nav{gap:12px;font-size:10px}.header nav a:not(:last-child){display:none}.hero{padding:25px 0 38px}.hero-meta{font-size:7px;gap:20px}.hero-meta .eyebrow{font-size:8px}.hero h1{font-size:clamp(57px,13.8vw,93px);letter-spacing:-3.5px;padding:39px 0 34px}.hero-base{grid-template-columns:1fr 92px;gap:23px}.asterisk{display:none}.intro{font-size:12px;line-height:1.8}.round-cta{height:90px;width:90px;font-size:10px}.round-cta span{font-size:28px}.ticker{font-size:16px;letter-spacing:-.4px;padding:18px 10px;word-spacing:0}.network{padding:42px 0}.section-top{grid-template-columns:1fr;gap:20px}h2{font-size:36px;letter-spacing:-1.5px}.muted{font-size:13px;margin-top:18px}.cards{margin-top:28px}.card{grid-template-columns:1fr;gap:14px;padding:24px 0}.card-top{gap:14px}.category{font-size:9px}.card h3{font-size:24px}.card p{font-size:13px}.approach{padding:40px 0}.approach-grid{grid-template-columns:1fr;gap:26px}.contact{padding:40px 0}.contact-grid{grid-template-columns:1fr;gap:25px;margin-top:22px}.contact h2{font-size:49px;letter-spacing:-2px}.footer{flex-wrap:wrap;gap:15px;font-size:8px}.footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.round-cta{transition:none}}

/* TEXTURED AGENCY — art direction */
:root{--bg:#10100f;--fg:#f0ece2;--muted:#b8b0a4;--line:#494136;--accent:#ff783e}body{background:#10100f}.header{position:relative;z-index:3;border-color:#ffffff30}.brand{font-family:Arial,sans-serif;font-size:35px;letter-spacing:-2px}.brand small{letter-spacing:1px;font-size:8px;color:#c0b8ac}.header nav{font-size:11px}.hero-stage{position:relative;margin-top:-120px;padding-top:120px;isolation:isolate;background:linear-gradient(90deg,#0003,#0000),url('assets/agency-texture.png') center 46%/cover no-repeat;min-height:830px}.hero-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#10100f 0%,transparent 19%,transparent 80%,#05050566 100%)}.hero{padding-top:40px;padding-bottom:105px;position:relative}.hero-meta{color:#c4b9a8;font-size:8px}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(84px,10vw,151px);text-transform:uppercase;font-weight:900;line-height:.92;letter-spacing:-4px;padding:65px 0 36px;max-width:1100px;text-shadow:0 3px 35px #0008;transform:rotate(-2deg);transform-origin:left center}.hero h1::first-line{font-style:normal;color:#f2ece0}.hero-base{grid-template-columns:85px 1fr 180px;gap:32px;max-width:920px;margin-top:8px}.asterisk{font-family:Arial;font-size:85px;color:var(--accent)}.intro{font-size:14px;color:#e0d8cb;max-width:460px;text-shadow:0 2px 5px #000}.round-cta{border-radius:0;width:142px;height:95px;transform:rotate(6deg);font-size:13px;background:#e9e0cb;box-shadow:5px 7px 0 #0005;color:#15130e;position:relative}.round-cta:before{content:'';position:absolute;top:-8px;left:43px;height:19px;width:58px;background:#c4b69788;transform:rotate(-8deg)}.round-cta span{font-size:27px}.round-cta:hover{transform:rotate(0deg) translateY(-3px)}.edition{position:absolute;bottom:42px;right:5%;font:9px/1.6 'Courier New',monospace;letter-spacing:1.4px;transform:rotate(90deg);transform-origin:right;color:#e4d3b7}.ticker{position:relative;z-index:2;background:#e1dac9;color:#252219;border:0;transform:rotate(-1.5deg);width:100%;padding:18px 12px;margin-top:-24px;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:32px;letter-spacing:1px;box-shadow:0 8px 25px #0006}.ticker em{font-family:inherit;font-style:normal;color:#695d48}.network{padding-top:95px;padding-bottom:85px}.section-top{grid-template-columns:.7fr 2.5fr}.section-top>.eyebrow{color:#d48963}h2{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-2.5px;font-size:clamp(35px,4vw,59px);line-height:1.06}.muted{color:#aaa496}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border:0;margin-top:55px}.card{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:33px 28px 36px;border:1px solid #655643;background:linear-gradient(#13110dc9,#191610ee),url('assets/agency-texture.png') 20% 70%/auto 800px;position:relative;min-height:275px;box-shadow:8px 13px 24px #0006;transform:rotate(-2deg)}.card:nth-child(2){transform:rotate(2deg) translateY(17px);background-position:75% 60%;border-color:#826348}.card:nth-child(3){transform:rotate(-1deg) translateY(-5px);background-position:100% 50%}.card:before{content:'';position:absolute;width:67px;height:22px;background:#b6a68b88;top:-11px;left:calc(50% - 33px);transform:rotate(-6deg)}.card-top{justify-content:space-between;gap:20px;margin-bottom:42px}.card-top small{order:0;color:#c9b99e}.category{font-size:10px;color:#ffab78}.card h3{font-weight:700;font-size:25px;margin-bottom:17px}.card p{font-size:13px;color:#c0b5a4}.approach{background:#dcd5c4;position:relative;isolation:isolate;color:#221f19;padding:75px 0;clip-path:polygon(0 1%,14% 0,30% 1.2%,52% .2%,75% 1%,100% 0,100% 99%,85% 100%,63% 98.7%,41% 100%,22% 99%,0 100%)}.approach:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/agency-texture.png') 0 90%/cover;opacity:.12;mix-blend-mode:multiply}.approach .eyebrow{color:#605039}.approach .muted{color:#564d3e}.steps li{border-color:#a79a82}.steps span{color:#7e6546}.contact{padding-top:78px;padding-bottom:80px;background:radial-gradient(ellipse at 80% 80%,#55301f33,transparent 65%)}.contact h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-style:normal;text-transform:uppercase;font-size:clamp(46px,5.8vw,84px);letter-spacing:-1.7px;transform:rotate(-2deg)}.contact-grid p{color:#b6ac9c}.button{border:0;background:#e9dfca;color:#211b14;padding:15px 22px;gap:45px;transform:rotate(-2deg);box-shadow:4px 5px #423322}.button:hover{transform:rotate(0)}.footer{color:#9d907c;border-color:#44392c}.footer>a:first-child{color:#d1c1a7}.reading{position:relative}.reading h1{font-family:Arial,sans-serif}.portfolio>a{border-color:#514333}.contact-link{color:#ffab78}
@media(max-width:1000px){.hero-stage{min-height:750px}.hero h1{font-size:108px}.hero-base{grid-template-columns:65px 1fr 145px;gap:20px}.card{padding:29px 21px}.card h3{font-size:23px}.ticker{font-size:25px}}@media(max-width:680px){.header{min-height:106px}.brand{font-size:31px}.hero-stage{margin-top:-106px;padding-top:106px;min-height:0;background-position:62% center}.hero{padding-top:26px;padding-bottom:74px}.hero-meta{font-size:7px}.hero h1{font-size:clamp(58px,13.8vw,91px);letter-spacing:-2px;padding:45px 0 27px;line-height:1}.hero-base{grid-template-columns:1fr 96px;gap:21px}.intro{font-size:12px;color:#e2d6c4;line-height:1.8}.asterisk{display:none}.round-cta{width:93px;height:83px;font-size:11px}.round-cta:before{left:23px;width:47px}.round-cta span{font-size:25px}.edition{display:none}.ticker{font-size:16px;letter-spacing:.4px;padding:16px 8px;margin-top:-15px}.network{padding-top:54px;padding-bottom:62px}.section-top{grid-template-columns:1fr;gap:22px}.cards{grid-template-columns:1fr;gap:31px;margin-top:42px;margin-left:7px;margin-right:7px}.card{min-height:0;padding:27px}.card:nth-child(2){transform:rotate(1.5deg)}.card:nth-child(3){transform:rotate(-1deg)}.card-top{margin-bottom:27px}.card h3{font-size:25px}h2{font-size:36px;letter-spacing:-1.5px}.approach{padding:48px 0}.contact{padding-top:47px;padding-bottom:50px}.contact h2{font-size:51px;letter-spacing:-1px}.contact-grid{gap:28px}.footer{padding-top:23px}}
