:root{--color-background:#f8f7f5;--color-surface:#fff;--color-surface-soft:#f1f5f9;--color-white:#fff;--color-black:#000;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-on-dark:#fff;--color-border:#0f172a1a;--color-border-strong:#0f172a2e;--color-border-on-dark:#ffffffa6;--color-timeline-axis:#0f172a4d;--color-timeline-scroll:#1b6a7273;--color-divider-strong:#0f172a26;--color-field-border:#0f172a29;--color-field-background:#fbfbfa;--color-placeholder:#8a929d;--color-primary:#0f172a;--color-primary-hover:#1e293b;--color-accent-warm:#a94737;--color-accent-warm-hover:#913b2e;--color-accent-cool:#1b6a72;--color-accent-cool-hover:#15545a;--color-accent-warm-border:#d87a6a33;--color-accent-cool-border:#1b6a7233;--color-warm-soft:#fbf0ee;--color-cool-soft:#e8f3f4;--color-dark-soft:var(--color-surface-soft);--color-overlay-soft:#0000001a;--color-overlay-strong:#000000e0;--color-overlay-video-start:#0a121447;--color-overlay-video-end:#0a121480;--color-video-surface:#142126;--color-glass:#fff3;--color-glass-strong:#fff6;--color-text-on-image-muted:#ffffffd9;--color-focus:var(--color-accent-cool);--font-body:"Avenir Next", Avenir, "Segoe UI", sans-serif;--font-display:"Avenir Next", Avenir, "Segoe UI", sans-serif;--font-size-hero:4.5rem;--font-size-page-title:3.5rem;--font-size-section-title:2.5rem;--font-size-subsection-title:1.75rem;--radius-control:5px;--radius-card:8px;--radius-pill:999px;--shadow-soft:0 8px 24px #0f172a14;--shadow-raised:0 16px 36px #0f172a24;--shadow-focus:0 0 0 3px #1b6a7221;--content-width:1200px;--space-unit:8px;--bg:var(--color-background);--panel:var(--color-surface);--line:var(--color-border);--muted:var(--color-text-muted);--radius:var(--radius-card);--max-width:var(--content-width);--gap:18px;--accent:var(--color-primary);--highlight:var(--color-accent-warm);--accent-soft:var(--color-warm-soft);font-family:var(--font-body)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--color-background);color:var(--color-text);margin:0;padding:0 12px;overflow-x:clip}a{color:inherit}img{max-width:100%;display:block}main h1,main h2,main h3{color:var(--color-primary);font-family:var(--font-display)}main h1{font-size:var(--font-size-page-title);line-height:1.08}.section-heading h1{font-size:var(--font-size-page-title);margin:0;line-height:1.08}:where(a,button,input,textarea,[tabindex]):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.btn{border-radius:var(--radius-pill);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-dark,.btn-primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-soft)}.btn-dark:hover,.btn-primary:hover{background-color:var(--color-primary-hover);color:var(--color-white);box-shadow:var(--shadow-raised)}.btn-warm{background-color:var(--color-accent-warm);color:var(--color-white);box-shadow:var(--shadow-soft)}.btn-warm:hover{background-color:var(--color-accent-warm-hover)}.btn-cool{background-color:var(--color-accent-cool);color:var(--color-white);box-shadow:var(--shadow-soft)}.btn-cool:hover{background-color:var(--color-accent-cool-hover)}.btn-light,.btn-secondary{background-color:var(--color-white);color:var(--color-primary);border:1px solid var(--line)}.btn-light:hover,.btn-secondary:hover{background-color:var(--color-dark-soft)}.tag-pill{border-radius:var(--radius-pill);background-color:var(--color-dark-soft);color:var(--color-primary);border:1px solid var(--line);padding:.35rem .9rem;font-size:.75rem;font-weight:600;display:inline-block}.tag-pill.tag-warm{background-color:var(--color-warm-soft);color:var(--color-accent-warm);border:1px solid var(--color-accent-warm-border)}.tag-pill.tag-cool{background-color:var(--color-cool-soft);color:var(--color-accent-cool);border:1px solid var(--color-accent-cool-border)}header{z-index:100;max-width:var(--max-width);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #1118270a;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 18px #1118270f}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-social{color:var(--muted);font-size:13px}.logo{background:linear-gradient(135deg, var(--color-primary), var(--color-accent-warm));border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.logo img{object-fit:cover;width:100%;height:100%;display:block}.site-title{font-weight:600}.main-nav{justify-content:flex-end;align-items:center;gap:4px;margin-left:auto;display:flex}.drawer-heading{border-bottom:1px solid var(--line);color:var(--color-text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;padding-bottom:28px;font-size:.8rem;font-weight:700;display:none}.drawer-close{aspect-ratio:1;border:1px solid var(--line);width:42px;color:var(--color-primary);font:inherit;cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:1.7rem;display:none}.main-nav a{min-height:42px;color:var(--color-primary);white-space:nowrap;border-radius:5px;justify-content:space-between;align-items:center;padding:0 9px;font-size:.86rem;font-weight:600;text-decoration:none;transition:color .2s,background .2s;display:flex}.main-nav a:hover,.main-nav a.active{background:var(--color-surface);color:var(--color-accent-warm)}.nav-arrow,.main-nav .drawer-social{display:none}.nav-backdrop{z-index:101;opacity:0;background:#0f172a6b;animation:.18s forwards backdrop-in;position:fixed;inset:0}.nav-backdrop[hidden]{display:none}@keyframes backdrop-in{to{opacity:1}}.nav-toggle{z-index:103;border:1px solid var(--line);min-width:112px;min-height:46px;color:var(--color-primary);font:inherit;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:.9rem;font-weight:650;transition:border-color .2s,background .2s;display:none;position:relative}.nav-toggle:hover{border-color:var(--color-accent-cool);background:var(--color-cool-soft)}.nav-toggle-icon{width:18px;font-size:1.25rem;line-height:1}.nav-toggle:focus-visible,.main-nav a:focus-visible,.drawer-close:focus-visible{outline:3px solid var(--color-accent-cool);outline-offset:3px}@media (width<=1000px){.nav-toggle{display:inline-flex}.main-nav{z-index:102;opacity:1;isolation:isolate;visibility:hidden;background-color:#fff;background-image:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:min(390px,100vw - 24px);min-height:100dvh;margin:0;padding:22px 28px 30px;transition:transform .26s,visibility .26s;position:fixed;inset:0 0 0 auto;transform:translate(105%);box-shadow:-18px 0 55px #0f172a2e}.main-nav.is-open{visibility:visible;transform:translate(0)}.drawer-heading{border-bottom:1px solid var(--line);color:var(--color-text-muted);text-transform:uppercase;padding-bottom:28px;font-size:.8rem;font-weight:700;display:flex}.drawer-close{aspect-ratio:1;border:1px solid var(--line);width:42px;color:var(--color-primary);font:inherit;cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:1.7rem;display:grid}.main-nav a{border-bottom:1px solid var(--line);border-radius:0;min-height:64px;padding:0;font-size:1.25rem;transition:color .2s,padding .2s}.main-nav a:hover,.main-nav a.active{background:0 0;padding-left:8px}.nav-arrow{display:none}.main-nav .drawer-social{color:var(--color-text-muted);border-bottom:0;margin-top:auto;font-size:.9rem;display:flex}}@media (prefers-reduced-motion:reduce){.main-nav,.nav-backdrop,.nav-toggle{transition-duration:.01ms;animation-duration:.01ms}}main{max-width:var(--max-width);margin:0 auto;padding:14px 0 0}.hero{grid-template-columns:1.12fr .88fr;align-items:center;gap:24px;min-height:520px;padding:10px 4px 0;display:grid}.eyebrow{color:var(--color-accent-warm);text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}.hero h1{font-size:var(--font-size-hero);margin:0;line-height:.95}.hero-text{max-width:640px;color:var(--muted);margin:18px 0 0;font-size:1.08rem;line-height:1.7}.cta-row{justify-content:flex-start;align-items:center;gap:calc(var(--space-unit) * 1.5);margin-top:calc(var(--space-unit) * 3);flex-wrap:wrap;display:flex}.it-hero .cta-row{justify-content:center}.location-tag{color:var(--muted);text-transform:uppercase;margin-top:22px;font-size:.82rem}.hero-visual{isolation:isolate;background:var(--color-surface);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%,0 16%);height:560px;margin-top:18px;position:relative;overflow:hidden}.hero-portrait{object-fit:cover;object-position:center top;filter:drop-shadow(0 12px 14px #1118271a);width:100%;height:100%}.section-heading{margin:54px 0 18px}.section-heading h2{font-size:var(--font-size-section-title);margin:0}.design-line{background:linear-gradient(90deg, var(--color-accent-warm) 0%, var(--color-accent-cool) 100%);border-radius:var(--radius-control);width:60px;height:4px;margin:12px auto 24px}.category-filter{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px;margin:28px 0;padding:12px 0;display:flex}.filter-btn{border-radius:var(--radius-pill);border:1px solid var(--line);min-height:42px;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;padding:0 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s}.filter-btn:hover{background:var(--color-warm-soft);border-color:var(--color-accent-warm);color:var(--color-primary)}.filter-btn.active{background:var(--color-cool-soft);border-color:var(--color-accent-cool);color:var(--color-accent-cool)}.legal-section{width:min(100% - 2rem,800px);color:var(--color-text);margin:4rem auto;line-height:1.7}.legal-section h1{margin:0 0 2rem}.legal-section h2{margin:2rem 0 .75rem;font-size:1.25rem}.legal-section a{color:var(--color-accent-cool);text-underline-offset:3px}.category-heading{margin-top:3rem}.category-back-link{color:inherit;text-decoration:none}.masonry{column-count:3;column-gap:var(--gap);width:100%;padding-bottom:20px}.masonry .card{width:100%;margin:0 0 var(--gap);break-inside:avoid;border-radius:var(--radius-card);box-shadow:var(--shadow-soft);transition:transform .25s,box-shadow .25s;display:inline-block;position:relative;overflow:hidden}.masonry .card img{width:100%;height:auto;transition:transform .25s;display:block}.masonry .card:hover{transform:translateY(-4px);box-shadow:0 16px 28px #1118271f}.masonry .card:hover img{transform:scale(1.04)}.meta{backdrop-filter:blur(4px);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#111827bf;border-radius:999px;max-width:calc(100% - 24px);padding:8px 14px;font-size:.82rem;font-weight:600;position:absolute;bottom:12px;left:12px;overflow:hidden}footer{max-width:var(--max-width);border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:48px auto 32px;padding:24px 16px;display:grid}.footer-brand{justify-items:start;gap:4px;font-size:.82rem;display:grid}.footer-name{color:var(--color-primary);font-size:1rem;font-weight:700;text-decoration:none}.footer-legal{flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:.88rem;display:flex}.footer-legal a{color:inherit;text-decoration:none}.footer-legal a:hover{color:var(--color-accent-warm);text-underline-offset:3px;text-decoration:underline}.footer-social{justify-content:flex-end;gap:8px;display:flex}.footer-social a{aspect-ratio:1;border:1px solid var(--line);width:40px;color:var(--color-primary);border-radius:50%;place-items:center;transition:color .18s,background .18s,border-color .18s,transform .18s;display:grid}.footer-social a:hover{border-color:var(--color-accent-cool);background:var(--color-cool-soft);color:var(--color-accent-cool);transform:translateY(-2px)}.footer-social svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.footer-social .icon-fill{fill:currentColor;stroke:none}@media (width<=700px){footer{grid-template-columns:1fr auto;gap:18px 12px;padding:22px 8px}.footer-brand{grid-area:1/1}.footer-social{grid-area:1/2}.footer-legal{border-top:1px solid var(--line);grid-area:2/1/auto/-1;justify-content:flex-start;padding-top:14px}}@media (width<=1000px){.hero{grid-template-columns:1fr;gap:16px;min-height:auto;padding-top:8px}.hero-visual{object-position:center bottom;width:100%;max-width:560px;height:min(76vw,420px);margin:0 auto}.hero-portrait{object-position:center top}.masonry{column-count:2}}@media (width<=760px){:root{--font-size-hero:3.25rem;--font-size-page-title:2.75rem;--font-size-section-title:2.1rem;--font-size-subsection-title:1.55rem}}@media (width<=480px){:root{--font-size-hero:2.65rem;--font-size-page-title:2.35rem;--font-size-section-title:1.9rem;--font-size-subsection-title:1.4rem}}@media (width<=768px){.masonry{column-count:1}}