:root{--orange:#f4511e;--cream:#fffaf3;--ink:#15120f;--line:#ded9d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}.nav{height:90px;max-width:1280px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:11px;font-weight:800;letter-spacing:1px;line-height:10px;text-decoration:none;color:var(--ink);position:relative;padding-left:24px}.brand span{position:absolute;left:0;top:-5px;font-family:Playfair Display;font-size:29px;color:var(--orange);font-style:italic}.nav nav{display:flex;align-items:center;gap:29px}.nav nav>a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}.nav-cta{margin-left:10px;background:var(--orange);color:white!important;padding:13px 17px}.nav-cta b{font-size:16px;margin-left:12px}.menu-button{display:none}.hero{max-width:1280px;min-height:650px;margin:auto;padding:72px 38px 60px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 25px}.eyebrow span{display:inline-block;height:7px;width:7px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1,.section h2,.contact h2{font-size:clamp(53px,6.5vw,91px);font-weight:700;line-height:.96;letter-spacing:-5px;margin:0;font-family:Manrope}.hero h1 em,.section h2 em,.contact h2 em{font-family:Playfair Display;font-weight:700;letter-spacing:-5px}.intro{max-width:385px;line-height:1.65;font-size:15px;margin:34px 0}.hero-actions{display:flex;align-items:center;gap:27px}.button{font-size:13px;font-weight:800;text-decoration:none;padding:16px 20px;display:inline-flex;gap:22px}.button-dark{background:var(--ink);color:#fff}.button b{font-size:17px}.text-link{color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}.text-link b{font-size:17px;margin-left:9px}.hero-art{position:relative;overflow:hidden;background:var(--orange);min-height:460px}.sun{width:220px;height:220px;border-radius:50%;background:#ffcc71;position:absolute;right:38px;top:31px}.arch{position:absolute;border:35px solid var(--ink);border-bottom:0;width:285px;height:355px;border-radius:145px 145px 0 0;bottom:-55px}.arch-one{left:90px}.arch-two{left:218px;border-color:#ffe1a4;width:196px;height:261px}.frame-lines{position:absolute;inset:20px;border:1px solid rgba(255,255,255,.4)}.hero-art p{position:absolute;z-index:2;bottom:30px;left:28px;font-size:40px;font-weight:800;letter-spacing:-2px;line-height:.88;color:#fff;margin:0}.hero-art p i{font:italic 41px Playfair Display;letter-spacing:-3px}.art-caption{position:absolute;right:26px;bottom:25px;color:#fff;font:9px 'DM Mono';writing-mode:vertical-rl}.ticker{overflow:hidden;background:var(--ink);padding:18px 0;color:#fff;font:500 14px 'DM Mono';white-space:nowrap}.ticker div{display:inline-block;animation:scroll 24s linear infinite}.ticker b{color:var(--orange);padding:0 15px}@keyframes scroll{to{transform:translateX(-50%)}}.section{max-width:1280px;margin:auto;padding:130px 38px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.section h2{font-size:clamp(48px,5.5vw,76px)}.projects{display:grid;grid-template-columns:1.12fr .88fr;gap:45px 25px}.project-image{height:380px;position:relative;overflow:hidden}.project.large .project-image{height:500px}.project-meta{padding-top:15px;display:flex;justify-content:space-between;align-items:start}.project-meta h3{font-size:16px;margin:0 0 4px}.project-meta p{font:11px 'DM Mono';color:#6f6b65;margin:0}.project-meta a{font-size:23px;color:var(--ink);text-decoration:none}.project-orange{grid-row:span 2}.abstract-a{background:var(--orange)}.abstract-a:before{content:'';width:340px;height:340px;border-radius:50%;border:42px solid #ffc75d;position:absolute;top:76px;left:50%;transform:translateX(-50%)}.abstract-a:after{content:'';position:absolute;width:200px;height:310px;background:var(--ink);left:50%;bottom:-60px;transform:translateX(-50%);border-radius:100px 100px 0 0}.video-mark{position:absolute;z-index:2;background:#fff;color:var(--orange);padding:18px 21px;left:40px;top:38px;border-radius:50%;font-size:14px}.orbit{height:110px;width:190px;border:2px solid white;border-radius:50%;position:absolute;z-index:3;left:50%;top:186px;transform:translateX(-50%) rotate(-24deg)}.abstract-b{background:#f3c78e}.abstract-b:after{content:'';width:210px;height:360px;background:#92664e;position:absolute;right:55px;bottom:-70px;border-radius:110px 110px 0 0}.lens{position:absolute;border:18px solid #fbefdb;height:210px;width:210px;border-radius:50%;left:58px;top:83px;z-index:2}.abstract-b p{z-index:3;position:absolute;bottom:10px;left:24px;font:700 25px/.85 Manrope;color:#fff;letter-spacing:-1px}.project-dark{grid-column:2}.abstract-c{background:#292421}.abstract-c:before,.abstract-c:after{content:'';position:absolute;background:var(--orange);border-radius:50%}.abstract-c:before{width:280px;height:280px;right:-45px;top:45px}.abstract-c:after{width:140px;height:140px;left:62px;bottom:-27px}.abstract-c span{position:absolute;z-index:3;color:#fff;top:48px;left:50px;font:80px/.72 Playfair Display}.abstract-c i{font-size:33px}.statement{background:var(--orange);color:#fff;min-height:420px;padding:80px max(38px,calc((100vw - 1204px)/2));display:flex;justify-content:space-between;align-items:flex-end}.statement p{margin:0;font-size:clamp(42px,5.5vw,76px);font-weight:800;letter-spacing:-4px;line-height:.96}.statement em{font-family:Playfair Display;font-weight:700}.statement span{font:10px 'DM Mono';writing-mode:vertical-rl}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-graphic{height:480px;background:#ffd269;display:grid;place-items:center;position:relative;overflow:hidden}.about-graphic div{font:italic 170px Playfair Display;color:var(--orange);transform:rotate(-10deg)}.spark{position:absolute;color:white;font-size:110px;right:35px;top:20px}.about-copy>p:not(.eyebrow){max-width:410px;line-height:1.7;font-size:15px;margin:28px 0}.button-orange{background:var(--orange);color:#fff}.contact{background:var(--ink);color:#fff;padding:115px max(38px,calc((100vw - 1204px)/2)) 35px}.contact .eyebrow span{background:#fff}.contact h2{font-size:clamp(57px,7.8vw,106px);letter-spacing:-6px}.contact h2 em{color:var(--orange)}.contact-email{display:inline-block;color:#fff;border-bottom:2px solid var(--orange);padding:30px 0 8px;font-size:16px;font-weight:700;text-decoration:none}.contact-email b{font-size:24px;margin-left:20px;color:var(--orange)}.contact-bottom{margin-top:115px;padding-top:19px;border-top:1px solid #49443e;display:flex;justify-content:space-between;font:10px/1.7 'DM Mono';letter-spacing:.4px}footer{max-width:1280px;margin:auto;padding:31px 38px;display:flex;align-items:center;justify-content:space-between;font:10px 'DM Mono'}footer a:last-child{color:var(--ink);font-weight:700;text-decoration:none}@media(max-width:700px){.nav{height:74px;padding:0 20px}.nav nav{display:none}.menu-button{display:block;border:0;background:none;width:32px}.menu-button i{display:block;height:2px;background:var(--ink);margin:6px}.hero{grid-template-columns:1fr;padding:49px 20px 0;gap:42px;min-height:0}.hero h1{letter-spacing:-3px}.hero-art{min-height:380px;margin:0 -20px}.section{padding:80px 20px}.section-heading{align-items:start;margin-bottom:36px}.section-heading>.text-link{display:none}.projects{display:block}.project{margin-bottom:40px}.project.large .project-image,.project-image{height:350px}.statement{min-height:290px;padding:55px 20px}.statement p{letter-spacing:-2px}.about{grid-template-columns:1fr;gap:45px}.about-graphic{height:330px}.about-graphic div{font-size:125px}.contact{padding:78px 20px 26px}.contact h2{letter-spacing:-4px}.contact-bottom{margin-top:75px;gap:20px}footer{padding:25px 20px}footer p{display:none}.sun{right:-25px}.arch-one{left:42px}.arch-two{left:140px}}
 .brand{display:inline-flex;padding:0}.brand img{display:block;width:61px;height:61px;object-fit:cover}.brand span{display:none}
/* Mathil Studio signature: the supplied mark sits over a layered orange curve composition. */
.hero-logo{position:absolute;z-index:4;left:50%;top:50%;width:150px;height:150px;object-fit:cover;transform:translate(-50%,-50%);border:10px solid var(--cream);box-shadow:0 15px 0 rgba(21,18,15,.18)}.arch-three{left:0;bottom:40px;width:460px;height:210px;border-width:28px;border-color:#ff9b3d;transform:rotate(-12deg)}
@media(max-width:700px){.hero-logo{width:122px;height:122px;border-width:8px}.arch-three{width:390px;left:-35px;bottom:45px}}
/* Typography-first brand lockup, inspired by the supplied logo's editorial serif character. */
.brand.brand-type{display:block;padding:0;color:var(--orange);font:700 17px/.67 'Playfair Display',serif;letter-spacing:.35px;text-align:center;text-decoration:none}.brand.brand-type span{position:static;color:var(--orange);font:700 12px/.9 'Playfair Display',serif;letter-spacing:1.6px}.hero-logo{display:none}.work-word{position:absolute;z-index:4;bottom:35px;left:37px;color:#fff;font:800 37px/.82 Manrope;letter-spacing:-2px}.project-link{display:block;text-decoration:none;color:inherit}.project-link:hover{filter:saturate(1.1) brightness(1.03)}.connect{padding-top:20px}.connect-note{margin:0 0 5px;font:12px/1.6 'DM Mono';color:#6f6b65;text-align:right}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.link-card{min-height:168px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;transition:transform .2s ease,background .2s ease}.link-card:hover{transform:translateY(-5px);background:#fff2df}.link-card.featured{grid-column:span 2;background:var(--orange);color:#fff;border-color:var(--orange)}.link-card.discord{background:#ffd269}.link-card> b{align-self:flex-end;font-size:22px}.card-icon{font:700 19px 'DM Mono'}.link-card p{margin:0 0 4px;font:10px 'DM Mono';text-transform:uppercase;letter-spacing:1px}.link-card h3{margin:0;font-size:20px;letter-spacing:-1px}.link-card.featured h3{font:700 33px/.9 'Playfair Display',serif;letter-spacing:-1px}@media(max-width:700px){.brand.brand-type{font-size:14px}.brand.brand-type span{font-size:10px}.work-word{font-size:29px;left:24px;bottom:24px}.connect{padding-top:0}.connect-note{display:none}.link-grid{grid-template-columns:1fr 1fr;gap:10px}.link-card{min-height:145px;padding:16px}.link-card.featured{grid-column:span 2;min-height:160px}.link-card h3{font-size:17px}.link-card.featured h3{font-size:29px}}
.brand.brand-type span{display:block}
.link-card.discord{background:#5865f2;color:#fff;border-color:#5865f2}.link-card.youtube{background:#ff1f1f;color:#fff;border-color:#ff1f1f}.link-card.linkedin{background:#e7f3ff;color:#095f9f;border-color:#c4e2f8}.link-card.instagram{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 54%,#fcb045 100%);color:#fff;border-color:#d84462}.link-card.studio-instagram{grid-column:span 2;background:linear-gradient(105deg,#833ab4 0%,#d62976 48%,#feda75 115%);color:#fff;border:0}.instagram-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.studio-instagram h3{font:700 33px/.9 'Playfair Display',serif;letter-spacing:-1px}.link-card.discord:hover,.link-card.youtube:hover,.link-card.instagram:hover,.link-card.studio-instagram:hover{filter:brightness(1.06);background-color:inherit}@media(max-width:700px){.link-card.studio-instagram{grid-column:span 2;min-height:160px}.studio-instagram h3{font-size:29px}}
.hero-art.site-showcase{background:#f1eee8;padding:0;display:flex;flex-direction:column}.site-showcase .browser-bar{height:52px;flex:0 0 52px;background:#191614;color:#f5f0e9;display:flex;align-items:center;gap:13px;padding:0 17px;font:10px 'DM Mono';letter-spacing:.3px}.browser-dots{display:flex;gap:5px}.browser-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#f4511e}.browser-dots i:nth-child(2){background:#ffd269}.browser-dots i:nth-child(3){background:#faf7f0}.browser-bar span{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-bar a{margin-left:auto;color:#fff;font-size:19px;text-decoration:none}.site-showcase iframe{display:block;position:relative;z-index:1;width:100%;height:100%;min-height:408px;border:0;background:#fff}.showcase-fallback{position:absolute;z-index:2;left:22px;bottom:18px;padding:15px 17px;background:rgba(21,18,15,.9);color:#fff;pointer-events:none}.showcase-fallback p{margin:0 0 7px;font:9px 'DM Mono';letter-spacing:.9px}.showcase-fallback h3{margin:0;font:700 29px/.82 Manrope;letter-spacing:-1px}.showcase-fallback h3 em{font-family:'Playfair Display',serif}.showcase-fallback a{display:none}.site-showcase .sun,.site-showcase .arch,.site-showcase .frame-lines,.site-showcase>p,.site-showcase .art-caption{display:none}@media(max-width:700px){.site-showcase .browser-bar{height:46px;flex-basis:46px;padding:0 12px}.site-showcase iframe{min-height:334px}.showcase-fallback{left:14px;bottom:13px;padding:11px 13px}.showcase-fallback h3{font-size:23px}}
.project-preview{display:flex;flex-direction:column;background:#171412}.project-preview .preview-bar{height:37px;flex:0 0 37px;background:#171412;color:#f5f0e9;padding:0 11px;display:flex;align-items:center;justify-content:space-between;font:8px 'DM Mono';letter-spacing:.2px}.preview-bar span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.preview-bar i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#f4511e;margin-right:3px}.preview-bar i:nth-child(2){background:#ffd269}.preview-bar i:nth-child(3){background:#f6f1eb;margin-right:7px}.preview-bar a{color:#fff;text-decoration:none;font-size:16px}.project-preview iframe{width:100%;height:100%;border:0;background:#fff;display:block}@media(max-width:700px){.project-preview .preview-bar{height:34px;flex-basis:34px}}
.hero-art.mithila-plate{position:relative;display:block;overflow:hidden;padding:42px 42px 32px;background:#f4511e;color:#fff;border-radius:30px}.mithila-plate .plate-kicker{position:relative;margin:0 0 20px;color:#ffe6ba;font:10px 'DM Mono';letter-spacing:1.3px}.mithila-plate h2{position:relative;z-index:2;margin:0;font:700 58px/.84 Manrope;letter-spacing:-4px}.mithila-plate h2 em{font-family:'Playfair Display',serif}.mithila-plate .plate-copy{position:relative;z-index:2;max-width:410px;margin:27px 0 25px;font-size:13px;line-height:1.58}.plate-facts{position:relative;z-index:2;display:flex;gap:14px;font:9px 'DM Mono';letter-spacing:1px}.plate-facts span{border:1px solid rgba(255,255,255,.55);padding:7px 9px;border-radius:20px}.plate-art{position:absolute;inset:0;pointer-events:none}.plate-art i{position:absolute;display:block;border:24px solid #ffd269;border-radius:50%;opacity:.9}.plate-art i:nth-child(1){width:215px;height:215px;right:-60px;top:28px}.plate-art i:nth-child(2){width:330px;height:330px;right:-150px;bottom:-130px;border-color:#ff9b3d}.plate-art i:nth-child(3){width:250px;height:250px;left:-155px;bottom:-130px;border-color:#261f1a}.plate-art b{position:absolute;right:35px;bottom:30px;color:#ffe8bd;font-size:50px}.project-preview{border-radius:22px;overflow:hidden}.project-meta a{width:34px;height:34px;display:grid;place-items:center;background:var(--orange);color:#fff;border-radius:50%;font-size:18px}.project-photo .project-meta a{background:#ff3b30}.project-dark .project-meta a{background:#d79922}.about-graphic.heritage-card{border-radius:28px;background:#ffd269;box-shadow:inset 0 0 0 1px rgba(21,18,15,.12)}.heritage-card>p{position:absolute;z-index:2;left:30px;top:30px;margin:0;font:10px/1.25 'DM Mono';letter-spacing:1.1px}.heritage-card>div{font:italic 205px 'Playfair Display',serif!important;color:var(--orange)!important;transform:rotate(-8deg)!important}.heritage-card small{position:absolute;bottom:25px;right:25px;font:9px 'DM Mono';letter-spacing:.7px}.heritage-card .spark{font-size:80px}@media(max-width:700px){.hero-art.mithila-plate{min-height:380px;padding:30px 26px;border-radius:22px}.mithila-plate h2{font-size:45px;letter-spacing:-3px}.mithila-plate .plate-copy{max-width:285px;font-size:12px}.plate-art i:nth-child(1){width:175px;height:175px}.plate-art b{font-size:38px;right:22px;bottom:22px}.about-graphic.heritage-card{border-radius:22px}.heritage-card>div{font-size:155px!important}}
.mithila-plate .plate-kicker,.mithila-plate .plate-copy{left:auto;bottom:auto;letter-spacing:normal}.mithila-plate .plate-copy{line-height:1.58!important;font-size:13px!important;font-weight:400!important}.mithila-plate .plate-kicker{line-height:1.2!important;font-size:10px!important}
.about-graphic.github-preview{display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:28px;background:#171515;color:#fff;text-decoration:none;box-shadow:none}.github-preview .github-bar{position:relative;z-index:2;display:flex;width:100%;height:43px;align-items:center;justify-content:space-between;padding:0 13px;background:#171515;color:#f5f0e9;font:9px 'DM Mono';letter-spacing:.2px;transform:none}.github-bar i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#f4511e;margin-right:3px}.github-bar i:nth-child(2){background:#ffd269}.github-bar i:nth-child(3){background:#f6f1eb;margin-right:7px}.github-bar b{font-size:17px}.github-preview img{width:100%;height:calc(100% - 43px);object-fit:cover;object-position:center top;opacity:.93;transition:transform .3s ease}.github-preview:hover img{transform:scale(1.03)}.github-preview .github-caption{position:absolute;z-index:3;left:18px;bottom:17px;display:flex;align-items:center;gap:9px;padding:10px 12px;background:rgba(23,21,21,.91);transform:none;color:#fff}.github-caption span{font:700 25px 'DM Mono'}.github-caption p{margin:0;color:#fff;font:700 12px/1.2 'DM Mono';letter-spacing:.4px}.github-caption small{font-size:8px;color:#d4d4d4;letter-spacing:1px}@media(max-width:700px){.about-graphic.github-preview{border-radius:22px}.github-preview .github-bar{height:38px}.github-preview img{height:calc(100% - 38px)}}
.project-preview:not(.is-revealed) iframe{filter:blur(13px) brightness(.68);transform:scale(1.045);pointer-events:none;transition:filter .45s ease,transform .45s ease}.preview-toggle{position:absolute;z-index:3;left:50%;top:55%;transform:translate(-50%,-50%);border:0;border-radius:99px;padding:15px 19px;background:#fff;color:var(--ink);font:800 12px Manrope;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.24);cursor:pointer}.preview-toggle b{color:var(--orange);font-size:16px;margin-left:11px}.project-preview.is-revealed .preview-toggle{display:none}.project-preview.is-revealed iframe{filter:none;transform:none;pointer-events:auto}
.project-meta a.project-page-link{display:inline;background:none;color:var(--orange);width:auto;height:auto;font:inherit;text-decoration:underline}.about-profile-link{display:block;width:max-content;margin-top:17px;color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}.about-profile-link b{font-size:17px;margin-left:9px}.featured-release p a{color:inherit;font-weight:800}
.seo-page{min-height:100vh}.seo-page .nav{border-bottom:1px solid var(--line)}.seo-page main{max-width:920px;margin:0 auto;padding:96px 38px}.seo-page .eyebrow{margin-bottom:22px}.seo-page h1{margin:0;font:700 clamp(50px,7vw,86px)/.94 Manrope;letter-spacing:-5px}.seo-page h1 em{font-family:'Playfair Display',serif}.seo-page .page-intro{max-width:630px;margin:30px 0 46px;font-size:17px;line-height:1.7}.seo-page .page-card{padding:32px;margin:18px 0;border:1px solid var(--line);background:#fff}.seo-page .page-card h2{margin:0 0 12px;font-size:27px;letter-spacing:-1.5px}.seo-page .page-card p{max-width:650px;margin:0;line-height:1.7}.seo-page .page-card a{color:var(--orange);font-weight:800}.seo-page .page-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.seo-page .page-links .button{align-items:center}.seo-page .profile-links{margin-top:28px;line-height:2}.seo-page .profile-links a{color:var(--orange);font-weight:800}.seo-page footer{border-top:1px solid var(--line)}@media(max-width:700px){.seo-page main{padding:64px 20px}.seo-page h1{letter-spacing:-3px}.seo-page .page-intro{font-size:15px}.seo-page .page-card{padding:24px 20px}}
.work-page main{max-width:1280px}.work-page .section-heading{margin-bottom:0}.work-page .page-intro{margin-top:28px}.work-mausam-art{height:100%;padding:35px;background:var(--orange);color:#fff;display:flex;align-items:flex-end;justify-content:space-between}.work-mausam-art span{font:800 59px/.76 Manrope;letter-spacing:-4px}.work-mausam-art i{align-self:flex-start;font:72px 'Playfair Display',serif;color:#ffd269}@media(max-width:700px){.work-page .section-heading>.text-link{display:block}.work-mausam-art span{font-size:48px}}
.featured-release{max-width:1204px;margin:0 auto;padding:36px 38px 88px;display:grid;grid-template-columns:minmax(230px,.58fr) minmax(0,1.42fr);gap:56px;align-items:center}.featured-release h2{margin:0;font:700 clamp(42px,4.6vw,68px)/.92 Manrope;letter-spacing:-4px}.featured-release h2 em{font-family:'Playfair Display',serif}.featured-release p:not(.eyebrow){max-width:300px;margin:25px 0 0;font-size:14px;line-height:1.65}.release-media{min-width:0}.video-frame{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--ink);border-radius:22px;box-shadow:0 16px 35px rgba(21,18,15,.14)}.video-frame:before{content:'';position:absolute;z-index:1;inset:0;border:1px solid rgba(255,255,255,.14);border-radius:inherit;pointer-events:none}.video-frame iframe{display:block;width:100%;height:100%;border:0}.release-download{margin-top:17px;align-items:center;justify-content:space-between;min-width:205px}.release-download:hover{background:var(--orange)}@media(max-width:700px){.featured-release{padding:10px 20px 60px;display:block}.featured-release h2{letter-spacing:-3px}.featured-release p:not(.eyebrow){max-width:330px;margin:20px 0 30px}.video-frame{border-radius:17px}.release-download{width:100%;margin-top:13px}}