.product-framewise{color-scheme:light;font-synthesis:none}.product-framewise *{box-sizing:border-box}.product-framewise{scroll-behavior:smooth}.product-framewise{margin:0;-webkit-font-smoothing:antialiased}.product-framewise button,.product-framewise input,.product-framewise select{font:inherit}.product-framewise button,.product-framewise a{touch-action:manipulation}.product-framewise button{cursor:pointer}.product-framewise a{text-decoration:none;color:inherit}.product-framewise button:focus-visible,.product-framewise a:focus-visible,.product-framewise input:focus-visible,.product-framewise select:focus-visible{outline:3px solid #f28e38;outline-offset:4px}.product-framewise p,.product-framewise h1,.product-framewise h2,.product-framewise h3,.product-framewise h4{margin-top:0}.product-framewise svg{display:block;max-width:100%}.product-framewise img{max-width:100%;display:block}.product-framewise .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.product-framewise .skip{position:absolute;top:-70px;left:15px;z-index:1000;background:white;color:black;padding:10px 16px}.product-framewise .skip:focus{top:12px}.product-framewise .concept-disclosure{font-size:10px;letter-spacing:.09em;text-transform:uppercase;opacity:.72}.product-framewise .visually-muted{opacity:.66}.product-framewise .interactive-note{font-size:11px;opacity:.75}.product-framewise nav a:hover,.product-framewise button:hover{filter:brightness(1.12)}@media(prefers-reduced-motion:reduce){.product-framewise *,.product-framewise *::before,.product-framewise *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.product-framewise{--bg:#18181a;--surface:#232225;--line:#403a3f;--text:#f6f1ed;--muted:#afa6ab;--orange:#f38b65;--purple:#a289ab}.product-framewise{background:var(--bg);color:var(--text);font-family:'Inter',Arial,sans-serif}.product-framewise .nav{height:83px;border-bottom:1px solid #484348;display:flex;justify-content:space-between;align-items:center;padding:0 4.7%}.product-framewise .logo{font-weight:850;font-size:23px;letter-spacing:-.08em}.product-framewise .logo i{font-style:normal;color:var(--orange);font-size:28px;margin-left:2px}.product-framewise .links{display:flex;gap:36px;align-items:center;font-size:11px;font-weight:700}.product-framewise .links .dot{height:7px;width:7px;background:var(--orange);display:inline-block;border-radius:50%;margin-right:8px}.product-framewise .hero{padding:44px 4.7% 44px}.product-framewise .caption{font:700 10px monospace;letter-spacing:.14em;color:var(--muted)}.product-framewise .intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:18px 0 33px}.product-framewise .intro h1{font-size:clamp(64px,7.3vw,140px);letter-spacing:-.09em;line-height:.9;margin:15px 0 0;font-weight:650}.product-framewise .intro h1 em{font-weight:450;font-style:italic;color:var(--orange);font-family:'Noto Serif Display',Georgia,serif}.product-framewise .intro p{max-width:310px;font-size:14px;color:#aaa0a6;line-height:1.7}.product-framewise .frames{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;min-height:455px}.product-framewise .visual{position:relative;overflow:hidden;min-height:455px;background:#58413f}.product-framewise .hero-frame{background:radial-gradient(ellipse at 43% 23%,#d6a180 0,transparent 37%),linear-gradient(142deg,#242022 10%,#704742 48%,#b97464 70%,#3c282b 100%)}.product-framewise .hero-frame:before{content:"";position:absolute;width:40%;height:120%;transform:rotate(22deg);top:-10%;left:39%;background:linear-gradient(90deg,#e3c1a341,#d4ad9240,#412d34);clip-path:polygon(0 0,100% 0,75% 100%,15% 100%)}.product-framewise .hero-frame:after{content:"";position:absolute;left:-5%;bottom:-34%;height:75%;width:130%;background:radial-gradient(ellipse at 40% 15%,#201b22,#322129 55%,#201b20 70%);transform:rotate(-6deg)}.product-framewise .sculpture{position:absolute;top:10%;right:17%;width:23%;height:70%;border:45px solid #d1a08e;border-radius:50% 50% 45% 45%;transform:rotate(-18deg);z-index:1;box-shadow:inset 20px 20px 15px #6f4b51,30px 30px 40px #2a1a20}.product-framewise .sculpture:after{content:"";position:absolute;width:80%;height:100%;left:-22%;top:0;background:linear-gradient(90deg,#d4af97,#aa7d75,#794e56);border-radius:50%;transform:rotate(5deg)}.product-framewise .frame-overlay{position:absolute;inset:17px;border:1px solid #f0ddd270;z-index:4;pointer-events:none}.product-framewise .frame-overlay:before{content:'FRAME 001  /  00:04';position:absolute;top:20px;left:20px;font:650 10px monospace;letter-spacing:.12em}.product-framewise .frame-overlay:after{content:'F / W';position:absolute;bottom:22px;right:21px;font:700 12px monospace}.product-framewise .frame-tag{position:absolute;bottom:36px;left:38px;z-index:5;font-family:'Noto Serif Display',Georgia,serif;font-size:36px;font-weight:400;line-height:1.05}.product-framewise .sideframes{display:grid;grid-template-rows:1fr 1fr;gap:14px}.product-framewise .side{position:relative;overflow:hidden;min-height:220px}.product-framewise .one{background:linear-gradient(134deg,#d9c3b1 0%,#8c6760 45%,#472f35 100%)}.product-framewise .one:before{content:"";position:absolute;width:55%;height:180%;left:38%;top:-30%;background:#d79880;transform:rotate(35deg);box-shadow:-25px 0 50px #e3b2a4}.product-framewise .one:after{content:"";position:absolute;width:70%;height:130%;left:42%;top:-10%;border:40px solid #c78c78;transform:rotate(24deg)}.product-framewise .two{background:radial-gradient(ellipse at 70% 50%,#ab92a9,transparent 30%),linear-gradient(130deg,#1e1a2c,#594d75 58%,#a48999)}.product-framewise .two:before{content:"";position:absolute;width:43%;height:150%;border-radius:50%;background:#b19aae;left:30%;top:6%;transform:rotate(24deg);box-shadow:40px 20px 25px #382b4d}.product-framewise .side b{position:absolute;bottom:16px;left:18px;font:700 10px monospace;z-index:3;letter-spacing:.08em;text-shadow:0 1px 8px #000c}.product-framewise .control{margin-top:20px;background:#222124;border:1px solid #454146;display:grid;grid-template-columns:230px 1fr;min-height:215px}.product-framewise .controls-left{padding:22px;border-right:1px solid var(--line)}.product-framewise .controls-left h2{font-size:23px;letter-spacing:-.05em;margin:15px 0}.product-framewise .controls-left p{font-size:11px;color:#afa3a7;line-height:1.65}.product-framewise .controls-left button{border:0;background:var(--orange);color:#272025;padding:11px 15px;font-size:11px;font-weight:800}.product-framewise .timeline{padding:20px 22px;overflow-x:auto}.product-framewise .time-head{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;font:700 10px monospace;color:#afa1a7;min-width:500px}.product-framewise .track{display:flex;gap:5px;align-items:center;margin-top:15px;min-width:500px}.product-framewise .track>span{width:60px;font:700 10px monospace;color:#8a7b89}.product-framewise .clip{height:36px;background:#66505c;display:flex;align-items:center;font-size:10px;font-weight:750;padding:0 12px;border:1px solid #87697b;flex:1}.product-framewise .clip.accent{background:#a06559;border-color:#c88475}.product-framewise .clip.purple{background:#5a4d6b;border-color:#89779b}.product-framewise .clip.short{flex:.45}.product-framewise .playhead{position:relative}.product-framewise .playhead:before{content:"";position:absolute;top:-32px;bottom:-36px;border-left:2px solid #f4b88e;z-index:2;left:55%}.product-framewise .below{padding:57px 4.7%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line)}.product-framewise .below h2{font:400 45px 'Noto Serif Display',Georgia,serif;letter-spacing:-.05em;max-width:700px}.product-framewise .below p{max-width:400px;font-size:13px;color:#ad9fa5;line-height:1.8}.product-framewise .footer{padding:20px 4.7%;border-top:1px solid var(--line);font:10px monospace;color:#887d80}@media(max-width:980px){.product-framewise .frames{grid-template-columns:1fr}.product-framewise .sideframes{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.product-framewise .side{min-height:250px}.product-framewise .control{grid-template-columns:1fr}.product-framewise .controls-left{border-right:0;border-bottom:1px solid var(--line)}.product-framewise .intro h1{font-size:75px}}@media(max-width:620px){.product-framewise .nav{padding:0 19px}.product-framewise .links a{display:none}.product-framewise .hero{padding:32px 18px}.product-framewise .intro{display:block}.product-framewise .intro h1{font-size:59px}.product-framewise .intro p{margin-top:25px}.product-framewise .frames{gap:8px}.product-framewise .visual{min-height:340px}.product-framewise .sideframes{gap:8px}.product-framewise .side{min-height:150px}.product-framewise .frame-tag{font-size:25px}.product-framewise .sculpture{border-width:24px}.product-framewise .control{margin-top:10px}.product-framewise .below{display:block;padding:45px 20px}.product-framewise .below h2{font-size:36px}.product-framewise .footer{padding:20px}.product-framewise .side b{font-size:8px}}
.v2-product{isolation:isolate;overflow-x:clip}.v2-product button{min-height:44px}.v2-product [role=status]{line-height:1.6}