/*
Theme Name: Starka Media — Editorial Growth Studio
Theme URI: https://starkamedia.com/
Author: Starka Media
Description: A bespoke editorial WordPress theme for Starka Media.
Version: 3.0.0
Text Domain: starka
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f2efe7;--paper2:#e8e4da;--forest:#18352c;--forest2:#24483c;--sage:#aab6a5;--orange:#c66c4b;--ink:#202721;--muted:#73786f;--line:rgba(32,39,33,.18);--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body,button,input,textarea,select{font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}.w{width:min(1240px,calc(100% - 64px));margin:auto}.announcement{height:30px;padding:0 5vw;background:var(--forest);color:#e7e9df;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.14em}.site-header{height:88px;position:sticky;top:0;z-index:50;background:rgba(242,239,231,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:height .3s}.header-inner{height:100%;width:min(1400px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px}.mark{width:36px;height:36px;background:var(--forest);color:var(--paper);display:grid;place-items:center;font:800 26px var(--display);position:relative}.mark span{color:var(--orange);font-size:22px}.wordmark-type{font:800 15px/.9 var(--display);letter-spacing:.1em}.wordmark-type small{display:block;font:9px var(--mono);letter-spacing:.38em;margin-top:6px}.primary-menu{display:flex;gap:36px;margin-left:auto;margin-right:44px}.primary-menu a,.header-cta{font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.primary-menu a{color:#555d54;transition:color .2s}.primary-menu a:hover{color:var(--orange)}.header-cta{padding:14px 18px;border:1px solid var(--forest);transition:.25s}.header-cta span{color:var(--orange);margin-left:12px}.header-cta:hover{background:var(--forest);color:var(--paper)}.menu-toggle{display:none}.hero{min-height:760px;background:var(--paper);padding:30px 5vw 22px;position:relative;overflow:hidden}.hero-grain{position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.hero-topline,.hero-bottom,.hero-footnote{font:9px var(--mono);letter-spacing:.13em;color:#737a70;display:flex;justify-content:space-between}.hero-layout{width:min(1400px,100%);margin:40px auto 20px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:3vw}.hero-copy{padding:30px 0 10px 5vw;position:relative;z-index:2}.eyebrow,.section-kicker{font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--forest)}.eyebrow b{width:7px;height:7px;background:var(--orange);border-radius:50%}.hero h1{font:600 clamp(68px,8vw,120px)/.98 var(--display);letter-spacing:-.085em;margin:36px 0 28px;color:var(--forest)}h1 em,h2 em,.manifesto em{font-family:Georgia,serif;font-weight:400;color:var(--orange);letter-spacing:-.06em}.hero-intro{font-size:18px;line-height:1.55;max-width:480px;color:#59645b}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font:10px var(--mono);letter-spacing:.1em;transition:transform .25s,background .25s,color .25s;border:0;cursor:pointer}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--forest);color:var(--paper)}.button-dark:hover{background:var(--orange)}.button span{font-size:17px}.text-link{font:11px var(--mono);border-bottom:1px solid var(--orange);padding:0 0 8px}.text-link span{color:var(--orange);margin-left:8px}.hero-footnote{max-width:520px;margin-top:86px}.hero-art{height:560px;position:relative;background:var(--forest);overflow:hidden;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.05),transparent 42%,rgba(0,0,0,.2));z-index:-1}.art-circle{position:absolute;border:1px solid rgba(230,230,209,.35);border-radius:50%;width:500px;height:500px;left:50%;top:50%;transform:translate(-50%,-50%)}.circle-two{width:390px;height:390px;border-color:rgba(230,230,209,.18)}.art-disc{position:absolute;width:330px;height:330px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 32% 25%,#d8bda0 0,#a56e52 18%,#c56d4b 38%,#753e30 67%,#26382e 100%);box-shadow:inset -25px -30px 45px rgba(0,0,0,.35),0 30px 80px rgba(0,0,0,.35);animation:float 7s ease-in-out infinite}.art-arc{position:absolute;width:460px;height:460px;border:1px solid var(--sage);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-35deg);border-left-color:transparent;border-bottom-color:transparent;animation:rotate 24s linear infinite}.art-caption{position:absolute;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;color:#dce1d4;font:9px var(--mono);letter-spacing:.12em}.art-stamp{position:absolute;right:34px;top:26px;color:#e7e8db;font:700 32px var(--display);line-height:.8}.art-stamp small{font:9px var(--mono);float:right}.hero-bottom{align-items:center;margin-top:16px}.scroll-line{height:1px;background:var(--orange);width:100px;margin:0 14px}.intro-band{background:var(--forest);color:var(--paper);padding:100px 10vw 115px;display:grid;grid-template-columns:.32fr 1fr;gap:5vw}.intro-band .section-kicker{color:var(--sage)}.intro-content{display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;align-items:end}.intro-content h2,.section-heading h2,.method-head h2{font:600 clamp(38px,5vw,68px)/1.06 var(--display);letter-spacing:-.065em;margin:0}.intro-content h2 em{color:#d58a69}.intro-content p{max-width:330px;color:#c0c8bc;font-size:15px;margin:0 0 6px}.work-section,.capabilities,.method{padding:125px 9vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}.section-kicker{color:var(--orange);margin-bottom:26px}.section-heading h2,.method-head h2{color:var(--forest)}.section-heading h2 em,.method-head h2 em{color:var(--orange)}.section-heading>p{max-width:330px;color:var(--muted);font-size:14px;margin-bottom:5px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 7vw}.work-card{min-width:0}.work-card-offset{margin-top:110px}.work-image{width:100%;height:300px;background:var(--paper2);border:0;padding:18px;position:relative;overflow:hidden;cursor:zoom-in}.work-image img{width:100%;height:100%;object-fit:contain;transition:transform .6s var(--ease)}.work-image:hover img{transform:scale(1.04)}.image-open{position:absolute;right:18px;bottom:18px;background:var(--forest);color:white;padding:10px 12px;font:9px var(--mono);opacity:0;transform:translateY(6px);transition:.25s}.work-image:hover .image-open{opacity:1;transform:none}.work-meta{display:flex;justify-content:space-between;margin:20px 0 12px;font:9px var(--mono);letter-spacing:.1em;color:#777d72}.work-card h3{font:600 27px var(--display);letter-spacing:-.04em;color:var(--forest);margin:0 0 8px}.work-card p{margin:0 0 12px;color:var(--muted);font-size:14px}.work-card strong{font-size:12px;font-weight:600;color:var(--orange)}.work-disclaimer{font:10px var(--mono);color:#898c82;margin-top:55px}.manifesto{background:var(--paper2);padding:115px 10vw 125px;position:relative}.manifesto p{font:600 clamp(46px,7.4vw,100px)/1.04 var(--display);letter-spacing:-.08em;color:var(--forest);margin:55px 0 30px}.manifesto p span{color:#9ba394}.manifesto-note{max-width:300px;margin-left:auto;font-size:13px;color:#697268}.capabilities{background:var(--forest);color:var(--paper)}.capabilities .section-heading h2{color:var(--paper)}.capabilities .section-heading h2 em{color:#d58a69}.capabilities .section-heading>p{color:#c0c8bc}.capabilities .section-kicker{color:#d58a69}.cap-list{border-top:1px solid rgba(240,240,220,.25)}.cap-row{display:grid;grid-template-columns:70px 1fr 1.1fr 40px;gap:25px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(240,240,220,.25);transition:padding .3s}.cap-row:hover{padding-left:14px;padding-right:14px}.cap-number{font:10px var(--mono);color:#d58a69}.cap-row h3{font:500 23px var(--display);margin:0}.cap-row p{font-size:13px;color:#b7c2b8;max-width:410px;margin:0}.cap-arrow{font-size:24px;color:#d58a69;text-align:right}.method{background:var(--paper)}.method-head{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:end}.method-head p{max-width:350px;color:var(--muted);font-size:14px}.method-steps{margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.method-steps article{padding:25px 25px 0 0;border-right:1px solid var(--line);margin-right:25px}.method-steps article:last-child{border:0;margin:0}.method-steps span{font:10px var(--mono);color:var(--orange)}.method-steps h3{font:600 22px var(--display);color:var(--forest);margin:36px 0 12px}.method-steps p{font-size:13px;color:var(--muted);max-width:230px}.studio{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--paper2)}.studio-image{background:var(--forest);position:relative;overflow:hidden;min-height:570px}.studio-shape{position:absolute;width:450px;height:450px;border:1px solid rgba(234,233,213,.4);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.studio-shape:before,.studio-shape:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(234,233,213,.25);inset:42px}.studio-shape:after{inset:100px;background:radial-gradient(circle at 30% 30%,#d2a787,#c66c4b 48%,#6d4232 75%,transparent 76%);border:0;box-shadow:0 30px 70px rgba(0,0,0,.25)}.studio-image>span{position:absolute;left:35px;bottom:30px;color:#dfe4d8;font:10px var(--mono);letter-spacing:.12em}.studio-copy{padding:110px 10vw 90px 8vw}.studio-copy h2{font:600 clamp(48px,5.8vw,78px)/.98 var(--display);letter-spacing:-.08em;color:var(--forest);margin:0 0 30px}.studio-copy h2 em{color:var(--orange)}.studio-copy>p{max-width:390px;color:#667168;font-size:14px;margin-bottom:35px}.contact-section{background:var(--orange);color:#202721;padding:45px 9vw 28px}.contact-top,.contact-bottom{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.13em}.contact-top .section-kicker{color:#26392f;margin:0}.contact-content{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;padding:100px 0 110px}.contact-content h2{font:600 clamp(65px,9vw,122px)/.9 var(--display);letter-spacing:-.09em;margin:0;color:var(--forest)}.contact-content h2 em{color:var(--paper)}.contact-content>div{max-width:320px}.contact-content p{font-size:15px;line-height:1.55;margin:0 0 28px}.button-light{background:var(--paper);color:var(--forest)}.button-light:hover{background:var(--forest);color:var(--paper)}.contact-bottom{border-top:1px solid rgba(30,40,32,.3);padding-top:18px}.site-footer{background:#172a23;color:#e8e9dd;padding:65px 9vw 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:55px;border-bottom:1px solid rgba(240,240,220,.2)}.footer-wordmark .mark{background:var(--paper);color:var(--forest)}.footer-wordmark .wordmark-type{color:var(--paper)}.footer-top p{font:19px/1.4 Georgia,serif;color:#c1c9bd;margin:0}.back-top,.footer-label,.footer-bottom{font:9px var(--mono);letter-spacing:.12em}.back-top{color:#e3a183}.footer-middle{display:grid;grid-template-columns:1fr 1fr 1fr;padding:45px 0 60px;gap:30px}.footer-middle>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-label{color:#d58a69;margin-bottom:8px}.footer-middle a{font-size:13px;color:#d0d7cc;transition:color .2s}.footer-middle a:hover{color:#e3a183}.footer-note{font:19px/1.45 Georgia,serif;color:#d0d7cc}.footer-note span{display:block;font:9px var(--mono);letter-spacing:.1em;color:#8d9b8e;margin-top:25px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(240,240,220,.2);padding-top:18px;color:#aab6a8}.footer-bottom nav{display:flex;gap:22px}.footer-bottom a:hover{color:white}.lead-dialog,.lightbox{border:0;padding:0;background:var(--paper);color:var(--ink);max-width:min(620px,calc(100% - 24px));width:100%;max-height:90vh;box-shadow:0 25px 100px rgba(0,0,0,.3)}.lead-dialog::backdrop,.lightbox::backdrop{background:rgba(12,24,18,.78);backdrop-filter:blur(5px)}.dialog-inner{padding:48px;max-height:90vh;overflow:auto;position:relative}.dialog-inner h3{font:600 42px/1.04 var(--display);letter-spacing:-.06em;color:var(--forest);margin:20px 0 30px}.dialog-inner h3 em{color:var(--orange);font-family:Georgia,serif;font-weight:400}.dialog-close{position:absolute;right:20px;top:16px;border:0;background:transparent;font-size:32px;cursor:pointer;color:var(--forest)}.dialog-inner form{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.dialog-inner label{font:10px var(--mono);color:#667168;grid-column:span 2;margin-top:10px}.dialog-inner input,.dialog-inner select,.dialog-inner textarea{grid-column:span 2;width:100%;padding:12px 0;background:transparent;border:0;border-bottom:1px solid var(--line);outline:none;color:var(--ink);font-size:14px}.dialog-inner input:focus,.dialog-inner textarea:focus{border-color:var(--orange)}.dialog-inner .button{grid-column:span 2;margin-top:20px}.hp{position:absolute!important;left:-9999px!important}.lightbox{background:transparent;box-shadow:none;max-width:95vw;width:auto;overflow:visible}.lightbox img{max-height:88vh;max-width:95vw;object-fit:contain}.lightbox .dialog-close{right:-35px;top:-40px;color:white}.rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.rv.in{opacity:1;transform:none}.hero-copy>*{animation:rise .8s var(--ease) both}.hero-copy .eyebrow{animation-delay:.08s}.hero-copy h1{animation-delay:.18s}.hero-copy .hero-intro{animation-delay:.28s}.hero-copy .hero-actions{animation-delay:.38s}.hero-art{animation:artReveal 1.2s var(--ease) both}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes artReveal{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}@keyframes float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-14px)}}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(325deg)}}
@media(max-width:900px){.primary-menu{gap:18px;margin-right:22px}.hero{min-height:unset;padding:26px 5vw}.hero-layout{grid-template-columns:1fr .85fr;gap:20px;margin-top:65px}.hero-copy{padding-left:0}.hero h1{font-size:clamp(58px,9vw,86px)}.hero-art{height:450px}.art-circle{width:390px;height:390px}.art-disc{width:270px;height:270px}.art-arc{width:350px;height:350px}.hero-footnote{margin-top:55px}.intro-band{padding:80px 7vw;grid-template-columns:.25fr 1fr}.intro-content{grid-template-columns:1fr}.intro-content p{max-width:520px}.work-section,.capabilities,.method{padding:90px 7vw}.studio-copy{padding:85px 7vw}.studio-image{min-height:500px}.contact-section{padding-left:7vw;padding-right:7vw}}
@media(max-width:650px){.w{width:calc(100% - 40px)}.announcement{padding:0 20px;font-size:8px}.announcement span:last-child{display:none}.site-header{height:72px}.header-inner{width:calc(100% - 40px)}.wordmark-type{font-size:13px}.mark{width:32px;height:32px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:10px;margin-left:auto;margin-right:12px}.menu-toggle i{width:22px;height:1px;background:var(--forest);display:block}.primary-menu{display:none;position:absolute;top:71px;left:0;right:0;background:var(--paper);padding:24px 22px 30px;border-bottom:1px solid var(--line);flex-direction:column;gap:22px;margin:0}.primary-menu.open{display:flex}.header-cta{font-size:8px;padding:12px 10px}.hero{padding:20px 20px 18px}.hero-topline{font-size:8px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;margin:45px auto 20px;gap:35px}.hero-copy{padding:0}.eyebrow{font-size:9px}.hero h1{font-size:clamp(58px,15vw,82px);margin:26px 0 20px}.hero-intro{font-size:16px;max-width:370px}.hero-actions{gap:20px;flex-wrap:wrap;margin-top:28px}.button{min-height:50px;padding:0 16px;font-size:9px;gap:18px}.text-link{font-size:10px}.hero-footnote{margin-top:42px;font-size:8px}.hero-art{height:350px;width:100%}.art-circle{width:310px;height:310px}.circle-two{width:245px;height:245px}.art-disc{width:210px;height:210px}.art-arc{width:285px;height:285px}.hero-bottom{font-size:7px;letter-spacing:.08em}.scroll-line{width:38px}.intro-band{display:block;padding:65px 25px 72px}.intro-band .section-kicker{margin-bottom:38px}.intro-content h2,.section-heading h2,.method-head h2{font-size:42px}.intro-content p{font-size:14px;margin-top:24px}.work-section,.capabilities,.method{padding:72px 22px}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:22px;font-size:13px}.work-grid{grid-template-columns:1fr;gap:48px}.work-card-offset{margin-top:0}.work-image{height:230px;padding:12px}.work-meta{font-size:8px}.work-card h3{font-size:24px}.manifesto{padding:75px 24px}.manifesto p{font-size:clamp(42px,11vw,66px);margin:40px 0 28px}.manifesto-note{margin-left:0;max-width:340px}.cap-row{grid-template-columns:32px 1fr 25px;gap:12px;padding:23px 0}.cap-row h3{font-size:19px}.cap-row p{grid-column:2/3;font-size:12px}.cap-arrow{grid-column:3;grid-row:1}.cap-number{grid-row:1}.method-head{display:block}.method-head p{margin-top:24px}.method-steps{grid-template-columns:1fr 1fr;gap:0;margin-top:55px}.method-steps article{padding:20px 16px 25px 0;margin:0 15px 15px 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.method-steps article:nth-child(2){border-right:0;margin-right:0}.method-steps article:nth-child(3){border-bottom:0}.method-steps article:nth-child(4){border:0;margin-right:0}.method-steps h3{font-size:20px;margin:25px 0 8px}.method-steps p{font-size:12px}.studio{grid-template-columns:1fr}.studio-image{min-height:360px}.studio-shape{width:300px;height:300px}.studio-shape:before{inset:28px}.studio-shape:after{inset:70px}.studio-copy{padding:70px 25px}.studio-copy h2{font-size:60px}.contact-section{padding:30px 22px 22px}.contact-top,.contact-bottom{font-size:8px}.contact-top>span{max-width:130px;text-align:right}.contact-content{display:block;padding:75px 0 80px}.contact-content h2{font-size:clamp(62px,15vw,90px)}.contact-content>div{margin-top:35px}.contact-content p{font-size:14px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:25px;padding-bottom:35px}.footer-top p{grid-column:1/-1;font-size:17px}.back-top{grid-column:2;grid-row:1}.site-footer{padding:45px 24px 22px}.footer-middle{grid-template-columns:1fr 1fr;padding:35px 0;gap:32px 20px}.footer-note{grid-column:1/-1;font-size:17px}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:14px}.footer-bottom>span:last-child{display:none}.dialog-inner{padding:38px 24px}.dialog-inner h3{font-size:35px}.dialog-inner form{display:block}.dialog-inner label{display:block}.dialog-inner input,.dialog-inner select,.dialog-inner textarea{margin-bottom:8px}.dialog-inner .button{width:100%}.lightbox .dialog-close{right:0;top:-40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}