body.main-portal{background: radial-gradient(ellipse 80% 50% at 70% -10%,var(--accent-glow),transparent 55%),var(--bg);}.site-header{position: sticky;top: 0;z-index: 300;height: var(--header-h);display: flex;align-items: center;backdrop-filter: blur(16px);background: var(--header-bg);border-bottom: 1px solid var(--border);}.site-header .container{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;width: min(100% - 2rem,var(--container));}.logo{font-weight: 700;font-size: 1.15rem;letter-spacing: -0.02em;white-space: nowrap;}.nav{display: flex;align-items: center;gap: 1.75rem;}.nav a{color: var(--text-muted);font-size: 0.92rem;font-weight: 500;transition: color 0.2s;}.nav a:hover,.nav a.active{color: var(--text);}.header-actions{display: flex;align-items: center;gap: 0.75rem;}.icon-btn{width: 40px;height: 40px;display: grid;place-items: center;border-radius: var(--radius-sm);border: 1px solid transparent;background: transparent;color: var(--text-muted);cursor: pointer;transition: color 0.2s,border-color 0.2s,background 0.2s;}.icon-btn:hover{color: var(--text);border-color: var(--border-strong);background: var(--wash);}.menu-toggle,.mobile-toggle{display: none;}.site-header-inner{display: flex;align-items: center;justify-content: space-between;gap: 1rem;width: 100%;}.desktop-nav ul,.nav ul{list-style: none;margin: 0;padding: 0;display: flex;gap: 1.5rem;flex-wrap: wrap;}.hero{position: relative;padding: clamp(3rem,7vw,5.5rem) 0 clamp(4rem,8vw,6rem);overflow: hidden;}.hero::before{content: '';position: absolute;inset: 0;background-image: linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size: 48px 48px;mask-image: radial-gradient(ellipse 70% 70% at 50% 40%,black,transparent);pointer-events: none;}.hero-grid{display: grid;grid-template-columns: 1.05fr 0.95fr;gap: clamp(2rem,5vw,4rem);align-items: center;position: relative;}.hero-copy .badge{margin-bottom: 1.5rem;animation: fadeUp 0.8s var(--ease) both;}.hero h1{font-size: clamp(2.4rem,5.2vw,3.75rem);font-weight: 800;letter-spacing: -0.035em;line-height: 1.05;margin-bottom: 1.15rem;animation: fadeUp 0.8s 0.08s var(--ease) both;}.hero-lead{color: var(--text-muted);font-size: clamp(1rem,1.5vw,1.15rem);max-width: 38ch;margin-bottom: 2rem;animation: fadeUp 0.8s 0.16s var(--ease) both;}.hero-ctas{display: flex;flex-wrap: wrap;gap: 0.85rem;animation: fadeUp 0.8s 0.24s var(--ease) both;}.hero-visual{display: flex;justify-content: center;animation: fadeUp 0.9s 0.2s var(--ease) both;}.polaroid{background: contrast-color(var(--bg));color: var(--bg);padding: 14px 14px 48px;border-radius: 4px;transform: rotate(3.5deg);box-shadow: var(--shadow);max-width: 380px;width: 100%;transition: transform 0.5s var(--ease);}.polaroid-toggle{cursor: pointer;user-select: none;}.polaroid-toggle:focus-visible{outline: 2px solid var(--accent);outline-offset: 4px;}.polaroid:not(.polaroid-flip):hover{transform: rotate(1deg) scale(1.02);}.polaroid:not(.polaroid-flip).is-alt{transform: rotate(-2.5deg);}.polaroid:not(.polaroid-flip).is-alt:hover{transform: rotate(-1deg) scale(1.02);}.polaroid img,.polaroid-face img{width: 100%;aspect-ratio: 3 / 4;object-fit: cover;background: var(--bg-muted);display: block;}.polaroid-flip{perspective: 1200px;background: transparent;padding: 0;box-shadow: none;color: inherit;}.polaroid-inner{position: relative;width: 100%;transition: transform 0.7s var(--ease);transform-style: preserve-3d;}.polaroid-flip.is-alt .polaroid-inner{transform: rotateY(180deg);}.polaroid-flip:hover .polaroid-inner{transform: scale(1.02);}.polaroid-flip.is-alt:hover .polaroid-inner{transform: rotateY(180deg) scale(1.02);}.polaroid-face{backface-visibility: hidden;-webkit-backface-visibility: hidden;background: contrast-color(var(--bg));color: var(--bg);padding: 14px 14px 48px;border-radius: 4px;box-shadow: var(--shadow);}.polaroid-face-back{position: absolute;inset: 0;transform: rotateY(180deg);}.photo-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.1rem;}.flip-card{position: relative;overflow: hidden;border-radius: var(--radius-lg);aspect-ratio: 3 / 4;background: var(--bg-surface);perspective: 1000px;display: block;}.flip-card-inner{position: relative;width: 100%;height: 100%;transition: transform 0.7s var(--ease);transform-style: preserve-3d;}.flip-front,.flip-back{position: absolute;inset: 0;backface-visibility: hidden;-webkit-backface-visibility: hidden;overflow: hidden;}.flip-back{transform: rotateY(180deg);}.flip-front img,.flip-back img,.photo-card img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s var(--ease);}.photo-card{position: relative;display: block;overflow: hidden;border-radius: var(--radius-lg);aspect-ratio: 3 / 4;background: var(--bg-surface);}.photo-card-caption{position: absolute;inset: auto 0 0 0;padding: 0.85rem 1rem;background: linear-gradient(transparent,var(--scrim));color: contrast-color(var(--bg));font-weight: 600;font-size: 0.95rem;z-index: 2;}.photo-card img{transition: transform 0.7s var(--ease);}.photo-card:hover img{transform: scale(1.06);}.jpg-album-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.25rem;}.jpg-album-card{position: relative;border-radius: var(--radius);overflow: hidden;aspect-ratio: 3 / 4;display: block;}.jpg-album-card img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.55s var(--ease);}.jpg-album-card:hover img{transform: scale(1.05);}.jpg-album-card-overlay{position: absolute;inset: 0;background: linear-gradient(to top,var(--overlay-strong) 0%,color-mix(in oklab,var(--bg) 20%,transparent) 55%,transparent 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: 1.35rem;}.jpg-album-tag{display: inline-flex;align-self: flex-start;padding: 0.25rem 0.65rem;border-radius: 4px;font-size: 0.68rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;background: var(--accent);color: var(--accent-ink);margin-bottom: 0.65rem;}.jpg-album-card h3{font-size: 1.25rem;font-weight: 700;letter-spacing: -0.01em;}.jpg-album-card p{font-size: 0.82rem;color: var(--text-muted);margin-top: 0.25rem;}.section-cta{margin-top: 2rem;display: flex;justify-content: center;}.dev-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.1rem;}.dev-card{background: var(--bg-elevated);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 1.5rem;transition: border-color 0.25s,transform 0.25s var(--ease);}.dev-card:hover{border-color: color-mix(in oklab,var(--cyan) 35%,transparent);transform: translateY(-3px);}.dev-card-icon{width: 40px;height: 40px;border-radius: 10px;display: grid;place-items: center;background: var(--cyan-soft);color: var(--cyan);margin-bottom: 1.15rem;}.dev-card h3{font-size: 1.15rem;margin-bottom: 0.55rem;}.dev-card p{color: var(--text-muted);font-size: 0.92rem;margin-bottom: 1.15rem;}.dev-card-tags{display: flex;flex-wrap: wrap;gap: 0.4rem;}.blog-grid,.blog-slider{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.1rem;}.blog-slider-controls{display: none;}.blog-card{background: var(--bg-elevated);border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;transition: transform 0.3s var(--ease),border-color 0.3s;}.blog-card:hover{transform: translateY(-4px);border-color: var(--border-strong);}.blog-card-media{aspect-ratio: 16 / 10;overflow: hidden;position: relative;}.blog-card-media img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s var(--ease);}.blog-card:hover .blog-card-media img{transform: scale(1.05);}.blog-card-body{padding: 1.15rem 1.25rem 1.35rem;}.blog-meta{display: flex;align-items: center;gap: 0.65rem;font-size: 0.78rem;color: var(--text-dim);margin-bottom: 0.65rem;}.blog-card h3{font-size: 1.05rem;line-height: 1.35;margin-bottom: 0.5rem;letter-spacing: -0.01em;}.blog-card p{color: var(--text-muted);font-size: 0.88rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.social-bar{display: flex;justify-content: center;gap: 1rem;padding: 1rem 0 0;}.social-link{width: 48px;height: 48px;border-radius: 50%;border: 1px solid var(--border-strong);display: grid;place-items: center;color: var(--text-muted);transition: color 0.25s,border-color 0.25s,background 0.25s,transform 0.25s var(--ease);}.social-link:hover{color: var(--accent);border-color: var(--accent);background: var(--accent-soft);transform: translateY(-3px);}.contact-section{padding-top: 2rem;}.contact-wrap{max-width: 640px;margin: 0 auto;text-align: center;}.contact-wrap h2{font-size: clamp(1.8rem,3.5vw,2.4rem);margin: 1.5rem 0 0.65rem;letter-spacing: -0.02em;}.contact-wrap > p{color: var(--text-muted);margin-bottom: 2rem;}.contact-form{display: grid;gap: 0.85rem;text-align: left;background: var(--bg-elevated);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: clamp(1.5rem,3vw,2rem);}.np-hp{position: absolute !important;left: -10000px !important;top: auto !important;width: 1px !important;height: 1px !important;margin: 0 !important;padding: 0 !important;opacity: 0 !important;overflow: hidden !important;border: 0 !important;clip: rect(0,0,0,0) !important;clip-path: inset(50%) !important;pointer-events: none !important;}.contact-form-status{margin-top: 0.35rem;padding: 0.75rem 1rem;border-radius: var(--radius-md,8px);font-size: 0.92rem;line-height: 1.45;}.contact-form-status.is-success{background: color-mix(in oklab,var(--accent,#c9a227) 14%,transparent);border: 1px solid color-mix(in oklab,var(--accent,#c9a227) 35%,transparent);}.contact-form-status.is-error{background: color-mix(in oklab,#ef4444 12%,transparent);border: 1px solid color-mix(in oklab,#ef4444 35%,transparent);}.site-footer{border-top: 1px solid var(--border);padding: 1.75rem 0;margin-top: 2rem;}.site-footer .container,.site-footer .footer-inner{width: min(100% - 2.5rem,var(--container));margin-inline: auto;display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;flex-wrap: wrap;}.footer-links{display: flex;gap: 1.25rem;flex-wrap: wrap;}.footer-links a{color: var(--text-muted);font-size: 0.88rem;transition: color 0.2s;}.footer-links a:hover{color: var(--text);}.footer-copy{color: var(--text-dim);font-size: 0.82rem;}.page-hero{padding: clamp(3rem,6vw,4.5rem) 0 2rem;}.page-hero h1{font-size: clamp(2.4rem,5vw,3.5rem);letter-spacing: -0.03em;margin-bottom: 0.85rem;}.page-hero p{color: var(--text-muted);max-width: 55ch;font-size: 1.05rem;}.filter-bar{display: flex;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap;margin: 1.5rem 0 2rem;padding-bottom: 1.25rem;border-bottom: 1px solid var(--border);}.filter-pills{display: flex;flex-wrap: wrap;gap: 0.5rem;}.pill{padding: 0.45rem 0.95rem;border-radius: var(--radius-pill);border: 1px solid var(--border-strong);background: transparent;color: var(--text-muted);font-size: 0.85rem;font-weight: 500;cursor: pointer;transition: background 0.2s,color 0.2s,border-color 0.2s;}.pill:hover{color: var(--text);border-color: var(--border-hover);}.pill.active{background: var(--text);color: var(--bg);border-color: var(--text);}.sort-label{font-size: 0.8rem;color: var(--text-dim);letter-spacing: 0.06em;text-transform: uppercase;}.article-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.35rem;}.article-card{border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;background: var(--bg-elevated);transition: transform 0.3s var(--ease),border-color 0.3s;}.article-card:hover{transform: translateY(-4px);border-color: var(--border-strong);}.article-card-media{position: relative;aspect-ratio: 16 / 10;overflow: hidden;}.article-card-media img{width: 100%;height: 100%;object-fit: cover;}.cat-chip{position: absolute;top: 0.85rem;left: 0.85rem;padding: 0.25rem 0.65rem;border-radius: var(--radius-pill);font-size: 0.7rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;background: var(--overlay);backdrop-filter: blur(8px);border: 1px solid var(--border-strong);}.article-card-body{padding: 1.15rem 1.25rem 1.4rem;}.pagination{display: flex;justify-content: center;align-items: center;gap: 0.45rem;margin: 3rem 0 1rem;}.page-btn{width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--border-strong);background: transparent;color: var(--text-muted);display: grid;place-items: center;cursor: pointer;font-weight: 600;font-size: 0.9rem;transition: background 0.2s,color 0.2s;}.page-btn.active,.page-btn:hover{background: var(--text);color: var(--bg);border-color: var(--text);}.breadcrumbs{padding: 1.25rem 0 0;font-size: 0.85rem;color: var(--text-dim);}.breadcrumbs a:hover{color: var(--text);}.breadcrumbs strong{color: var(--text-muted);font-weight: 500;}.article-banner{margin: 1.5rem 0 2rem;border-radius: var(--radius-lg);overflow: hidden;aspect-ratio: 21 / 9;background: var(--bg-surface);}.article-banner img{width: 100%;height: 100%;object-fit: cover;}.article-header h1{font-size: clamp(2rem,4.5vw,3rem);letter-spacing: -0.03em;line-height: 1.15;margin-bottom: 0.85rem;}.article-header .lead{color: var(--text-muted);font-size: 1.1rem;max-width: 60ch;margin-bottom: 1.5rem;}.article-byline{display: flex;align-items: center;gap: 0.85rem;flex-wrap: wrap;padding-bottom: 2rem;border-bottom: 1px solid var(--border);margin-bottom: 2.5rem;font-size: 0.9rem;color: var(--text-muted);}.avatar{width: 40px;height: 40px;border-radius: 50%;object-fit: cover;}.avatar-fallback{display: inline-grid;place-items: center;background: var(--bg-muted);color: var(--text-muted);font-weight: 700;font-size: 0.85rem;}.author-box .avatar-fallback{width: 88px;height: 88px;font-size: 1.75rem;flex-shrink: 0;}.article-body{max-width: 720px;margin: 0 auto;}.article-body h2{font-size: 1.45rem;margin: 2.25rem 0 0.85rem;letter-spacing: -0.02em;}.article-body p{color: var(--text-muted);margin-bottom: 1.15rem;font-size: 1.05rem;}.article-body figure{margin: 2rem 0;}.article-body figcaption{font-size: 0.85rem;color: var(--text-dim);margin-top: 0.65rem;font-style: italic;}.article-body pre{background: var(--bg-elevated);border: 1px solid var(--border-strong);border-radius: var(--radius);padding: 1.15rem 1.25rem;overflow-x: auto;margin: 1.5rem 0;font-family: var(--font-mono);font-size: 0.85rem;line-height: 1.55;}.ad-slot{margin: 2.5rem 0;min-height: 100px;border: 1px dashed var(--border-strong);border-radius: var(--radius);display: grid;place-items: center;color: var(--text-dim);font-size: 0.75rem;letter-spacing: 0.12em;text-transform: uppercase;background: repeating-linear-gradient( -45deg,transparent,transparent 8px,var(--hairline) 8px,var(--hairline) 16px );}.author-box{margin: 3.5rem auto 0;max-width: 720px;display: grid;grid-template-columns: auto 1fr;gap: 1.5rem;align-items: center;background: var(--bg-elevated);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 1.5rem;}.author-box img{width: 88px;height: 88px;border-radius: 50%;object-fit: cover;}.author-box h3{margin-bottom: 0.35rem;}.author-box p{color: var(--text-muted);font-size: 0.92rem;margin-bottom: 1rem;}.author-actions{display: flex;flex-wrap: wrap;gap: 0.65rem;}.related{margin-top: 4rem;padding-top: 2.5rem;border-top: 1px solid var(--border);}.related h2{margin-bottom: 1.5rem;}.related-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 1.1rem;}.legal-page{padding: 3rem 0 5rem;max-width: 720px;}.legal-page h1{font-size: 2.4rem;margin-bottom: 1.5rem;letter-spacing: -0.02em;}.legal-page h2{font-size: 1.2rem;margin: 2rem 0 0.65rem;}.legal-page p,.legal-page li{color: var(--text-muted);margin-bottom: 0.85rem;}.legal-page ul{padding-left: 1.25rem;list-style: disc;}@keyframes fadeUp{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: none;}}@media (max-width: 960px){.hero-grid,.photo-grid,.jpg-album-grid,.dev-grid,.blog-grid,.blog-slider,.article-grid{grid-template-columns: 1fr 1fr;}.hero-grid{grid-template-columns: 1fr;}.hero-visual{order: -1;}.polaroid{max-width: 280px;}.related-grid{grid-template-columns: 1fr;}}@media (max-width: 720px){.nav,.desktop-nav{display: none;}.menu-toggle,.mobile-toggle{display: grid !important;}.photo-grid,.jpg-album-grid,.dev-grid,.blog-grid,.blog-slider,.article-grid{grid-template-columns: 1fr;}.author-box{grid-template-columns: 1fr;text-align: center;justify-items: center;}.site-footer .container,.site-footer .footer-inner{flex-direction: column;text-align: center;}}.product-detail-grid{display: grid;gap: 2rem;grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);align-items: start;}.product-detail-media img{width: 100%;height: auto;border-radius: 8px;display: block;}.product-thumbs{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 0.75rem;}.product-thumb{appearance: none;border: 2px solid transparent;padding: 0;border-radius: 6px;overflow: hidden;cursor: pointer;background: transparent;width: 64px;height: 64px;}.product-thumb.is-active,.product-thumb:hover{border-color: var(--accent,#f5b942);}.product-thumb img{width: 100%;height: 100%;object-fit: cover;}.product-option-values{display: flex;flex-wrap: wrap;gap: 0.4rem;}.product-option-value.is-selected{border-color: var(--accent,#f5b942);color: var(--accent,#f5b942);}.product-specs{margin: 1.5rem 0 0;display: grid;gap: 0.5rem;}.product-specs > div{display: grid;grid-template-columns: 8rem 1fr;gap: 0.75rem;font-size: 0.95rem;}.product-specs dt{color: var(--text-muted);margin: 0;}.product-specs dd{margin: 0;}@media (max-width: 800px){.product-detail-grid{grid-template-columns: 1fr;}}