:root{--petrol:#36696d;--copper:#bf875d;--teal:#3aa6b9;--bg:#ffffff;--ink:#454f5e;--ink-soft:#5b6470;--ink-faint:#8c8a86;--line:#e7e7e7;--dark:#181823;--header:var(--petrol);--font-sans-heading:"Helvetica Neue",Helvetica,Arial,sans-serif;--max:1140px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:70px}body{background:var(--bg);color:var(--ink);font-family:var(--font-body),"Open Sans",-apple-system,system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading),"Playfair Display",Georgia,serif;font-weight:600;line-height:1.3;color:var(--petrol)}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.section{padding:90px 0}.h-sec{font-family:var(--font-sans-heading);font-weight:400;font-size:clamp(30px,4vw,42px);line-height:1.3;color:var(--copper);text-align:center;letter-spacing:.01em}.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--header);border-bottom:1px solid transparent;transition:border-color .3s}.nav.scrolled{border-color:rgba(0,0,0,.18)}.nav-inner{position:relative;max-width:var(--max);margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:center}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{font-size:16px;color:var(--copper);letter-spacing:.01em;transition:color .2s}.nav-links a:hover{color:#d9aa82}.nav-toggle{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:none;border:0;font-size:23px;cursor:pointer;color:var(--copper)}.mobile-menu,.nav-toggle{display:none}@media (max-width:760px){.nav-links{display:none}.mobile-menu,.nav-toggle{display:block}.mobile-menu{position:fixed;inset:64px 0 auto 0;background:var(--header);border-bottom:1px solid rgba(0,0,0,.18);padding:8px 24px 18px;z-index:49}.mobile-menu.closed{display:none}.mobile-menu ul{list-style:none}.mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:16px;color:var(--copper);text-align:center}}.hero{background:var(--header);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:150px 24px 90px}.hero-logo{width:min(270px,62vw);margin-bottom:34px}.hero p{max-width:640px;font-size:clamp(18px,2.1vw,21px);font-weight:400;line-height:1.6;color:var(--copper)}.hero .em{font-style:normal}.about{text-align:center}.about-cols{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:44px;gap:44px;margin-top:44px;text-align:left}.about-cols p{color:var(--ink);margin:0}.about-col{min-width:0}@media (max-width:820px){.about-cols{grid-template-columns:1fr;gap:24px;max-width:560px;margin-left:auto;margin-right:auto}}.about-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more-btn{display:inline-flex;align-items:center;gap:.4em;margin-top:10px;padding:0;border:0;background:none;cursor:pointer;font:inherit;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--copper);transition:opacity .2s ease}.read-more-btn:after{content:"↓";font-size:11px;transition:transform .2s ease}.read-more-btn[aria-expanded=true]:after{transform:rotate(180deg)}.read-more-btn:hover{opacity:.7}#portfolio{background:var(--petrol);color:#fff}.portfolio-lead{color:rgba(255,255,255,.82);text-align:center;max-width:660px;margin:18px auto 40px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px;margin-top:12px}.grid button{border:0;padding:0;cursor:zoom-in;background:rgba(255,255,255,.06);overflow:hidden;aspect-ratio:16/9}.grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s,opacity .3s;opacity:.97}.grid button:hover img{transform:scale(1.04);opacity:1}.portfolio-cta{margin-top:44px;text-align:center}.grid-cap{display:none}.cat-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:-4px 0 34px}.cat-filter button{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:8px 18px;border-radius:999px;font-size:13px;letter-spacing:.03em;font-family:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.cat-filter button:hover{border-color:#fff}.cat-filter button.is-active{background:#fff;color:var(--petrol);border-color:#fff}.cat-divider{display:none}.lightbox{position:fixed;inset:0;background:rgba(12,11,9,.95);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.lightbox img{object-fit:contain}.lb-figure,.lightbox img{max-width:94vw;max-height:90vh}.lb-figure{margin:0;display:flex;flex-direction:column;align-items:center}.lb-figure img{max-height:calc(90vh - 76px)}.lb-caption{margin-top:16px;max-width:min(640px,90vw);text-align:center;color:#fff}.lb-caption .lb-title{display:block;font-size:16px;letter-spacing:.02em;font-weight:600}.lb-caption .lb-desc{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.78)}.lb-caption .lb-placeholder{font-style:italic;opacity:.45}.lightbox .arr,.lightbox .close{position:absolute;background:none;border:0;color:#fff;cursor:pointer;opacity:.8}.lightbox .close{top:20px;right:26px;font-size:32px}.lightbox .arr{top:50%;transform:translateY(-50%);font-size:44px;padding:20px}.lightbox .prev{left:8px}.lightbox .next{right:8px}.lightbox .arr:hover,.lightbox .close:hover{opacity:1}.btn{display:inline-block;background:var(--petrol);color:var(--copper);border:0;cursor:pointer;padding:15px 30px;font-size:16px;border-radius:5px;line-height:1;font-family:inherit;transition:background .2s,color .2s}.btn:hover{background:#2c565a;color:#fff}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{display:inline-block;background:transparent;color:var(--copper);border:2px solid var(--copper);cursor:pointer;padding:14px 30px;font-size:16px;border-radius:5px;line-height:1;font-family:inherit;transition:background .2s,color .2s}.btn-ghost:hover{background:var(--petrol);color:#fff;border-color:var(--petrol)}.contact{text-align:center}.contact-address{margin:8px auto 34px;color:var(--ink)}.contact-address p{margin:2px 0}.contact-form{max-width:620px;margin:0 auto;text-align:left}.form-field{margin-bottom:14px}.form-field input,.form-field textarea{width:100%;padding:15px 16px;border:1px solid #eaeaea;background:#fafafa;font-family:inherit;font-size:16px;color:var(--ink);transition:border-color .2s}.form-field input::placeholder,.form-field textarea::placeholder{color:#8f97a1}.form-field input:focus,.form-field textarea:focus{outline:0;border-color:var(--petrol)}.form-note{margin-top:14px;font-size:14px}.form-note.ok{color:#3c7a4e}.form-note.err{color:#b04a3a}.footer{background:var(--petrol);color:var(--copper);padding:48px 0;text-align:center}.footer-logo{width:150px;margin:0 auto 14px}.footer .copy{font-size:14px;color:var(--copper)}.legal{max-width:720px;margin:0 auto;padding:120px 24px 80px}.legal h1{font-size:34px;font-weight:600;margin-bottom:24px}.legal h2{font-size:18px;margin:26px 0 10px}.legal p{margin-bottom:12px}.back-link,.legal p{color:var(--ink-soft)}.back-link{display:inline-block;margin-bottom:28px;font-size:14px}body{transition:background-color .35s ease,color .35s ease}.theme-toggle{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:60;display:flex;gap:4px;padding:4px;background:rgba(20,22,24,.55);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);border:1px solid rgba(255,255,255,.14);border-radius:999px;box-shadow:0 6px 22px rgba(0,0,0,.28);max-width:calc(100vw - 16px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.theme-toggle::-webkit-scrollbar{display:none}.theme-toggle button{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;cursor:pointer;border:0;background:transparent;color:rgba(255,255,255,.8);font-family:var(--font-body),"Open Sans",-apple-system,system-ui,sans-serif;font-size:13px;letter-spacing:.02em;padding:8px 16px;border-radius:999px;transition:background .2s,color .2s}.theme-toggle button svg{display:block}.theme-toggle button:hover{color:#fff}.theme-toggle button.is-active{background:#fff;color:#14120f}@media (max-width:760px){.theme-toggle button span{display:none}.theme-toggle button{padding:9px 13px}}@media (max-width:480px){.theme-toggle{bottom:16px}}html[data-theme=improved]{--petrol:#2f6165;--copper:#c1885b;--bg:#fbfaf7;--ink:#3f4854;--ink-soft:#5b6470;--line:#ececea;--header:var(--petrol)}html[data-theme=improved] body{background:var(--bg);color:var(--ink)}@media (prefers-color-scheme:dark){html[data-theme=improved]{--petrol:#14282b;--copper:#d0a074;--bg:#0f1517;--ink:#cdd4d6;--ink-soft:#9aa4a6;--ink-faint:#7c858a;--line:#223034;--header:var(--petrol)}html[data-theme=improved] body{background:var(--bg);color:var(--ink)}html[data-theme=improved] h1,html[data-theme=improved] h2,html[data-theme=improved] h3,html[data-theme=improved] h4,html[data-theme=improved] h5,html[data-theme=improved] h6{color:var(--ink)}html[data-theme=improved] .h-sec{color:var(--copper)}html[data-theme=improved] .btn{background:#1c3a3e}html[data-theme=improved] .btn:hover{background:#24484d;color:#fff}html[data-theme=improved] .form-field input,html[data-theme=improved] .form-field textarea{background:#161c1e;border-color:#28383c;color:var(--ink)}html[data-theme=improved] .form-field input::placeholder,html[data-theme=improved] .form-field textarea::placeholder{color:#6f787c}}html[data-theme=minimal]{--bg:#ffffff;--ink:#1a1815;--ink-soft:#55524c;--ink-faint:#9b978f;--line:#e7e4dd;--max:1120px;--serif:var(--font-fraunces),"Times New Roman",Georgia,serif}html[data-theme=minimal] body{background:#fff;color:var(--ink-soft);font-weight:300}html[data-theme=minimal] *{border-radius:0!important;box-shadow:none!important}html[data-theme=minimal] .theme-toggle{border-radius:999px!important;box-shadow:0 6px 22px rgba(0,0,0,.28)!important}html[data-theme=minimal] .theme-toggle button{border-radius:999px!important}html[data-theme=minimal] .section{padding:clamp(90px,12vw,154px) 0}html[data-theme=minimal] .h-sec{font-family:var(--serif);color:var(--ink);font-weight:300;letter-spacing:-.01em;text-transform:none;font-size:clamp(34px,5.5vw,62px)}html[data-theme=minimal] .nav{background:rgba(255,255,255,.9);backdrop-filter:saturate(1.05) blur(10px);-webkit-backdrop-filter:saturate(1.05) blur(10px)}html[data-theme=minimal] .nav.scrolled{border-color:var(--line)}html[data-theme=minimal] .nav-links a{color:var(--ink);font-size:12px;letter-spacing:.18em;text-transform:uppercase}html[data-theme=minimal] .nav-links a:hover{color:var(--ink-faint)}html[data-theme=minimal] .nav-toggle{color:var(--ink)}html[data-theme=minimal] .mobile-menu{background:rgba(255,255,255,.98);border-bottom-color:var(--line)}html[data-theme=minimal] .mobile-menu a{color:var(--ink);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.14em;font-size:13px}html[data-theme=minimal] .hero{background:#fff;color:var(--ink);min-height:78vh;padding:168px 24px 112px}html[data-theme=minimal] .hero-logo{width:min(300px,64vw);margin-bottom:42px}html[data-theme=minimal] .hero p{color:var(--ink-soft);font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(20px,2.6vw,27px);line-height:1.5;max-width:620px}html[data-theme=minimal] .hero .em{color:var(--ink)}html[data-theme=minimal] .about-cols{gap:56px;margin-top:52px}html[data-theme=minimal] .about-cols p{color:var(--ink-soft)}html[data-theme=minimal] .read-more-btn{color:var(--ink)}html[data-theme=minimal] #portfolio{background:#fff;color:var(--ink)}html[data-theme=minimal] .portfolio-lead{color:var(--ink-soft)}html[data-theme=minimal] .grid{gap:12px}html[data-theme=minimal] .grid button{background:#f2f1ee}html[data-theme=minimal] .grid img{opacity:1;transition:opacity .4s ease,transform .5s}html[data-theme=minimal] .grid button:hover img{transform:none;opacity:.68}html[data-theme=minimal] .cat-filter{justify-content:flex-start;gap:0;margin:-8px 0 40px}html[data-theme=minimal] .cat-filter button{background:none;border:0;border-right:1px solid var(--line);border-radius:0;padding:0 16px;color:var(--ink-soft);font-size:12px;letter-spacing:.14em;text-transform:uppercase}html[data-theme=minimal] .cat-filter button:first-child{padding-left:0}html[data-theme=minimal] .cat-filter button:last-child{border-right:0}html[data-theme=minimal] .cat-filter button.is-active{color:var(--ink);font-weight:600}html[data-theme=minimal] .btn-ghost{background:none;border:0;border-bottom:1px solid var(--ink);padding:0 0 3px;color:var(--ink);text-transform:uppercase;letter-spacing:.14em;font-size:12px}html[data-theme=minimal] .btn-ghost:hover{background:none;color:var(--ink-faint);border-bottom-color:var(--ink-faint)}html[data-theme=minimal] .contact-address{color:var(--ink-soft)}html[data-theme=minimal] .btn{background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:12px;padding:16px 26px}html[data-theme=minimal] .btn:hover{background:#000;color:#fff}html[data-theme=minimal] .form-field input,html[data-theme=minimal] .form-field textarea{background:#fff;border:0;border-bottom:1px solid var(--line);padding:12px 2px}html[data-theme=minimal] .form-field input:focus,html[data-theme=minimal] .form-field textarea:focus{border-bottom-color:var(--ink)}html[data-theme=minimal] .footer{background:#fff;color:var(--ink-soft);border-top:1px solid var(--line)}html[data-theme=minimal] .footer .copy{color:var(--ink-faint)}html[data-theme=kino]{--bg:#0a0a0c;--ink:#ece9e2;--ink-soft:#9c988f;--ink-faint:#625f58;--line:#2a2830;--petrol:#131217;--copper:#d7b672;--header:#0a0a0c;--serif:var(--font-fraunces),Georgia,serif}html[data-theme=kino] body{background:var(--bg);color:var(--ink-soft)}html[data-theme=kino] h1,html[data-theme=kino] h2,html[data-theme=kino] h3,html[data-theme=kino] h4,html[data-theme=kino] h5,html[data-theme=kino] h6{color:var(--ink)}html[data-theme=kino] body:after{content:"";position:fixed;inset:0;z-index:39;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html[data-theme=kino] .h-sec{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--ink);letter-spacing:-.005em;font-size:clamp(32px,5vw,58px);text-transform:none}html[data-theme=kino] .nav{background:rgba(8,8,10,.86);backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05)}html[data-theme=kino] .nav.scrolled{border-color:rgba(215,182,114,.22)}html[data-theme=kino] .nav-links a{color:var(--ink);font-size:13px;letter-spacing:.1em;text-transform:uppercase}html[data-theme=kino] .nav-links a:hover{color:var(--copper)}html[data-theme=kino] .nav-toggle{color:var(--ink)}html[data-theme=kino] .mobile-menu{background:rgba(8,8,10,.96);border-bottom-color:var(--line)}html[data-theme=kino] .mobile-menu a{color:var(--ink);border-bottom-color:var(--line);text-transform:uppercase;letter-spacing:.1em;font-size:13px}html[data-theme=kino] .hero{background:radial-gradient(120% 90% at 50% 20%,#1a1912 0,#0a0a0c 62%);box-shadow:inset 0 0 220px 60px rgba(0,0,0,.85);min-height:92vh;padding:170px 24px 110px}html[data-theme=kino] .hero-logo{width:min(260px,60vw);margin-bottom:38px;filter:drop-shadow(0 0 26px rgba(215,182,114,.25))}html[data-theme=kino] .hero p{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--ink-soft);font-size:clamp(19px,2.4vw,24px);max-width:640px}html[data-theme=kino] .hero .em{color:var(--copper);font-style:normal;letter-spacing:.02em}html[data-theme=kino] .about-cols p{color:var(--ink-soft)}html[data-theme=kino] .read-more-btn{color:var(--copper)}html[data-theme=kino] #portfolio{background:var(--petrol);color:var(--ink)}html[data-theme=kino] .portfolio-lead{color:rgba(236,233,226,.7)}html[data-theme=kino] .grid button{background:#000}html[data-theme=kino] .grid img{opacity:.88}html[data-theme=kino] .grid button:hover img{opacity:1;transform:scale(1.03)}html[data-theme=kino] .btn-ghost{border-color:var(--copper);color:var(--copper)}html[data-theme=kino] .btn-ghost:hover{background:var(--copper);color:#0a0a0c;border-color:var(--copper)}html[data-theme=kino] .cat-filter button{border-color:rgba(215,182,114,.35);font-family:var(--serif);font-style:italic;font-weight:300}html[data-theme=kino] .cat-filter button:hover{border-color:var(--copper)}html[data-theme=kino] .cat-filter button.is-active{background:var(--copper);color:#0a0a0c;border-color:var(--copper)}html[data-theme=kino] .contact-address{color:var(--ink-soft)}html[data-theme=kino] .btn{background:var(--copper);color:#0a0a0c}html[data-theme=kino] .btn:hover{background:#e6c688}html[data-theme=kino] .form-field input,html[data-theme=kino] .form-field textarea{background:#131217;border:1px solid var(--line);color:var(--ink)}html[data-theme=kino] .form-field input::placeholder,html[data-theme=kino] .form-field textarea::placeholder{color:var(--ink-faint)}html[data-theme=kino] .form-field input:focus,html[data-theme=kino] .form-field textarea:focus{border-color:var(--copper)}html[data-theme=kino] .footer{background:#060608;color:var(--ink-faint);border-top:1px solid var(--line)}html[data-theme=kino] .footer .copy{color:var(--ink-faint)}html[data-theme=kino] .footer-logo{filter:drop-shadow(0 0 16px rgba(215,182,114,.18))}html[data-theme=creative]{--bg:#f4f1ea;--ink:#14120e;--ink-soft:rgba(20,18,14,.68);--ink-faint:rgba(20,18,14,.44);--line:rgba(20,18,14,.18);--petrol:#14120e;--copper:#e5231b;--header:#f4f1ea;--sw-sans:var(--font-archivo),"Helvetica Neue",Helvetica,Arial,sans-serif}html[data-theme=creative] body{background:var(--bg);color:var(--ink-soft);font-family:var(--sw-sans)}html[data-theme=creative] h1,html[data-theme=creative] h2,html[data-theme=creative] h3,html[data-theme=creative] h4,html[data-theme=creative] h5,html[data-theme=creative] h6{font-family:var(--sw-sans);font-weight:700;color:var(--ink)}html[data-theme=creative] ::selection{background:var(--copper);color:#fff}html[data-theme=creative] .h-sec{font-family:var(--sw-sans);font-weight:800;text-transform:lowercase;letter-spacing:-.03em;color:var(--ink);font-size:clamp(38px,7vw,84px);text-align:left;border-top:2px solid var(--ink);padding-top:16px}html[data-theme=creative] .nav{background:transparent;border-bottom-color:transparent}html[data-theme=creative] .nav.scrolled{background:rgba(244,241,234,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--line)}html[data-theme=creative] .nav-links a{color:var(--ink);font-size:13px;font-weight:600;letter-spacing:0}html[data-theme=creative] .nav-links a:hover{color:var(--copper)}html[data-theme=creative] .nav-toggle{color:var(--ink)}html[data-theme=creative] .mobile-menu{background:rgba(244,241,234,.98);border-bottom-color:var(--line)}html[data-theme=creative] .mobile-menu a{color:var(--ink);border-bottom-color:var(--line)}html[data-theme=creative] .hero{background:var(--bg);color:var(--ink);padding:160px 24px 100px}html[data-theme=creative] .hero:before{content:"";display:block;width:14px;height:14px;background:var(--copper);margin:0 auto 28px}html[data-theme=creative] .hero-logo{width:min(240px,58vw);margin-bottom:30px}html[data-theme=creative] .hero p{font-family:var(--sw-sans);font-weight:800;text-transform:lowercase;letter-spacing:-.03em;color:var(--ink);font-size:clamp(26px,4.4vw,46px);line-height:.98;max-width:820px}html[data-theme=creative] .hero .em{color:var(--copper)}html[data-theme=creative] .about-cols p{color:var(--ink-soft);font-size:16px}html[data-theme=creative] .read-more-btn{color:var(--ink);font-weight:700}html[data-theme=creative] .read-more-btn:hover{color:var(--copper);opacity:1}html[data-theme=creative] #portfolio{background:var(--bg);color:var(--ink)}html[data-theme=creative] .portfolio-lead{color:var(--ink-soft);text-align:left;margin:18px 0 40px}html[data-theme=creative] .grid button{background:#e6e2d8;border-radius:0}html[data-theme=creative] .grid img{filter:grayscale(1) contrast(1.05);opacity:1;transition:filter .35s ease,transform .5s ease}html[data-theme=creative] .grid button:hover img{filter:none;transform:scale(1.03)}html[data-theme=creative] .btn-ghost{border-radius:0;border-color:var(--ink);color:var(--ink);font-weight:700;text-transform:lowercase}html[data-theme=creative] .btn-ghost:hover{background:var(--copper);color:#fff;border-color:var(--copper)}html[data-theme=creative] .cat-filter{justify-content:flex-start;gap:8px;margin:-4px 0 36px}html[data-theme=creative] .cat-filter button{background:transparent;border:2px solid var(--ink);border-radius:0;color:var(--ink);padding:8px 16px;font-weight:700;text-transform:lowercase;letter-spacing:0}html[data-theme=creative] .cat-filter button.is-active{background:var(--copper);border-color:var(--copper);color:#fff}html[data-theme=creative] .contact{text-align:left}html[data-theme=creative] .contact-address{color:var(--ink-soft);text-align:left;margin:8px 0 34px}html[data-theme=creative] .contact-form{text-align:left}html[data-theme=creative] .btn{background:var(--ink);color:var(--bg);border-radius:0;font-weight:700;text-transform:lowercase;letter-spacing:0}html[data-theme=creative] .btn:hover{background:var(--copper);color:#fff}html[data-theme=creative] .form-field input,html[data-theme=creative] .form-field textarea{background:transparent;border:0;border-bottom:2px solid var(--ink);border-radius:0;padding:12px 2px;color:var(--ink)}html[data-theme=creative] .form-field input::placeholder,html[data-theme=creative] .form-field textarea::placeholder{color:var(--ink-faint)}html[data-theme=creative] .form-field input:focus,html[data-theme=creative] .form-field textarea:focus{border-bottom-color:var(--copper)}html[data-theme=creative] .footer{background:var(--bg);color:var(--ink-soft);border-top:2px solid var(--ink);text-align:left}html[data-theme=creative] .footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}html[data-theme=creative] .footer-logo{margin:0}html[data-theme=creative] .footer .copy{color:var(--ink-faint)}html[data-theme=lumen]{--bg:#060c0d;--ink:#eef4f3;--ink-soft:#a9bcbb;--ink-faint:#6d8180;--line:#16302f;--petrol:#0a1616;--copper:#e0a875;--teal-glow:#3aa6b9;--header:#060c0d}html[data-theme=lumen] body{background:var(--bg);color:var(--ink-soft)}html[data-theme=lumen] h1,html[data-theme=lumen] h2,html[data-theme=lumen] h3,html[data-theme=lumen] h4,html[data-theme=lumen] h5,html[data-theme=lumen] h6{color:var(--ink)}html[data-theme=lumen] .h-sec{color:var(--ink);font-weight:500;text-shadow:0 0 34px rgba(58,166,185,.35)}html[data-theme=lumen] .nav{background:rgba(6,12,13,.78);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}html[data-theme=lumen] .nav.scrolled{border-color:rgba(58,166,185,.22)}html[data-theme=lumen] .nav-links a{color:var(--ink-soft)}html[data-theme=lumen] .nav-links a:hover{color:var(--teal-glow)}html[data-theme=lumen] .nav-toggle{color:var(--ink)}html[data-theme=lumen] .mobile-menu{background:rgba(6,12,13,.96);border-bottom-color:var(--line)}html[data-theme=lumen] .mobile-menu a{color:var(--ink-soft);border-bottom-color:var(--line)}html[data-theme=lumen] .hero{position:relative;overflow:hidden;background:var(--bg);padding:170px 24px 110px}html[data-theme=lumen] .hero:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(38% 46% at 50% 32%,rgba(58,166,185,.28) 0,rgba(58,166,185,0) 70%),radial-gradient(60% 40% at 78% 78%,rgba(224,168,117,.14) 0,rgba(224,168,117,0) 70%)}html[data-theme=lumen] .hero>*{position:relative;z-index:1}html[data-theme=lumen] .hero-logo{width:min(260px,60vw);margin-bottom:36px;filter:drop-shadow(0 0 40px rgba(58,166,185,.4))}html[data-theme=lumen] .hero p{color:var(--ink-soft);font-size:clamp(18px,2.1vw,22px);max-width:640px}html[data-theme=lumen] .hero .em{color:var(--teal-glow);font-style:normal;text-shadow:0 0 24px rgba(58,166,185,.45)}html[data-theme=lumen] .about-cols p{color:var(--ink-soft)}html[data-theme=lumen] .read-more-btn{color:var(--teal-glow)}html[data-theme=lumen] .read-more-btn:hover{text-shadow:0 0 14px rgba(58,166,185,.5)}html[data-theme=lumen] #portfolio{background:var(--petrol);color:var(--ink)}html[data-theme=lumen] .portfolio-lead{color:rgba(238,244,243,.72)}html[data-theme=lumen] .grid button{background:#08120f;transition:box-shadow .3s ease}html[data-theme=lumen] .grid img{opacity:.9}html[data-theme=lumen] .grid button:hover img{opacity:1;transform:scale(1.03)}html[data-theme=lumen] .grid button:hover{box-shadow:0 0 34px rgba(58,166,185,.28)}html[data-theme=lumen] .btn-ghost{border-color:var(--teal-glow);color:var(--teal-glow)}html[data-theme=lumen] .btn-ghost:hover{background:var(--teal-glow);color:#06181a;border-color:var(--teal-glow)}html[data-theme=lumen] .cat-filter button:hover{border-color:var(--teal-glow)}html[data-theme=lumen] .cat-filter button.is-active{background:var(--teal-glow);color:#06181a;border-color:var(--teal-glow);box-shadow:0 0 22px rgba(58,166,185,.35)}html[data-theme=lumen] .contact-address{color:var(--ink-soft)}html[data-theme=lumen] .btn{background:var(--teal-glow);color:#06181a}html[data-theme=lumen] .btn:hover{background:#5cc3d4}html[data-theme=lumen] .form-field input,html[data-theme=lumen] .form-field textarea{background:#0a1616;border:1px solid var(--line);color:var(--ink)}html[data-theme=lumen] .form-field input::placeholder,html[data-theme=lumen] .form-field textarea::placeholder{color:var(--ink-faint)}html[data-theme=lumen] .form-field input:focus,html[data-theme=lumen] .form-field textarea:focus{border-color:var(--teal-glow)}html[data-theme=lumen] .footer{background:#040a0a;color:var(--ink-faint);border-top:1px solid var(--line)}html[data-theme=lumen] .footer .copy{color:var(--ink-faint)}html[data-theme=lumen] .footer-logo{filter:drop-shadow(0 0 20px rgba(58,166,185,.22))}html[data-theme=full]{--bg:#07070a;--ink:#f2f1ee;--ink-soft:#c7c5c0;--ink-faint:#8b8983;--line:#242327;--petrol:#07070a;--copper:#e7c98a;--header:rgba(6,6,8,.6)}html[data-theme=full] body{background:var(--bg);color:var(--ink-soft)}html[data-theme=full] h1,html[data-theme=full] h2,html[data-theme=full] h3,html[data-theme=full] h4,html[data-theme=full] h5,html[data-theme=full] h6{color:var(--ink)}html[data-theme=full] .h-sec{color:var(--ink);font-weight:300;letter-spacing:-.01em}html[data-theme=full]{scroll-snap-type:y proximity}html[data-theme=full] .hero{scroll-snap-align:start}html[data-theme=full] .nav{background:rgba(6,6,8,.5);backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);border-bottom-color:transparent}html[data-theme=full] .nav.scrolled{background:rgba(6,6,8,.86);border-color:rgba(255,255,255,.12)}html[data-theme=full] .nav-links a{color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}html[data-theme=full] .nav-links a:hover{color:var(--copper)}html[data-theme=full] .mobile-menu{background:rgba(6,6,8,.96);border-bottom-color:var(--line)}html[data-theme=full] .mobile-menu a{border-bottom-color:var(--line)}html[data-theme=full] .hero{position:relative;overflow:hidden;min-height:100dvh;background:#07070a;padding:0 24px}html[data-theme=full] .hero:before{content:"";position:absolute;inset:0;z-index:0;background-image:url(/uploads/ORI_03-1024x576.jpg);background-size:cover;background-position:center 38%}html[data-theme=full] .hero:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 72% 56% at 50% 50%,rgba(5,5,7,.55) 0,rgba(5,5,7,.28) 55%,rgba(5,5,7,0) 78%),linear-gradient(180deg,rgba(5,5,7,.62),rgba(5,5,7,.38) 42%,rgba(5,5,7,.82))}html[data-theme=full] .hero p,html[data-theme=full] .hero-logo{position:relative;z-index:2}html[data-theme=full] .hero-logo{width:min(260px,60vw);margin-bottom:34px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7)) drop-shadow(0 4px 28px rgba(0,0,0,.6))}html[data-theme=full] .hero p{color:#fff;font-size:clamp(18px,2.1vw,22px);max-width:640px;text-shadow:0 1px 3px rgba(0,0,0,.85),0 2px 22px rgba(0,0,0,.6)}html[data-theme=full] .hero .em{color:#fff;font-weight:600}html[data-theme=full] .about-cols p{color:var(--ink-soft)}html[data-theme=full] .read-more-btn{color:var(--copper)}html[data-theme=full] #portfolio{background:transparent;color:var(--ink);padding:72px 0 0}html[data-theme=full] .portfolio-lead{color:var(--ink-soft)}html[data-theme=full] .grid{display:block;width:100vw;margin:40px calc(50% - 50vw) 0}html[data-theme=full] .grid>button{display:block;width:100%;height:100dvh;aspect-ratio:unset;position:relative;background:#000;scroll-snap-align:start}html[data-theme=full] .grid img{width:100%;height:100%;object-fit:cover;opacity:1}html[data-theme=full] .grid>button:hover img{transform:none;opacity:.94}html[data-theme=full] .cat-filter{display:none}html[data-theme=full] .cat-divider{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100dvh;padding:0 24px;background:#0c0c0f;color:#fff;scroll-snap-align:start}html[data-theme=full] .cat-divider span{font-family:var(--font-heading),"Playfair Display",Georgia,serif;font-style:italic;font-weight:300;letter-spacing:-.01em;font-size:clamp(32px,6vw,72px);color:var(--copper)}html[data-theme=full] .grid-cap{display:flex;flex-direction:column;gap:8px;text-align:left;pointer-events:none;position:absolute;left:0;right:0;bottom:0;padding:60px clamp(20px,6vw,72px) 52px;background:linear-gradient(0deg,rgba(4,4,6,.8) 0,rgba(4,4,6,.4) 55%,transparent)}html[data-theme=full] .grid-cap-title{font-family:var(--font-heading),"Playfair Display",Georgia,serif;font-size:clamp(22px,3vw,34px);font-weight:600;color:#fff}html[data-theme=full] .grid-cap-desc{font-size:clamp(14px,1.6vw,17px);color:rgba(255,255,255,.82);max-width:620px}html[data-theme=full] .portfolio-cta{padding:44px 0 64px}html[data-theme=full] .btn-ghost{border-color:var(--copper);color:var(--copper)}html[data-theme=full] .btn-ghost:hover{background:var(--copper);color:#07070a;border-color:var(--copper)}html[data-theme=full] .contact-address{color:var(--ink-soft)}html[data-theme=full] .btn{background:var(--copper);color:#07070a}html[data-theme=full] .btn:hover{background:#f0d9a8}html[data-theme=full] .form-field input,html[data-theme=full] .form-field textarea{background:#111114;border:1px solid var(--line);color:var(--ink)}html[data-theme=full] .form-field input::placeholder,html[data-theme=full] .form-field textarea::placeholder{color:var(--ink-faint)}html[data-theme=full] .form-field input:focus,html[data-theme=full] .form-field textarea:focus{border-color:var(--copper)}html[data-theme=full] .footer{background:#050507;color:var(--ink-faint);border-top:1px solid var(--line)}html[data-theme=full] .footer .copy{color:var(--ink-faint)}@media (min-width:761px){html[data-theme=creative] body{padding-left:88px}html[data-theme=creative] .nav{top:0;right:auto;bottom:0;left:0;width:88px;background:transparent;border-bottom:0;border-right:1px solid var(--line)}html[data-theme=creative] .nav.scrolled{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--line)}html[data-theme=creative] .nav:before{content:"";position:absolute;top:28px;left:50%;transform:translateX(-50%);width:14px;height:14px;background:var(--copper)}html[data-theme=creative] .nav-inner{max-width:none;height:100%;margin:0;padding:84px 0 30px;flex-direction:column;justify-content:flex-start;align-items:center}html[data-theme=creative] .nav-links{flex-direction:column;align-items:center;gap:34px;counter-reset:sw-nav}html[data-theme=creative] .nav-links li{counter-increment:sw-nav}html[data-theme=creative] .nav-links a{writing-mode:vertical-rl;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:lowercase;color:var(--ink)}html[data-theme=creative] .nav-links a:before{content:counter(sw-nav,decimal-leading-zero);font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--copper)}html[data-theme=creative] .nav-links a.is-active,html[data-theme=creative] .nav-links a:hover{color:var(--copper)}html[data-theme=lumen] .nav{top:50%;right:26px;bottom:auto;left:auto;transform:translateY(-50%);backdrop-filter:none;-webkit-backdrop-filter:none}html[data-theme=lumen] .nav,html[data-theme=lumen] .nav.scrolled{background:transparent;border:0}html[data-theme=lumen] .nav-inner{max-width:none;margin:0;padding:0;height:auto}html[data-theme=lumen] .nav-links{flex-direction:column;align-items:flex-end;gap:26px}html[data-theme=lumen] .nav-links a{display:flex;align-items:center;gap:12px}html[data-theme=lumen] .nav-links a:after{content:"";flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:rgba(169,188,187,.35);transition:background .25s ease,box-shadow .25s ease,transform .25s ease}html[data-theme=lumen] .nav-links a.is-active:after,html[data-theme=lumen] .nav-links a:hover:after{background:var(--teal-glow);box-shadow:0 0 14px rgba(58,166,185,.85);transform:scale(1.2)}html[data-theme=lumen] .nav-links .nav-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);background:rgba(6,12,13,.85);border:1px solid var(--line);border-radius:999px;padding:5px 12px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(8px);transition:opacity .25s ease,transform .25s ease}html[data-theme=lumen] .nav-links a.is-active .nav-label,html[data-theme=lumen] .nav-links a:hover .nav-label{opacity:1;transform:none}}html[data-theme=full] .nav{backdrop-filter:none;-webkit-backdrop-filter:none}html[data-theme=full] .nav,html[data-theme=full] .nav.scrolled{background:transparent;border:0}html[data-theme=full] .nav-links{display:none}html[data-theme=full] .nav-inner{max-width:none;z-index:2}html[data-theme=full] .nav-toggle{display:block;right:22px;width:46px;height:46px;border-radius:50%;background:rgba(6,6,8,.55);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:17px;line-height:1;transition:background .25s ease,border-color .25s ease}html[data-theme=full] .nav-toggle:hover{background:rgba(6,6,8,.82);border-color:var(--copper)}html[data-theme=full] .mobile-menu{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:1;border:0;padding:0;background:rgba(4,4,6,.9);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);animation:full-menu-in .35s ease both}html[data-theme=full] .mobile-menu.closed{display:none;animation:none}@keyframes full-menu-in{0%{opacity:0}to{opacity:1}}html[data-theme=full] .mobile-menu ul{counter-reset:full-nav;display:flex;flex-direction:column;gap:clamp(10px,3.2vh,28px);text-align:center}html[data-theme=full] .mobile-menu li{counter-increment:full-nav}html[data-theme=full] .mobile-menu a{display:inline-flex;align-items:baseline;justify-content:center;gap:18px;border:0;padding:4px 0;font-family:var(--font-heading),"Playfair Display",Georgia,serif;font-style:italic;font-weight:300;font-size:clamp(34px,6.5vw,64px);color:#fff;transition:color .25s ease}html[data-theme=full] .mobile-menu a:before{content:counter(full-nav,decimal-leading-zero);font-family:var(--font-body),Helvetica,Arial,sans-serif;font-style:normal;font-size:12px;letter-spacing:.2em;color:var(--copper)}html[data-theme=full] .mobile-menu a:hover{color:var(--copper)}html[data-theme=creative] .cat-filter,html[data-theme=improved] .cat-filter,html[data-theme=kino] .cat-filter,html[data-theme=lumen] .cat-filter,html[data-theme=minimal] .cat-filter{display:none}html[data-theme=creative] .cat-divider,html[data-theme=improved] .cat-divider,html[data-theme=kino] .cat-divider,html[data-theme=lumen] .cat-divider,html[data-theme=minimal] .cat-divider{display:block;grid-column:1/-1;text-align:center;padding:42px 0 10px}html[data-theme=creative] .cat-divider:first-child,html[data-theme=improved] .cat-divider:first-child,html[data-theme=kino] .cat-divider:first-child,html[data-theme=lumen] .cat-divider:first-child,html[data-theme=minimal] .cat-divider:first-child{padding-top:8px}html[data-theme=improved] .cat-divider span{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--copper)}html[data-theme=minimal] .cat-divider span{font-family:var(--serif);font-weight:300;font-size:clamp(22px,2.6vw,30px);color:var(--ink)}html[data-theme=kino] .cat-divider span{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(20px,2.4vw,28px);color:var(--copper)}html[data-theme=creative] .cat-divider{text-align:left}html[data-theme=creative] .cat-divider span{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:800;letter-spacing:0;text-transform:lowercase;color:var(--ink)}html[data-theme=creative] .cat-divider span:before{content:"";width:10px;height:10px;background:var(--copper)}html[data-theme=lumen] .cat-divider span{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--teal-glow);text-shadow:0 0 20px rgba(58,166,185,.55)}.cat-divider-arrow{display:none}html[data-theme=full] .cat-divider{position:relative}html[data-theme=full] .cat-divider-arrow{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;bottom:36px;width:44px;height:44px;margin-left:-22px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:rgba(6,6,8,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:18px;line-height:1;cursor:pointer;animation:cat-arrow-bob 2.4s ease-in-out infinite;transition:border-color .25s ease,color .25s ease,background .25s ease}html[data-theme=full] .cat-divider-arrow:hover{border-color:var(--copper);color:var(--copper);background:rgba(6,6,8,.7)}@keyframes cat-arrow-bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}html[data-theme]:not([data-theme=light]) body{display:flex;flex-direction:column}html[data-theme]:not([data-theme=light]) .hero{order:1}html[data-theme]:not([data-theme=light]) #portfolio{order:2}html[data-theme]:not([data-theme=light]) .about{order:3}html[data-theme]:not([data-theme=light]) .contact{order:4}html[data-theme]:not([data-theme=light]) .footer{order:5}