*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#131610;color:#edece4}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:1px solid currentColor;outline-offset:-8px}#entrance{height:100svh;min-height:620px;position:relative;overflow:hidden}.world{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;transition:width 1.1s cubic-bezier(.76,0,.24,1),transform 1.1s cubic-bezier(.76,0,.24,1);isolation:isolate}.world.dark{left:0}.world.light{right:0;color:#34382e}.world img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:filter 1.1s}.world:after{content:'';position:absolute;inset:0;background:#0c100c55;z-index:-1;transition:background 1.1s}.world.light:after{background:#f3f1e94d}.choose{background:none;border:0;width:100%;height:100%;display:flex;flex-direction:column;gap:30px;align-items:center;justify-content:center;transition:opacity .3s .8s}.brand{font-size:clamp(32px,4.3vw,68px);font-weight:400;letter-spacing:-2px}.enter{font-size:10px;letter-spacing:1px;display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #a5a99580}.choose:hover .enter{gap:10px}.enter{transition:gap .4s}.opening-note,.opening-credit{position:absolute;z-index:5;left:0;width:100%;text-align:center;pointer-events:none;color:#919582;font-size:8px;letter-spacing:1.8px;transition:opacity .3s}.opening-note{top:28px}.opening-credit{bottom:24px}.inside{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .18s,visibility 0s .18s;min-width:320px}header{position:absolute;top:0;width:100%;padding:35px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px}header>span{font-size:16px;letter-spacing:.1px}header button{border:0;background:none;font-size:10px;padding:10px}.introduction{position:absolute;top:50%;transform:translateY(-50%);left:8%;width:82%;max-width:950px}.eyebrow{font-size:9px;letter-spacing:2px}.introduction h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(44px,6.4vw,100px);line-height:1.08;letter-spacing:-3px;margin:35px 0 40px}.introduction p{font-size:12px;letter-spacing:.3px;line-height:1.7;opacity:.7}footer{position:absolute;bottom:32px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;gap:30px;font-size:8px;letter-spacing:1.4px;opacity:.65}body[data-world] .opening-note,body[data-world] .opening-credit{opacity:0}body[data-world] .choose{opacity:0;pointer-events:none;transition:opacity .2s}body[data-world=oofe] .dark,body[data-world=maison] .light{width:100%;z-index:2}body[data-world=oofe] .light{transform:translateX(100%)}body[data-world=maison] .dark{transform:translateX(-100%)}body[data-world=oofe] #oofe .inside,body[data-world=maison] #maison .inside{opacity:1;visibility:visible;transition:opacity .65s .65s,visibility 0s}@media(max-width:700px){#entrance{min-height:680px}.world{width:100%;height:50%;bottom:auto;transition:height 1.1s cubic-bezier(.76,0,.24,1),transform 1.1s cubic-bezier(.76,0,.24,1)}.world.light{top:50%}.brand{font-size:39px;letter-spacing:-1.5px}.choose{gap:18px}.opening-note{color:#d0d4c8;top:18px}.opening-credit{color:#555e4d;bottom:15px;font-size:7px}body[data-world=oofe] .dark,body[data-world=maison] .light{height:100%}body[data-world=oofe] .light{transform:translateY(100%)}body[data-world=maison] .light{transform:translateY(-50%)}body[data-world=maison] .dark{transform:translateY(-100%)}header{padding:24px 6%}header>span{font-size:14px}header button{font-size:9px}.introduction{left:7%;width:86%}.introduction h1{font-size:49px;letter-spacing:-2px;margin:30px 0}.introduction p{font-size:11px}footer{left:7%;right:7%;font-size:7px;line-height:1.7}.world img{object-position:60%}}@media(prefers-reduced-motion:reduce){*,.inside{transition:none!important}}


/* Original supplied OOFE artwork, native proportions. */
.wordmark{display:block;flex-shrink:0;overflow:hidden}.mark-oofe,.mark-maison{filter:none;mix-blend-mode:normal}.choose .mark-oofe{width:clamp(175px,19vw,270px);height:auto;aspect-ratio:340 / 82;margin:26px 0}.choose .mark-maison{width:clamp(195px,21vw,300px);height:auto;aspect-ratio:340 / 135}header .mark-oofe{width:95px;height:auto;aspect-ratio:340 / 82}header .mark-maison{width:115px;height:auto;aspect-ratio:340 / 135}@media(max-width:700px){.choose .mark-oofe{width:185px;margin:18px 0}.choose .mark-maison{width:210px}header .mark-oofe{width:80px}header .mark-maison{width:100px}}

/* Stable layers and opacity-only lighting transitions in both directions. */
.world[data-layer="front"]{z-index:2}.world:after{transition:opacity 1.1s;opacity:1}.world:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.1s}.world.dark:before{background:linear-gradient(90deg,#11150fca,transparent 95%)}.world.light:before{background:linear-gradient(90deg,#f4f3edc9,#f4f3ed15)}body[data-world=oofe] .dark:before,body[data-world=maison] .light:before{opacity:1}body[data-world=oofe] .dark:after,body[data-world=maison] .light:after{opacity:0}.choose:focus-visible{outline:none}.choose:focus-visible .enter{outline:1px solid currentColor;outline-offset:7px}@media(prefers-reduced-motion:reduce){.world:before,.world:after{transition:none}}

/* Disable native touch rectangles without suppressing keyboard focus. */
button{-webkit-tap-highlight-color:transparent}


footer{justify-content:flex-end}

.enter-arrow{display:block;width:12px;height:12px;flex-shrink:0}.enter{align-items:center}