*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}img,picture,svg,video,iframe{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}p,h1,h2,h3{overflow-wrap:break-word}ul[role=list]{list-style:none;padding:0}a{color:inherit}[hidden]{display:none!important}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:root{--color-background: #f5f3ef;--color-surface: #ffffff;--color-surface-soft: #eae7e1;--color-text: #1b1a19;--color-text-muted: #5c5852;--color-accent: #2f5d63;--color-accent-hover: #23484d;--color-on-accent: #ffffff;--color-accent-soft: #e3ecec;--color-border: #ddd8d0;--color-input-border: #837d74;--color-focus: #2f5d63;--color-overlay: rgba(27, 26, 25, .62);--font-display: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;--font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--text-body: 1.125rem;--text-small: 1rem;--text-h1: clamp(2.25rem, 1.7rem + 2.7vw, 3.75rem);--text-h2: clamp(1.75rem, 1.5rem + 1.2vw, 2.5rem);--text-h3: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(27, 26, 25, .05);--shadow-md: 0 10px 30px rgba(27, 26, 25, .08);--shadow-lg: 0 22px 56px rgba(27, 26, 25, .13);--container: 1180px;--header-height: 76px;--transition-fast: .16s ease;--transition-base: .26s cubic-bezier(.22, .61, .36, 1);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 1ms;--transition-base: 1ms}}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text);background-color:var(--color-background)}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.14;letter-spacing:-.01em}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3);line-height:1.3}p{color:var(--color-text-muted)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-lg)}.skip-link{position:absolute;top:0;left:50%;transform:translate(-50%,-120%);z-index:200;padding:var(--space-sm) var(--space-lg);background-color:var(--color-accent);color:var(--color-on-accent);font-weight:600;border-radius:0 0 var(--radius-sm) var(--radius-sm);text-decoration:none;transition:transform var(--transition-fast)}.skip-link:focus-visible{transform:translate(-50%)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:4px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:48px;min-width:44px;padding:var(--space-sm) var(--space-lg);font-size:var(--text-small);font-weight:600;text-align:center;text-decoration:none;border-radius:var(--radius-pill);border:2px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn--primary{background-color:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover{background-color:var(--color-accent-hover)}.btn--secondary{color:var(--color-accent);border-color:var(--color-accent)}.btn--secondary:hover{background-color:var(--color-accent-soft)}.btn--ghost{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.tag{display:inline-flex;align-items:center;padding:4px 12px;font-size:.875rem;font-weight:600;letter-spacing:.02em;color:var(--color-accent);background-color:var(--color-accent-soft);border-radius:var(--radius-pill)}.tag--muted{color:var(--color-text-muted);background-color:var(--color-surface-soft)}.header{position:sticky;top:0;z-index:60;background-color:#f5f3efeb;backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.header.is-stuck{border-bottom-color:var(--color-border);background-color:#fffffff2}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);height:var(--header-height)}.brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;min-width:0}.brand__mark{flex:none;width:34px;aspect-ratio:1;color:var(--color-accent)}.brand__text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand__name{font-family:var(--font-display);font-size:1.3125rem;font-weight:600;white-space:nowrap}.brand__tagline{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.hero{padding-block:var(--space-3xl) var(--space-2xl)}.hero__inner{max-width:44rem}.hero__eyebrow{display:inline-block;font-size:var(--text-small);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-md)}.hero__title{margin-bottom:var(--space-lg)}.hero__lead{font-size:1.25rem;max-width:38rem}.gallery{padding-bottom:var(--space-3xl)}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:var(--space-xl)}.card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}a.card{text-decoration:none;color:inherit}a.card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}@media(prefers-reduced-motion:no-preference){a.card:hover{transform:translateY(-3px)}}.card__poster{position:relative;aspect-ratio:16 / 10;background-color:var(--color-surface-soft);border-bottom:1px solid var(--color-border);overflow:hidden}.card__poster img{width:100%;height:100%;object-fit:cover;object-position:top center}.card__badge{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:4px 12px;font-size:.8125rem;font-weight:700;border-radius:var(--radius-pill);background-color:var(--color-surface);color:var(--color-accent);box-shadow:var(--shadow-sm)}.card__body{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);flex:1}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.card__summary{font-size:var(--text-small)}.card__features{display:grid;gap:var(--space-2xs);margin:0;padding:0;list-style:none}.card__features li{position:relative;padding-left:1.25rem;font-size:.9375rem;color:var(--color-text-muted)}.card__features li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background-color:var(--color-accent)}.card__action{margin-top:auto;padding-top:var(--space-sm);font-weight:600;color:var(--color-accent)}.card__action:after{content:" →"}.card--planned{background-color:transparent;border-style:dashed}.card--planned .card__poster{background-color:var(--color-surface-soft);background-image:repeating-linear-gradient(45deg,transparent 0 10px,rgba(27,26,25,.035) 10px 20px);display:grid;place-items:center;border-bottom-style:dashed}.card--planned .card__poster svg{width:54px;height:54px;color:var(--color-text-muted);opacity:.55}.card--planned .card__body{opacity:.9}.viewer{padding-block:var(--space-xl) var(--space-3xl)}.viewer__back{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:44px;font-weight:600;color:var(--color-accent);text-decoration:none;margin-bottom:var(--space-lg)}.viewer__back:hover{text-decoration:underline}.viewer__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}.viewer__title-block{max-width:38rem}.viewer__summary{margin-top:var(--space-sm);font-size:var(--text-small)}.viewer__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.control-group{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.control-group__label{font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.segmented{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.segmented__btn{min-height:40px;padding:0 var(--space-md);font-size:.9375rem;font-weight:600;color:var(--color-text-muted);border-radius:var(--radius-pill);white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.segmented__btn:hover{color:var(--color-text)}.segmented__btn[aria-checked=true]{background-color:var(--color-accent);color:var(--color-on-accent)}.viewer__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);flex:0 1 auto;min-width:0}.viewer__stage{padding:var(--space-lg);background-color:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.viewer__scaler{width:100%}.viewer__placeholder{position:absolute;inset:0;display:grid;place-items:center;background-color:var(--color-surface);background-size:cover;background-position:top center;transition:opacity var(--transition-base)}.viewer__placeholder[hidden]{display:none}.viewer__spinner{padding:var(--space-sm) var(--space-lg);font-size:var(--text-small);font-weight:600;color:var(--color-text);background-color:#ffffffeb;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.viewer__note{display:flex;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);font-size:var(--text-small);color:var(--color-text);background-color:var(--color-accent-soft);border-radius:var(--radius-md)}.viewer__note[hidden]{display:none}.viewer__error{display:grid;gap:var(--space-md);justify-items:center;text-align:center;padding:var(--space-3xl) var(--space-lg)}.viewer__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md);margin-top:var(--space-2xl);padding:0;list-style:none}.viewer__features li{padding:var(--space-md) var(--space-lg);font-size:var(--text-small);color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.viewer__meta{margin-top:var(--space-lg);font-size:.9375rem;color:var(--color-text-muted)}.notfound{display:grid;gap:var(--space-lg);justify-items:start;padding-block:var(--space-3xl);max-width:36rem}.footer{padding-block:var(--space-2xl);background-color:var(--color-surface);border-top:1px solid var(--color-border)}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);font-size:var(--text-small);color:var(--color-text-muted)}.footer a{color:var(--color-accent);font-weight:600}.device{position:relative;margin-inline:auto;width:max-content;background-color:#2b2a2e;box-shadow:var(--shadow-lg);transform-origin:top center}.device__screen{position:relative;overflow:hidden;background-color:var(--color-surface)}.viewer__frame{border:0;display:block}.device--desktop{border-radius:12px 12px 6px 6px;overflow:hidden}.device__chrome{display:flex;align-items:center;gap:14px;height:38px;padding-inline:14px;background-color:#2b2a2e}.device__dots{display:flex;gap:7px;flex:none}.device__dots span{width:11px;height:11px;border-radius:50%;background-color:#565459}.device__dots span:first-child{background-color:#e05c52}.device__dots span:nth-child(2){background-color:#e0a83c}.device__dots span:nth-child(3){background-color:#5aab5a}.device__address{flex:1;height:20px;max-width:420px;margin-inline:auto;border-radius:var(--radius-pill);background-color:#3c3a40}.device--tablet{padding:20px;border-radius:30px}.device--tablet .device__screen{border-radius:10px}.device--mobile{padding:16px 12px;border-radius:42px}.device--mobile .device__screen{border-radius:28px}.device__notch{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:2;width:132px;height:22px;border-radius:0 0 14px 14px;background-color:#2b2a2e}.lights-overlay{position:fixed;inset:0;z-index:80;background-color:#0c0c0ee6;cursor:pointer}.lights-overlay[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.lights-overlay{animation:lights-fade .22s ease}}@keyframes lights-fade{0%{opacity:0}}body.is-lights-off .viewer__controls,body.is-lights-off .viewer__stage,body.is-lights-off .viewer__note,body.is-lights-off .viewer__actions{position:relative;z-index:90}body.is-lights-off .viewer__controls{background-color:var(--color-surface);box-shadow:var(--shadow-lg)}body.is-lights-off .viewer__stage{background-color:#ffffff0f;border-color:#ffffff24}body.is-lights-off .header{z-index:10}.viewer__lights{margin-inline-start:auto;gap:var(--space-xs)}@media(max-width:900px){.viewer__head{align-items:flex-start}.viewer__open{margin-inline-start:0}.viewer__controls{gap:var(--space-md)}.control-group{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}@media(max-width:768px){.container{padding-inline:var(--space-md)}.hero{padding-block:var(--space-2xl) var(--space-xl)}.gallery__grid{grid-template-columns:1fr;gap:var(--space-lg)}.viewer__stage,.viewer__controls{padding:var(--space-md)}.segmented{width:100%}.segmented__btn{flex:1 1 auto;padding-inline:var(--space-sm)}.viewer__actions{width:100%}.viewer__actions .btn{flex:1 1 auto}}@media(max-width:560px){.brand__tagline{display:none}.card__body{padding:var(--space-md)}.viewer__features{grid-template-columns:1fr}}@media(max-width:380px){.container{padding-inline:var(--space-sm)}.brand__name{font-size:1.125rem}.segmented__btn{font-size:.875rem;padding-inline:var(--space-xs)}}@media print{.header,.viewer__controls,.viewer__stage{display:none!important}}