:root{--rf-bg:#03090d;--rf-bg2:#071117;--rf-panel:#0a151b;--rf-panel2:#0d1b22;--rf-line:#163b46;--rf-line2:#215462;--rf-cyan:#63f7f0;--rf-cyan2:#11d9d2;--rf-cyan-dim:rgba(99,247,240,.14);--rf-white:#eef7f8;--rf-metal:#9fb1b7;--rf-muted:#6e838a;--rf-orange:#b76d3a;--rf-cut:14px;--rf-shadow:0 0 0 1px rgba(99,247,240,.05),0 18px 44px rgba(0,0,0,.38)}html{background:var(--rf-bg)}body.reference-ui{margin:0;background:radial-gradient(circle at 50% -10%,rgba(26,78,88,.16),transparent 34%),linear-gradient(180deg,#040b10 0%,#03080c 100%);color:var(--rf-white);font-family:Inter,sans-serif;min-height:100vh}body.reference-ui:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(99,247,240,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(99,247,240,.018) 1px,transparent 1px);background-size:34px 34px}.reference-ui .wrap{width:min(1460px,calc(100% - 34px));margin:0 auto}.reference-ui #site-header{position:sticky;top:0;z-index:50;background:rgba(3,9,13,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--rf-line);box-shadow:0 8px 30px rgba(0,0,0,.28)}.reference-ui #site-header nav{min-height:78px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:28px;width:min(1460px,calc(100% - 34px));margin:auto;position:relative}.reference-ui #site-header nav:after{content:"";position:absolute;right:0;bottom:-1px;width:190px;height:1px;background:linear-gradient(90deg,transparent,var(--rf-cyan))}.reference-ui .brand{display:flex;align-items:center;gap:13px;color:var(--rf-white);text-decoration:none}.reference-ui .brand img{width:48px;height:48px;filter:drop-shadow(0 0 12px rgba(99,247,240,.25))}.reference-ui .brand-text{font-family:Sora,sans-serif;text-transform:uppercase;font-size:1rem;font-weight:700;letter-spacing:.055em;line-height:1}.reference-ui .brand-text span{display:inline;color:var(--rf-cyan)}.reference-ui .nav-links{display:flex;align-items:center;justify-content:center;gap:24px;list-style:none;margin:0;padding:0}.reference-ui .nav-links a{position:relative;text-decoration:none;color:#aab9be;font:600 .72rem Sora,sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:30px 2px 27px}.reference-ui .nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:1px;background:transparent}.reference-ui .nav-links a:hover,.reference-ui .nav-links a.active{color:var(--rf-cyan)}.reference-ui .nav-links a.active:after{background:var(--rf-cyan);box-shadow:0 0 8px var(--rf-cyan)}.reference-ui .nav-cta,.reference-ui .btn{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border:1px solid var(--rf-line2);min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font:700 .72rem Sora,sans-serif;transition:.2s ease}.reference-ui .nav-cta,.reference-ui .btn-primary{background:linear-gradient(180deg,#12d9d1,#0da59f);color:#021012;border-color:#55fff7;box-shadow:0 0 16px rgba(99,247,240,.22),inset 0 0 14px rgba(255,255,255,.1)}.reference-ui .btn-ghost{background:linear-gradient(180deg,rgba(10,25,31,.82),rgba(5,13,18,.95));color:var(--rf-white);border-color:var(--rf-line2)}.reference-ui .btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.reference-ui .nav-toggle{display:none;background:none;border:1px solid var(--rf-line2);width:44px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:4px}.reference-ui .nav-toggle span{display:block;width:19px;height:1px;background:var(--rf-cyan)}.reference-ui .rf-shell{width:min(1500px,calc(100% - 20px));margin:10px auto 0;border:1px solid var(--rf-line);position:relative;background:rgba(3,10,14,.74);box-shadow:var(--rf-shadow);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.reference-ui .rf-shell:before,.reference-ui .rf-shell:after{content:"";position:absolute;z-index:5;pointer-events:none}.reference-ui .rf-shell:before{inset:7px;border:1px solid rgba(99,247,240,.08)}.reference-ui .rf-shell:after{top:-1px;left:72px;width:220px;height:2px;background:linear-gradient(90deg,var(--rf-cyan),transparent);box-shadow:0 0 10px var(--rf-cyan)}.reference-ui .rf-hero{position:relative;min-height:430px;display:grid;grid-template-columns:minmax(320px,42%) 1fr;overflow:hidden;border-bottom:1px solid var(--rf-line)}.reference-ui .rf-hero-media{position:absolute;inset:0;z-index:0}.reference-ui .rf-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06) brightness(.56)}.reference-ui .rf-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031016 0%,rgba(3,12,16,.9) 27%,rgba(3,12,16,.32) 58%,rgba(3,12,16,.08) 100%),linear-gradient(180deg,rgba(2,8,11,.05),rgba(2,8,11,.52))}.reference-ui .rf-hero-copy{position:relative;z-index:2;padding:48px 44px 46px}.reference-ui .rf-kicker,.reference-ui .eyebrow,.reference-ui .section-kicker{font:700 .66rem Sora,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--rf-cyan)}.reference-ui .rf-hero h1,.reference-ui .page-head h1,.reference-ui .section-head h2,.reference-ui h2{font-family:Sora,sans-serif;text-transform:uppercase;letter-spacing:-.045em;line-height:.92}.reference-ui .rf-hero h1{font-size:clamp(3rem,5.4vw,5.7rem);margin:10px 0 12px;text-shadow:0 2px 0 #000,0 0 16px rgba(99,247,240,.08)}.reference-ui .rf-hero h1 span{display:block;color:var(--rf-cyan);font-size:.48em;letter-spacing:.14em;line-height:1.05;margin-top:8px}.reference-ui .rf-hero .lead{max-width:560px;color:#c1cdd1;line-height:1.65}.reference-ui .hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.reference-ui .rf-hero-side{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 28px 32px}.reference-ui .rf-code{writing-mode:vertical-rl;text-orientation:mixed;font:600 .62rem Sora,sans-serif;color:#6fa1aa;letter-spacing:.28em;text-transform:uppercase}.reference-ui .rf-category-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 18px;border-bottom:1px solid var(--rf-line);background:#050d12}.reference-ui .rf-category{position:relative;min-height:70px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--rf-line2);background:linear-gradient(180deg,#09171d,#061014);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));color:#c9d5d9;text-transform:uppercase;font:700 .92rem Sora,sans-serif}.reference-ui .rf-category.active{color:var(--rf-white);border-color:var(--rf-cyan);box-shadow:inset 0 0 22px rgba(99,247,240,.08),0 0 14px rgba(99,247,240,.08)}.reference-ui .rf-category b{font-size:1.25rem;color:var(--rf-cyan)}.reference-ui .rf-section{padding:18px 18px 22px;border-bottom:1px solid var(--rf-line)}.reference-ui .rf-section-head,.reference-ui .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.reference-ui .rf-section h2,.reference-ui .section-head h2{margin:4px 0 0;font-size:clamp(1.65rem,3vw,2.65rem)}.reference-ui .section-link{color:var(--rf-cyan);text-decoration:none;text-transform:uppercase;font:600 .68rem Sora,sans-serif;letter-spacing:.09em}.reference-ui .portfolio-grid,.reference-ui .shop-grid,.reference-ui .news-list,.reference-ui .rf-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-ui .portfolio-grid>*,.reference-ui .shop-grid>*,.reference-ui .news-list>*,.reference-ui .rf-card{position:relative;background:linear-gradient(180deg,#0a171d,#071015);border:1px solid var(--rf-line2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));overflow:hidden;box-shadow:0 10px 22px rgba(0,0,0,.25)}.reference-ui .portfolio-grid img,.reference-ui .shop-grid img,.reference-ui .rf-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;filter:saturate(.78) contrast(1.06)}.reference-ui .portfolio-grid>*:hover,.reference-ui .shop-grid>*:hover,.reference-ui .rf-card:hover{border-color:var(--rf-cyan);box-shadow:0 0 18px rgba(99,247,240,.1)}.reference-ui .section-intro{color:var(--rf-muted);max-width:760px;line-height:1.65}.reference-ui .rf-strip{display:flex;gap:28px;align-items:center;overflow:hidden;white-space:nowrap;padding:11px 18px;border-block:1px solid var(--rf-line);background:#050c10;color:#95a9af;font:600 .62rem Sora,sans-serif;letter-spacing:.16em;text-transform:uppercase}.reference-ui .rf-strip i{color:var(--rf-orange);font-style:normal}.reference-ui .page-head{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 10%,rgba(99,247,240,.08),transparent 28%),linear-gradient(180deg,#08141a,#050b0f);border-bottom:1px solid var(--rf-line)}.reference-ui .page-head:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 68%,rgba(99,247,240,.035) 68% 69%,transparent 69%);pointer-events:none}.reference-ui .page-head>.wrap{position:relative;z-index:2;padding-block:54px}.reference-ui .page-head h1{font-size:clamp(3rem,6vw,5.8rem);margin:10px 0}.reference-ui .page-head h1 span{color:var(--rf-cyan)}.reference-ui .breadcrumb{font:.68rem Sora,sans-serif;text-transform:uppercase;letter-spacing:.11em;color:#667b82}.reference-ui .breadcrumb a{color:var(--rf-cyan);text-decoration:none}.reference-ui .store-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.reference-ui .store-tab{min-height:58px;border:1px solid var(--rf-line2);background:#071116;color:#c4d1d5;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));font:700 .82rem Sora,sans-serif;text-transform:uppercase;letter-spacing:.1em}.reference-ui .store-tab.active{border-color:var(--rf-cyan);color:var(--rf-white);box-shadow:inset 0 0 20px rgba(99,247,240,.06)}.reference-ui .store-tab span{display:inline-block;margin-left:8px;color:var(--rf-muted);font-size:.62rem}.reference-ui .store-switcher-section,.reference-ui .shop-future,.reference-ui .about-manifest,.reference-ui .about-pillars,.reference-ui .about-process,.reference-ui .about-certificate,.reference-ui .contact-main-section,.reference-ui .projects-catalog-section,.reference-ui .project-philosophy,.reference-ui .sf-section{padding:34px 0;border-bottom:1px solid var(--rf-line)}.reference-ui .shop-status-panel,.reference-ui .project-signal,.reference-ui .contact-status,.reference-ui .certificate-card,.reference-ui .account-auth-card,.reference-ui .account-shell{background:linear-gradient(180deg,#0a171d,#061014);border:1px solid var(--rf-line2);box-shadow:var(--rf-shadow);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.reference-ui footer{background:#02070a;border-top:1px solid var(--rf-line);padding:24px 0}.reference-ui .footer-row{display:flex;justify-content:space-between;gap:18px;align-items:center}.reference-ui .footer-links{display:flex;gap:18px;list-style:none;padding:0;margin:0}.reference-ui .footer-links a,.reference-ui .footer-copy,.reference-ui .footer-copy a{color:#71868d;text-decoration:none;font-size:.75rem}.reference-ui .footer-brand{display:flex;align-items:center;gap:10px;color:#d8e2e5;text-decoration:none;font:700 .78rem Sora,sans-serif;text-transform:uppercase;letter-spacing:.08em}@media(max-width:980px){.reference-ui #site-header nav{grid-template-columns:auto 1fr auto;gap:12px;min-height:68px}.reference-ui .brand img{width:40px;height:40px}.reference-ui .brand-text{font-size:.8rem}.reference-ui .nav-cta{display:none}.reference-ui .nav-toggle{display:flex;justify-self:end}.reference-ui .nav-links{position:fixed;top:68px;left:10px;right:10px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#061015;border:1px solid var(--rf-line2);padding:10px;box-shadow:0 18px 40px rgba(0,0,0,.5)}.reference-ui .nav-links.open,.reference-ui .nav-links.is-open{display:flex}.reference-ui .nav-links a{display:block;padding:14px 10px}.reference-ui .nav-links a:after{display:none}.reference-ui .rf-shell{width:calc(100% - 12px);margin-top:6px}.reference-ui .rf-hero{min-height:530px;grid-template-columns:1fr}.reference-ui .rf-hero-copy{padding:34px 18px 28px;align-self:end}.reference-ui .rf-hero h1{font-size:clamp(2.7rem,14vw,4.7rem);max-width:11ch}.reference-ui .rf-hero h1 span{font-size:.42em;max-width:16ch}.reference-ui .rf-hero-media:after{background:linear-gradient(180deg,rgba(2,8,11,.08) 10%,rgba(2,8,11,.38) 42%,#031015 86%)}.reference-ui .rf-hero-side{display:none}.reference-ui .rf-category-tabs{grid-template-columns:1fr 1fr;padding:10px}.reference-ui .rf-category:nth-child(3){grid-column:1/-1}.reference-ui .portfolio-grid,.reference-ui .shop-grid,.reference-ui .news-list,.reference-ui .rf-card-grid{grid-template-columns:1fr}.reference-ui .store-tabs{grid-template-columns:1fr 1fr}.reference-ui .store-tab:nth-child(3){grid-column:1/-1}.reference-ui .footer-row{align-items:flex-start;flex-direction:column}.reference-ui .footer-links{flex-wrap:wrap}.reference-ui .page-head>.wrap{padding-block:36px}.reference-ui .page-head h1{font-size:clamp(2.5rem,13vw,4.2rem)}}@media(max-width:560px){.reference-ui .wrap{width:min(100% - 20px,1460px)}.reference-ui #site-header nav{width:calc(100% - 20px)}.reference-ui .brand-text{max-width:170px}.reference-ui .rf-shell{clip-path:none}.reference-ui .rf-hero{min-height:500px}.reference-ui .rf-hero-copy{padding-top:220px}.reference-ui .rf-category-tabs{grid-template-columns:1fr 1fr}.reference-ui .rf-category{min-height:58px;font-size:.76rem}.reference-ui .rf-section{padding:16px 10px}.reference-ui .rf-section-head,.reference-ui .section-head{align-items:flex-start;flex-direction:column}.reference-ui .hero-ctas .btn{flex:1 1 100%}.reference-ui .store-tabs{grid-template-columns:1fr 1fr}.reference-ui .shop-head-layout,.reference-ui .contact-head-layout,.reference-ui .certificate-layout,.reference-ui .about-grid{grid-template-columns:1fr!important}}