.frames-page{background:#f8f5ef}.frame-header,.frame-footer{max-width:1480px;margin:auto;padding:23px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #dfd7ca;font-size:.8rem}.wordmark{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.wordmark span{font-family:var(--font-body);font-size:.65rem;letter-spacing:.12em;display:block;text-transform:uppercase}.frame-intro{max-width:1360px;margin:38px auto 28px;padding:0 4%}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:600;margin-bottom:10px}.frame-intro h1{font-size:clamp(2.2rem,4.2vw,4rem);font-weight:400;letter-spacing:-.045em}.frame-intro h1 em{font-weight:400;color:#846343}.frame-intro>p:last-child{font-size:.94rem;margin-top:12px}.config-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(350px,1fr);max-width:1360px;margin:auto;padding:0 4%;gap:5%}.visual-column{position:sticky;top:24px;align-self:start;min-width:0}.frame-views{position:relative;display:grid;grid-template-columns:65% 35%;height:clamp(350px,45vw,540px);background:#eae5db;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 80px #cbbfa529}.frame-views canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.front-view,.orbit-view{position:relative;min-width:0;z-index:1}.orbit-view{border-left:1px solid #d4cbbb;touch-action:pan-y;cursor:grab}.orbit-view:active{cursor:grabbing}.view-label{position:absolute;top:20px;left:20px;text-transform:uppercase;letter-spacing:.14em;font-size:.58rem;color:#6f6252;pointer-events:none}.orbit-hint{position:absolute;bottom:24px;left:0;right:0;font-size:.64rem;text-align:center;color:#756952;pointer-events:none}.view-reset{position:absolute;right:10px;top:45px;z-index:2;width:40px;height:40px;font-size:1.35rem;color:#64533e}.dimension-caption{text-align:center;font-size:.77rem;margin-top:17px;max-width:none}.grain-note{text-align:center;font-size:.69rem;margin-top:5px;max-width:none}#view-loading{position:absolute;top:48%;left:0;right:0;text-align:center;font-size:.85rem;padding:14px}.frame-form{min-width:0}.test-note{font-size:.65rem;letter-spacing:.025em;padding:9px 12px;background:#efe5cf;color:#6c4e17;margin-bottom:23px;border-radius:3px}fieldset{border:0;padding:0 0 23px;margin-bottom:20px;border-bottom:1px solid #ded5c7;min-width:0}legend{font-size:1.06rem;font-family:var(--font-display);padding:0;margin-bottom:15px;color:#332316}legend>span{font-family:var(--font-body);font-size:.64rem;color:#8b7157;margin-right:11px}label{display:block;font-size:.76rem;font-weight:500}.frame-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.frame-choice{position:relative;text-align:left;border:1px solid #d8cebe;border-radius:3px;overflow:hidden;background:#fcfaf6;min-width:0}.frame-choice[aria-pressed=true]{border:2px solid #73583d}.frame-choice img{width:100%;height:100px;object-fit:cover;object-position:center}.frame-choice .choice-info{display:block;padding:10px}.frame-choice strong{font-size:.8rem;display:block}.frame-choice small{font-size:.65rem;line-height:1.5;display:block;color:#756553;margin-top:4px}.frame-choice[aria-pressed=true]:after{content:"✓";position:absolute;right:8px;top:8px;border-radius:50%;background:#fff9;color:#382614;width:23px;height:23px;text-align:center}.size-row{display:flex;gap:8px;margin-top:7px}.size-row select{flex:1;min-width:0}.size-row button{border:1px solid #d2c8b9;border-radius:3px;padding:0 13px;font-size:.82rem}.size-row button span{font-size:.7rem;margin-left:3px}input:not([type=radio]):not([type=file]),select,textarea{width:100%;border:1px solid #cec3b3;border-radius:3px;background:#fffcf8;color:#382817;font:inherit;font-size:.88rem;padding:11px 12px;min-height:46px}textarea{resize:vertical;margin-top:7px}input:not([type=radio]):not([type=file]){margin-top:7px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-fields[hidden],[hidden]{display:none!important}#custom-size{margin-top:12px}.small{font-size:.66rem;line-height:1.55;color:#796955;display:block;margin-top:7px}.upload-button{margin-top:19px;padding:14px;border:1px dashed #a88d6c;text-align:center;border-radius:3px;cursor:pointer;font-size:.83rem;background:#f1e9da;position:relative}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-button:focus-within{outline:2px solid #725437;outline-offset:3px}.photo-tools{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:12px}.segmented{display:flex;border:1px solid #c7bba9;border-radius:3px;overflow:hidden}.segmented button{padding:8px;font-size:.66rem;min-height:40px}.segmented button[aria-pressed=true]{background:#6a5036;color:#fff}.text-button{font-size:.68rem;text-decoration:underline;min-height:44px}.delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.delivery-options label{padding:11px 8px;border:1px solid #d1c5b3;border-radius:3px;cursor:pointer;font-size:.72rem}.delivery-options input{accent-color:#6a5036}.delivery-options small{display:block;margin-left:19px;font-size:.61rem;color:#7b6952}.optional{font-size:.65rem;font-weight:400;color:#806f5a}label[for=notes]{margin-top:18px}.order-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f8f5ef}.order-bar strong{font-family:var(--font-display);font-size:1.8rem;display:block;line-height:1.25}.order-bar .small{margin:0}.order-button{background:#3c2c1c;color:#fffaf1;padding:15px 24px;font-size:.94rem;min-width:155px;border-radius:3px;display:flex;gap:25px;justify-content:space-between;align-items:center;min-height:52px}.order-button:hover{background:#725436}.order-button:disabled{opacity:.65;cursor:not-allowed}.checkout-note{font-size:.63rem;text-align:center;margin-top:12px;max-width:none}#retry-checkout{display:block;margin:0 auto}#form-message:not(:empty){padding:12px;background:#f1e4d0;border-radius:3px;margin-bottom:14px;font-size:.8rem;color:#674b24}.real-frames{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;max-width:1250px;margin:90px auto 65px;padding:0 4%}.real-frames img{width:100%;height:390px;object-fit:cover;border-radius:3px}.real-frames h2{font-weight:400;font-size:2.4rem}.real-frames p:not(.eyebrow){font-size:.88rem;margin:20px 0}.real-frames a{font-size:.77rem;border-bottom:1px solid #9b805e;padding-bottom:5px}.frame-footer{border-top:1px solid #dfd7ca;border-bottom:0;font-size:.65rem;color:#7a654e;padding-bottom:30px}.no-script{padding:30px;background:#fff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #765339;outline-offset:3px}.receipt{max-width:680px;margin:60px auto;padding:0 24px}.receipt h1{font-size:2.6rem}.receipt p{margin:20px 0}.receipt .order-button{display:inline-flex;margin-top:22px}.receipt img{max-height:300px;max-width:100%;object-fit:contain}.receipt dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.receipt dt{color:#7a654e}.receipt dd{margin:0;text-align:right}.receipt .test-note{margin-top:24px}@media (max-width: 760px){.frame-header{padding:15px 5%}.wordmark{font-size:1.25rem}.frame-header>a:last-child{font-size:.7rem}.frame-intro{margin:26px auto 19px;padding:0 5%}.frame-intro h1{font-size:2.25rem}.frame-intro>p:last-child{font-size:.8rem}.config-layout{grid-template-columns:1fr;padding:0 5%;gap:25px}.visual-column{position:static}.frame-views{height:310px;grid-template-columns:66% 34%}.view-label{top:15px;left:12px;font-size:.52rem}.orbit-hint{font-size:.56rem;bottom:16px}.dimension-caption{font-size:.7rem;margin-top:12px}.grain-note{font-size:.62rem}.frame-choice img{height:114px}.frame-choice small{font-size:.7rem}.frame-form fieldset{padding-bottom:20px;margin-bottom:20px}.test-note{margin-bottom:20px}.frame-form input:not([type=radio]),.frame-form select,.frame-form textarea{font-size:16px}.order-bar{position:sticky;bottom:0;z-index:3;padding:12px 0 max(12px,env(safe-area-inset-bottom));box-shadow:0 -10px 20px #f8f5efd9}.order-bar strong{font-size:1.65rem}.order-button{min-width:155px}.real-frames{grid-template-columns:1fr;gap:25px;margin:55px auto 40px;padding:0 5%}.real-frames img{height:280px}.real-frames h2{font-size:2.1rem}.frame-footer{flex-wrap:wrap;font-size:.62rem;gap:12px}.frame-footer>span{order:3;flex-basis:100%}.checkout-note{margin-top:2px}.two-fields{gap:10px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}.fallback-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#c4a77d url(/frames/grain.webp) center/cover;box-shadow:3px 8px 14px #5e482b30}.fallback-frame.with-inlay{outline:1px solid #795731;outline-offset:-6px}.fallback-frame.with-inlay:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1px solid #6c4927;pointer-events:none}#fallback-opening{position:relative;background:#fffdf8;box-shadow:inset 1px 2px 4px #3c2d2633}#fallback-photo{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}#fallback-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:.7rem;color:#84725d}.model-ready .fallback-frame{display:none}#view-loading{top:auto;bottom:4px;font-size:.6rem;padding:6px;background:#eae5dbe6}.fallback-frame{display:grid}#fallback-opening{grid-column:2;grid-row:2}