.services-page{color:#111;background:#f4efe3;overflow:hidden}.uploaded-artwork{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.image-upload-input{color:#f4efe3bf;background:#f4efe312;border:1px solid #f4efe31f;border-radius:1rem;width:100%;padding:.9rem;font-size:.85rem}.save-frame-btn{color:#f4efe3;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #f4efe32e;border-radius:999px;width:100%;padding:1rem 1.25rem;font-size:.78rem;font-weight:800;transition:all .35s}.save-frame-btn:hover{background:#f4efe314;transform:translateY(-2px)}.service-hero-copy{color:#1111119e;max-width:620px;margin-top:2rem;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.7}.services-bento{grid-template-columns:repeat(4,1fr);gap:1rem;padding:clamp(2rem,5vw,5rem);display:grid}.bento-card{color:#f4efe3;background:#111;border-radius:1.5rem;flex-direction:column;justify-content:space-between;min-height:260px;padding:clamp(1.25rem,2vw,2rem);display:flex;position:relative;overflow:hidden}.bento-card:after{content:"";filter:blur(60px);background:#c31b0740;border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -20% -35% auto}.bento-card span{color:#c31b07;letter-spacing:.2em;font-size:.8rem;font-weight:700}.bento-card h2{letter-spacing:-.04em;max-width:9ch;font-size:clamp(1.7rem,2.5vw,3rem);line-height:.95}.bento-card p{color:#f4efe3a6;max-width:320px;font-size:.95rem;line-height:1.6}.bento-card-1{grid-area:span 2/span 2;min-height:520px}.bento-card-2,.bento-card-5{background:#c31b07}.bento-card-3{background:#2b211c}.bento-card-4{background:#191919;grid-column:span 2}.bento-card-6{background:#332417}.frame-tool-header p{color:#c31b07;text-transform:uppercase;letter-spacing:.24em;margin-bottom:1rem;font-size:.75rem;font-weight:700}.frame-tool-section{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem)}.frame-tool-header{max-width:850px;margin-bottom:clamp(2rem,5vw,4rem)}.frame-tool-header h2{letter-spacing:-.07em;margin-bottom:1.5rem;font-size:clamp(2.8rem,7vw,7rem);line-height:.88}.frame-tool-header span{color:#1111119e;max-width:680px;font-size:1.05rem;line-height:1.7;display:block}.frame-tool-layout{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:stretch;gap:clamp(1.5rem,4vw,4rem);display:grid}.frame-preview-panel{background:radial-gradient(circle at 20% 20%,#c31b0714,#0000 35%),#fff;border:1px solid #11111114;border-radius:2rem;justify-content:center;align-items:center;min-height:clamp(350px,60vh,720px);padding:clamp(2rem,5vw,5rem);display:flex;box-shadow:0 30px 100px #00000014}.preview-stage{perspective:1000px;flex-direction:column;align-items:center;width:100%;display:flex}.frame-outer{max-width:100%;max-height:560px;transition:width .55s cubic-bezier(.22,1,.36,1),height .55s cubic-bezier(.22,1,.36,1),padding .45s,background .45s;transform:rotateX(2deg)rotateY(-3deg);box-shadow:0 28px 60px #00000047,inset 0 0 0 2px #ffffff26,inset 0 0 18px #00000073}.mat-board{width:100%;height:100%;transition:padding .45s,background .45s,box-shadow .45s}.artwork-window{color:#f4efe3c7;background:linear-gradient(135deg,#ffffff14,#0000),#1a1a1a;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.artwork-mark{color:#f4efe38c;letter-spacing:.14em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.65rem;font-size:.75rem;display:flex}.preview-meta{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.preview-meta span{color:#1111119e;background:#1111110f;border-radius:999px;padding:.65rem .9rem;font-size:.78rem;font-weight:600}.frame-controls{color:#f4efe3;background:#111;border-radius:2rem;flex-direction:column;gap:1.25rem;padding:clamp(1.25rem,2vw,2rem);display:flex;box-shadow:0 30px 100px #00000029}.control-group{flex-direction:column;gap:.65rem;display:flex}.control-group label{color:#f4efe38c;text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;display:flex}.control-group select,.control-group input[type=number]{color:#f4efe3;background:#f4efe312;border:1px solid #f4efe31f;border-radius:1rem;outline:none;width:100%;padding:.95rem 1rem}.control-group select option{color:#111}.control-group input[type=range]{accent-color:#c31b07}.preset-row{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.preset-row button{color:#f4efe3ad;text-transform:capitalize;cursor:pointer;background:#f4efe30f;border:1px solid #f4efe324;border-radius:999px;padding:.85rem .5rem;transition:all .3s}.preset-row button.active,.preset-row button:hover{color:#fff;background:#c31b07;border-color:#c31b07}.dimension-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.frame-swatches,.mat-swatches{flex-wrap:wrap;gap:.6rem;display:flex}.frame-swatches button,.mat-swatches button{cursor:pointer;border:2px solid #f4efe31f;border-radius:.65rem;width:38px;height:38px;transition:all .3s}.frame-swatch.kota-walnut{background:linear-gradient(135deg,#3a1f13,#8b5434,#c07945)}.frame-swatch.obsidian{background:linear-gradient(135deg,#050505,#1c1c1c,#000)}.frame-swatch.white-maple{background:linear-gradient(135deg,#fffaf0,#e8dfcf,#fff)}.frame-swatch.burlwood-blonde{background:linear-gradient(135deg,#c99b5d,#efd6a4,#b98144)}.frame-swatch.brunette{background:linear-gradient(135deg,#2a140b,#5a3320,#8a5b3d)}.frame-swatch.kota-black{background:linear-gradient(135deg,#000,#242424,#050505)}.frame-swatch.weathered-black{background:linear-gradient(135deg,#111,#4a4a4a,#1f1f1f)}.mat-swatch.museum-white{background-color:#f7f2e8}.mat-swatch.ivory{background-color:#efe3c8}.mat-swatch.charcoal{background-color:#242424}.mat-swatch.warm-grey{background-color:#b7afa3}.mat-swatch.deep-red{background-color:#7a160d}.mat-swatch.black{background-color:#050505}.frame-swatches button.selected,.mat-swatches button.selected{border-color:#c31b07;transform:translateY(-3px)}.selected-frame-info{background:#f4efe30f;border-radius:1rem;margin-top:.5rem;padding:1rem}.selected-frame-info strong{margin-bottom:.35rem;display:block}.selected-frame-info p{color:#f4efe394;margin:0;font-size:.9rem;line-height:1.55}.frame-cta{color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#c31b07;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;margin-top:auto;padding:1rem 1.25rem;font-size:.82rem;font-weight:800;text-decoration:none;transition:all .35s;display:inline-flex}.frame-cta:hover{background:#a91605;transform:translateY(-3px)}@media (max-width:1100px){.services-bento{grid-template-columns:repeat(2,1fr)}.bento-card,.bento-card-1,.bento-card-4{grid-area:span 1/span 1;min-height:320px}.frame-tool-layout{grid-template-columns:minmax(0,1fr)}.frame-preview-panel,.frame-controls{min-width:0}.frame-controls{max-width:720px}}@media (max-width:700px){.services-hero{min-height:auto}.services-bento{grid-template-columns:1fr}.frame-preview-panel{min-height:520px;padding:1.25rem}.frame-tool-layout{gap:1.25rem}.dimension-grid,.preset-row{grid-template-columns:1fr 1fr}.frame-controls{border-radius:1.25rem}.frame-outer{transform:none}}input[type=range]{appearance:none;cursor:pointer;background:#c31b0740;border-radius:999px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#c31b07;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:all .25s;box-shadow:0 0 0 4px #c31b0726}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 6px #c31b0740}input[type=range]::-moz-range-track{background:#c31b0740;border-radius:999px;height:6px}input[type=range]::-moz-range-thumb{cursor:pointer;background:#c31b07;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #c31b0726}@media (max-width:1024px){.frame-tool-layout{grid-template-columns:1fr;gap:1.5rem}.frame-preview-panel{min-height:500px;padding:2rem}.frame-controls{width:100%}}@media (max-width:768px){.frame-tool-layout{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.frame-preview-panel{width:100%;min-height:auto;padding:1.25rem}.preview-stage{align-items:center;width:100%}.frame-outer{max-width:100%;max-height:auto;transform:none}.preview-meta{gap:.5rem;margin-top:1rem}.preview-meta span{padding:.45rem .75rem;font-size:.7rem}.frame-controls{border-radius:1.5rem;width:100%;padding:1rem}.control-group{gap:.5rem}.control-group label{letter-spacing:.14em;font-size:.65rem}.control-group select,.control-group input[type=number]{border-radius:.8rem;padding:.85rem;font-size:.9rem}.dimension-grid{grid-template-columns:1fr}.preset-row{grid-template-columns:repeat(2,1fr)}.preset-row button{padding:.75rem;font-size:.8rem}.frame-swatches button,.mat-swatches button{width:34px;height:34px}.selected-frame-info strong{font-size:.9rem}.selected-frame-info p{font-size:.75rem;line-height:1.5}.save-frame-btn,.frame-cta{justify-content:center;width:100%;padding:.85rem 1rem;font-size:.65rem}}