/*
Theme Name: CreativeThink
Theme URI: https://creativesthink.com
Author: CreativeThink Agency
Author URI: https://creativesthink.com
Description: One-page creative agency WordPress theme with layered toucan hero, portfolio grid, glass services, process visuals and London footer.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: creativethink
Tags: agency, portfolio, creative, one-page, custom-colors
*/
:root{
  --orange:#ff6a00;
  --orange-2:#ff8a1c;
  --ink:#11151b;
  --muted:#5e6875;
  --white:#fff;
  --soft:#eef3f9;
  --glass:rgba(255,255,255,.72);
  --line:rgba(24,40,60,.13);
  --shadow:0 24px 70px rgba(17,32,54,.16);
  --font-heading:'Barlow Condensed','Arial Narrow',sans-serif;
  --font-body:'DM Sans','Helvetica Neue',Arial,sans-serif;
  --font-script:'Kalam','Comic Sans MS',cursive;
  --container:1360px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:#edf3fb;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.ct-container{width:min(var(--container),calc(100% - 96px));margin-inline:auto}.ct-surface{position:relative;background:radial-gradient(circle at 0 0,rgba(255,255,255,.95),rgba(236,244,253,.98) 40%,#eef5fd 100%)}.ct-surface:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 20%,rgba(255,255,255,.9),transparent 25%),linear-gradient(135deg,rgba(255,255,255,.6),transparent 45%),url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 800 500%22%3E%3Cg fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%222%22 opacity=%22.55%22%3E%3Cpath d=%22M-100 330C80 230 180 420 360 300S630 180 900 280%22/%3E%3Cpath d=%22M-80 390C100 290 220 470 420 345S670 235 920 340%22/%3E%3C/g%3E%3C/svg%3E');background-size:cover;pointer-events:none}.section-label{display:block;color:var(--orange);font-family:var(--font-heading);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.btn{display:inline-flex;align-items:center;gap:12px;border-radius:11px;padding:15px 24px;font-weight:800;font-size:15px;transition:.28s ease}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 18px 40px rgba(255,106,0,.28)}.btn-primary:hover{transform:translateY(-2px);background:#ff7a12}.btn-arrow:after{content:"→"}.soft-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(17,33,50,.18);background:rgba(255,255,255,.68);border-radius:999px;padding:13px 22px;font-weight:800;color:#3a4652;box-shadow:0 12px 30px rgba(20,35,50,.06)}
/* Header */
#masthead{position:fixed;z-index:50;top:0;left:0;right:0;padding:18px 0;transition:.3s ease;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent)}#masthead.scrolled{padding:10px 0;background:rgba(5,12,12,.7);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,.18)}.site-header-inner{width:min(var(--container),calc(100% - 96px));margin:auto;display:flex;align-items:center;justify-content:space-between}.site-logo{font-family:var(--font-script);font-size:34px;font-weight:800;color:#fff;line-height:.8;letter-spacing:-.05em;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}.site-logo span{color:var(--orange);font-size:.75em}.main-navigation ul{display:flex;align-items:center;gap:42px;list-style:none;margin:0;padding:0}.main-navigation a{color:#fff;font-weight:800;font-size:14px;text-shadow:0 4px 12px rgba(0,0,0,.45)}.header-cta .btn{padding:12px 18px;font-size:13px}.menu-toggle{display:none;background:none;border:0;gap:5px;flex-direction:column}.menu-toggle span{width:26px;height:2px;background:#fff;display:block}
/* Hero */
.ct-hero{position:relative;min-height:640px;height:51vw;max-height:820px;overflow:hidden;background:#0a211c;border-bottom-left-radius:42% 7%;border-bottom-right-radius:42% 7%}.hero-layer,.hero-shade{position:absolute;inset:0}.hero-layer{background-size:cover;background-position:center;will-change:transform}.hero-depth{animation:heroDrift 18s ease-in-out infinite alternate}.hero-light{mix-blend-mode:screen;opacity:.95;animation:lightPulse 7s ease-in-out infinite}.hero-foliage{background-position:center bottom;animation:leafSway 10s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 31%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.12) 100%)}.hero-copy{position:absolute;z-index:4;left:max(56px,calc((100vw - var(--container))/2));top:50%;transform:translateY(-43%);width:min(520px,42vw);color:#fff}.hero-copy h1{font-family:var(--font-heading);margin:0 0 18px;text-transform:uppercase;font-size:clamp(54px,5.1vw,94px);line-height:.88;letter-spacing:-.035em;font-weight:900;text-shadow:0 16px 36px rgba(0,0,0,.38)}.hero-copy h1 span,.hero-copy h1 em{display:block}.hero-copy h1 em{font-family:var(--font-script);font-style:normal;color:var(--orange);font-size:.85em;letter-spacing:-.04em;text-transform:uppercase}.hero-copy p{font-size:17px;line-height:1.48;width:min(430px,100%);margin:0 0 28px;color:rgba(255,255,255,.92);font-weight:600}.hero-bird{position:absolute;z-index:3;right:5%;bottom:-2%;width:min(48vw,720px);height:min(42vw,620px);pointer-events:none;filter:drop-shadow(0 30px 42px rgba(0,0,0,.35));animation:toucanFloat 5.8s ease-in-out infinite}.toucan-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.toucan-base{opacity:1}.toucan-blink{animation:blinkFrame 6s steps(1,end) infinite}.toucan-head{animation:headFrame 11s steps(1,end) infinite}.head-2{animation-delay:.18s}.head-3{animation-delay:.36s}
/* Work */
.work-section{padding:74px 0 58px}.work-heading{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.work-heading h2,.split-heading h2{font-family:var(--font-body);font-size:30px;line-height:1.08;margin:.15rem 0 0;font-weight:900;letter-spacing:-.03em}.portfolio-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:34px 32px}.portfolio-card h3{font-size:13px;line-height:1.1;margin:11px 0 1px;font-weight:900}.portfolio-card p{font-size:11px;margin:0;color:#5e6875;font-weight:700}.portfolio-card small{display:none}.portfolio-thumb{aspect-ratio:1.55/1;border-radius:10px;overflow:hidden;box-shadow:0 10px 22px rgba(28,40,55,.14);background:#d7dce3}.placeholder-thumb{position:relative;background:linear-gradient(135deg,#15191f,#3e454e 60%,#d4d8dd);border:1px solid rgba(0,0,0,.05)}.placeholder-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,106,0,.9),transparent 34%),repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 1px,transparent 1px 10px);opacity:.75}.placeholder-mark{position:absolute;left:16px;top:14px;color:#fff;font-family:var(--font-heading);font-size:34px;font-weight:900;letter-spacing:-.05em}.placeholder-lines{position:absolute;right:16px;bottom:16px;width:42%;height:28%;border-radius:8px;background:rgba(255,255,255,.18);box-shadow:0 -18px 0 -10px rgba(255,255,255,.16),0 -34px 0 -18px rgba(255,255,255,.16)}
/* Forest banner */
.forest-banner{position:relative;width:min(var(--container),calc(100% - 96px));margin:56px auto 0;height:148px;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(5,28,18,.22);background:#10301f}.forest-banner-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.1) contrast(1.05);opacity:.95}.forest-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.05))}.forest-banner-copy{position:absolute;z-index:2;left:80px;top:50%;transform:translateY(-50%);font-size:28px;line-height:1.2;color:#fff;font-weight:900;letter-spacing:-.03em;text-shadow:0 8px 20px rgba(0,0,0,.35)}.forest-toucan{position:absolute;z-index:3;left:48%;bottom:-35px;width:230px;height:210px}.forest-toucan img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.forest-toucan .is-visible{opacity:1}.forest-toucan .mid-left{animation:midLeft 6s steps(1,end) infinite}.forest-toucan .mid-right{animation:midRight 6s steps(1,end) infinite}
/* Services */
.services-section{padding:58px 0 72px}.split-heading{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px;margin-bottom:30px}.split-heading p{margin:0;color:#556273;font-size:15px;line-height:1.55;font-weight:600}.services-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.glass-card{min-height:212px;padding:24px 20px 20px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(244,249,255,.52));border:1px solid rgba(255,255,255,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 18px 45px rgba(31,52,75,.12);backdrop-filter:blur(12px);transition:.28s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(31,52,75,.18)}.service-icon{width:34px;height:34px;color:var(--orange);margin-bottom:16px}.glass-card h3{font-size:15px;margin:0 0 10px;font-weight:900}.glass-card p{margin:0 0 14px;font-size:12px;line-height:1.45;color:#4d5967;font-weight:600}.glass-card ul{list-style:none;margin:0;padding:0}.glass-card li{font-size:11px;margin:6px 0;color:#4b5563;font-weight:700}.glass-card li:before{content:"✓";color:var(--orange);margin-right:8px}
/* Process */
.process-section{padding:22px 0 58px}.process-wrap{position:relative;z-index:1}.process-title h2{font-family:var(--font-body);font-size:30px;margin:0 0 22px;line-height:1.1;font-weight:900}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end}.process-step{position:relative;min-height:310px;padding-top:8px}.process-step span{font-family:var(--font-heading);font-size:42px;line-height:1;color:var(--orange);font-weight:900}.process-step h3{font-size:18px;margin:4px 0 7px;font-weight:900}.process-step p{font-size:13px;line-height:1.42;color:#4e5968;margin:0;max-width:210px;font-weight:650}.process-step img{position:absolute;left:18px;right:0;bottom:0;width:96%;max-height:225px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(30,42,57,.12));z-index:-1}.process-track{position:absolute;left:16%;right:12%;top:98px;height:90px;border-top:3px dashed var(--orange);border-radius:50%;opacity:.7}.process-notes{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(31,52,75,.08)}.process-notes span{text-align:center;padding:13px 8px;font-size:12px;font-weight:800;color:#4a5663;border-right:1px solid rgba(25,40,58,.08)}.process-notes span:last-child{border-right:0}.process-notes span:first-letter{color:var(--orange)}
/* Sketch Banner */
.sketch-banner{position:relative;width:min(var(--container),calc(100% - 96px));margin:28px auto 48px;min-height:130px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.12));border-radius:18px;overflow:hidden}.sketch-left{position:absolute;left:22px;bottom:-36px;width:250px;opacity:.95}.sketch-right{position:absolute;right:30px;bottom:-72px;width:270px;opacity:.75}.sketch-copy{text-align:center;position:relative;z-index:2}.sketch-copy h2{font-family:var(--font-display);font-size:31px;line-height:1.1;margin:0 0 14px;font-weight:900}.sketch-copy p{margin:0;font-size:14px;font-weight:800}.sketch-copy span{margin:0 14px;color:#111}
/* CTA */
.contact-card-section{padding:24px 0 42px}.contact-card{min-height:210px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:30px;border-radius:26px;padding:42px 72px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(238,247,255,.64));border:1px solid rgba(255,255,255,.9);box-shadow:0 25px 80px rgba(31,52,75,.15),inset 0 1px 0 rgba(255,255,255,.86);position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;inset:-60px;background:radial-gradient(circle at 0 10%,rgba(255,255,255,.9),transparent 16%),radial-gradient(circle at 100% 20%,rgba(255,255,255,.8),transparent 30%),url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 900 260%22%3E%3Cg fill=%22none%22 stroke=%22%23c8d5e6%22 opacity=%22.45%22%3E%3Cpath d=%22M-20 210C120 120 250 250 390 150S620 60 930 150%22/%3E%3Cpath d=%22M-20 250C140 160 300 280 470 180S710 95 950 190%22/%3E%3C/g%3E%3C/svg%3E');pointer-events:none}.contact-card>*{position:relative;z-index:1}.contact-card h2{font-family:var(--font-display);font-size:37px;line-height:1.1;margin:0 0 18px}.contact-card h2 em{color:var(--orange);font-style:normal}.contact-card p{font-size:15px;line-height:1.55;color:#4f5d6d;margin:0;max-width:520px;font-weight:600}.contact-card-action{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.contact-card-action ul{margin:0;padding:0;list-style:none}.contact-card-action li{margin:8px 0;font-weight:800;color:#4d5967}.contact-card-action li:before{content:"✓";color:var(--orange);margin-right:10px}
/* Footer Scene */
.footer-scene{position:relative;min-height:340px;overflow:hidden;background:#071214;color:#fff}.footer-bg{position:absolute;inset:0;background-size:cover;background-position:center bottom;filter:saturate(1.05) contrast(1.02)}.footer-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,13,.1),rgba(4,10,13,.46)),linear-gradient(90deg,rgba(0,0,0,.25),transparent 45%,rgba(0,0,0,.12))}.footer-scene-inner{position:relative;z-index:2;min-height:340px;display:flex;align-items:center;gap:70px}.footer-contact-panel{width:360px}.footer-contact-panel h2{margin:0 0 18px;font-size:29px;font-weight:900}.footer-contact-panel p{margin:12px 0;font-size:15px;font-weight:750}.footer-contact-panel span{color:var(--orange);display:inline-block;width:28px}.footer-map-card{width:410px;height:155px;border-radius:16px;overflow:hidden;border:2px solid rgba(255,255,255,.45);box-shadow:0 18px 50px rgba(0,0,0,.35);background:#fff}.footer-map-card iframe{width:100%;height:100%;border:0}.socials{display:flex;gap:12px;margin-top:18px}.socials a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);font-size:12px;font-weight:900}
/* Reveal + Animations */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes heroDrift{from{transform:scale(1.04) translate3d(-12px,-8px,0)}to{transform:scale(1.08) translate3d(16px,7px,0)}}@keyframes leafSway{from{transform:scale(1.04) translateX(-8px)}to{transform:scale(1.06) translateX(10px)}}@keyframes lightPulse{0%,100%{opacity:.72;transform:scale(1.02)}50%{opacity:1;transform:scale(1.06)}}@keyframes toucanFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(.8deg)}}@keyframes blinkFrame{0%,6%,100%{opacity:0}3%{opacity:1}}@keyframes headFrame{0%,20%,100%{opacity:0}8%,12%{opacity:1}}@keyframes midLeft{0%,20%,100%{opacity:0}8%,12%{opacity:1}}@keyframes midRight{0%,40%,100%{opacity:0}28%,32%{opacity:1}}
@media (max-width:1100px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(3,1fr)}.process-grid{grid-template-columns:repeat(2,1fr);gap:40px}.process-track{display:none}.hero-bird{right:-8%;width:60vw}.hero-copy{width:54vw}.forest-toucan{left:auto;right:8%}.sketch-left,.sketch-right{opacity:.35}.footer-scene-inner{justify-content:space-between}.footer-map-card{width:360px}}
@media (max-width:760px){.ct-container,.site-header-inner,.forest-banner,.sketch-banner{width:calc(100% - 36px)}#masthead{padding:12px 0}.main-navigation{position:fixed;inset:0;background:rgba(5,12,12,.96);display:none;align-items:center;justify-content:center}.main-navigation.is-open{display:flex}.main-navigation ul{flex-direction:column;font-size:24px}.header-cta{display:none}.menu-toggle{display:flex;z-index:70}.ct-hero{height:auto;min-height:730px;border-bottom-left-radius:38% 4%;border-bottom-right-radius:38% 4%}.hero-copy{left:24px;right:24px;top:132px;transform:none;width:auto}.hero-copy h1{font-size:58px}.hero-bird{width:92vw;height:55vw;right:-24%;bottom:18px}.work-section{padding-top:42px}.work-heading,.split-heading,.contact-card{grid-template-columns:1fr;display:grid;gap:20px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}.services-grid{grid-template-columns:1fr}.forest-banner{height:190px}.forest-banner-copy{left:24px;font-size:22px}.forest-toucan{right:0;left:auto;width:180px}.process-grid{grid-template-columns:1fr}.process-step{min-height:300px}.process-notes{grid-template-columns:1fr}.sketch-copy h2{font-size:25px}.sketch-left{width:190px}.sketch-right{display:none}.contact-card{padding:34px 26px}.footer-scene-inner{flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:42px 0}.footer-contact-panel,.footer-map-card{width:100%}.footer-map-card{height:140px}}