@import url("https://db.onlinewebfonts.com/c/08e020de1811ec4489f82d1247a42c09?family=Helvetica+Now+Text");
:root{--cocoa:#2c221c;--cocoa-2:#1c1511;--cream:#eee5d7;--sand:#d7c2a8;--forest:#0b5d3f;--mint:#1f9a68;--gold:#e8b94c;--white:#fffaf3}
*{box-sizing:border-box;font-family:"Helvetica Now Text","Vazirmatn",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
html{scroll-behavior:smooth}body{background:var(--cocoa-2);color:var(--white)}main{overflow:hidden}a,button{transition:color .25s,background .25s,transform .25s,opacity .25s}
.hero{height:100svh;min-height:650px;background:#15100d}.hero>video{object-position:center;filter:saturate(.82) contrast(1.03)}.shade{background:linear-gradient(180deg,#00000042,#0000000d 47%,#130d0966),#0000001a}
.hero nav{height:84px;padding:16px clamp(20px,4vw,64px);border:0;direction:rtl}.brand{display:inline-flex;align-items:center;padding:0;border-radius:0;background:transparent;box-shadow:none}.brand img{width:142px;filter:none!important}
.desktop{gap:6px;color:#ffffffe6}.desktop>.nav-drop,.desktop>a{position:relative;padding:10px 13px;border-radius:999px;font-size:13px;font-weight:500}.desktop>a:hover,.nav-trigger:hover{background:#ffffff0d}.nav-trigger{display:flex;align-items:center;gap:6px;cursor:pointer}.chevron{width:14px;height:14px;transition:transform .3s}.nav-drop:hover .chevron{transform:rotate(180deg)}.drop-panel{position:absolute!important;top:calc(100% + 8px);right:0;min-width:190px;padding:8px;border-radius:16px;opacity:0;visibility:hidden;transform:translateY(-4px) scale(.96);transition:.2s}.nav-drop:hover .drop-panel{opacity:1;visibility:visible;transform:none}.drop-panel a{display:block;padding:10px 12px;border-radius:10px;color:#fffc;white-space:nowrap}.drop-panel a:hover{color:#fff;background:#ffffff12}
.liquid-glass{background:#ffffff06;background-blend-mode:luminosity;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:0;box-shadow:inset 0 1px 1px #ffffff29,0 18px 50px #0002;position:relative;overflow:hidden}.liquid-glass:before,.glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;background:linear-gradient(180deg,#ffffff80 0%,#ffffff24 22%,#fff0 43%,#fff0 62%,#ffffff1f 82%,#ffffff59 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.hero nav>.button{border-radius:999px;color:#fff;background:#ffffff08;backdrop-filter:blur(9px);box-shadow:inset 0 1px 1px #ffffff2e;padding:11px 20px}
.hamb{position:relative;z-index:50;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:#ffffff10;backdrop-filter:blur(8px)}.hamb:active{transform:scale(.9)}
.mobile{top:76px!important;right:18px!important;left:18px!important;bottom:auto!important;height:auto!important;max-height:0;padding:0 24px!important;border-radius:22px;background:#2c221cf5!important;backdrop-filter:blur(24px);transform:translateY(-14px);transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)!important}.mobile.open{max-height:calc(100svh - 96px);padding:26px 24px!important;transform:none}.mobile-sub{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 7px}.mobile-sub span{color:#ffffff85;font-size:12px}
.hero-content{height:calc(100svh - 84px);min-height:566px;justify-content:flex-start;align-items:center;padding:clamp(58px,9vh,100px) 20px 44px;text-align:center}.hero-content>div:first-child{max-width:950px}.hero .eyebrow{color:#ffffffe6;margin-bottom:18px}.hero h1{max-width:940px;font-size:clamp(46px,6.2vw,90px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.hero h1 .soft-line{color:#ffffff9e}.hero-bottom{align-items:center;gap:24px;margin-top:24px}.hero-bottom p{max-width:560px;color:#fffc;font-size:clamp(14px,1.4vw,18px);line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hero-actions .button{border-radius:999px;padding:12px 22px}.hero-actions .secondary{color:#fff;background:#ffffff08}
.section{position:relative;padding:clamp(92px,11vw,150px) clamp(22px,6vw,88px);isolation:isolate}.section:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;filter:blur(120px);opacity:.2;pointer-events:none}.index{width:max-content;margin:0 auto 56px;padding:9px 15px;border:1px solid #2c221c20;border-radius:999px;gap:9px;color:#2c221ca6;background:#ffffff42;backdrop-filter:blur(8px)}.index span{font:11px "Helvetica Now Text"}.index p{font-size:12px}.index.light{color:#fffbd9;border-color:#ffffff20;background:#ffffff08}
.paper{background:linear-gradient(145deg,#f1eadf,#d9c7b1);color:var(--cocoa)}.paper:after{top:5%;left:-8%;background:#fff}.dark{background:radial-gradient(circle at 15% 15%,#48665055,transparent 32%),linear-gradient(145deg,#2c221c,#17110e);color:#fff}.dark:after{right:-10%;bottom:8%;background:#3dc68b}.darkest{background:radial-gradient(circle at 86% 8%,#8e684755,transparent 31%),linear-gradient(145deg,#241a15,#0f0b09);color:#fff}.darkest:after{left:-8%;bottom:5%;background:#b8946f}
.wide{max-width:1120px;margin:0 auto;text-align:center}.kicker{color:var(--forest);font-weight:600;letter-spacing:.06em;text-transform:none;margin-bottom:17px}.gold{color:#f0c968}.wide h2,.studio-grid h2,.publishing h2,.darkest>h2,footer h2{font-size:clamp(42px,6vw,82px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.two-copy{padding:0;grid-template-columns:1fr 1fr;gap:18px;margin:56px auto 0;max-width:940px;text-align:right}.two-copy p{position:relative;margin:0;padding:28px;border:1px solid #ffffff8f;border-radius:22px;background:#ffffff59;box-shadow:inset 0 1px 0 #fff9,0 18px 55px #3b2b1d12;color:#3e332b;font-size:15px;line-height:2.05;backdrop-filter:blur(12px)}
.pillars{max-width:940px;margin:18px auto 0;border:0;grid-template-columns:repeat(3,1fr);gap:18px}.pillars div{position:relative;justify-content:center;align-items:center;border:1px solid #ffffff8f!important;border-radius:18px;padding:22px;background:#ffffff50;box-shadow:inset 0 1px 0 #fff9;color:var(--cocoa)}.pillars b{color:var(--forest)}
.studio-grid{max-width:1180px;margin:auto;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}.studio-grid>div:first-child{text-align:center}.studio-grid .about{max-width:560px;margin:30px auto 0;color:#ffffffa6;line-height:2}.line{border:1px solid #ffffff24;border-radius:999px;margin-top:28px;padding:11px 17px;background:#ffffff08;backdrop-filter:blur(8px)}.line:hover{background:#ffffff12;transform:translateY(-2px)}
.service{min-height:570px;border:1px solid #ffffff29;border-radius:28px;padding:28px;background:linear-gradient(145deg,#ffffff12,#ffffff04);box-shadow:inset 0 1px 1px #ffffff2e,0 30px 90px #0004;backdrop-filter:blur(12px)}.service:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;background:linear-gradient(145deg,#ffffff70,#fff0 40%,#ffffff30);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tabs{width:max-content;margin:0 auto;border:0;padding:5px;border-radius:999px;background:#0003}.tabs button{padding:9px 17px;border:0!important;border-radius:999px;color:#ffffff8a}.tabs .on{color:#fff;background:#ffffff12;box-shadow:inset 0 1px 1px #ffffff24}.big-no{top:85px;left:28px;font-size:116px;color:#ffffff0a}.service-icon{width:115px;height:115px;margin:95px auto 0;color:#f0c968}.service>div:last-child{left:36px;right:36px;bottom:38px;text-align:center}.service h3{font-size:clamp(25px,3vw,36px);letter-spacing:-.02em}.service p{max-width:570px;margin:auto;color:#ffffff8f}
.publishing{max-width:1180px;margin:auto;grid-template-columns:1fr 1fr;gap:6vw}.cover-stage{position:relative;min-height:610px;border:1px solid #ffffff9c;border-radius:30px;background:linear-gradient(145deg,#ffffff62,#ffffff24);box-shadow:inset 0 1px 1px #fff,0 30px 80px #60472d20;backdrop-filter:blur(12px);overflow:hidden}.cover-stage:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:#0b5d3f2f;filter:blur(70px)}.fake-cover,.cover-image{z-index:1;width:300px;height:450px;border-radius:5px;box-shadow:-25px 30px 60px #2c221c42;transform:rotateY(-14deg) rotate(-2deg)}.fake-cover{background:linear-gradient(145deg,#166542,#0b2b1d)}.publishing>div:last-child{padding:30px 0}.publishing h2{font-size:clamp(42px,5.2vw,72px)}.meta{border:1px solid #ffffff96;border-radius:20px;grid-template-columns:100px 1fr;gap:12px;margin:34px 0;padding:22px;background:#ffffff4d;box-shadow:inset 0 1px 0 #fff8}.body-copy{color:#493c33;line-height:2}.black{border-radius:999px;background:var(--cocoa);padding:12px 20px}.black:hover{background:#17110e;transform:translateY(-2px)}
.darkest>.kicker,.darkest>h2{text-align:center}.projects{max-width:1180px;margin:58px auto 0;grid-template-columns:repeat(3,1fr);gap:18px}.projects article{border:1px solid #ffffff24;border-radius:24px;background:#ffffff08;box-shadow:inset 0 1px 1px #ffffff1f,0 24px 70px #0003;backdrop-filter:blur(9px);overflow:hidden;transition:transform .35s,background .35s}.projects article:hover{transform:translateY(-7px);background:#ffffff0e}.project-image{height:310px;background-color:#211711;border-radius:18px;margin:8px;background-size:cover;background-position:center}.project-image svg{padding:8px;border-radius:50%;background:#ffffff14;backdrop-filter:blur(8px)}.project-text{padding:22px 25px 28px}.project-text small{display:inline-block;color:#f0c968;padding:5px 10px;border-radius:999px;background:#e8b94c12}.project-text h3{font-size:25px}.project-text p{color:#ffffff7d}
footer{position:relative;background:radial-gradient(circle at 50% 0,#5d463166,transparent 40%),#100c0a;padding:clamp(100px,12vw,160px) clamp(22px,6vw,88px) 34px;overflow:hidden}footer .kicker{width:max-content;margin:0 auto 20px;padding:8px 14px;border-radius:999px;background:#ffffff08;border:1px solid #ffffff17}.footer-link{border:1px solid #f0c96855;border-radius:999px;margin-top:38px;padding:12px 20px;color:#f0c968;background:#e8b94c0c}.footer-link:hover{background:#e8b94c18;transform:translateY(-2px)}.foot{max-width:1180px;margin:120px auto 0;padding:26px;border:1px solid #ffffff1c;border-radius:22px;grid-template-columns:1fr 1fr 1fr 1.5fr;background:#ffffff06;box-shadow:inset 0 1px 1px #ffffff1f;backdrop-filter:blur(10px)}.foot img{width:145px;filter:brightness(0) invert(1)!important}
@keyframes dropdown-in{from{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:none}}.animate-dropdown{animation:dropdown-in .2s ease-out}.duration-400{transition-duration:.4s}
@media(max-width:800px){.hero nav{height:76px;padding:14px 20px}.brand{padding:0}.brand img{width:122px}.hamb{display:flex}.hero-content{height:calc(100svh - 76px);padding-top:clamp(62px,11vh,100px)}.hero h1{font-size:clamp(39px,11vw,57px)}.hero-bottom{margin-top:22px}.mobile>a{font-size:24px}.section{padding:82px 20px}.index{margin-bottom:42px}.two-copy,.studio-grid,.publishing{grid-template-columns:1fr}.two-copy{gap:12px;margin-top:35px}.pillars{grid-template-columns:1fr;gap:10px}.service{min-height:520px}.publishing{gap:35px}.cover-stage{order:2;min-height:500px}.projects{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr;margin-top:80px}.foot small{text-align:right}}
@media(max-width:440px){.hero h1{font-size:38px}.hero-bottom p{font-size:13px}.hero-actions .button{width:100%}.wide h2,.studio-grid h2,.publishing h2,.darkest>h2,footer h2{font-size:38px}.two-copy p{padding:22px}.service{padding:20px}.tabs button{padding:8px 11px}.service-icon{width:80px;height:80px}.service>div:last-child{left:22px;right:22px}.cover-stage{min-height:430px}.fake-cover,.cover-image{width:225px;height:340px}.foot{grid-template-columns:1fr}}
@media(max-height:720px){.hero-content{padding-top:36px}.hero h1{font-size:clamp(38px,8vh,60px)}.hero-bottom{margin-top:15px;gap:14px}}
.cms-extra{text-align:center}.cms-extra>h2{font-size:clamp(42px,6vw,82px);line-height:1.08;letter-spacing:-.035em}.cms-team{color:#2c221c;background:linear-gradient(145deg,#eee5d7,#cfb89d)}.team-grid{max-width:1180px;margin:55px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:17px;text-align:right}.team-grid article{padding:10px 10px 24px;border:1px solid #ffffffaa;border-radius:24px;background:#ffffff55;box-shadow:inset 0 1px 1px #fff,0 24px 70px #4a342018}.team-photo{height:300px;border-radius:17px;overflow:hidden;background:#2c221c;display:grid;place-items:center}.team-photo img{width:100%;height:100%;object-fit:cover}.team-photo span{color:#fff;font-size:70px}.team-grid h3{margin:18px 12px 2px;font-size:24px}.team-grid small{margin:0 12px;color:#0b5d3f}.team-grid p{margin:12px;color:#63564c;line-height:1.8;font-size:13px}.cms-gallery{color:#fff;background:radial-gradient(circle at 12% 8%,#6b513a66,transparent 30%),#17110e}.gallery-grid{max-width:1180px;margin:55px auto 0;display:grid;grid-template-columns:repeat(12,1fr);gap:13px;text-align:right}.gallery-grid figure{grid-column:span 4;position:relative;height:340px;border-radius:23px;overflow:hidden;background:#2c221c}.gallery-grid figure:nth-child(5n+1),.gallery-grid figure:nth-child(5n+4){grid-column:span 8}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.gallery-grid figure:hover img{transform:scale(1.04)}.gallery-grid figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:14px;border-radius:14px;background:#19110db8;backdrop-filter:blur(10px);display:flex;justify-content:space-between}.gallery-grid figcaption span{color:#ffffff8c;font-size:11px}.contact-form{width:min(720px,100%);margin:35px auto 0;padding:18px;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;gap:11px;text-align:right}.contact-form input,.contact-form textarea{width:100%;padding:13px 15px;border:1px solid #ffffff1c;border-radius:13px;color:#fff;background:#ffffff0a;outline:0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff70}.contact-form textarea{grid-column:span 2;min-height:100px;resize:vertical}.contact-form button{justify-self:start;padding:12px 20px;border:0;border-radius:999px;color:#2c221c;background:#fff;font-weight:600;cursor:pointer}.form-status{align-self:center;color:#f0c968;font-size:12px}
@media(max-width:800px){.team-grid{grid-template-columns:1fr}.gallery-grid figure,.gallery-grid figure:nth-child(n){grid-column:span 12}.contact-form{grid-template-columns:1fr}.contact-form textarea{grid-column:auto}}
.collaboration-section{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);align-items:center;padding:clamp(90px,11vw,150px) clamp(22px,7vw,100px);color:#fff;background:radial-gradient(circle at 15% 20%,#2b8b5b35,transparent 32%),linear-gradient(145deg,#211813,#0b0907);overflow:hidden;scroll-margin-top:80px}.collaboration-glow{position:absolute;z-index:-1;left:48%;top:50%;width:430px;height:430px;border-radius:50%;background:#dcae4c24;filter:blur(110px);transform:translate(-50%,-50%)}.collaboration-copy{max-width:650px}.collaboration-copy h2{margin:10px 0 23px;font-size:clamp(42px,5.7vw,78px);line-height:1.08;letter-spacing:-.035em}.collaboration-copy h2 span{color:#ffffff75}.collaboration-copy>p:last-child{max-width:590px;color:#ffffff8e;line-height:2}.quick-lead{padding:clamp(24px,3vw,38px);border-radius:28px;background:#ffffff08;overflow:hidden}.quick-lead label{display:block;margin-bottom:12px;color:#ffffffb8;font-size:13px}.phone-row{display:grid;grid-template-columns:1fr auto;gap:10px}.quick-lead input{min-width:0;padding:17px 18px;border:1px solid #ffffff24;border-radius:16px;color:#fff;background:#ffffff0a;outline:0;font-size:18px;letter-spacing:.08em}.quick-lead input:focus{border-color:#f0c96888;box-shadow:0 0 0 4px #f0c96812}.quick-lead input::placeholder{color:#ffffff50}.quick-lead button{padding:0 22px;border:0;border-radius:16px;color:#241a15;background:#f0c968;font-weight:700;cursor:pointer;white-space:nowrap}.quick-lead button:hover{transform:translateY(-2px);background:#ffd977}.quick-lead button:disabled{opacity:.55;cursor:wait}.quick-lead small{display:block;margin-top:13px;color:#ffffff5c;line-height:1.7}.quick-status{min-height:22px;margin:16px 0 0;font-size:13px}.quick-status.ok{color:#73e2aa}.quick-status.error{color:#ff9b8e}.hero,.section,footer,.collaboration-section{scroll-margin-top:78px}
@media(max-width:800px){.collaboration-section{grid-template-columns:1fr;text-align:center}.collaboration-copy{margin:auto}.quick-lead{text-align:right}.phone-row{grid-template-columns:1fr}.quick-lead button{min-height:54px}.collaboration-copy h2{font-size:42px}}