:root{--mono: "Space Mono", ui-monospace, monospace;--sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--photo-bg: #eeedeb;--bg: #faf9f7;--panel: #ffffff;--ink: #1b1b19;--soft: #8d8b86;--line: #e7e5e0;--tick: #b9b6af;--accent: #1b1b19;--err: #b4533f}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg)}button{font-family:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}::selection{background:var(--ink);color:var(--bg)}a{color:inherit;text-decoration:none}.of-app{background:var(--bg);color:var(--ink);font-family:var(--sans);min-height:100vh;display:flex;flex-direction:column;transition:background .3s ease,color .3s ease}.of-header{position:sticky;top:0;z-index:20;display:flex;align-items:baseline;justify-content:space-between;padding:24px 48px;background:var(--bg);border-bottom:1px solid var(--line)}.of-wordmark{background:none;border:0;padding:0;color:var(--ink);font-weight:700;font-size:21px;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}.of-nav{display:flex;gap:30px}.of-navlink{background:none;border:0;padding:0;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}.of-dim{opacity:.85;cursor:default}.of-footer{margin-top:auto;display:flex;justify-content:space-between;gap:16px;padding:22px 48px;border-top:1px solid var(--line);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.of-foot-mid{opacity:.7}.of-page{width:100%;max-width:1340px;margin:0 auto;padding:0 48px;flex:1}.of-hero{padding:58px 0 30px;max-width:640px}.of-hero-title{font-size:40px;font-weight:700;letter-spacing:-.02em;margin:0}.of-hero-sub{font-size:15px;line-height:1.6;color:var(--soft);margin:16px 0 0;max-width:460px}.of-filterbar{display:flex;justify-content:space-between;align-items:center;padding:8px 0 28px}.of-filters{display:flex;gap:22px}.of-filter{background:none;border:0;padding:0 0 3px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.of-sort{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.of-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:46px 28px;padding-bottom:64px}.of-card{background:none;border:0;padding:0;text-align:left;display:block;width:100%}.of-card-meta{display:flex;justify-content:space-between;margin-top:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--soft);text-transform:uppercase}.of-card-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px}.of-card-name{font-size:15px;font-weight:500}.of-card-price{font-family:var(--mono);font-size:13px;color:var(--accent)}.of-back{background:none;border:0;padding:26px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);display:inline-block}.of-item{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;padding:22px 0 70px;align-items:start}.of-gallery-main{width:100%}.of-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.of-thumb{background:none;border:0;padding:0;outline-offset:-1px}.of-info{padding-top:4px;position:sticky;top:96px}.of-info-no{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--soft);text-transform:uppercase}.of-info-name{font-size:32px;font-weight:700;letter-spacing:-.02em;margin:10px 0 0}.of-info-blurb{font-size:15px;line-height:1.65;color:var(--ink);opacity:.85;margin:22px 0 0;max-width:420px}.of-spec{display:flex;gap:38px;margin:26px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.of-spec dt{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--soft);text-transform:uppercase;margin-bottom:5px}.of-spec dd{margin:0;font-size:14px}.of-size-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.of-sizes{display:flex;gap:9px;margin:14px 0 0}.of-size{width:52px;height:46px;border:1px solid var(--line);background:transparent;font-family:var(--mono);font-size:12px;transition:all .15s ease}.of-size-err{color:var(--err);font-family:var(--mono);font-size:11px;letter-spacing:.08em;margin-top:12px}.of-addbtn{width:100%;margin-top:26px;padding:17px 20px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;transition:opacity .15s ease}.of-addbtn:hover{opacity:.86}.of-pay{margin-top:30px}.of-ship-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--soft);text-transform:uppercase;margin-top:14px;text-align:center}.of-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:130px 0}.of-cart-head{display:flex;align-items:baseline;gap:14px;padding:50px 0 26px}.of-cart-grid{display:grid;grid-template-columns:1fr 360px;gap:56px;padding-bottom:80px;align-items:start}.of-cart-lines{display:flex;flex-direction:column}.of-line{display:grid;grid-template-columns:92px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.of-line:first-child{border-top:1px solid var(--line)}.of-line-img{width:92px}.of-line-top{display:flex;justify-content:space-between}.of-line-meta{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--soft);text-transform:uppercase;margin-top:6px}.of-line-controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.of-qty{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:4px 12px}.of-qty button{background:none;border:0;font-size:16px;color:var(--ink);line-height:1}.of-qty span{font-family:var(--mono);font-size:13px;min-width:14px;text-align:center}.of-remove{background:none;border:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);text-decoration:underline;text-underline-offset:3px}.of-summary{border:1px solid var(--line);padding:26px;background:var(--panel);position:sticky;top:96px}.of-sum-title{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-bottom:18px}.of-sum-row{display:flex;justify-content:space-between;font-size:14px;padding:7px 0}.of-sum-total{display:flex;justify-content:space-between;font-size:16px;font-weight:700;padding:16px 0;margin-top:8px;border-top:1px solid var(--line)}.of-textlink{display:block;width:100%;text-align:center;background:none;border:0;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);text-decoration:underline;text-underline-offset:3px}.of-checkout{display:grid;grid-template-columns:1fr 380px;gap:56px;padding:18px 0 80px;align-items:start}.of-co-sec{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:32px 0 14px}.of-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.of-fld{display:flex;flex-direction:column;gap:7px;grid-column:span 2}.of-fld-half{grid-column:span 1}.of-fld-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}.of-input{padding:13px 14px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--sans);font-size:14px;outline:none;transition:border-color .15s ease}.of-input:focus{border-color:var(--ink)}.of-co-lines{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.of-co-line{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;font-size:13px}.of-co-line-img{width:44px}.of-co-line-info .of-line-meta{margin-top:2px}.of-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#14131180;display:grid;place-items:center;padding:24px;animation:ofFade .25s ease}.of-modal{position:relative;width:100%;max-width:460px;background:var(--bg);border:1px solid var(--line);padding:40px;animation:ofRise .3s ease}.of-modal-x{position:absolute;top:16px;right:16px;background:none;border:0;font-size:14px;color:var(--soft)}.of-modal-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}.of-modal-title{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:14px 0 0}.of-modal-body{font-size:14.5px;line-height:1.65;color:var(--ink);opacity:.85;margin:14px 0 24px}.of-modal-form{display:flex;gap:10px}.of-modal-form .of-input{flex:1}.of-modal-form .of-addbtn{width:auto;margin-top:0;white-space:nowrap;padding:13px 22px}.of-modal-thanks{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--ink);padding:14px 0}.of-metrics{position:fixed;left:16px;bottom:16px;z-index:50;background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:11px;padding:16px 18px;min-width:220px;box-shadow:0 10px 40px #00000040}.of-metrics h4{margin:0 0 12px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.7;font-weight:400}.of-metrics .of-mrow{display:flex;justify-content:space-between;gap:24px;padding:4px 0}.of-metrics .of-mrow b{font-weight:700}.of-metrics .of-mfoot{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18);opacity:.7}.of-metrics .of-mfoot button{background:none;border:0;color:var(--bg);font-family:var(--mono);font-size:10px;text-decoration:underline;text-transform:uppercase;letter-spacing:.08em}@keyframes ofFade{0%{opacity:0}to{opacity:1}}@keyframes ofRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.of-info-color{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-top:8px}.of-info-price{display:flex;align-items:baseline;gap:12px;font-family:var(--mono);font-size:16px;color:var(--accent);margin-top:10px}.of-price-was{color:var(--soft);text-decoration:line-through;font-family:var(--mono)}.of-price-now{color:var(--err)}.of-info-saletag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--bg);background:var(--err);padding:3px 7px}.of-details{list-style:none;margin:24px 0 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.of-details li{font-size:13.5px;color:var(--ink);opacity:.9;padding-left:16px;position:relative}.of-details li:before{content:"—";position:absolute;left:0;color:var(--soft)}.of-acc{margin-top:24px;border-top:1px solid var(--line)}.of-acc-head{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;padding:18px 0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.of-acc-sign{font-size:15px;color:var(--soft)}.of-acc-body{padding:0 0 18px}.of-acc-sub{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin:8px 0}.of-acc-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px}.of-acc-list li{font-size:13px;line-height:1.5;color:var(--ink);opacity:.85;padding-left:14px;position:relative}.of-acc-list li:before{content:"•";position:absolute;left:0;color:var(--soft)}.of-card-img{position:relative}.of-sale-badge{position:absolute;top:10px;left:10px;background:var(--err);color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:4px 8px}.of-card-prices{display:flex;align-items:baseline;gap:8px}@media (max-width: 880px){.of-item{grid-template-columns:1fr;gap:30px}.of-info{position:static}.of-cart-grid,.of-checkout{grid-template-columns:1fr;gap:32px}.of-summary{position:static}}@media (max-width: 720px){.of-header{padding:18px 20px}.of-nav{gap:18px}.of-nav .of-dim,.of-sort{display:none}.of-filterbar{padding:4px 0 24px}.of-filters{gap:16px;flex-wrap:wrap}.of-footer{padding:18px 20px;flex-direction:column;gap:6px}.of-foot-mid{display:none}.of-page{padding:0 20px}.of-grid{grid-template-columns:repeat(2,1fr);gap:30px 16px}.of-hero-title{font-size:30px}.of-hero{padding:40px 0 22px}.of-fields{grid-template-columns:1fr}.of-fld,.of-fld-half{grid-column:span 1}.of-modal{padding:30px 24px}.of-modal-form{flex-direction:column}.of-modal-form .of-addbtn{width:100%}}