@font-face{font-family:Inter;src:url('./assets/fonts/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/fonts/inter-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/fonts/inter-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Myanmar;src:url('./assets/fonts/noto-sans-myanmar-myanmar-400-normal.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--paper:#f8f9fb;--ink:#15181b;--muted:#626a73;--line:#cfd3d8;--figure-height:calc(100svh - 138px);--offset:min(25vw,440px);font-family:Inter,Myanmar,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;border:0;background:none;cursor:pointer;font-weight:400}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #545c67;outline-offset:6px}button svg{pointer-events:none}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--ink);color:white;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.showroom{position:relative;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:var(--paper)}
.header{position:absolute;inset:24px 4.5% auto;z-index:8;display:flex;align-items:center;gap:36px}.brand{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.brand>span{font-size:clamp(21px,1.9vw,31px);font-weight:500;letter-spacing:-1.7px;line-height:1}.brand small{font-size:9px;letter-spacing:4.3px}.header-rule{height:1px;background:var(--line);flex:1}.header nav{display:flex;align-items:center;gap:27px}.nav-collection{font-size:10px;letter-spacing:3px;padding:12px 0}.nav-collection span{font-size:8px;letter-spacing:.5px;margin-left:7px;color:var(--muted)}.icon-button{display:grid;place-items:center;width:42px;height:42px;padding:10px;flex-shrink:0}.icon-button svg{width:23px;height:23px}.favourites-button{position:relative}.favourite-count{position:absolute;right:-4px;top:0;min-width:15px;height:15px;border-radius:50%;font-size:9px;display:grid;place-items:center;background:var(--ink);color:var(--paper);padding:0 3px}
/* Keep the stage clear: background lettering would bleed through the media blend. */
.carousel{position:absolute;inset:77px 0 67px;outline:none!important;touch-action:pan-y;user-select:none;--drag:0px}.figure-track{position:absolute;inset:0;pointer-events:none}.look-figure{position:absolute;top:50%;left:50%;width:calc(var(--figure-height)*.75);height:var(--figure-height);margin:0;transform:translate(calc(-50% + var(--slot-x) + var(--drag)),-50%) scale(var(--slot-scale));opacity:var(--slot-opacity);filter:blur(var(--slot-blur));z-index:var(--slot-layer);transition:transform 620ms cubic-bezier(.22,.75,.19,1),opacity 500ms ease,filter 620ms ease;will-change:transform;pointer-events:none;mix-blend-mode:multiply}
.look-figure img,.look-figure video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 17%,#000 83%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 17%,#000 83%,transparent 100%);filter:brightness(1.018)}
.look-figure video{opacity:0;transition:opacity 160ms ease}.look-figure.video-ready video{opacity:1}.pick-look{position:absolute;inset:0 22%;pointer-events:auto;cursor:grab}.pick-look:active{cursor:grabbing}.look-figure[data-position="0"] .pick-look{inset:0 17%;cursor:grab}.look-figure[data-position="0"]{--slot-x:0px;--slot-scale:1;--slot-opacity:1;--slot-blur:0px;--slot-layer:4}.look-figure[data-position="-1"]{--slot-x:calc(var(--offset)*-1);--slot-scale:.67;--slot-opacity:.70;--slot-blur:3.7px;--slot-layer:2}.look-figure[data-position="1"]{--slot-x:var(--offset);--slot-scale:.67;--slot-opacity:.70;--slot-blur:3.7px;--slot-layer:2}.look-figure[data-position="-2"]{--slot-x:calc(var(--offset)*-2.05);--slot-scale:.43;--slot-opacity:0;--slot-blur:6px;--slot-layer:1;visibility:hidden}.look-figure[data-position="2"]{--slot-x:calc(var(--offset)*2.05);--slot-scale:.43;--slot-opacity:0;--slot-blur:6px;--slot-layer:1;visibility:hidden}.dragging .look-figure{transition:none}.dragging .pick-look{cursor:grabbing}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:64px;display:grid;place-items:center;z-index:6;transition:background .2s,transform .2s;border-radius:50%;touch-action:manipulation}.carousel-arrow svg{height:29px;width:20px;stroke-width:1.35}.arrow-previous{left:calc(50% - var(--offset)*.58 - 26px)}.arrow-next{right:calc(50% - var(--offset)*.58 - 26px)}.carousel-arrow:hover{background:#e8ebef99}.carousel-arrow:active{transform:translateY(-50%) scale(.9)}
.collection-heading{position:absolute;left:3.6%;bottom:32px;z-index:6;pointer-events:none}.collection-heading h1{margin:0;font-weight:500;font-size:clamp(30px,4.1vw,67px);letter-spacing:-.045em;line-height:1.02}.collection-heading p{font-size:8px;letter-spacing:2.8px;margin:18px 0 0}.collection-heading p span{margin:0 9px;color:#8d949b}.carousel-navigation{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;flex-direction:column;gap:8px}.position-markers{display:flex;align-items:center;gap:1px}.position-marker{padding:8px;width:22px;height:25px;display:grid;place-items:center}.position-marker::after{content:'';width:6px;height:6px;border:1px solid #707880;border-radius:50%;transition:background .2s,transform .2s}.position-marker[aria-pressed="true"]::after{background:var(--ink);border-color:var(--ink);transform:scale(1.15)}.position-marker:hover::after{background:#707880}.drag-hint{display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:2.4px;margin:0;white-space:nowrap;color:#505760}.drag-hint svg{width:28px;height:12px;stroke-width:1.2}
.selected-details{position:absolute;right:4%;bottom:28px;width:clamp(186px,16vw,260px);z-index:7}.look-topline{display:flex;align-items:center;justify-content:space-between;height:30px}.look-topline p{font-size:8px;letter-spacing:3px;color:var(--muted);margin:0}.save-current{width:30px;height:30px;padding:6px;opacity:.55;transition:opacity .2s}.save-current:hover,.save-current[aria-pressed="true"]{opacity:1}.save-current svg{width:18px;height:18px}.save-current[aria-pressed="true"] svg{fill:var(--ink)}.selected-details h2{font-size:clamp(17px,1.7vw,28px);line-height:1.25;letter-spacing:1.6px;font-weight:500;margin:3px 0 11px;white-space:nowrap}.angles{font-size:10px;letter-spacing:1.7px;margin:0 0 10px;color:#434a52}.angles span{margin:0 5px}.video-progress{display:block;width:100%;height:10px;margin:0 0 6px;padding:0;accent-color:var(--ink);background:none;appearance:none;cursor:pointer}.video-progress::-webkit-slider-runnable-track{height:1px;background:var(--line)}.video-progress::-moz-range-track{height:1px;background:var(--line)}.video-progress::-webkit-slider-thumb{appearance:none;width:5px;height:5px;border-radius:50%;background:var(--ink);margin-top:-2px;opacity:.6}.video-progress::-moz-range-thumb{width:5px;height:5px;border:0;border-radius:50%;background:var(--ink)}.playback-row{display:flex;align-items:center;gap:12px}.play-pause{width:35px;height:35px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;flex-shrink:0;transition:background .2s}.play-pause:hover{background:#e4e7eb}.play-pause svg{width:18px;height:18px;grid-area:1/1}.play-pause .play-icon{display:none;fill:var(--ink);stroke-width:1}.play-pause.is-paused .play-icon{display:block}.play-pause.is-paused .pause-icon{display:none}#playback-label{font-size:8px;letter-spacing:1.6px;white-space:nowrap}#playback-label>span{margin:0 2px}.details-link{margin-left:auto;padding:7px 0 7px 7px;opacity:.6}.details-link:hover{opacity:1}.details-link svg{width:18px;height:18px}.video-message{position:absolute;z-index:9;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(248,249,251,.96);border:1px solid var(--line);padding:12px 18px;display:flex;gap:15px;align-items:center;font-size:11px;width:max-content;max-width:90vw;box-shadow:0 5px 25px #00000006}.video-message button{font-weight:500;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
dialog{color:var(--ink);background:var(--paper);border:1px solid #e2e5e9;padding:30px;max-height:88svh;overscroll-behavior:contain}dialog::backdrop{background:#29313e30;backdrop-filter:blur(10px)}.collection-dialog{width:min(1000px,calc(100vw - 64px))}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.eyebrow{font-size:9px;letter-spacing:2.7px;color:var(--muted);margin:0 0 12px}.dialog-header h2{font-size:30px;letter-spacing:-1px;font-weight:400;margin:0}.dialog-header h2>span{font-size:10px;letter-spacing:2px;display:inline-block;vertical-align:top;margin:8px 0 0 14px;color:var(--muted)}.close-dialog{margin:-9px -9px 0 0}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-top:24px;gap:20px}.panel-filters{display:flex;gap:22px;flex-shrink:0}.panel-filters button{font-size:11px;padding:14px 0;border-bottom:1px solid transparent;margin-bottom:-1px;color:var(--muted)}.panel-filters button.active{border-color:var(--ink);color:var(--ink)}.panel-filters button span{margin-left:5px;font-size:9px}.panel-search{display:flex;align-items:center;gap:10px}.panel-search svg{width:15px;height:15px;flex-shrink:0}.panel-search input{border:0;background:none;padding:10px 0;width:170px;font-size:11px;color:var(--ink)}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px;margin:24px 0}.collection-card{position:relative;min-width:0}.collection-card .card-select{display:block;padding:0;width:100%;text-align:left}.card-image{position:relative;display:block;aspect-ratio:3/4;background:#f0f2f5;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s}.card-select:hover .card-image img{transform:scale(1.035)}.card-watch{position:absolute;bottom:12px;left:12px;font-size:8px;letter-spacing:1.4px;display:flex;gap:5px;align-items:center;padding:8px 10px;background:#f8f9fbdb}.card-watch svg{width:9px;height:9px;fill:var(--ink)}.card-title{display:block;font-size:11px;padding-top:12px;letter-spacing:.3px}.card-title small{font-size:9px;margin-right:8px;color:var(--muted)}.card-save{position:absolute;right:7px;top:7px;width:34px;height:34px;padding:8px;background:#f8f9fbc9;border-radius:50%}.card-save svg{width:18px;height:18px}.card-save[aria-pressed="true"] svg{fill:var(--ink)}.card-selected{position:absolute;top:16px;left:12px;font-size:7px;letter-spacing:1px;background:var(--ink);color:white;padding:6px 8px;pointer-events:none}.collection-empty{padding:58px 10px;text-align:center}.collection-empty p{font-size:18px;margin:0 0 14px}.collection-empty>span{font-size:12px;color:var(--muted)}.collection-empty button{display:block;margin:24px auto 0;font-size:12px;border-bottom:1px solid;padding:8px 0}.panel-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;line-height:1.7;margin-bottom:0}
.details-dialog{width:min(430px,calc(100vw - 32px));padding:32px}.details-dialog .dialog-header{align-items:center}.details-dialog .eyebrow{margin:0}.details-dialog h2{font-size:32px;font-weight:400;letter-spacing:-1px;margin:26px 0 14px}#details-burmese{font-family:Myanmar,Inter,sans-serif;font-size:13px;line-height:1.9}.details-description{font-size:12px;line-height:1.8;color:var(--muted)}.details-colours{display:flex;gap:7px;margin:20px 0}.colour-chip{width:15px;height:15px;border-radius:50%;border:1px solid #0000000e}.details-dialog dl{margin:24px 0 27px}.details-dialog dl>div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:13px 0;font-size:11px}.details-dialog dt{color:var(--muted)}.details-dialog dd{margin:0}.action-button{width:100%;padding:14px;background:var(--ink);color:white;font-size:11px;letter-spacing:1px}.action-button[aria-pressed="true"]{background:#555e68}.copy-link{width:100%;padding:15px;font-size:11px}.copy-link span{margin-left:8px}.details-note{font-size:10px;color:var(--muted);line-height:1.8;margin:18px 0 0}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--ink);color:white;z-index:50;padding:13px 20px;font-size:11px;max-width:90vw;transition:opacity .2s,transform .2s;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-message{position:absolute;z-index:10;inset:45% auto auto 50%;transform:translateX(-50%);padding:20px;border:1px solid var(--line);background:var(--paper);text-align:center}
@media(min-width:1700px){:root{--figure-height:calc(100svh - 160px)}.collection-heading{bottom:38px}.selected-details{bottom:33px}.header{top:30px}.carousel-navigation{bottom:35px}}
@media(max-width:1000px){:root{--offset:27vw;--figure-height:calc(100svh - 165px)}.header{gap:24px;inset:22px 4% auto}.collection-heading h1{font-size:34px}.collection-heading p{font-size:7px;letter-spacing:1.7px}.collection-heading{bottom:26px}.selected-details{right:4%;width:180px;bottom:23px}.selected-details h2{font-size:18px;letter-spacing:1px}.angles{font-size:9px;letter-spacing:1px}.carousel-navigation{bottom:26px}.drag-hint{font-size:7px;letter-spacing:1.7px}.position-marker{width:19px;padding:6px}.nav-collection{font-size:9px;letter-spacing:2px}}
@media(max-width:680px){:root{--figure-height:min(67svh,650px);--offset:47vw}.showroom{min-height:650px}.header{inset:20px 5% auto;gap:16px}.brand>span{font-size:21px;letter-spacing:-1px}.brand small{font-size:7px;letter-spacing:3.2px}.header-rule{display:none}.header nav{margin-left:auto;gap:10px}.nav-collection{font-size:8px;letter-spacing:1.6px}.nav-collection span{display:none}.favourites-button{width:32px;height:36px;padding:7px}.outline-word{top:103px;font-size:38vw;letter-spacing:-.07em}.carousel{inset:87px 0 145px}.look-figure[data-position="-1"],.look-figure[data-position="1"]{--slot-scale:.64;--slot-blur:3.1px;--slot-opacity:.55}.carousel-arrow{width:38px;height:56px}.carousel-arrow svg{height:24px;width:17px}.arrow-previous{left:5px}.arrow-next{right:5px}.collection-heading{left:6%;bottom:54px}.collection-heading h1{font-size:24px;letter-spacing:-1px}.collection-heading p{font-size:6px;letter-spacing:1px;max-width:135px;line-height:1.8;margin-top:10px}.collection-heading p span{margin:0 3px}.selected-details{right:6%;bottom:49px;width:155px}.selected-details h2{font-size:15px;margin:0 0 6px;letter-spacing:.6px}.look-topline{height:25px}.look-topline p{font-size:7px;letter-spacing:1.8px}.save-current svg{width:16px;height:16px}.angles{font-size:8px;letter-spacing:.8px;margin:0 0 8px}.angles span{margin:0 3px}.play-pause{width:29px;height:29px}.play-pause svg{width:15px;height:15px}.playback-row{gap:9px}#playback-label{font-size:6px;letter-spacing:1px}.details-link svg{width:15px;height:15px}.carousel-navigation{bottom:13px;gap:1px;flex-direction:row}.position-marker{width:19px;height:24px;padding:6px}.position-marker::after{width:5px;height:5px}.drag-hint{display:none}.video-message{bottom:0;font-size:10px;padding:10px;gap:8px}.video-message>span{max-width:175px;line-height:1.7}.collection-dialog{width:calc(100vw - 24px);padding:22px;max-height:90svh}.dialog-header h2{font-size:26px}.panel-toolbar{align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:15px}.panel-filters{gap:20px}.panel-search{flex:1;min-width:120px}.panel-search input{width:100%;font-size:10px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-top:20px}.card-title{font-size:10px;line-height:1.6}.card-watch{font-size:6px;letter-spacing:.8px;left:7px;bottom:7px;padding:6px}.card-save{top:5px;right:5px;width:28px;height:28px;padding:7px}.card-save svg{width:15px;height:15px}.card-selected{font-size:6px;top:12px;left:7px;padding:5px}.toast{font-size:10px;white-space:normal;text-align:center;bottom:12px}}
@media(max-height:650px) and (min-width:681px){:root{--figure-height:calc(100svh - 130px)}.showroom{min-height:520px}.header{top:16px}.carousel{inset:65px 0 50px}.collection-heading{bottom:18px}.collection-heading h1{font-size:32px}.collection-heading p{margin-top:10px}.selected-details{bottom:14px}.carousel-navigation{bottom:17px}.outline-word{top:50px;font-size:27vw}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.look-figure{will-change:auto}}