.hero{padding:var(--space-lg) 0 var(--space-md)}.hero__mark{font-size:var(--step-4);margin-left:-.04em}.hero__sub{max-width:34rem;margin:var(--space-md) 0 0;font-size:var(--step-2);line-height:1.25}.hero__meta{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.grid-section{padding-block:var(--space-xl);position:relative;overflow:hidden}.grid-section__texture{z-index:0;opacity:.2;background-image:url(/media/lookbook-bg.webp);background-size:contain;animation:40s ease-in-out infinite alternate grid-drift;position:absolute;inset:-10%}.grid-section__grain{z-index:0;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.grid-section__texture{animation:none}}.grid-section>.wrap{z-index:1;position:relative}@keyframes grid-drift{0%{transform:translate(0)scale(1.1)}50%{transform:translate(-3%,2%)scale(1.18)}to{transform:translate(2%,-3%)scale(1.1)}}.grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=500px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width>=700px){.grid{grid-template-columns:repeat(3,1fr)}}.tile{gap:var(--space-sm);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#ffffff4d;border:1px solid #ffffff4d;border-radius:20px;flex-flow:column;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 30px 15px #fff6}.tile:before{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);height:1px;position:absolute;top:0;left:0;right:0}.tile:after{content:"";background:linear-gradient(#fffc,#0000,#ffffff4d);width:1px;height:100%;position:absolute;top:0;left:0}.tile:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000024,inset 0 1px #fff9,inset 0 -1px #ffffff1a,inset 0 0 30px 15px #fff6}.tile__frame{background:var(--off-white);aspect-ratio:1;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.tile__frame img,.tile__frame video{object-fit:cover;width:100%;height:100%;transition:scale var(--dur) var(--ease);display:block}.tile:hover .tile__frame img,.tile:hover .tile__frame video{scale:1.04}.tile__meta{justify-content:space-between;gap:var(--space-sm);font-size:var(--step-0);padding:0 .75rem;display:flex}.tile__name{font-weight:600}.tile__price{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.tile__flag{top:var(--space-xs);left:var(--space-xs);background:color-mix(in srgb, var(--ink) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--paper);text-transform:uppercase;letter-spacing:.08em;border-radius:2px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;position:absolute}.tile--sold .tile__frame img{opacity:.45}.tile__button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--black);text-transform:uppercase;letter-spacing:.04em;background:#ffffff59;border:1px solid #ffffff73;border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;margin:0 .75rem .75rem;padding:.55rem 1rem;font-size:.78rem;line-height:1.2em;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff80}.tile__button-fill{background:var(--black);width:0%;transition:width .5s cubic-bezier(.65,0,.35,1);position:absolute;inset:0 auto 0 0}.tile:hover .tile__button-fill{width:100%}.tile__button-label{z-index:1;mix-blend-mode:difference;background:var(--white);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.tile__button-icon-wrapper{z-index:1;flex-shrink:0;width:14px;height:14px;position:relative}.tile__button-icon,.tile__button-icon-hover{justify-content:center;align-items:center;font-size:.85rem;line-height:1;display:flex;position:absolute;inset:0}.tile__button-icon{color:var(--black);transition:color .3s var(--ease)}.tile__button-icon-hover{opacity:0;color:var(--white);transition:opacity .2s var(--ease)}.tile:hover .tile__button-icon{color:var(--white);transition-delay:.15s}.tile:hover .tile__button-icon-hover{opacity:1;transition-delay:.15s}.section{padding-block:var(--space-lg)}.section__head{justify-content:space-between;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--rule);padding-bottom:var(--space-sm);display:flex}.section__title{font-size:var(--step-3);font-family:var(--font-display);text-transform:lowercase;font-weight:400}.prose{max-width:38rem}.prose p{margin-block:var(--space-sm);line-height:1.6}.field{margin-bottom:var(--space-sm);gap:.35rem;display:grid}.field label{font-size:var(--step-0);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.field input,.field textarea{font:inherit;border:1px solid var(--grey-300);background:var(--paper);border-radius:2px;padding:.75rem}.field input:focus,.field textarea:focus{outline:2px solid var(--ink);outline-offset:-1px}.demo-note{margin-top:var(--space-md);border:1px dashed var(--grey-300);color:var(--muted);padding:.5rem .75rem;display:inline-block}