@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--paper:#f5f5f2;--ink:#101113;--muted:#626769;--faint:#9ca1a3;--rule:#daddd7;--display:Georgia, "Times New Roman", Times, serif;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--paper);color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:geometricprecision}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--paper);min-width:320px;margin:0;overflow-x:hidden}button,a{color:inherit}button{font:inherit}.top-control{z-index:30;background:var(--paper);place-items:center;min-height:118px;display:grid;position:fixed;inset:0 0 auto}.top-control:after{content:"";background:linear-gradient(90deg,#0000,#10111317,#0000);width:min(760px,100vw - 48px);height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.top-inner{justify-content:center;align-items:center;gap:clamp(26px,4vw,56px);width:min(100%,880px);padding:24px 24px 22px;display:flex}.top-logo{appearance:none;cursor:pointer;background:0 0;border:0;padding:0;line-height:0;transition:opacity .18s}.top-logo:hover,.top-logo:focus-visible{opacity:.72}.oi-logo{-webkit-user-select:none;user-select:none;width:clamp(178px,18vw,270px);height:auto;display:block}.oi-logo.compact{width:clamp(42px,5vw,64px)}.page-nav,.home-nav{justify-content:center;align-items:center;gap:clamp(18px,4vw,54px);display:flex}.page-nav button,.home-nav button{appearance:none;cursor:pointer;color:#969b9c;font-family:var(--display);letter-spacing:.05em;background:0 0;border:0;padding:0 0 10px;font-size:1rem;font-weight:500;line-height:1;transition:color .18s;position:relative}.page-nav button:hover,.page-nav button:focus-visible,.page-nav button.active,.home-nav button:hover,.home-nav button:focus-visible{color:var(--ink)}.page-nav button:after,.home-nav button:after,.page-nav button.active:after,.page-nav button:hover:after,.page-nav button:focus-visible:after,.home-nav button:hover:after,.home-nav button:focus-visible:after{display:none}.page-shell{min-height:100vh;padding:118px 24px 96px;animation:.52s cubic-bezier(.22,1,.36,1) both pageIn}.home-page-shell{padding-top:0}.content-wrap{place-items:center;width:min(100%,1040px);min-height:calc(100vh - 214px);margin:0 auto;display:grid}.home-screen{text-align:center;place-items:center;width:100%;min-height:calc(100vh - 214px);display:grid;position:relative}.home-nav{left:0;right:0;bottom:max(12px, env(safe-area-inset-bottom));position:absolute}.home-lockup{flex-direction:column;align-items:center;animation:.76s cubic-bezier(.22,1,.36,1) both introRise;display:flex}.home-lockup .oi-logo{width:clamp(142px,12vw,196px)}.home-lockup h1,.text-page h1,.brands-page h1,.simple-page h1,.legal-page h1,.detail-page h1{font-family:var(--display);letter-spacing:-.035em;color:var(--ink);margin:0;font-weight:500}.home-lockup h1{margin-top:28px;font-size:clamp(3.55rem,6.2vw,7.15rem);line-height:.9}.home-lockup p,.home-lockup span{max-width:500px;color:var(--muted);letter-spacing:-.02em;margin-top:28px;font-size:clamp(.98rem,1.35vw,1.18rem);line-height:1.42}.home-lockup span{color:var(--faint);letter-spacing:.14em;font-size:.76rem;font-weight:500;font-family:var(--display);text-transform:lowercase;margin-top:13px}.text-page,.brands-page,.simple-page,.legal-page,.detail-page{text-align:center;width:min(100%,980px);margin:0 auto}.text-page h1,.brands-page h1,.simple-page h1,.legal-page h1,.detail-page h1{font-size:clamp(5rem,8.4vw,9.4rem);line-height:.94}.brands-page{padding-top:clamp(74px,10vh,132px)}.text-page p,.brands-page .intro,.simple-page p,.legal-page>p,.detail-page p{max-width:860px;color:var(--muted);letter-spacing:-.02em;margin:42px auto 0;font-size:clamp(1.28rem,1.72vw,1.82rem);line-height:1.52}.text-page p+p{margin-top:25px}.product-list{border-top:1px solid var(--rule);gap:0;margin-top:58px;display:grid}.product{border:0;border-bottom:1px solid var(--rule);width:100%;color:inherit;text-align:left;cursor:pointer;animation:.56s cubic-bezier(.22,1,.36,1) both pageIn;animation-delay:var(--delay);background:0 0;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:28px;padding:30px 0;text-decoration:none;display:grid;position:relative}.product:before,.legal-list a:before,.legal-list button:before{content:"";z-index:-1;opacity:0;background:#ffffff94;transition:opacity .18s;position:absolute;inset:0 -18px}.product:hover:before,.product:focus-visible:before,.legal-list a:hover:before,.legal-list a:focus-visible:before,.legal-list button:hover:before,.legal-list button:focus-visible:before{opacity:1}.product-logo-wrap{place-items:center;width:70px;height:70px;display:grid}.product-icon{max-width:70px;max-height:70px;display:block}.product header{align-items:baseline;gap:18px;margin-bottom:13px;display:flex}.product h2{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(2.15rem,3vw,3.6rem);font-weight:500;line-height:1.12}.product header span{color:var(--faint);font-family:var(--display);letter-spacing:.01em;font-size:1rem}.product p{max-width:800px;color:var(--muted);letter-spacing:-.012em;margin:0;font-size:clamp(1rem,1.12vw,1.22rem);line-height:1.52}.back-button{appearance:none;color:var(--faint);cursor:pointer;font-family:var(--display);letter-spacing:.18em;background:0 0;border:0;border-bottom:2px solid;margin:0 0 36px;font-size:.74rem;font-weight:500;transition:color .18s}.back-button:hover,.back-button:focus-visible{color:var(--ink)}.detail-logo{object-fit:contain;width:clamp(74px,8vw,112px);max-height:112px;margin:0 auto 32px;display:block}.detail-page>a{color:var(--faint);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;margin-top:24px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .18s;display:inline-block}.detail-page>a:hover,.detail-page>a:focus-visible{color:var(--ink)}.legal-list{border-top:1px solid var(--rule);width:min(100%,940px);margin:58px auto 0}.legal-list a,.legal-list button{border:0;border-bottom:1px solid var(--rule);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:28px;width:100%;min-height:112px;text-decoration:none;display:flex;position:relative}.legal-list a span:first-child,.legal-list button span:first-child{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(2.05rem,3.6vw,4.2rem);font-weight:500;line-height:1.14}.legal-list a span:last-child,.legal-list button span:last-child{color:var(--faint);font-family:var(--display);letter-spacing:.18em;flex:none;font-size:.78rem;font-weight:500}@keyframes introRise{0%{opacity:0;transform:translateY(28px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pageIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=820px){.top-control{min-height:132px}.top-inner{flex-direction:column;gap:20px;padding-top:20px}.page-shell{padding-top:132px}.home-page-shell{padding-top:0}.content-wrap,.home-screen{min-height:calc(100vh - 228px)}.page-nav,.home-nav{justify-content:space-between;gap:0;width:min(100%,390px)}.page-nav button,.home-nav button{letter-spacing:.04em;font-size:.9rem}.home-lockup h1,.text-page h1,.brands-page h1,.simple-page h1,.legal-page h1,.detail-page h1{font-size:clamp(4.2rem,18vw,6.2rem)}.home-lockup h1{font-size:clamp(3.15rem,14vw,4.8rem)}.text-page p,.brands-page .intro,.simple-page p,.legal-page>p,.detail-page p{font-size:1.1rem}.product{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:16px;padding:28px 0}.product-logo-wrap,.product-icon{width:48px;height:48px}.product header{display:block}.product p{font-size:1rem}.product h2{font-size:clamp(2rem,9vw,2.75rem);line-height:1.02}.legal-list a,.legal-list button{min-height:104px}}@media (width<=520px){.page-shell{padding-inline:28px}.oi-logo{width:190px}.home-lockup .oi-logo{width:152px}.oi-logo.compact{width:52px}.home-lockup h1,.text-page h1,.brands-page h1,.simple-page h1,.legal-page h1,.detail-page h1{font-size:clamp(3.65rem,18vw,5.2rem)}.legal-list a,.legal-list button{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:24px 0}}