:root{--ink: #191411;--ink-soft: #3d342e;--ink-muted: #6b5f56;--ink-faint: #97897d;--paper: #fbf8f4;--paper-raised: #ffffff;--paper-sunken: #f3ede5;--paper-deep: #ebe3d8;--clay: #a85a3c;--clay-deep: #8b4830;--clay-soft: #f0e0d7;--sage: #5c6b57;--sage-soft: #e6ebe3;--line: #e2d9cd;--line-strong: #cfc2b2;--ok: #3f6b4f;--ok-soft: #e4efe6;--warn: #8a6a1f;--warn-soft: #f7efd9;--danger: #96392f;--danger-soft: #f8e5e2;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--step--1: clamp(.82rem, .79rem + .14vw, .89rem);--step-0: clamp(.95rem, .92rem + .16vw, 1.05rem);--step-1: clamp(1.15rem, 1.08rem + .34vw, 1.35rem);--step-2: clamp(1.4rem, 1.26rem + .68vw, 1.85rem);--step-3: clamp(1.75rem, 1.48rem + 1.3vw, 2.6rem);--step-4: clamp(2.15rem, 1.66rem + 2.4vw, 3.8rem);--space-1: .375rem;--space-2: .75rem;--space-3: 1.125rem;--space-4: 1.75rem;--space-5: 2.75rem;--space-6: 4rem;--space-7: 6rem;--radius-sm: 3px;--radius: 6px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(25, 20, 17, .06);--shadow: 0 2px 10px rgba(25, 20, 17, .07);--shadow-lg: 0 12px 40px rgba(25, 20, 17, .1);--content: 74rem;--content-narrow: 46rem;--header-h: 4.5rem}html[lang=ar]{--font-display: "Noto Naskh Arabic", "Segoe UI", Tahoma, "Traditional Arabic", serif;--font-body: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[lang=ar] body{line-height:1.85}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.15;margin:0;letter-spacing:-.015em}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4{letter-spacing:0;line-height:1.35}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}p{margin:0}a{color:inherit;text-underline-offset:.2em}img,svg{max-width:100%;display:block}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--clay);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--clay-soft);color:var(--ink)}.container{width:100%;max-width:var(--content);margin-inline:auto;padding-inline:var(--space-3)}@media(min-width:48rem){.container{padding-inline:var(--space-4)}}.section{padding-block:var(--space-6)}.section--tight{padding-block:var(--space-5)}.section--sunken{background:var(--paper-sunken);border-block:1px solid var(--line)}.stack>*+*{margin-block-start:var(--space-3)}.stack-sm>*+*{margin-block-start:var(--space-2)}.stack-lg>*+*{margin-block-start:var(--space-4)}.grid{display:grid;gap:var(--space-4)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.grid--3{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}.grid--4{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.spread{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:baseline;justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--space-2);inset-block-start:-4rem;z-index:200;background:var(--ink);color:var(--paper);padding:var(--space-2) var(--space-3);border-radius:var(--radius);transition:inset-block-start .15s ease}.skip-link:focus{inset-block-start:var(--space-2)}.eyebrow{font-family:var(--font-body);font-size:var(--step--1);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);margin:0}html[lang=ar] .eyebrow{letter-spacing:0;text-transform:none}.lead{font-size:var(--step-1);color:var(--ink-soft);max-width:46ch;line-height:1.6}.muted{color:var(--ink-muted)}.small{font-size:var(--step--1)}.section-head{max-width:52ch;margin-block-end:var(--space-5)}.section-head h2{margin-block-end:var(--space-2)}.rule{border:0;border-block-start:1px solid var(--line);margin-block:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-weight:550;font-size:var(--step-0);line-height:1.2;padding:.72em 1.4em;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;min-height:2.75rem}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn--primary:hover:not(:disabled){background:var(--clay-deep);border-color:var(--clay-deep)}.btn--accent{background:var(--clay);color:#fff;border-color:var(--clay)}.btn--accent:hover:not(:disabled){background:var(--clay-deep);border-color:var(--clay-deep)}.btn--outline{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn--outline:hover:not(:disabled){border-color:var(--ink);background:var(--paper-raised)}.btn--ghost{background:transparent;border-color:transparent;color:var(--ink-soft);padding-inline:.6em}.btn--ghost:hover:not(:disabled){color:var(--ink)}.btn--sm{font-size:var(--step--1);padding:.5em .95em;min-height:2.25rem}.btn--block{width:100%}.btn--danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}.site-header{position:sticky;inset-block-start:0;z-index:100;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;gap:var(--space-3);min-height:var(--header-h);min-width:0}.brand{display:inline-flex;align-items:baseline;gap:.5ch;font-family:var(--font-display);font-size:var(--step-1);font-weight:600;text-decoration:none;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;min-width:0}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis}.brand__mark{display:inline-grid;place-items:center;inline-size:1.9rem;block-size:1.9rem;border-radius:var(--radius-sm);background:var(--ink);color:var(--paper);font-size:.9rem;font-weight:600;letter-spacing:0}.site-nav{display:none;margin-inline-start:auto;gap:var(--space-1);align-items:center}@media(min-width:62rem){.site-nav{display:flex}.site-header__toggle{display:none}}.site-nav a{padding:.5rem .7rem;border-radius:var(--radius);text-decoration:none;font-size:var(--step--1);font-weight:500;color:var(--ink-soft);transition:color .15s ease,background-color .15s ease;white-space:nowrap}.site-nav a:hover{color:var(--ink);background:var(--paper-sunken)}.site-nav a[aria-current=page]{color:var(--ink);background:var(--paper-deep)}.header-actions{display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto;flex-shrink:0}@media(min-width:62rem){.header-actions{margin-inline-start:var(--space-2)}}@media(max-width:34rem){.site-header__inner{gap:var(--space-2)}.header-actions{gap:var(--space-1)}.header-actions>.btn--ghost{display:none}.header-actions>.btn--primary{display:none}.brand{font-size:var(--step-0)}}.site-header__toggle{margin-inline-start:auto}.mobile-nav{border-block-start:1px solid var(--line);background:var(--paper-raised);padding-block:var(--space-2)}.mobile-nav a{display:block;padding:var(--space-2) var(--space-1);text-decoration:none;color:var(--ink-soft);border-block-end:1px solid var(--line);font-weight:500}.mobile-nav a:last-child{border-block-end:0}.mobile-nav a[aria-current=page]{color:var(--clay)}.lang-toggle{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden}.lang-toggle button{font:inherit;font-size:var(--step--1);font-weight:550;padding:.35rem .65rem;background:transparent;border:0;cursor:pointer;color:var(--ink-muted);min-height:2.1rem}.lang-toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.hero{position:relative;padding-block:var(--space-7) var(--space-6);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,transparent 0 6.5rem,color-mix(in srgb,var(--line) 55%,transparent) 6.5rem 6.55rem),radial-gradient(ellipse 80% 60% at 70% 0%,color-mix(in srgb,var(--clay-soft) 70%,transparent),transparent 70%);opacity:.9;pointer-events:none}.hero>*{position:relative}.hero__inner{max-width:44rem}.hero h1{margin-block:var(--space-3) var(--space-3)}.hero .cluster{margin-block-start:var(--space-4)}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.card--link{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.card--link:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.card__body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);flex:1}.card__title{font-family:var(--font-display);font-size:var(--step-1);font-weight:600;line-height:1.25;margin:0}.card__meta{font-size:var(--step--1);color:var(--ink-muted)}.card__foot{padding:var(--space-2) var(--space-3) var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.media-pending{aspect-ratio:4 / 3;display:grid;place-items:center;padding:var(--space-3);text-align:center;background:repeating-linear-gradient(135deg,var(--paper-sunken) 0 10px,var(--paper-deep) 10px 20px);border-block-end:1px solid var(--line);color:var(--ink-faint);font-size:var(--step--1);line-height:1.4}.media-pending--tall{aspect-ratio:3 / 4}.media-pending--wide{aspect-ratio:16 / 9}.media-pending span{max-width:22ch}.price{font-family:var(--font-display);font-size:var(--step-1);font-weight:600;color:var(--ink);white-space:nowrap}.price__unit{font-family:var(--font-body);font-size:var(--step--1);font-weight:400;color:var(--ink-muted)}.price--request{font-family:var(--font-body);font-size:var(--step-0);font-weight:550;color:var(--clay)}.badge{display:inline-flex;align-items:center;gap:.4em;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.28em .6em;border-radius:999px;background:var(--paper-deep);color:var(--ink-soft);white-space:nowrap}html[lang=ar] .badge{letter-spacing:0;text-transform:none}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--accent{background:var(--clay-soft);color:var(--clay-deep)}.spec-list{display:grid;grid-template-columns:minmax(8rem,auto) 1fr;gap:0;border-block-start:1px solid var(--line);margin:0}.spec-list dt,.spec-list dd{padding:var(--space-2) 0;border-block-end:1px solid var(--line);margin:0}.spec-list dt{font-size:var(--step--1);font-weight:550;color:var(--ink-muted);padding-inline-end:var(--space-3)}.spec-list dd{color:var(--ink)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label,.field>.field-label{font-size:var(--step--1);font-weight:600;color:var(--ink-soft)}.field .hint{font-size:var(--step--1);color:var(--ink-muted)}.field .error{font-size:var(--step--1);color:var(--danger);font-weight:500}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=date],input[type=search],select,textarea{font:inherit;font-size:var(--step-0);color:var(--ink);background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:var(--radius);padding:.62em .8em;width:100%;min-height:2.75rem;transition:border-color .15s ease,box-shadow .15s ease}textarea{min-height:7rem;resize:vertical;line-height:1.6}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:2.2em;background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:right 1.1em top 55%,right .75em top 55%;background-size:.35em .35em,.35em .35em;background-repeat:no-repeat}html[dir=rtl] select{background-position:left .75em top 55%,left 1.1em top 55%;background-image:linear-gradient(45deg,var(--ink-muted) 50%,transparent 50%),linear-gradient(135deg,transparent 50%,var(--ink-muted) 50%)}input:focus,select:focus,textarea:focus{border-color:var(--clay);box-shadow:0 0 0 3px color-mix(in srgb,var(--clay) 18%,transparent);outline:none}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}input::placeholder,textarea::placeholder{color:var(--ink-faint)}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);margin:0}legend{font-size:var(--step--1);font-weight:600;color:var(--ink-soft);padding-inline:var(--space-1)}.form-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.checkbox-row{display:flex;align-items:flex-start;gap:var(--space-2)}.checkbox-row input{width:auto;min-height:auto;margin-block-start:.25rem}.panel{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4)}.panel--sunken{background:var(--paper-sunken)}.notice{border-radius:var(--radius);padding:var(--space-3);border-inline-start:3px solid var(--line-strong);background:var(--paper-sunken);font-size:var(--step-0)}.notice--error{border-inline-start-color:var(--danger);background:var(--danger-soft);color:#6d2a22}.notice--success{border-inline-start-color:var(--ok);background:var(--ok-soft);color:#2c4c38}.notice--info{border-inline-start-color:var(--clay);background:var(--clay-soft)}.empty-state{text-align:center;padding:var(--space-6) var(--space-3);color:var(--ink-muted);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--paper-sunken)}.empty-state h3{margin-block-end:var(--space-2);color:var(--ink-soft)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised)}table{width:100%;border-collapse:collapse;font-size:var(--step--1)}th,td{text-align:start;padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--line);vertical-align:top}th{font-weight:600;color:var(--ink-muted);background:var(--paper-sunken);white-space:nowrap}tbody tr:last-child td{border-block-end:0}td.numeric,th.numeric{text-align:end;font-variant-numeric:tabular-nums}.steps{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));counter-reset:step;list-style:none;padding:0;margin:0}.steps li{counter-increment:step;padding-block-start:var(--space-3);border-block-start:2px solid var(--line-strong)}.steps li:before{content:counter(step,decimal-leading-zero);display:block;font-family:var(--font-display);font-size:var(--step-1);color:var(--clay);margin-block-end:var(--space-1)}html[lang=ar] .steps li:before{content:counter(step)}.steps h3{font-size:var(--step-1);margin-block-end:var(--space-1)}.catalogue{display:grid;gap:var(--space-4);align-items:start}@media(min-width:62rem){.catalogue{grid-template-columns:15rem 1fr}}.filters{display:flex;flex-direction:column;gap:var(--space-3);position:sticky;inset-block-start:calc(var(--header-h) + var(--space-3))}@media(max-width:61.999rem){.filters{position:static}}.filters__group{display:flex;flex-direction:column;gap:var(--space-1)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-block-start:var(--space-5)}.site-footer{background:var(--ink);color:color-mix(in srgb,var(--paper) 82%,transparent);padding-block:var(--space-6) var(--space-4);margin-block-start:var(--space-7)}.site-footer h2,.site-footer h3{color:var(--paper)}.site-footer a{color:color-mix(in srgb,var(--paper) 78%,transparent);text-decoration:none}.site-footer a:hover{color:var(--paper);text-decoration:underline}.footer-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.footer-title{font-family:var(--font-body);font-size:var(--step--1);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--paper) 60%,transparent);margin-block-end:var(--space-2)}html[lang=ar] .footer-title{letter-spacing:0;text-transform:none}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-1)}.footer-bottom{margin-block-start:var(--space-5);padding-block-start:var(--space-3);border-block-start:1px solid color-mix(in srgb,var(--paper) 15%,transparent);font-size:var(--step--1);display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between}.skeleton{background:linear-gradient(90deg,var(--paper-sunken) 25%,var(--paper-deep) 37%,var(--paper-sunken) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-card{height:18rem}.skeleton-line{height:1rem}.spinner{display:inline-block;inline-size:1em;block-size:1em;border:2px solid currentColor;border-block-start-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.account-layout{display:grid;gap:var(--space-4);align-items:start}@media(min-width:56rem){.account-layout{grid-template-columns:14rem 1fr}}.account-nav{display:flex;flex-direction:column;gap:2px}.account-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius);text-decoration:none;color:var(--ink-soft);font-size:var(--step-0);font-weight:500}.account-nav a:hover{background:var(--paper-sunken)}.account-nav a[aria-current=page]{background:var(--ink);color:var(--paper)}@media(max-width:55.999rem){.account-nav{flex-direction:row;overflow-x:auto;padding-block-end:var(--space-1)}.account-nav a{white-space:nowrap}}.auth-card{max-width:26rem;margin-inline:auto}.calc-row{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));align-items:end;padding-block:var(--space-2);border-block-end:1px solid var(--line)}.calc-row:last-of-type{border-block-end:0}.result-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.result{padding:var(--space-3);background:var(--paper-sunken);border-radius:var(--radius)}.result__label{font-size:var(--step--1);color:var(--ink-muted);display:block}.result__value{font-family:var(--font-display);font-size:var(--step-2);font-weight:600;font-variant-numeric:tabular-nums}.result--headline{background:var(--ink);color:var(--paper)}.result--headline .result__label{color:color-mix(in srgb,var(--paper) 70%,transparent)}@media print{.site-header,.site-footer,.btn,.filters{display:none!important}body{background:#fff;color:#000}.panel,.card{border-color:#999;box-shadow:none}}.demo-strip{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;padding:.45rem var(--space-3);background:var(--ink);color:color-mix(in srgb,var(--paper) 85%,transparent);font-size:var(--step--1);text-align:center}.demo-strip a{color:var(--paper);font-weight:600;text-decoration:underline;white-space:nowrap}.demo-picker{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper-sunken);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.demo-picker__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.demo-picker__head h2{font-size:var(--step--1);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--clay);margin:0}html[lang=ar] .demo-picker__head h2{letter-spacing:0;text-transform:none}.demo-picker__cred{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--step--1);color:var(--ink-muted)}.demo-picker__password{font-family:var(--font-mono);font-size:var(--step--1);background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.15rem .5rem;-webkit-user-select:all;user-select:all}.demo-picker select{inline-size:100%}.demo-person{display:flex;align-items:center;gap:var(--space-2);background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-2)}.demo-person__avatar{inline-size:2.5rem;block-size:2.5rem;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:var(--step--1);letter-spacing:.02em}.demo-person__id{min-width:0}.demo-person__name{margin:0;font-weight:600}.demo-person__meta{margin:0;font-size:var(--step--1);color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-summary{margin:0;font-size:var(--step--1);line-height:1.55;color:var(--ink-soft)}.demo-label{margin:0 0 var(--space-1);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}html[lang=ar] .demo-label{letter-spacing:0;text-transform:none;font-size:var(--step--1)}.demo-areas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.demo-areas li{font-size:var(--step--1);background:var(--paper-raised);border:1px solid var(--line);border-radius:999px;padding:.1rem .6rem;color:var(--ink-soft)}.demo-highlight{margin:0;font-size:var(--step--1);line-height:1.55;background:var(--sage-soft);border-inline-start:3px solid var(--sage);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--ink-soft)}.demo-footnote{margin:0;font-size:var(--step--1);line-height:1.5;color:var(--ink-muted)}.media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--paper-sunken);border-block-end:1px solid var(--line)}.media--tall{aspect-ratio:3 / 4}.media--wide{aspect-ratio:16 / 9}.media--square{aspect-ratio:1 / 1}.media__img{display:block;inline-size:100%;block-size:100%;object-fit:cover;animation:media-in .24s ease-out both}@keyframes media-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.media__img{animation:none}}.media__tag{position:absolute;inset-block-end:var(--space-2);inset-inline-start:var(--space-2);padding:.15rem .5rem;border-radius:var(--radius-sm);background:#00000094;color:#fff;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card:hover .media__img{transform:scale(1.03)}.media__img{transition:transform .4s ease}@media(prefers-reduced-motion:reduce){.media__img{transition:none}.card:hover .media__img{transform:none}}.thumbs{display:flex;gap:var(--space-2);flex-wrap:wrap}.thumb{inline-size:4.5rem;block-size:4.5rem;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-sunken);cursor:pointer}.thumb img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.thumb--active{border-color:var(--clay);box-shadow:0 0 0 2px var(--clay-soft)}.thumb:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.swatch-dot{display:inline-block;inline-size:.85rem;block-size:.85rem;border-radius:50%;border:1px solid rgb(0 0 0 / .18);vertical-align:-.1em;margin-inline-end:.35rem}