@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";::selection{background:#dcc68e;color:#171914}.skip-link{position:fixed;left:15px;top:-100px;z-index:200;background:var(--gold);color:#111;padding:14px}.skip-link:focus{top:15px}.nav-actions{display:flex;gap:14px;align-items:center}.lang-switch{display:flex;gap:8px;align-items:center;font-size:12px;color:#656b5f}.lang-switch button{border:0;background:transparent;color:#8b9381;padding:7px 2px;font-size:12px}.lang-switch button[aria-pressed=true]{color:var(--gold)}.icon-button{border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;padding:10px}.menu-toggle{display:none}.hero h1 span,.hero h1 em{display:block}.hero-foot a{display:flex;gap:16px;align-items:center}.marquee{border-top:1px solid #292c25;border-bottom:1px solid #292c25;overflow:hidden;margin-top:34px;padding:22px 0;color:#a9a78f}.marquee>div{display:flex;width:max-content;animation:marquee 45s linear infinite}.marquee span{font-family:var(--serif);font-size:25px;white-space:nowrap;letter-spacing:.08em;padding:0 30px;display:flex;align-items:center;gap:55px}.marquee i{font-size:26px;font-style:normal;color:var(--gold)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.section-head h2{margin:15px 0 0}.section-head>p{font-size:15px;line-height:1.8;color:var(--muted);white-space:pre-line;max-width:300px}.filters{display:flex;gap:10px;margin-bottom:34px;flex-wrap:wrap}.filters button{display:flex;gap:14px;border:1px solid #34392f;background:transparent;color:#b2b6a9;padding:11px 18px;border-radius:30px;font-size:14px;transition:background .25s,color .25s}.filters button[aria-pressed=true]{background:#e5dbc1;color:#24251e;border-color:#e5dbc1}.filters span{font-size:12px;opacity:.6}.projects{display:grid;grid-template-columns:1fr 1fr;gap:65px 30px}.project-card:nth-child(2n){margin-top:75px}.project-image{height:390px;width:100%;position:relative;border:1px solid #414638;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:28px;isolation:isolate;border-radius:5px}.project-image>img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 20px 22px #0005);transition:transform .7s cubic-bezier(.2,.65,.2,1),filter .7s;border-radius:4px}.project-image:hover>img{transform:translateY(-6px) scale(1.035);filter:drop-shadow(0 30px 27px #0007)}.project-image:hover .image-arrow{background:var(--gold);color:#191c16;transform:rotate(45deg)}.project-number{position:absolute;top:18px;left:20px;font-size:12px;color:#f6f3ea;background:#10111085;padding:5px 7px;border-radius:2px}.image-arrow{position:absolute;right:20px;bottom:20px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #fff4;color:#fff;background:#1116;border-radius:50%;transition:.35s}.project-info{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:23px}.project-tag{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 9px}.project-info h3{font-family:var(--serif);font-size:29px;font-weight:500;margin:0}.project-info h3 button{background:none;border:0;color:inherit;font:inherit;text-align:left;padding:0}.category-label{border:1px solid #414639;padding:6px 11px;border-radius:20px;color:#a4ac99;font-size:12px;white-space:nowrap}.project-description{color:var(--muted);font-size:15px;line-height:1.8;max-width:90%;margin:15px 0 0}.store-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:17px}.store-links a{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--gold);border-bottom:1px solid #655d42;padding-bottom:5px}.store-links a:hover{color:#fff0c9}.image-fallback{display:grid;place-items:center;min-height:40px;color:#b5a577;background:#252b22;max-width:100%;font-family:var(--serif)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.service-grid article{padding:35px;border-right:1px solid var(--line);transition:background .3s}.service-grid article:hover{background:#1d211a}.service-grid article:last-child{border-right:0}.service-top{display:flex;align-items:center;justify-content:space-between;color:var(--gold)}.service-top span{font-size:12px;color:#717965}.service-grid h3{font-size:21px;font-weight:500;margin:40px 0 18px}.service-grid p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}.studio{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.studio h2{font-size:43px;line-height:1.35}.studio em{color:var(--gold);font-weight:500}.studio>div>p:not(.eyebrow){font-size:17px;line-height:1.9;color:var(--muted);margin-top:35px}.studio-signature{font-size:16px;letter-spacing:.12em;margin-top:30px;color:var(--gold)}.studio-signature span{display:block;font-size:10px;letter-spacing:.2em;color:#7c8571;margin-top:10px}.contact{text-align:center;padding-top:110px;padding-bottom:110px}.contact h2{font-size:clamp(34px,4.8vw,65px);margin:22px 0}.contact>p{line-height:1.8}.contact .button{gap:25px}.contact-people{max-width:850px;margin:45px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left}.contact-person{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #595740;padding:25px 8px;transition:background .25s}.contact-person:hover{background:#23251c}.contact-person span{font-family:var(--serif);font-size:24px}.contact-person p{color:var(--muted);font-size:14px;overflow-wrap:anywhere;margin:8px 0 0}.contact-person svg{color:var(--gold);flex-shrink:0}.footer{border-top:1px solid var(--line);padding:35px 6%;max-width:1440px;margin:auto;display:flex;align-items:center;gap:50px}.footer p{font-size:12px;color:#8d9483;line-height:1.7;flex:1}.footer-links{display:flex;gap:23px;align-items:center;color:#a7ae9b}.admin-link{display:flex;align-items:center;gap:6px;font-size:12px}.project-dialog{background:#181c16;color:#f1f0e7;border:1px solid #515b45;border-radius:8px;max-width:900px;width:calc(100% - 36px);max-height:90vh;padding:45px;animation:dialogIn .35s ease}.project-dialog::backdrop{background:#030704da;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:15px;top:15px}.detail-top{display:flex;align-items:center;gap:20px}.detail-icon{width:70px;height:80px;object-fit:contain;border-radius:8px}.detail-top h2{font-family:var(--serif);font-size:35px;font-weight:500;margin:0}.detail-description{font-size:17px;line-height:1.8;color:#b3b9a9}.detail-gallery{display:flex;gap:20px;overflow-x:auto;padding:20px 0;scroll-snap-type:x mandatory}.detail-gallery img{max-height:570px;max-width:100%;object-fit:contain;border-radius:5px;scroll-snap-align:start}.dev-note{font-size:12px;color:#9ba98c;margin-top:20px}.empty{padding:50px 0;color:var(--muted)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.6,.3,1)}.reveal.revealed{opacity:1;transform:none}.hero-copy>.eyebrow{animation:riseIn .8s both}.hero h1 span{animation:riseIn 1s .12s both}.hero h1 em{animation:riseIn 1s .28s both}.hero .intro{animation:riseIn 1s .42s both}.hero .button{animation:riseIn 1s .52s both}.hero-mark{position:relative;min-height:280px;isolation:isolate}.hero-mark img{animation:floatMark 9s ease-in-out infinite}.orbit{position:absolute;width:310px;height:310px;border:1px solid #a8905933;border-radius:50%;animation:orbitPulse 8s ease-in-out infinite;z-index:-1}.orbit:after{content:"";position:absolute;inset:15px;border:1px solid #a8905914;border-radius:50%}.hero-mark:after{content:"";position:absolute;width:330px;height:330px;z-index:-2;background:radial-gradient(circle,#c6ab5420,transparent 68%);filter:blur(15px)}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav nav a:hover:after{transform:scaleX(1)}.button svg{transition:transform .3s}.button:hover svg:last-child{transform:translate(3px,-3px)}@keyframes riseIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes floatMark{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes orbitPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.06);opacity:1}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes dialogIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}:root{font-family:DM Sans,sans-serif;color:#f6f3ea;background:#101110;font-synthesis:none;--gold:#dcc68e;--muted:#a5a69d;--line:#33352e;--serif:"Playfair Display",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.nav{max-width:1440px;margin:auto;padding:28px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-family:var(--serif);font-size:30px;letter-spacing:.11em;line-height:1}.brand span{font-family:DM Sans,sans-serif;font-size:10px;display:block;letter-spacing:.53em;text-align:center;margin-top:9px}.nav nav{display:flex;gap:35px;font-size:14px;color:#d5d6cf}.hero{max-width:1440px;margin:auto;padding:95px 6% 25px;display:grid;grid-template-columns:1.35fr 1fr;gap:40px}.eyebrow{font-size:12px;letter-spacing:.17em;color:var(--gold);font-weight:600}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(44px,5.2vw,78px);line-height:1.17;letter-spacing:-.04em;margin:28px 0}.hero h1 em{color:var(--gold);font-weight:500}.intro{color:var(--muted);font-size:17px;line-height:1.85;max-width:470px}.button{display:inline-flex;gap:45px;justify-content:space-between;align-items:center;background:var(--gold);color:#171914;padding:17px 25px;border:1px solid var(--gold);font-size:14px;font-weight:600;margin-top:25px;border-radius:2px}.button:hover{background:#efe0b5}.hero-mark{display:grid;place-items:center}.hero-mark img{width:100%;max-width:390px;mix-blend-mode:screen}.hero-foot{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;color:#777d70;letter-spacing:.16em;font-size:11px;margin-top:50px}.section{max-width:1440px;margin:auto;padding:85px 6%}.section h2{font-family:var(--serif);font-weight:500;font-size:44px;letter-spacing:-.025em}.section>p{color:var(--muted)}@media(max-width:700px){.nav{padding:22px 6%}.nav nav{gap:16px}.hero{grid-template-columns:1fr;padding-top:55px;gap:10px}.hero-mark{display:none}.hero-foot{gap:20px;font-size:10px;line-height:1.7;margin-top:35px}.hero-foot span:last-child{max-width:120px;text-align:right}.section{padding-top:55px}.section h2{font-size:34px}}.hero{grid-template-columns:1.55fr 1fr}.hero-mark img{max-width:245px}.hero h1{font-size:clamp(44px,5.2vw,76px)}.section .eyebrow{color:var(--gold)}.marquee:hover>div{animation-play-state:paused}@media(min-width:1450px){.hero{padding-top:115px;padding-bottom:35px}}@media(max-width:1000px){.projects{gap:50px 25px}.project-image{height:330px;padding:25px}.hero-mark img{max-width:210px}.orbit{width:260px;height:260px}.service-grid article{padding:25px}.studio{gap:35px}.studio h2{font-size:36px}}@media(max-width:700px){.nav{position:relative}.nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:#191d16;padding:24px 6%;z-index:30;border-bottom:1px solid #454c3a}.nav nav.open{display:flex;flex-wrap:wrap;gap:22px}.menu-toggle{display:flex}.hero{grid-template-columns:1fr;padding-top:52px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(42px,8.2vw,58px)}.hero-mark{display:none}.hero-foot{margin-top:32px}.hero-foot a{font-size:10px;max-width:145px;line-height:1.8;gap:10px}.marquee{margin-top:24px;padding:17px 0}.marquee span{font-size:19px;gap:28px;padding:0 20px}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:20px}.section-head h2{font-size:35px}.projects{grid-template-columns:1fr;gap:38px}.project-card:nth-child(2n){margin-top:0}.project-image{height:370px}.project-description{max-width:100%}.section{padding-bottom:60px}.filters{gap:7px}.filters button{padding:10px 13px;font-size:13px;gap:9px}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid var(--line)}.service-grid article:last-child{border-bottom:0}.service-grid h3{margin-top:25px}.studio{grid-template-columns:1fr;gap:0}.studio>div>p:not(.eyebrow){margin-top:0}.contact{padding-top:65px}.contact-people{grid-template-columns:1fr;gap:0}.contact-person{padding:22px 5px}.footer{gap:25px;flex-wrap:wrap}.footer-links{width:100%;justify-content:flex-end}.project-dialog{padding:45px 22px 25px}.detail-top h2{font-size:28px}.detail-gallery img{max-height:440px}.contact .button{gap:12px;font-size:13px}.project-info h3{font-size:26px}.hero-foot span:last-child{max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media print{.reveal{opacity:1;transform:none}.nav,.footer,.marquee{display:none}}.screenshot-gallery{margin-top:30px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.gallery-heading h3{margin:0;font-size:14px;font-weight:500;display:flex;gap:9px;align-items:center;color:#cfcaaf}.gallery-expand{background:transparent;color:#cbb987;border:1px solid #484d3e;border-radius:4px;padding:9px 12px;display:flex;gap:8px;align-items:center;font-size:13px}.gallery-stage{position:relative;background:radial-gradient(ellipse at center,#282e23 0,#11150f 78%);border:1px solid #3c4433;border-radius:6px;overflow:hidden;touch-action:pan-y}.gallery-stage-image{height:570px;padding:22px 58px;display:flex;align-items:center;justify-content:center;animation:galleryFade .25s ease}.gallery-stage-image img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 8px 18px #0006);border-radius:3px}.gallery-stage-image .image-fallback{height:100%;width:100%}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #9d916b66;background:#14190de6;color:#e6d4a3;width:38px;height:44px;border-radius:4px;display:grid;place-items:center;transition:background .2s}.gallery-arrow:hover{background:#3a422d}.gallery-arrow.previous{left:10px}.gallery-arrow.next{right:10px}.gallery-caption{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#c6c9bd;margin:15px 0 20px}.gallery-caption span:last-child{font-variant-numeric:tabular-nums;color:var(--gold);white-space:nowrap}.gallery-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:3px 3px 10px}.gallery-thumbnails button{flex:0 0 112px;height:108px;background:#20261b;border:1px solid #3c4532;border-radius:4px;padding:7px;position:relative;transition:background .2s,border-color .2s}.gallery-thumbnails button.active{border:2px solid var(--gold);background:#313725}.gallery-thumbnails img{height:100%;width:100%;object-fit:contain}.gallery-thumbnails button>span{position:absolute;bottom:4px;right:5px;background:#0d110ad9;padding:2px 5px;font-size:11px;color:var(--gold);border-radius:2px}.project-dialog.gallery-expanded{max-width:1300px;width:calc(100vw - 36px);max-height:96vh;padding-top:25px;padding-bottom:20px}.gallery-expanded .detail-summary,.gallery-expanded .detail-icon,.gallery-expanded .detail-top .eyebrow{display:none}.gallery-expanded .detail-top h2{font-size:23px}.gallery-expanded .screenshot-gallery{margin-top:15px}.gallery-expanded .gallery-stage-image{height:66vh}.gallery-expanded .gallery-thumbnails button{height:70px;flex-basis:80px}.gallery-expanded .gallery-caption{margin:10px 0}.card-preview-strip{display:flex;gap:7px;margin-top:18px;align-items:center}.card-preview-strip button{height:60px;width:54px;flex-shrink:0;padding:3px;background:#24291f;border:1px solid #424a36;border-radius:3px;overflow:hidden}.card-preview-strip button:hover{border-color:var(--gold)}.card-preview-strip img{width:100%;height:100%;object-fit:contain}.card-preview-strip>span{font-size:12px;line-height:1.5;color:#a5ad97;margin-left:5px}.image-count{position:absolute;bottom:20px;left:20px;padding:7px 10px;background:#10170fe6;color:#e2d6b8;border:1px solid #e9d69733;font-size:12px;border-radius:4px;display:flex;gap:7px;align-items:center}@keyframes galleryFade{0%{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:700px){.gallery-stage-image{height:475px;padding:12px 34px}.gallery-arrow{width:29px;height:38px}.gallery-arrow.previous{left:3px}.gallery-arrow.next{right:3px}.gallery-thumbnails{gap:8px}.gallery-thumbnails button{flex-basis:70px;height:84px}.gallery-heading h3{font-size:13px}.gallery-expand span{display:none}.gallery-caption{font-size:13px}.project-dialog{padding-left:15px;padding-right:15px}.project-dialog.gallery-expanded{padding:38px 12px 15px;width:calc(100vw - 12px)}.gallery-expanded .gallery-stage-image{height:60vh}.gallery-expanded .detail-top h2{font-size:21px}.card-preview-strip button{width:49px;height:55px}.card-preview-strip>span{font-size:11px}.image-count{bottom:16px;left:14px}}@media(prefers-reduced-motion:reduce){.gallery-stage-image{animation:none}}.hero-mark .mark-motion{width:310px;height:310px;position:relative;display:grid;place-items:center;animation:studioBreath 8s ease-in-out infinite;transform-origin:center;isolation:isolate}.hero-mark .orbit{inset:0;width:100%;height:100%;animation:none;opacity:.8}.hero-mark .mark-disc{width:270px;height:270px;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:#101110;mask-image:radial-gradient(circle,#000 60%,transparent 72%);-webkit-mask-image:radial-gradient(circle,#000 60%,transparent 72%)}.hero-mark .mark-disc img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:50%;animation:none;transform:none;mix-blend-mode:screen}.hero-mark:after{display:none}.mark-motion:after{content:"";position:absolute;inset:-15px;border-radius:50%;z-index:-1;background:radial-gradient(circle,#c6ab541a,transparent 69%);filter:blur(12px)}@keyframes studioBreath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.025)}}@media(max-width:1000px){.hero-mark .mark-motion{width:260px;height:260px}.hero-mark .mark-disc{width:228px;height:228px}}@media(prefers-reduced-motion:reduce){.hero-mark .mark-motion{animation:none}}
