:root{--bg:#08090b;--text:#f0f0ed;--muted:#aaaab1;--line:#292a30;--accent:#c4b5df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap,header{width:min(1320px,88%);margin:auto}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:43px;letter-spacing:-3px;font-weight:800;line-height:.85;position:relative}.brand>span{font-size:20px;letter-spacing:0;position:absolute;top:0;right:-23px;color:var(--accent)}.brand small{display:block;font-size:8px;letter-spacing:4px;margin-top:11px;font-weight:500}nav{display:flex;gap:35px;font-size:12px;color:#cacacf}nav a:hover,.text-link:hover{color:var(--accent)}.nav-cta{font-size:12px;border:1px solid #57575b;padding:15px 21px}.nav-cta span{margin-left:23px}.hero{position:relative;overflow:hidden}.hero-meta{display:flex;justify-content:space-between;margin-top:28px;font-size:8px;letter-spacing:1.6px;color:#9b9ba3}.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:690px;position:relative}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;line-height:1.6;color:var(--accent)}h1{font-size:clamp(68px,8.6vw,128px);line-height:.91;letter-spacing:-7px;font-weight:650;margin:26px 0}em{font-style:normal;font-weight:400;color:var(--accent)}h1 em{font-weight:650}.hero-description{font-size:16px;line-height:1.75;max-width:450px;color:var(--muted);margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--accent);color:#211d29;padding:19px 24px;font-size:12px;font-weight:600;border:1px solid var(--accent);transition:background .2s}.button:hover{background:#dfd2ef}.sculpture{height:570px;position:relative;isolation:isolate}.halo{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#bea2eb22,transparent 65%);filter:blur(25px)}.metal{position:absolute;left:13%;top:19%;width:76%;height:56%;border-radius:48%;background:conic-gradient(from 35deg,#101117,#a0a9a6 12%,#fbfff8 17%,#444e47 23%,#080a0d 36%,#c7bed0 47%,#ded3ef 53%,#242923 60%,#98909f 72%,#ebf1e8 78%,#131717 88%,#101117);box-shadow:inset 1px 1px 3px #ffffffa0,10px 30px 50px #000;transform:rotate(-38deg);mask:radial-gradient(ellipse at center,transparent 0 45%,#000 46%);animation:float 10s ease-in-out infinite}.m2{transform:rotate(40deg);width:54%;height:76%;top:6%;left:24%;animation-delay:-3s}.m3{transform:rotate(85deg);width:82%;height:35%;top:30%;left:8%;opacity:.85;animation-delay:-6s}.orb-caption{position:absolute;bottom:18px;left:10%;right:0;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#9eaaa0}.hero-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 0;font-size:9px;letter-spacing:1.5px;color:#b9b9bf}.hero-foot a{color:var(--accent)}@keyframes float{50%{translate:0 -12px}}h2{font-size:clamp(42px,5.6vw,78px);line-height:1.02;letter-spacing:-3.5px;font-weight:500;margin:22px 0}h3{font-size:30px;letter-spacing:-1px;font-weight:500;margin:15px 0}p{font-size:16px;line-height:1.8;color:var(--muted)}.work-section{padding:95px 0 70px}.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.work-head p{font-size:14px}.filters{display:flex;gap:10px;margin-bottom:25px}.filters button{cursor:pointer;color:#aaa;background:transparent;border:1px solid #333;padding:12px 18px;font-size:11px}.filters button.active{background:var(--text);color:#111;border-color:var(--text)}.filters span{margin-left:12px;opacity:.6}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.work-item{min-width:0}.work-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#a3a3aa;padding:13px 0;border-top:1px solid #37373e}.embed-container{background:#151619;height:540px;overflow:hidden;border:1px solid #303038}.embed-container iframe{border:0;width:100%;height:100%;background:white}.work-link{display:flex;justify-content:space-between;font-size:11px;padding:14px 0;color:#ccc}.work-link span{color:var(--accent)}.embed-note{font-size:11px;margin-top:25px;color:#85858e}.clients{padding:42px 0 50px;background:#111215;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-top{display:flex;align-items:center;justify-content:space-between}.section-top .eyebrow{color:#85858e;font-size:8px}.section-top p{font-size:13px}.logos{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;gap:28px;margin-top:28px}.logos img{width:100%;height:67px;object-fit:contain}.text-logo{text-align:center;font-size:28px;font-weight:bold}.text-logo small{display:block;font-size:6px;letter-spacing:1.5px;margin-top:6px}.services{padding:110px 0 70px}.section-heading{margin-bottom:55px}.section-heading>p{max-width:460px;font-size:14px}.service{border-top:1px solid var(--line);padding:45px 0;display:grid;grid-template-columns:55px 1fr 290px;gap:35px}.number{font-size:15px;color:#63656d}.service .eyebrow{font-size:8px}.service p{max-width:540px;font-size:14px}.service ul{list-style:none;padding:0;margin:25px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:17px;font-size:11px;color:#c0c0c8}.service li:before{content:'+';color:var(--accent);margin-right:8px}.text-link{font-size:12px;border-bottom:1px solid #666;padding-bottom:9px;display:inline-block}.service-note{background:#19191d;border:1px solid #333238;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.service-note span{font-size:7px;letter-spacing:1.2px;color:#99969d}.service-note b{font-size:42px;letter-spacing:-2px;line-height:1.06;font-weight:400;margin:30px 0}.lilac{background:#17171c;border-color:#303038}.lilac em{color:#c7c1f4}.process{padding:90px 0;background:#eeebe7;color:#242127}.process .eyebrow{color:#62566b}.process em{color:#796588}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.steps article{border-top:1px solid #bbb4be;padding-top:24px}.steps span{font-size:8px;letter-spacing:1px;color:#665b6c}.steps h3{font-size:24px;margin-top:25px}.steps p{font-size:14px;color:#655d69}.about{padding:120px 0;display:grid;grid-template-columns:1fr 1.15fr;gap:100px;align-items:center}.signature{height:440px;background:radial-gradient(ellipse at bottom left,#343038,#15171b 60%);border:1px solid #323638;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:150px;letter-spacing:-12px;font-weight:bold}.signature span{font-size:10px;font-weight:400;text-align:center;letter-spacing:2px;line-height:2;margin-top:30px;color:#d4c9df}.about h2{font-size:58px}.about .intro{font-size:21px;color:#e1e1de;line-height:1.4}.about p{font-size:14px}.contact{background:#c4b5df;color:#151a10;padding:90px 0}.contact .eyebrow{color:#554966}.contact h2{font-size:clamp(65px,8vw,112px);position:relative;margin-bottom:45px;letter-spacing:-5px}.contact h2 em{color:#645473}.contact h2>span{position:absolute;right:0;top:0;font-size:150px}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:140px;border-top:1px solid #aa98bf;padding-top:30px}.contact p{color:#493d56;max-width:400px}.contact label{display:block;font-size:11px;margin-bottom:10px}.contact select{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #9986ae;padding:12px 0;font-size:14px;color:#241c31;margin-bottom:24px}.dark{background:#242029;border-color:#242029;color:#fff}.dark:hover{background:#40364d}.contact small{display:block;font-size:11px;margin-top:16px;line-height:1.6}footer{min-height:145px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:not(.brand),footer>span{font-size:10px}footer .brand{font-size:32px}footer .brand small{font-size:7px}footer>span{color:#777}.video-section{padding:40px 0 80px}.video-section video{width:100%;max-height:650px;background:#151515}[hidden]{display:none!important}@media(max-width:1000px){.hero-layout{min-height:600px}.sculpture{height:450px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logos{grid-template-columns:repeat(4,1fr);gap:35px}.service{grid-template-columns:30px 1fr 230px;gap:20px}.service ul{grid-template-columns:1fr}.about{gap:45px}.contact-bottom{gap:60px}.about h2{font-size:48px}}@media(max-width:650px){header{height:90px}nav{display:none}.nav-cta{font-size:10px;padding:12px}.hero-meta{font-size:6px;gap:20px;line-height:1.8}.hero-layout{display:block;padding-top:35px}.hero-layout>div:first-child{position:relative;z-index:2}h1{font-size:76px;letter-spacing:-4.5px}.hero-description{font-size:14px;max-width:320px}.sculpture{height:310px;margin-top:0}.orb-caption{font-size:6px;left:0}.hero-foot{font-size:7px;gap:20px;line-height:1.7}.hero-foot span:nth-child(2){display:none}.work-section{padding:65px 0}.work-head{display:block}.work-head p{font-size:13px}.work-grid{grid-template-columns:1fr;gap:25px}.embed-container{height:570px}.filters button{padding:11px;font-size:10px}.filters span{margin-left:5px}.section-top{display:block}.logos{gap:25px;grid-template-columns:repeat(2,1fr)}.logos img{height:60px}.services{padding:65px 0}.service{grid-template-columns:22px 1fr;gap:10px}.service-note{grid-column:2;min-height:260px}.service h3{font-size:27px}.service .eyebrow{font-size:7px}.steps{grid-template-columns:1fr;gap:25px}.process{padding:65px 0}.about{grid-template-columns:1fr;padding:65px 0;gap:35px}.signature{height:290px;font-size:110px}.signature span{font-size:8px;margin-top:20px}.about h2{font-size:47px}.contact{padding:65px 0}.contact h2{font-size:66px;letter-spacing:-4px}.contact h2>span{font-size:65px}.contact-bottom{grid-template-columns:1fr;gap:25px}footer{flex-wrap:wrap;padding:35px 0}footer p{max-width:170px}h2{letter-spacing:-2px}.eyebrow{font-size:8px}.text-link{line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Refined social media direction and horizontal portfolio. */
h1{font-size:clamp(55px,6.5vw,91px);line-height:1.02;letter-spacing:-4.5px;max-width:750px}h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:.9em}.hero-layout{gap:65px;grid-template-columns:1.2fr .8fr;min-height:680px}.hero-description{max-width:505px}.creative-panel{background:#ded8e4;color:#28232e;min-height:435px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-2deg);margin:35px 0}.panel-top,.panel-bottom{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.5px}.panel-top{border-bottom:1px solid #b5a9c0;padding-bottom:18px}.panel-composition{padding:30px 0 20px}.panel-word{display:block;font-size:clamp(35px,4.5vw,62px);font-weight:600;letter-spacing:-3px;line-height:1.05}.panel-word.outline{color:transparent;-webkit-text-stroke:1px #6f637b}.panel-word.italic{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-2px}.panel-rule{width:42px;height:1px;background:#81738f;margin-top:23px}.panel-composition p{color:#716678;font-size:11px;line-height:1.7;margin-bottom:0}.panel-bottom a{font-size:29px}.work-head h2{font-size:clamp(38px,4.6vw,63px)}.work-head h2 em{font-family:Georgia,serif;font-style:italic}.work-head{gap:40px}.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:18px 0}.carousel-toolbar p{font-size:10px;margin:0;color:#99939f}.carousel-navigation{display:flex;align-items:center;gap:9px}.carousel-navigation>span{font-size:10px;color:#aaa2b2;margin-right:12px;min-width:75px;text-align:right}.carousel-navigation button{width:42px;height:42px;border:1px solid #514957;background:transparent;color:var(--text);font-size:20px;cursor:pointer}.carousel-navigation button:hover:not(:disabled){background:var(--accent);color:#211b2a}.carousel-navigation button:disabled{opacity:.25;cursor:default}.work-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#7e6d8b #17151a;padding-bottom:20px}.work-item{flex:0 0 calc(50% - 12px);scroll-snap-align:start;max-width:540px}.embed-container{height:630px}.work-grid:focus-visible{outline:1px solid var(--accent);outline-offset:5px}.contact{background:#ded5e6}.contact h2 em{color:#796389}.service-note em{color:#c4b5df}.lilac em{color:#c4b5df}.signature{background:linear-gradient(140deg,#29252e,#16151b)}.hero-foot span{color:#b3a9bf}.hero-foot a{color:var(--accent)}
@media(min-width:1250px){.work-item{flex-basis:calc(45% - 12px)}}
@media(max-width:1000px){.hero-layout{gap:30px}.creative-panel{padding:22px}.panel-word{font-size:45px}.work-head{align-items:start}.work-head p{max-width:240px}.embed-container{height:570px}}
@media(max-width:650px){h1{font-size:54px;letter-spacing:-2.7px;max-width:100%;line-height:1.04}.hero-layout{display:block;min-height:0}.hero-description{max-width:100%;font-size:14px}.creative-panel{min-height:315px;max-width:370px;margin:40px auto;transform:none;padding:24px}.panel-composition{padding:22px 0}.panel-word{font-size:44px;letter-spacing:-2px}.panel-composition p{font-size:11px}.panel-top{font-size:6px}.panel-bottom{font-size:6px}.work-head h2{font-size:40px}.work-head p{max-width:none}.work-grid{display:flex;gap:16px}.work-item{flex:0 0 100%;max-width:none}.embed-container{height:550px}.carousel-toolbar p{font-size:9px;max-width:110px;line-height:1.5}.carousel-navigation>span{margin-right:4px;font-size:9px;min-width:55px}.carousel-navigation button{width:38px;height:38px}.contact h2{font-size:58px}.hero-meta{font-size:6px}.work-section{padding-top:60px}}
/* Jana Digital official identity. */
:root{--bg:#111111;--text:#FAF7F3;--muted:#B8B0AA;--line:rgba(250,247,243,.13);--accent:#FF6B2B;--magenta:#E83E8C}body{font-family:'Plus Jakarta Sans',Arial,sans-serif;background:var(--bg)}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;letter-spacing:-.025em}em,h1 em,.work-head h2 em{font-family:'Playfair Display',Georgia,serif;color:var(--text);font-style:normal}header{height:104px}.brand{font-family:'Playfair Display',Georgia,serif;letter-spacing:-2px;font-weight:900}.brand small{font-family:'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:4px}.brand>span{color:var(--accent)}.hero{width:100%;max-width:none;min-height:740px;display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(17,17,17,.82),rgba(17,17,17,.38)),linear-gradient(0deg,#111 0%,transparent 22%,rgba(17,17,17,.2) 80%,#111 100%)}.hero-content{padding:90px 0 85px;text-align:center;position:relative}.hero-content .eyebrow{color:#FF9666;font-size:10px;letter-spacing:.22em}.hero h1{max-width:1050px;margin:27px auto;font-size:clamp(42px,5.5vw,76px);line-height:1.12;font-weight:700;letter-spacing:-.03em;text-wrap:balance}.hero h1 em{color:var(--text);font-size:1em;font-weight:700}.hero-description{max-width:630px!important;margin:27px auto 34px;color:#e3dcd5;font-size:16px;line-height:1.8}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px}.hero-secondary{font-size:12px;border-bottom:1px solid #a9a09a;padding:12px 0}.button{background:var(--accent);border-color:var(--accent);color:#111;font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:12px;border-radius:4px}.button:hover{background:#ff8b58;border-color:#ff8b58}.hero-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}#video-toggle{color:var(--text);background:rgba(17,17,17,.65);border:1px solid #69615d;border-radius:3px;padding:11px 14px;font-size:10px;cursor:pointer}.work-head h2{font-size:clamp(34px,4.3vw,56px);line-height:1.15}.work-head h2 em{color:var(--text)}.filters button.active{background:var(--text);color:#111}.carousel-navigation button:hover:not(:disabled){background:var(--accent);color:#111}.work-grid{scrollbar-color:#FF6B2B #1B1717}.clients{background:#171313}.section-top p{color:var(--muted)}.services h2{font-size:clamp(35px,4.7vw,62px);line-height:1.16}.service h3{font-size:28px}.service-note,.lilac{background:#1B1717;border-color:var(--line)}.service-note b{font-family:'Playfair Display',Georgia,serif;letter-spacing:-1px;font-size:38px;line-height:1.2}.service-note em,.lilac em{color:#FF8D59}.service-note span{color:var(--muted)}.process{background:#171313;color:var(--text);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process .eyebrow{color:var(--accent)}.process em{color:var(--text)}.steps p{color:var(--muted)}.steps span{color:#FF9264}.steps article{border-color:var(--line)}.steps h3{line-height:1.3}.about{gap:75px;grid-template-columns:.9fr 1fr;align-items:center}.portrait{margin:0;max-width:500px;width:100%;justify-self:center}.portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;border-radius:4px}.portrait figcaption{font-size:10px;color:var(--muted);margin-top:14px;text-align:center;letter-spacing:.04em}.about h2{font-size:clamp(37px,4.3vw,58px);line-height:1.16}.about .intro{color:var(--text)}.contact{background:#111;color:var(--text);border-top:1px solid var(--line);position:relative}.contact:before{content:'';position:absolute;top:0;left:6%;width:100px;height:3px;background:linear-gradient(135deg,#FF6B2B,#E83E8C)}.contact .eyebrow{color:var(--accent)}.contact h2 em{color:var(--text)}.contact h2{font-size:clamp(48px,6vw,84px);letter-spacing:-.025em}.contact h2>span{color:var(--magenta);font-family:Arial,sans-serif;font-size:100px}.contact-bottom{border-color:var(--line)}.contact p{color:var(--muted)}.contact select{border-color:#605753;color:var(--text);font-family:'Plus Jakarta Sans',Arial,sans-serif}.contact select option{background:#171313;color:var(--text)}.contact small{color:var(--muted)}.dark{background:var(--accent);border-color:var(--accent);color:#111}.dark:hover{background:#ff8b58}footer{border-top:1px solid var(--line)}.video-section,.creative-panel{display:none}
@media(max-width:650px){header{height:88px}.hero{min-height:670px}.hero-content{padding:65px 0 55px}.hero h1{font-size:41px;line-height:1.16;letter-spacing:-.03em}.hero-content .eyebrow{font-size:8px;line-height:2;letter-spacing:.14em}.hero-description{font-size:14px}.hero-actions{flex-direction:column;gap:15px}.hero-bottom-bar{font-size:6px;gap:15px}.hero-shade{background:linear-gradient(0deg,#111,rgba(17,17,17,.6) 22%,rgba(17,17,17,.65) 80%,#111)}.about{grid-template-columns:1fr;gap:35px}.portrait{max-width:420px}.about h2{font-size:39px}.services h2{font-size:37px}.service h3{font-size:25px}.contact h2{font-size:51px}.contact h2>span{font-size:60px}.contact-bottom{gap:30px}.button{font-size:11px;padding:18px 21px}}