/* Evren Watch: one infinity form, three material studies; presentation only. */
html:has(body[data-page="watch"]){scroll-padding-top:100px}
.ew-page{--ew-bg:#0b0c10;--ew-ink:#f4f0eb;--ew-muted:#b8b2bb;--ew-line:#ffffff24;background:var(--ew-bg);color:var(--ew-ink);overflow:clip}
.ew-page [hidden]{display:none!important}
.ew-page img{display:block;width:100%;height:auto}
.ew-page h1,.ew-page h2,.ew-page h3{font-weight:430;letter-spacing:-.045em;line-height:1.1;text-wrap:balance}
.ew-page p{line-height:1.65}
.ew-page button{cursor:pointer;font:inherit}
.ew-page button:focus-visible,.ew-page a:focus-visible{outline:2px solid #e0cbfc;outline-offset:5px}
.ew-kicker{display:block;font-size:12px;line-height:1.6;letter-spacing:.15em;color:#cdb9a5;font-weight:500}
.ew-page .button-glass{min-height:48px;border:1px solid var(--studio-crystal-edge);background:var(--studio-crystal-fill);box-shadow:var(--studio-crystal-shadow);color:var(--ew-ink);font-size:14px}
.ew-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:0 max(40px,calc((100vw - 1280px)/2));border:1px solid var(--ew-line);border-top:0;border-radius:0 0 18px 18px;background:#121318;box-shadow:0 6px 24px #0002}
.ew-wordmark{font-family:var(--display);font-size:22px;letter-spacing:-1px}
.ew-wordmark b{font-weight:400;color:#c5b39e}
.ew-nav>div{display:flex;gap:28px}
.ew-nav>div a{font-size:14px;padding-block:20px;color:#c5bec8}
.ew-concept{font-size:12px;border:1px solid var(--ew-line);border-radius:30px;padding:7px 12px;white-space:nowrap;color:#c3bdc9}
.ew-hero{display:grid;grid-template-columns:.74fr 1.26fr;align-items:center;gap:44px;padding-block:65px 85px}
.ew-hero h1{font-size:clamp(48px,5.5vw,80px);max-width:6.4em;margin:20px 0 28px}
.ew-hero-copy>p{font-size:19px;color:var(--ew-muted);max-width:365px;margin-bottom:30px}
.ew-hero-note{display:block;font-size:13px;line-height:1.6;color:#a89fae;margin-top:28px}
.ew-showroom{min-width:0}
.ew-hero-photo,.ew-control-photo{position:relative;border:1px solid #ffffff1c;border-radius:28px;overflow:hidden;background:#181716}
.ew-hero-photo img{aspect-ratio:3/2;object-fit:cover;animation:ew-fade .45s ease both}
.ew-expand{position:absolute;right:20px;bottom:20px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--studio-crystal-edge);background:var(--studio-crystal-fill);box-shadow:var(--studio-crystal-shadow);color:white;backdrop-filter:blur(15px)}
.ew-expand .icon{width:20px;height:20px}
.ew-selection{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:25px}
.ew-finishes{display:flex;gap:14px}
.ew-finishes button{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:48px;min-height:64px;background:none;border:0;padding:4px;color:#b8b2bc;font-size:12px}
.ew-finishes i{display:block;width:25px;height:25px;border-radius:50%;background:linear-gradient(135deg,#ffffff50,transparent 50%,#0005),var(--finish);border:1px solid #ffffff45;box-shadow:0 3px 6px #0009}
.ew-finishes [aria-pressed=true]{color:#fff}
.ew-finishes [aria-pressed=true] i{outline:1px solid #cdb599;outline-offset:5px}
.ew-selected-copy{font-size:13px;line-height:1.8;text-align:right;color:#b8adb6}
.ew-selected-copy b{display:block;font-weight:450;color:#e8ddcf}
.ew-section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:35px}
.ew-section-head h2{font-size:clamp(36px,4vw,56px);max-width:12em;margin:17px 0 0}
.ew-section-head>p{font-size:17px;color:var(--ew-muted);margin:0;max-width:370px}
.ew-experience{padding-block:40px 85px}
.ew-demo{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ew-line);border-radius:30px;overflow:hidden;background:#141419;min-height:660px}
.ew-demo-scene{position:relative;min-width:0;background:#272320}
.ew-screen{display:block;width:100%;height:100%;max-height:710px}
.ew-demo-stamp{position:absolute;left:24px;top:24px;font-size:11px;letter-spacing:.15em;color:#cdbfae}
.ew-ring-track,.ew-ring,.ew-lower-ring{fill:none;stroke-width:4;stroke:#ffffff18}
.ew-ring{stroke:var(--watch-accent);stroke-width:6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--watch-accent),transparent 30%))}
.ew-lower-ring{stroke:var(--watch-accent);stroke-width:2;opacity:.5}
.ew-screen text{text-anchor:middle;fill:#f8f4ef;font-family:var(--body,'DM Sans'),sans-serif}
.ew-screen-eyebrow{font-size:18px;letter-spacing:2px;fill:#d8ccd9!important}
.ew-screen-time{font-size:57px;font-weight:450;letter-spacing:-2px;font-variant-numeric:tabular-nums}
.ew-screen-clock{font-size:49px}
.ew-screen-task{font-size:20px;fill:#e5dce5!important}
.ew-orb-halo{fill:var(--watch-accent);opacity:.24;filter:blur(8px)}
.ew-demo[data-voice=active] .ew-orb-halo{animation:ew-orb-pulse .8s ease-in-out infinite alternate}
.ew-demo-copy{display:flex;flex-direction:column;justify-content:center;padding:50px clamp(26px,4vw,58px);min-width:0}
.ew-simulation{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.7;letter-spacing:.13em;color:#bcb5c4}
.ew-simulation i{width:5px;height:5px;border-radius:50%;background:#ddd2e3}
.ew-modes{display:flex;gap:22px;margin:35px 0}
.ew-modes button{display:flex;flex-direction:column;align-items:center;gap:12px;border:0;background:none;color:#bdb3c7;padding:4px;font-size:13px;min-width:65px}
.ew-modes button>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid var(--studio-crystal-edge);background:var(--studio-crystal-fill);box-shadow:var(--studio-crystal-shadow);transition:box-shadow .3s}
.ew-modes .icon{width:24px;height:24px}
.ew-modes [aria-pressed=true]{color:var(--watch-accent)}
.ew-modes [aria-pressed=true]>span{background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--watch-accent) 35%,transparent),transparent 75%),var(--studio-crystal-fill);box-shadow:var(--studio-crystal-shadow),0 8px 30px color-mix(in srgb,var(--watch-accent) 20%,transparent)}
.ew-demo-copy h3{font-size:35px;margin:0 0 18px;max-width:9em;min-height:77px}
.ew-demo-copy>p{font-size:17px;line-height:1.7;color:#c1b7c8;margin:0;min-height:115px}
.ew-demo-legend{border-top:1px solid var(--ew-line);padding-top:25px;margin-top:28px;display:grid;gap:14px;font-size:14px;color:#d5cbd9}
.ew-demo-legend b{font-size:11px;font-weight:400;letter-spacing:.05em;color:#af9e8d;margin-right:16px}
.ew-flow-foot{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:12px;color:#a89fb1}
.ew-flow-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ew-line);border-radius:50%;background:#ffffff05;color:#cec3d7}
.ew-flow-toggle .icon{width:17px;height:17px}
.ew-flow-toggle[aria-pressed=true]{color:#fff;background:#ffffff14}
.ew-control{padding-block:45px 85px}
.ew-control-layout{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:50px}
.ew-control-photo img{aspect-ratio:3/2;object-fit:cover}
.ew-control-marker{position:absolute;width:11%;height:17%;border:1px solid #f2ce91;border-radius:50%;box-shadow:0 0 20px #e7a95650,inset 0 0 20px #e7a95630;opacity:0;pointer-events:none;transition:opacity .3s}
.ew-marker-top{left:61%;top:28%}
.ew-marker-bottom{left:59.2%;top:50.3%}
.ew-control[data-action=upper] .ew-marker-top,.ew-control[data-action=lower] .ew-marker-bottom{opacity:1}
.ew-control-copy>.ew-kicker{margin-bottom:25px}
.ew-control-action{display:flex;align-items:center;gap:16px;width:100%;min-height:95px;text-align:left;padding:18px 20px;margin-top:14px;color:var(--ew-ink);border:1px solid var(--studio-crystal-edge);border-radius:22px;background:var(--studio-crystal-fill);box-shadow:var(--studio-crystal-shadow)}
.ew-control-number{font-size:12px;color:#c4ae94}
.ew-control-action>span:nth-child(2){flex:1}
.ew-control-action b{font-size:19px;font-weight:450}
.ew-control-action small{display:block;font-size:13px;color:#bdb2c3;margin-top:6px;line-height:1.5}
.ew-control-action .icon{width:22px;height:22px;flex-shrink:0;color:#d1b490}
.ew-control-action[aria-pressed=true]{background:radial-gradient(ellipse at 80% 120%,#b7956c30,transparent 70%),var(--studio-crystal-fill)}
.ew-control-feedback{display:flex;gap:16px;align-items:start;margin-top:30px;min-height:108px;padding-top:24px;border-top:1px solid var(--ew-line)}
.ew-feedback-orb{width:17px;height:17px;flex-shrink:0;margin-top:3px;border-radius:50%;background:radial-gradient(circle at 30% 30%,white,#b699dd 55%,#b69d78);box-shadow:0 0 20px #b69adb33}
.ew-control-feedback b{font-size:16px;font-weight:450}
.ew-control-feedback p{font-size:14px;color:#bfb4c9;margin:7px 0 0}
.ew-small-note{font-size:12px;color:#aaa1af;line-height:1.7;margin-top:15px}
.ew-style{padding-block:40px 80px}
.ew-worn{position:relative;margin:0;overflow:hidden;border-radius:28px;border:1px solid var(--ew-line)}
.ew-worn img{aspect-ratio:1.85;object-fit:cover}
.ew-worn figcaption{position:absolute;bottom:0;left:0;right:0;padding:70px 40px 35px;background:linear-gradient(transparent,#000b)}
.ew-worn figcaption p{font-size:37px;line-height:1.15;letter-spacing:-.035em;margin:13px 0 0}
.ew-finish-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}
.ew-finish-gallery article>button{display:block;width:100%;position:relative;padding:0;background:#171514;border:1px solid var(--ew-line);border-radius:22px;overflow:hidden;color:white}
.ew-finish-gallery article>button>span{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff15}
.ew-finish-gallery .icon{width:17px;height:17px}
.ew-finish-gallery h3{font-size:27px;margin:22px 0 12px}
.ew-finish-gallery p{font-size:16px;color:#d5cbd4;margin:0}
.ew-finish-gallery p span{font-size:13px;color:#a99eae}
.ew-closing{text-align:center;padding-block:65px 100px}
.ew-closing h2{font-size:clamp(45px,6vw,80px);margin:25px 0 35px}
.ew-closing h2 span{color:#b6a18b}
.ew-closing>p{max-width:600px;margin:40px auto 0;font-size:12px;color:#a89dae}
.ew-dialog{width:min(1100px,calc(100vw - 30px));max-height:92svh;padding:0;border:1px solid #ffffff40;border-radius:25px;background:#111116;color:#f5eef8;box-shadow:0 30px 100px #000b;overflow:auto}
.ew-dialog::backdrop{background:#07070ade;backdrop-filter:blur(15px)}
.ew-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px}
.ew-dialog-head h2{font-size:20px;margin:0}
.ew-dialog-head button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--studio-crystal-edge);background:var(--studio-crystal-fill);box-shadow:var(--studio-crystal-shadow);border-radius:50%;color:#fff}
.ew-dialog-head .icon{width:20px;height:20px}
.ew-dialog>img{max-height:70svh;object-fit:contain;background:#0d0c0e}
.ew-dialog>p{font-size:12px;margin:15px 22px;color:#b9a8c2}
@keyframes ew-fade{from{opacity:.5}to{opacity:1}}
@keyframes ew-orb-pulse{from{opacity:.25;r:32}to{opacity:.6;r:45}}
@media(min-width:1500px){.ew-hero{gap:65px}.ew-hero h1{font-size:88px}}
@media(max-width:1000px){
 .ew-hero{gap:25px;grid-template-columns:.9fr 1.1fr}.ew-hero h1{font-size:53px}.ew-hero-copy>p{font-size:17px}
 .ew-selection{align-items:start;flex-direction:column;gap:16px}.ew-selected-copy{text-align:left}
 .ew-demo{min-height:610px}.ew-demo-copy{padding:35px 25px}.ew-demo-copy h3{font-size:30px}.ew-demo-copy>p{font-size:16px}.ew-modes{gap:15px}
 .ew-control-layout{gap:28px}.ew-control-action{padding:17px 15px;gap:10px}.ew-control-action b{font-size:17px}
}
@media(max-width:700px){
 .ew-page .wrap{width:calc(100% - 40px)}
 .ew-nav{padding-inline:20px;gap:15px;min-height:58px}.ew-wordmark{font-size:20px}.ew-nav>div{gap:15px}.ew-nav>div a{font-size:12px}.ew-concept{display:none}
 .ew-hero{grid-template-columns:1fr;padding-block:45px 50px;gap:32px}.ew-hero-copy{text-align:center}
 .ew-hero h1{font-size:55px;max-width:6.5em;margin:17px auto 24px}.ew-hero-copy>p{font-size:17px;margin:0 auto 26px;max-width:330px}.ew-hero-note{display:none}
 .ew-hero-photo{border-radius:22px}.ew-selection{flex-direction:row;align-items:center;gap:15px;padding-top:22px}.ew-finishes{gap:11px}.ew-selected-copy{max-width:145px;text-align:right;font-size:11px}.ew-selected-copy b{font-size:12px;line-height:1.6}
 .ew-section-head{display:block;margin-bottom:25px}.ew-section-head h2{font-size:38px;max-width:11em}.ew-section-head>p{font-size:16px;margin-top:22px}
 .ew-experience,.ew-control,.ew-style{padding-block:35px 45px}
 .ew-demo{grid-template-columns:1fr;border-radius:24px}.ew-demo-scene{height:480px}.ew-screen{width:100%;height:100%}.ew-demo-stamp{font-size:10px;left:18px;top:18px}
 .ew-demo-copy{padding:28px 25px 20px}.ew-modes{margin:24px 0;justify-content:space-between}.ew-demo-copy h3{font-size:32px;min-height:70px;max-width:10em}.ew-demo-copy>p{min-height:110px;font-size:16px}
 .ew-demo-legend{margin-top:20px;gap:12px;padding-top:20px}.ew-flow-foot{margin-top:15px}
 .ew-control-layout{grid-template-columns:1fr;gap:28px}.ew-control-photo{border-radius:22px}.ew-control-copy>.ew-kicker{margin-bottom:15px}
 .ew-control-action{min-height:90px;padding:18px}.ew-control-action b{font-size:18px}.ew-control-action small{font-size:13px}
 .ew-control-feedback{min-height:104px;margin-top:25px}.ew-small-note{margin-top:8px}
 .ew-worn{border-radius:22px}.ew-worn img{aspect-ratio:1.04;object-position:50% 50%}.ew-worn figcaption{padding:55px 22px 25px}.ew-worn figcaption p{font-size:29px}.ew-worn .ew-kicker{font-size:10px}
 .ew-finish-gallery{grid-template-columns:1fr;gap:28px;margin-top:28px}.ew-finish-gallery article{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-items:start}.ew-finish-gallery article>button{grid-row:span 2;align-self:center;border-radius:18px}.ew-finish-gallery h3{font-size:26px;margin:8px 0}.ew-finish-gallery p{font-size:14px}.ew-finish-gallery p span{font-size:12px}
 .ew-finish-gallery article>button>span{width:28px;height:28px;right:8px;bottom:8px}
 .ew-closing{padding-block:40px 70px}.ew-closing h2{font-size:47px}.ew-closing>p{font-size:12px}
 .ew-expand{width:44px;height:44px;right:13px;bottom:13px}.ew-dialog-head{padding:12px 16px}
}
@media(max-width:360px){.ew-nav{padding-inline:14px}.ew-nav>div{gap:10px}.ew-hero h1{font-size:49px}.ew-page .wrap{width:calc(100% - 28px)}.ew-selected-copy{max-width:125px}.ew-finishes{gap:6px}.ew-demo-scene{height:430px}}
@media(prefers-reduced-motion:reduce){.ew-page *{animation:none!important;transition:none!important}.ew-ring{filter:none}}
