.of-station,.of-capes{display:block;background:#e8e7e2;color:#111;border-top:1px solid #1112;overflow:hidden}.of-station{padding:54px 0 0}.of-studio-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:0 4% 26px}.of-studio-heading h2,.of-station-copy h2,.of-cape-copy h2{font:900 clamp(35px,4.5vw,64px)/.98 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.025em;margin:0 0 16px;color:inherit}.of-studio-heading .of-eyebrow,.of-station-copy .of-eyebrow,.of-cape-copy .of-eyebrow{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}.of-studio-heading p:last-child,.of-station-copy>p:not(.of-eyebrow),.of-cape-copy>p:not(.of-eyebrow){font:400 12px/1.7 Arial,sans-serif;color:#555;margin:0}.of-tools-nav{display:flex;gap:8px}.of-tools-nav button,.of-studio-controls>button:not(.of-view-reset){border:1px solid #1115;background:transparent;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:#111;font:400 20px/1 Arial,sans-serif;cursor:pointer}.of-tools-nav button:hover,.of-studio-controls>button:hover{background:#111;color:#fff}.of-tools-track{display:flex;gap:18px;padding:0 4% 30px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#333 #0001;overscroll-behavior-x:contain}.of-tool-card{flex:0 0 210px;scroll-snap-align:start;min-width:0}.of-tool-card a{color:inherit;text-decoration:none;display:block}.of-tool-image{position:relative;aspect-ratio:1;background:#e2e1dc;overflow:hidden}.of-tool-image>img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .35s}.of-tool-card a:hover img{transform:scale(1.04)}.of-tool-image>span{position:absolute;left:12px;top:10px;font:500 9px/1 Arial,sans-serif;z-index:1}.of-tool-card h3{font:600 11px/1.4 Arial,sans-serif;margin:14px 0 8px;text-transform:uppercase;letter-spacing:.02em;min-height:30px}.of-tool-price{font:400 12px/1.5 Arial,sans-serif;display:flex;justify-content:space-between;align-items:center}.of-tool-price>span{font-size:20px}.of-station-layout{margin-top:30px;display:grid;grid-template-columns:29% 71%;border-top:1px solid #1112;align-items:center;max-width:1500px;margin-left:auto;margin-right:auto;padding:20px 3% 25px}.of-station-copy{padding:28px 10px 28px 12px}.of-station-copy h2{font-size:clamp(34px,3.8vw,55px);max-width:280px}.of-studio-buy{display:flex;align-items:center;justify-content:space-between;gap:18px;font:600 11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;background:#111;color:#fff;text-decoration:none;padding:15px 18px;max-width:340px;margin-top:26px;border:1px solid #111}.of-studio-buy:hover{color:#111;background:transparent}.of-studio-buy span{white-space:nowrap}.of-station-copy small,.of-cape-copy small{display:block;color:#666;font:400 10px/1.6 Arial,sans-serif;max-width:280px;margin-top:15px}.of-station-scene{position:relative;width:100%;height:440px;background:radial-gradient(ellipse at 50% 68%,#d3d1cb,transparent 67%)}.of-station-scene canvas,.of-cape-scene canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;outline-offset:-8px}.of-station-scene canvas:active,.of-cape-scene canvas:active{cursor:grabbing}.of-station-fallback,.of-cape-fallback{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.is-3d-ready .of-station-fallback,.is-3d-ready .of-cape-fallback{display:none}.of-station-point{position:absolute;transform:translate(-50%,-50%);display:none;place-items:center;background:#edede8da;color:#111;text-decoration:none;border:1px solid #1116;width:22px;height:22px;border-radius:50%;font:600 9px/1 Arial,sans-serif;box-shadow:0 2px 8px #0001}.is-3d-ready .of-station-point{display:grid}.of-station-point:hover,.of-station-point:focus-visible{background:#111;color:#fff}.of-station-point[hidden]{display:none}.of-studio-controls{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px 0}.of-studio-controls>span{font:400 10px/1.5 Arial,sans-serif;color:#555;text-align:center;max-width:220px}.of-view-reset{border:0;background:none;font:400 10px/1.5 Arial,sans-serif;color:#555;text-decoration:underline;text-underline-offset:4px;padding:10px;cursor:pointer}.of-studio-controls>.of-view-reset:hover{color:#111;background:none}.of-station-note{font:400 9px/1.5 Arial,sans-serif;color:#777;margin:2px 0 8px;text-align:center}.of-capes{display:grid;grid-template-columns:62% 38%;padding:40px 4% 45px;background:#deded8;align-items:center}.of-cape-view{min-width:0}.of-cape-scene{position:relative;height:610px;background:radial-gradient(ellipse at 50% 65%,#cbcbc5,transparent 62%)}.of-cape-copy{padding:20px 5% 20px 9%}.of-cape-copy h2{font-size:clamp(38px,4.2vw,60px)}.of-cape-swatches{display:flex;flex-wrap:wrap;gap:15px 10px;margin:28px 0}.of-cape-swatches button{background:none;border:0;padding:0 1px;color:#555;display:flex;align-items:center;flex-direction:column;gap:9px;font:400 10px/1 Arial,sans-serif;cursor:pointer;min-width:43px}.of-cape-swatches button>span{display:block;width:29px;height:29px;border-radius:50%;background:var(--cape-color);box-shadow:0 0 0 3px #deded8,0 0 0 4px transparent;transition:box-shadow .2s}.of-cape-swatches button[aria-pressed=true]{color:#111}.of-cape-swatches button[aria-pressed=true]>span{box-shadow:0 0 0 3px #deded8,0 0 0 4px #111}.of-cape-copy h3{font:600 12px/1.5 Arial,sans-serif;letter-spacing:.03em;margin:0 0 6px;text-transform:uppercase}.of-cape-copy .of-cape-price{font:400 13px/1.5 Arial,sans-serif;color:#111!important}.of-cape-copy .of-studio-buy{margin-top:18px}
@media(max-width:950px){.of-station-layout{grid-template-columns:31% 69%}.of-station-scene{height:360px}.of-cape-scene{height:520px}.of-capes{grid-template-columns:57% 43%;padding:25px 3%}.of-cape-copy{padding-left:6%}.of-cape-swatches{gap:12px 4px}.of-cape-swatches button{font-size:9px;min-width:34px}.of-cape-swatches button>span{width:25px;height:25px}.of-studio-controls{gap:8px}.of-studio-controls>span{font-size:9px;max-width:150px}}
@media(max-width:700px){.of-station{padding-top:34px}.of-studio-heading{padding:0 5% 20px;gap:10px}.of-studio-heading h2{font-size:36px}.of-studio-heading .of-eyebrow{font-size:9px}.of-studio-heading p:last-child{font-size:11px}.of-tools-track{gap:12px;padding:0 5% 24px}.of-tool-card{flex-basis:158px}.of-tool-card h3{font-size:10px;margin-top:12px;min-height:28px}.of-tools-nav button{width:32px;height:32px}.of-station-layout{display:block;margin-top:24px;padding:26px 4% 20px}.of-station-copy{padding:5px 2% 0}.of-station-copy h2{font-size:38px;max-width:none;margin-bottom:10px}.of-station-copy .of-studio-buy{display:inline-flex;min-width:270px;margin-top:15px;padding:12px 16px}.of-station-copy small{margin-top:9px;max-width:none}.of-station-scene{height:330px;margin-top:0}.of-studio-controls{gap:10px;padding-top:0}.of-studio-controls>button:not(.of-view-reset){height:34px;width:34px;font-size:18px}.of-studio-controls>span{max-width:160px}.of-view-reset{font-size:9px;padding:6px}.of-capes{display:flex;flex-direction:column;padding:28px 5% 30px}.of-cape-copy{order:0;padding:0;width:100%;display:flex;flex-direction:column}.of-cape-view{order:1;width:100%}.of-cape-copy h2{font-size:40px;margin-bottom:12px}.of-cape-copy .of-eyebrow{font-size:9px}.of-cape-swatches{gap:16px;margin:24px 0 20px}.of-cape-swatches button{min-width:40px;font-size:10px}.of-cape-swatches button>span{width:27px;height:27px}.of-cape-copy .of-studio-buy{width:100%;max-width:none;margin-top:14px;padding:13px 16px}.of-cape-copy small{margin-top:9px}.of-cape-scene{height:460px;margin-top:0}.of-cape-view .of-studio-controls>span{max-width:140px}.of-cape-fallback{padding:20px}.of-station-point{width:20px;height:20px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.of-tool-image img,.of-cape-swatches button>span{transition:none}}

@media(max-width:700px){.of-capes{align-items:stretch}.of-cape-copy{display:contents}.of-cape-copy>.of-eyebrow{order:0}.of-cape-copy>h2{order:1}.of-cape-copy>p:not(.of-cape-price):not(.of-eyebrow){order:2}.of-cape-view{order:3}.of-cape-swatches{order:4;justify-content:center;margin:10px 0 24px}.of-cape-copy>h3{order:5}.of-cape-copy>.of-cape-price{order:6}.of-cape-copy>.of-studio-buy{order:7}.of-cape-copy>small{order:8}.of-cape-scene{height:420px}.of-cape-copy>h3,.of-cape-copy>.of-cape-price,.of-cape-copy>small{text-align:center;max-width:none}.of-cape-copy>.of-studio-buy{margin-top:14px}}


.of-station-transition{position:relative;isolation:isolate;max-width:1500px;margin:0 auto;padding:0 4%;height:400px}
.of-station-title{position:relative;z-index:1;padding-top:245px}
.of-station-title .of-eyebrow{position:absolute;top:24px;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.of-station-title h2{font:900 clamp(65px,8.9vw,128px)/.95 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.025em;margin:0;color:#111}
.of-razor-feature{position:absolute;z-index:2;right:1%;top:-8px;width:83%;max-width:1220px;transform:rotate(-3deg);pointer-events:none}
.of-razor-feature>a{position:relative;display:block;pointer-events:auto;outline-offset:8px}
.of-razor-feature img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 2px #1115) drop-shadow(0 16px 16px #1112)}
.of-razor-feature .of-razor-brand{position:absolute;left:16.2%;top:50.5%;width:5.5%;height:auto;filter:brightness(0) invert(.92);transform:rotate(-9deg) skewX(-8deg);pointer-events:none}
.of-station-transition+.of-station-layout{margin-top:0;border-top:0;padding-top:0}
.of-station-view{position:relative}
.of-station-focus{position:absolute;z-index:8;bottom:76px;left:5%;right:5%;padding:16px 18px;background:#edede8f5;box-shadow:0 8px 30px #1112;display:flex;align-items:center;gap:18px;font:500 11px/1.4 Arial,sans-serif;backdrop-filter:blur(10px)}
.of-station-focus[hidden]{display:none}.of-station-focus>div{flex:1}.of-station-focus strong,.of-station-focus span{display:block}.of-station-focus span{font-size:11px;margin-top:5px}.of-station-focus a,.of-station-focus button{border:0;background:none;color:#111;text-decoration:underline;text-underline-offset:4px;font:600 10px/1.5 Arial,sans-serif;cursor:pointer;padding:8px 0}.of-station-point{cursor:pointer;padding:0}
@media(max-width:700px){.of-station-transition{height:300px;padding:0 5%}.of-station-title{padding-top:185px}.of-station-title .of-eyebrow{top:12px;font-size:9px}.of-station-title h2{font-size:clamp(42px,12vw,70px)}.of-razor-feature{width:115%;right:-6%;top:44px;transform:rotate(-5deg)}.of-station-focus{bottom:76px;left:0;right:0;padding:12px;gap:12px}.of-station-focus strong{font-size:10px}.of-station-focus a,.of-station-focus button{font-size:9px}}

.of-station-layout{display:flex;flex-direction:column;padding:0 3% 28px}.of-station-view{width:100%;order:0}.of-station-copy{order:1;padding:6px 0 0;width:100%}.of-station-scene{height:clamp(460px,46vw,650px);margin-top:0}.of-station-mat-link{display:flex;justify-content:center;align-items:center;gap:22px;font:600 11px/1.5 Arial,sans-serif;color:#111;text-transform:uppercase;text-decoration:none}.of-station-mat-link span{font-weight:400}.of-station-view .of-studio-controls{padding:8px 0 14px;gap:20px}@media(max-width:700px){.of-station-layout{padding:0 2% 24px}.of-station-scene{height:340px}.of-station-mat-link{font-size:10px}}

@media(max-width:700px){.of-razor-feature{width:98%;right:0;top:55px;transform:rotate(-3deg)}}

.of-station-transition{margin-top:-32px;height:360px}.of-razor-feature{top:-30px}.of-station-title{padding-top:215px}@media(max-width:700px){.of-station-transition{margin-top:-16px;height:256px}.of-razor-feature{top:23px}.of-station-title{padding-top:155px}}

.of-station-transition{height:auto;min-height:360px;padding-bottom:28px}.of-station-scene{overflow:hidden;isolation:isolate}@media(max-width:700px){.of-station-transition{height:auto;min-height:256px;padding-bottom:24px}}

/* Keep the heading and rotating scene in separate paint areas. */
.of-station-transition{z-index:2;background:#e8e7e2}.of-station-transition+.of-station-layout{position:relative;z-index:0;padding-top:20px}.of-station-view{isolation:isolate;overflow:hidden}.of-station-scene{contain:paint}
@media(max-width:700px){.of-station-transition+.of-station-layout{padding-top:14px}}

@media(min-width:701px){.of-station-transition{container-type:inline-size}.of-razor-feature{top:calc(239px - 17.5cqw)}}

@media(max-width:700px){.of-razor-feature{top:85px}}