@font-face{font-family:HGPSoeiKakugothicUB-local;src:local(HGPSoeiKakugothicUB),local(HGP創英角ｺﾞｼｯｸUB);font-display:swap}:root{--primary:#1a1ae6;--secondary:#171717;--tertiary:#7628f3;--neutral:#171717;--bg:#fff;--surface:#fff;--ink-on-surface:#171717;--ink:#171717;--ink-dim:#1717179e;--border:#171717;--border-light:#17171729;--accent:#1a1ae6;--accent-soft:#1212b4;--home-grad-top:#1a1ae6;--font-display:"HGPSoeiKakugothicUB-local", "Didot", "GFS Didot", "Playfair Display", Georgia, "Noto Sans Thai", serif;--font-mono:"SF Mono", "IBM Plex Mono", ui-monospace, "Cascadia Mono", "Noto Sans Thai", monospace;--sp-sm:20px;--sp-md:30px;--gap-sm:10px;--gap-md:15px;--gap-lg:30px;--radius-pill:9999px;--shadow-elevated:#0000001f 0px 40px 120px 0px;--ease-standard:cubic-bezier(.4, 0, .2, 1);--t-fast:.15s;--t-med:.3s;--t-slow:.5s}html[lang=th]{--font-mono:"Noto Sans Thai", "SF Mono", "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--font-display:"Noto Sans Thai", "Didot", "GFS Didot", "Playfair Display", Georgia, serif}[data-theme=services],[data-theme=projects],[data-theme=news],[data-theme=contact]{--accent:#1a1ae6;--accent-soft:#1212b4}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;font-size:14px;line-height:21px;overflow-x:hidden}::selection{background:var(--accent);color:#fff}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;font-weight:500;line-height:1}a{color:inherit;transition:color var(--t-fast) var(--ease-standard), opacity var(--t-fast) var(--ease-standard);text-decoration:none}img,video{max-width:100%;display:block}button{font-family:var(--font-mono);cursor:pointer}.label{font-family:var(--font-mono);letter-spacing:2.8px;text-transform:uppercase;font-size:14px;line-height:21px}.label-sm{font-family:var(--font-mono);letter-spacing:2.2px;text-transform:uppercase;font-size:11px;line-height:18px}.display-xl{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(56px,14vw,200px);font-weight:500;line-height:.95}.display-lg{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(40px,7vw,96px);font-weight:500;line-height:1}.display-md{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,4vw,52px);font-weight:500}.display-sm{font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(22px,3vw,36px);font-weight:500}.section{padding:clamp(60px,9vw,130px) clamp(20px,5vw,70px);position:relative}.section-head{justify-content:space-between;align-items:baseline;gap:var(--gap-md);flex-wrap:wrap;margin-bottom:clamp(30px,5vw,60px);display:flex}.kicker{font-family:var(--font-mono);letter-spacing:3.2px;text-transform:uppercase;color:var(--accent-soft);align-items:center;gap:var(--gap-sm);font-size:12px;display:inline-flex}.kicker:before{content:"";background:var(--accent);width:34px;height:1px}.btn{align-items:center;gap:var(--gap-sm);border-radius:var(--radius-pill);border:1px solid var(--border-light);color:var(--ink);letter-spacing:2.8px;text-transform:uppercase;transition:background var(--t-med) var(--ease-standard), color var(--t-med) var(--ease-standard), border-color var(--t-med) var(--ease-standard), opacity var(--t-fast) var(--ease-standard);background:0 0;padding:14px 30px;font-size:12px;display:inline-flex}.btn:hover,.btn--solid{background:var(--accent-soft);border-color:var(--accent-soft);color:#fff}.btn--solid:hover{background:var(--secondary);border-color:var(--secondary)}.btn--dark{color:var(--ink-on-surface);border-color:#17171759}.btn--dark:hover{color:#fff}.btn--solid.btn--dark{color:#f4f8f9}.btn--solid.btn--dark:hover{color:#fff}.textlink{letter-spacing:2.8px;text-transform:uppercase;color:var(--ink);transition:color var(--t-fast) var(--ease-standard), border-color var(--t-fast) var(--ease-standard);background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;padding:0;font-size:12px}.textlink:hover{color:var(--accent-soft);border-color:var(--accent-soft)}.panel{-webkit-backdrop-filter:blur(8px);color:var(--ink-on-surface);border:1px solid var(--border-light);background:#fff6;border-radius:16px;box-shadow:0 10px 30px -10px #00000014,inset 0 1px #fff9,inset 0 -1px #0000000d}.gradient-shell{background:linear-gradient(135deg,#3a6ea5,#84b5d6);border-radius:24px;padding:1px}.gradient-shell>*{border-radius:23px;overflow:hidden}.grain{z-index:60;pointer-events:none;mix-blend-mode:multiply;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.about-section{padding-bottom:0}.about-body{max-width:860px;color:var(--ink-dim);flex-direction:column;gap:14px;margin-top:clamp(20px,3vw,34px);font-size:15px;line-height:1.75;display:flex}.section-note{color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase;text-align:right;font-size:12px}.services-grid{gap:var(--gap-md);grid-template-columns:repeat(3,1fr);display:grid}.services-grid .reveal{display:flex}.services-grid .scard{flex:1}@media (width<=1020px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.services-grid{grid-template-columns:1fr}.section-note{text-align:left}}.reveal{opacity:0;transition:opacity var(--t-slow) var(--ease-standard), transform var(--t-slow) var(--ease-standard);transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #ffffff73;border-top:none;justify-content:space-between;align-items:center;padding:10px clamp(20px,5vw,70px);display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px -4px #00000012,inset 0 1px #fff9,inset 0 -1px #0000000a}.nav__brand{align-items:center;gap:12px;display:flex}.nav__logo-img{width:auto;height:56px;transition:opacity var(--t-fast) var(--ease-standard)}.nav__brand:hover .nav__logo-img{opacity:.85}.nav__links{gap:clamp(18px,3vw,38px);display:flex}@media (width>=761px){.nav__links{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.nav__link{color:var(--ink-dim);transition:color var(--t-fast) var(--ease-standard), border-color var(--t-fast) var(--ease-standard);border-bottom:1px solid #0000;padding:4px 0;font-size:14px}.nav__link:hover{color:var(--ink)}.nav__link.is-active{color:var(--accent-soft);border-color:var(--accent)}.nav__link:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.nav__burger{background:0 0;border:0;flex-direction:column;gap:6px;padding:8px;display:none}.nav__burger span{background:var(--ink);width:24px;height:1.5px;transition:transform var(--t-med) var(--ease-standard)}@media (width<=760px){.nav__burger{display:flex}.nav__links{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-height:0;transition:max-height var(--t-med) var(--ease-standard);background:#fffffff7;border-bottom:1px solid #1717171a;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav__links.is-open{max-height:320px}.nav__link{border-bottom:1px solid var(--border-light);padding:16px clamp(20px,5vw,70px)}}.nav__lang{align-items:center;gap:6px;margin-left:auto;margin-right:24px;display:flex}@media (width<=760px){.nav__lang{margin-right:12px}}.nav__lang-btn{font-family:var(--font-mono);color:var(--ink-dim);transition:color var(--t-fast) var(--ease-standard);letter-spacing:1px;background:0 0;border:0;padding:4px;font-size:14px}.nav__lang-btn:hover{color:var(--ink)}.nav__lang-btn.is-active{color:var(--accent-soft);font-weight:600}.nav__lang-sep{color:#17171740}.footer{z-index:1;color:#fff;background:linear-gradient(100deg,#1a1ae6 0%,#0e57c9 45%,#0aa04f 100%);padding:clamp(40px,7vw,80px) clamp(20px,5vw,70px) 30px;position:relative}.footer__grid{gap:var(--gap-lg);grid-template-columns:1.6fr 1fr 1.2fr 1.3fr;display:grid}.footer__logo-panel{background:#fff;border-radius:12px;margin-bottom:18px;padding:18px 24px;display:inline-block;box-shadow:0 10px 30px -10px #00000059}.footer__logo-img{width:clamp(180px,16vw,240px);height:auto;margin:0 auto}.footer__head{color:#fff;margin-bottom:15px}.footer__link{color:#ffffffd9;padding:5px 0;font-size:13px;display:block}.footer__link--inline{padding:0;display:inline}.footer__link:hover{color:#fff;text-decoration:underline}.footer__text{color:#ffffffe6;max-width:340px;margin-bottom:8px;font-size:13px}.footer__address{margin-top:4px}.footer__subscribe{flex-direction:column;gap:10px;max-width:260px;display:flex}.footer__input{border-radius:var(--radius-pill);color:var(--ink);font-family:var(--font-mono);background:#fff;border:1px solid #fff6;padding:11px 16px;font-size:13px}.footer__input:focus{outline-offset:2px;outline:2px solid #ffffffb3}.footer__subscribe-btn{border-radius:var(--radius-pill);color:#fff;letter-spacing:2px;text-transform:uppercase;transition:background var(--t-med) var(--ease-standard), color var(--t-med) var(--ease-standard);background:#ffffff24;border:1px solid #fff;align-self:flex-start;padding:10px 24px;font-size:12px}.footer__subscribe-btn:hover{color:var(--accent-soft);background:#fff}.footer__social{gap:10px;margin-top:16px;display:flex}.footer__social-btn{border-radius:var(--radius-pill);color:#fff;width:34px;height:34px;transition:background var(--t-med) var(--ease-standard), color var(--t-med) var(--ease-standard);border:1px solid #fff9;justify-content:center;align-items:center;display:inline-flex}.footer__social-btn:hover{color:var(--accent-soft);background:#fff}.footer__base{justify-content:space-between;gap:var(--gap-sm);color:#fff;border-top:1px solid #ffffff59;flex-wrap:wrap;margin-top:clamp(30px,5vw,60px);padding-top:25px;display:flex}@media (width<=900px){.footer__grid{grid-template-columns:1fr 1fr}}@media (width<=540px){.footer__grid{grid-template-columns:1fr}}.portal{background:linear-gradient(180deg, var(--home-grad-top) 0%, #fff 62%);align-items:center;height:100svh;display:flex;position:relative;overflow:hidden}.portal--hot{cursor:pointer}.portal__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portal__blob-fallback{width:58vmin;height:58vmin;transition:background var(--t-med) var(--ease-standard), width .4s var(--ease-standard), height .4s var(--ease-standard), border-radius .4s var(--ease-standard);pointer-events:none;border-radius:44% 56% 68% 32%/50% 45% 55% 50%;animation:9s ease-in-out infinite alternate blobmorph;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.portal--hot .portal__blob-fallback{border-radius:6px;width:min(72vmin,640px);height:calc(min(72vmin,640px)/1.6);animation-play-state:paused}@keyframes blobmorph{0%{border-radius:44% 56% 68% 32%/50% 45% 55% 50%}50%{border-radius:58% 42% 40% 60%/42% 58% 46% 54%}to{border-radius:38% 62% 55% 45%/60% 38% 62% 40%}}.portal__photo{aspect-ratio:16/10;opacity:0;width:min(72vmin,640px);transition:opacity .15s var(--ease-standard);pointer-events:none;z-index:1;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.portal__photo img{object-fit:cover;width:100%;height:100%}.portal__photo.is-on{opacity:1;transition:opacity .26s var(--ease-standard) .3s}.portal__labels{white-space:nowrap;transition:transform .55s var(--ease-standard);z-index:2;align-items:baseline;gap:clamp(40px,7vw,110px);display:flex;position:absolute;top:50%;left:0;transform:translate(0)translateY(-50%)}.portal__label{font-family:var(--font-display);letter-spacing:-.025em;color:#a3adb1;opacity:.75;transition:transform .55s var(--ease-standard), color .4s var(--ease-standard), opacity .4s var(--ease-standard);background:0 0;border:0;padding:0;font-size:clamp(58px,11vw,150px);font-weight:500;line-height:1;transform:scale(.52)}:root[lang=th] .portal__label{font-size:clamp(50px,9.5vw,129px)}.portal__label:hover{color:#6d787d;opacity:1}.portal__label.is-focused{color:var(--ink-on-surface);opacity:1;transition:transform .55s var(--ease-standard), color .4s var(--ease-standard), opacity .4s var(--ease-standard), text-shadow .3s var(--ease-standard);transform:scale(1)}.portal--hot .portal__label.is-focused{text-shadow:0 0 2px #fffffff2,0 0 6px #ffffffd9,0 0 18px #ffffff8c}.portal__meta{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:clamp(24px,4vh,48px);left:0;right:0}.portal__hint{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#1717178c;text-align:center;padding:0 20px;font-size:15px}.portal__dots{gap:10px;display:flex}.portal__dot{border-radius:var(--radius-pill);width:7px;height:7px;transition:background var(--t-med) var(--ease-standard), transform var(--t-med) var(--ease-standard);background:#17171733}.portal__dot.is-on{background:var(--accent);transform:scale(1.25)}.portal__help{color:#17171761;font-size:14px}@media (width<=640px){.portal__help:after{content:""}.portal__hint{font-size:10px}}.scard{-webkit-backdrop-filter:blur(8px);transition:border-color var(--t-med) var(--ease-standard), background var(--t-med) var(--ease-standard), transform var(--t-med) var(--ease-standard), box-shadow var(--t-med) var(--ease-standard);background:#fff6;border:1px solid #ffffff73;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000014,inset 0 1px #fff9,inset 0 -1px #0000000d}.scard:hover{background:color-mix(in srgb, var(--accent) 15%, #fff6);border-color:#fffc;transform:translateY(-6px)scale(1.01);box-shadow:0 20px 40px -15px #00000026,inset 0 1px #fffc,inset 0 -1px #00000014}.scard__media{aspect-ratio:16/9;position:relative;overflow:hidden}.scard__media img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow) var(--ease-standard), opacity var(--t-med) var(--ease-standard);opacity:.85}.scard:hover .scard__media img{opacity:1;transform:scale(1.06)}.scard__tint{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 30%, transparent), transparent 55%);opacity:0;transition:opacity var(--t-med) var(--ease-standard);position:absolute;inset:0}.scard:hover .scard__tint{opacity:1}.scard__body{gap:var(--gap-sm);padding:var(--sp-sm);flex-direction:column;flex:1;display:flex}.scard__num{color:var(--accent-soft)}.scard__title{color:var(--ink);transition:color var(--t-fast) var(--ease-standard);font-size:clamp(22px,2.4vw,30px)}.scard:hover .scard__title{color:var(--accent-soft)}.scard__media img{opacity:1}.scard__blurb{color:var(--ink-dim);flex:1;font-size:13px}.scard__cta{color:var(--ink);margin-top:var(--gap-sm);align-items:center;gap:8px;display:inline-flex}.scard__arrow{transition:transform var(--t-fast) var(--ease-standard)}.scard:hover .scard__arrow{transform:translate(6px)}.page-top{padding-top:84px}.sdetail__hero{align-items:flex-end;min-height:46vh;display:flex;position:relative;overflow:hidden}.sdetail__hero-img{object-fit:cover;opacity:.5;width:100%;height:100%;position:absolute;inset:0}.sdetail__hero-scrim{background:linear-gradient(0deg, var(--bg) 0%, #1717174d 70%);position:absolute;inset:0}.sdetail__hero-content{z-index:2;padding:clamp(30px,6vw,70px) clamp(20px,5vw,70px);position:relative}.sdetail__cols{gap:var(--gap-lg);grid-template-columns:1.5fr 1fr;align-items:start;margin-bottom:clamp(40px,6vw,80px);display:grid}.sdetail__desc p{color:var(--ink-dim);letter-spacing:.04em;max-width:60ch;margin-bottom:18px;font-size:14px;line-height:1.7}.sdetail__caps{padding:var(--sp-md)}.sdetail__caps-head{color:var(--accent-soft);margin-bottom:var(--gap-md)}.sdetail__caps ul{list-style:none}.sdetail__caps li{border-bottom:1px solid #1717171f;padding:10px 0;font-size:13px}.sdetail__caps li:before{content:"— ";color:var(--accent)}.sdetail__caps li:last-child{border-bottom:0}.sdetail__gallery{gap:var(--gap-md);grid-template-columns:repeat(3,1fr);margin-bottom:clamp(40px,6vw,70px);display:grid}.sdetail__gallery img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border-light);width:100%;transition:opacity var(--t-med) var(--ease-standard), transform var(--t-med) var(--ease-standard);opacity:.88}.sdetail__gallery img:hover{opacity:1;transform:translateY(-3px)}.sdetail__nav{justify-content:space-between;gap:var(--gap-md);border-top:1px solid var(--border-light);flex-wrap:wrap;padding-top:26px;display:flex}@media (width<=860px){.sdetail__cols{grid-template-columns:1fr}.sdetail__gallery{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.sdetail__gallery{grid-template-columns:1fr}}.news-admin{align-items:center;gap:var(--sp-sm);display:flex}.news-form{gap:var(--gap-md);padding:var(--sp-md);flex-direction:column;margin-bottom:clamp(30px,5vw,50px);display:flex}.news-form__head{color:var(--primary)}.news-form input,.news-form textarea{font-family:var(--font-mono);color:var(--ink-on-surface);resize:vertical;transition:border-color var(--t-fast) var(--ease-standard);background:#fff;border:1px solid #1717174d;outline:none;padding:12px 14px;font-size:13px}.news-form input:focus,.news-form textarea:focus{border-color:var(--primary)}.news-form .btn{align-self:flex-start}.news-form__upload{background:#fff9;border:1px dashed #17171759;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.news-form__upload .label-sm{color:var(--ink-on-surface);opacity:.75}.news-form__upload input[type=file]{font-family:var(--font-mono);background:0 0;border:0;padding:0;font-size:12px}.news-form button:disabled,.news-login-form button:disabled,.news-row__edit:disabled,.news-row__delete:disabled{opacity:.5;cursor:progress}.news-form__actions{align-items:center;gap:var(--gap-md);display:flex}.news-form__field{flex-direction:column;gap:6px;display:flex}.news-form__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:500}.news-form__hint{font-family:var(--font-mono);color:var(--ink-on-surface);opacity:.65;font-size:11px;line-height:1.5}.news-form__preview img{aspect-ratio:16/10;object-fit:cover;border:1px solid #17171733;width:100%;max-width:260px;display:block}.news-form__covers{flex-wrap:wrap;gap:10px;display:flex}.news-form__cover{cursor:pointer;opacity:.55;width:84px;height:60px;transition:opacity var(--t-fast) var(--ease-standard), border-color var(--t-fast) var(--ease-standard);background:0 0;border:2px solid #0000;padding:0}.news-form__cover img{object-fit:cover;width:100%;height:100%;display:block}.news-form__cover:hover{opacity:.85}.news-form__cover.is-active{opacity:1;border-color:var(--primary)}.news-row--editing,.album-card__wrap.is-editing{outline:2px solid var(--primary);outline-offset:6px}.news-row__edit{color:var(--primary)}.album-card__admin{align-items:center;gap:var(--gap-md);display:flex}.news-list{flex-direction:column;display:flex}.news-row{gap:var(--gap-lg);border-bottom:1px solid var(--border-light);grid-template-columns:320px 1fr;padding:clamp(24px,4vw,40px) 0;display:grid}.news-row__media{aspect-ratio:16/10;border:1px solid var(--border-light);overflow:hidden}.news-row__media img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:transform var(--t-slow) var(--ease-standard), opacity var(--t-med) var(--ease-standard)}.news-row__media:hover img{opacity:1;transform:scale(1.05)}.news-row__body{gap:var(--gap-sm);flex-direction:column;display:flex}.news-row__date{color:var(--accent-soft)}.news-row__title{transition:color var(--t-fast) var(--ease-standard);font-size:clamp(22px,3vw,34px);line-height:1.1}.news-row__title:hover{color:var(--accent-soft)}.news-row__summary{color:var(--ink-dim);max-width:68ch;font-size:13px}.news-row__actions{gap:var(--sp-md);padding-top:var(--gap-sm);margin-top:auto;display:flex}.news-row__delete{color:#e05656}.news-row__delete:hover{color:#ff7b7b;border-color:#ff7b7b}.news-empty{color:var(--ink-dim);padding:40px 0}@media (width<=760px){.news-row{gap:var(--gap-md);grid-template-columns:1fr}}.news-login-overlay{-webkit-backdrop-filter:blur(10px);z-index:100;background:#17171759;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.news-login-form{gap:var(--gap-md);width:90%;max-width:400px;padding:var(--sp-md);background:#ffffffb3;flex-direction:column;display:flex}.news-login-form input{font-family:var(--font-mono);border:1px solid var(--border-light);color:var(--ink-on-surface);transition:border-color var(--t-fast) var(--ease-standard);background:#fff9;border-radius:8px;outline:none;padding:12px 14px;font-size:13px}.news-login-form input:focus{border-color:var(--accent)}.news-login-error{color:#e05656;font-size:12px;font-family:var(--font-mono)}.news-login-buttons{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.article{max-width:900px;margin:0 auto}.article__date{color:var(--accent-soft)}.article__title{margin:14px 0 30px;line-height:1.08}.article__shell{margin-bottom:clamp(30px,5vw,50px)}.article__image{object-fit:cover;width:100%;max-height:520px}.article__body p{color:var(--ink-dim);letter-spacing:.04em;max-width:72ch;margin-bottom:20px;font-size:14px;line-height:1.75}.article__nav{justify-content:space-between;gap:var(--gap-md);border-top:1px solid var(--border-light);flex-wrap:wrap;margin-top:clamp(30px,5vw,50px);padding-top:26px;display:flex}.album-card{aspect-ratio:4/3;transition:transform var(--t-med) var(--ease-standard), box-shadow var(--t-med) var(--ease-standard), border-color var(--t-med) var(--ease-standard);border:1px solid #ffffff73;border-radius:16px;display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000014,inset 0 1px #fff9,inset 0 -1px #0000000d}.album-card:hover{border-color:#fffc;transform:translateY(-6px)scale(1.01);box-shadow:0 20px 40px -15px #00000026,inset 0 1px #fffc,inset 0 -1px #00000014}.album-card img{object-fit:cover;opacity:.8;width:100%;height:100%;transition:transform var(--t-slow) var(--ease-standard), opacity var(--t-med) var(--ease-standard)}.album-card:hover img{opacity:1;transform:scale(1.05)}.album-card__overlay{padding:var(--sp-sm);background:linear-gradient(#0000,#171717eb);flex-direction:column;gap:4px;display:flex;position:absolute;inset:auto 0 0}.album-card__tag{color:#b9c6ff}.album-card__wrap{flex-direction:column;gap:8px;display:flex}.album-card__admin,.album-card__delete{align-self:flex-start}.album-card__name{font-family:var(--font-display);letter-spacing:-.02em;color:#f4f8f9;font-size:24px}.album-card__count{color:#f4f8f9a6}.albums-grid{gap:var(--gap-md);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.albums-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.albums-grid{grid-template-columns:1fr}}.albumview-grid{gap:var(--gap-md);grid-template-columns:repeat(3,1fr);display:grid}.albumview-thumb{border:1px solid var(--border-light);background:0 0;width:100%;padding:0;display:block;overflow:hidden}.albumview-thumb img{aspect-ratio:4/3;object-fit:cover;opacity:.88;width:100%;transition:transform var(--t-slow) var(--ease-standard), opacity var(--t-med) var(--ease-standard)}.albumview-thumb:hover img{opacity:1;transform:scale(1.05)}.albumview-nav{justify-content:space-between;gap:var(--gap-md);border-top:1px solid var(--border-light);flex-wrap:wrap;margin-top:clamp(30px,5vw,50px);padding-top:26px;display:flex}.lightbox{z-index:80;background:#0a0a0aeb;justify-content:center;align-items:center;padding:clamp(16px,4vw,60px);display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:var(--shadow-elevated)}.lightbox__btn{color:#e6eef0;border-radius:var(--radius-pill);width:46px;height:46px;transition:background var(--t-fast) var(--ease-standard), border-color var(--t-fast) var(--ease-standard);background:#e6eef014;border:1px solid #e6eef04d;font-size:16px;position:absolute}.lightbox__btn:hover{background:var(--accent);border-color:var(--accent)}.lightbox__prev{top:50%;left:18px;transform:translateY(-50%)}.lightbox__next{top:50%;right:18px;transform:translateY(-50%)}.lightbox__close{top:18px;right:18px}.lightbox__counter{color:#e6eef0b3;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=900px){.albumview-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.albumview-grid{grid-template-columns:1fr}}.contact-grid{gap:var(--gap-lg);grid-template-columns:1fr 1.4fr;align-items:start;display:grid}.contact-info{gap:var(--sp-md);flex-direction:column;display:flex}.contact-block p{color:var(--ink-dim);letter-spacing:.04em;max-width:40ch;font-size:14px;line-height:1.7}.contact-block__head{color:var(--accent-soft);margin-bottom:8px}.contact-link{color:var(--ink);padding:3px 0;font-size:15px;display:block}.contact-link:hover{color:var(--accent-soft)}.contact-info .btn{align-self:flex-start}.contact-map{background:#1d2430;height:480px;position:relative}.contact-map iframe{filter:grayscale(.4)contrast(1.05);border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.contact-map__fallback{justify-content:center;align-items:center;gap:var(--gap-sm);text-align:center;padding:var(--sp-md);flex-direction:column;display:flex;position:absolute;inset:0}.contact-map__fallback .label-sm{color:#67e8f9}.contact-map__fallback p{color:#e6eef0b3;max-width:42ch}.contact-map__pin{color:var(--accent);font-size:28px}.clients-panel{margin-top:clamp(40px,7vw,80px);padding:clamp(30px,5vw,60px)}.clients-panel .kicker{color:var(--accent-soft)}.clients-img{width:100%;max-width:900px;margin:0 auto}@media (width<=860px){.contact-grid{grid-template-columns:1fr}.contact-map{height:360px}}