@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500&family=Noto+Serif+JP:wght@300;500&display=swap";:root{--bg:#0e0e10;--ink:#edeae4;--gold:#c9a227;--indigo:#3a4a5c}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink)}body{font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;font-weight:300}#webgl{z-index:0;width:100%;height:100dvh;display:block;position:fixed;inset:0}main{z-index:1;position:relative}.sec{align-items:center;min-height:100svh;padding:0 8vw;display:flex}.sec-right{justify-content:flex-end}.sec-inner{max-width:34em}.sec .kicker{color:var(--gold);letter-spacing:.3em;margin-bottom:1.2rem;font-family:Cormorant Garamond,Noto Serif JP,serif;font-size:.85rem;font-weight:500}h1{letter-spacing:.3em;color:var(--ink);white-space:nowrap;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;font-size:clamp(3rem,10vw,6rem);font-weight:300;line-height:1.1}.lead{letter-spacing:.2em;margin-top:1.4rem;font-size:1.1rem;line-height:2}h2{letter-spacing:.06em;color:var(--ink);margin-bottom:1.6rem;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:300;line-height:1.4}.sec p{color:var(--ink);max-width:34em;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;font-weight:300;line-height:2}.sec-right h2{margin-left:auto}.sec-right p{max-width:26em;margin-left:auto}.spec-list{min-width:min(34em,80vw);margin-top:.5em}.spec-list>div{border-bottom:1px solid #edeae426;justify-content:space-between;align-items:baseline;gap:2em;padding:.85em 0;display:flex}.spec-list dt{color:var(--gold);flex:none}.spec-list dd{color:var(--ink);text-align:right}.collection{min-width:min(26em,80vw);list-style:none}.collection li{border-top:1px solid #edeae426;padding:1.4em 0}.collection li:last-child{border-bottom:1px solid #edeae426}.collection .model-no{color:var(--gold);letter-spacing:.2em;font-size:.85rem}.collection .model-name{letter-spacing:.15em;margin-top:.4em;font-size:1.15rem}.collection .model-dial{opacity:.75;margin-top:.2em;font-size:.9rem}.collection .model-price{margin-top:.5em;font-size:1.4rem}.note{opacity:.6;margin-top:1.2em;font-size:.8rem}main .sec.sec-hero{padding-bottom:68svh}main .sec.sec-craft,main .sec.sec-movement{padding-bottom:66svh}main .sec.sec-specs{padding-bottom:34svh}main .sec.sec-sapphire{padding-bottom:70svh}.sec-leather{align-items:flex-end;min-height:290svh}main .sec.sec-leather{padding-bottom:160svh}.sec-collection{padding:0;display:block}.model-block{flex-direction:column;justify-content:center;align-items:flex-start;min-height:180svh;padding:80svh 8vw 0;display:flex}.model-block-right{align-items:flex-end}main .sec-collection .model-block:last-child{min-height:260svh;padding-bottom:80svh}.collection li{transition:opacity .5s}.collection li.is-dim{opacity:.35}.collection .model-no,.collection .model-price{transition:color .5s}.collection li.is-active .model-no,.collection li.is-active .model-price{color:var(--gold)}#progress{z-index:5;background:#edeae41f;width:1px;position:fixed;top:15vh;bottom:15vh;right:24px}#progress-fill{background:var(--gold);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}@media (width<=767px){#progress{display:none}}@media (prefers-reduced-motion:reduce){#progress{display:none}}.btn{border:1px solid var(--gold);color:var(--gold);letter-spacing:.2em;background:0 0;margin-top:2.2em;padding:1em 2.5em;text-decoration:none;transition:background .4s,color .4s;display:inline-block}.btn:hover{background:var(--gold);color:#0e0e10}.sec-footer{align-items:flex-end;padding-bottom:6vh}.credit{opacity:.6;font-size:.8rem;line-height:2}#loader{z-index:10;background:var(--bg);place-content:center;justify-items:center;gap:18px;transition:opacity .6s;display:grid;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}.loader-brand{letter-spacing:.5em;text-indent:.5em;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:1.5rem}.loader-track{background:var(--indigo);width:min(280px,60vw);height:2px}#loader-bar{background:var(--gold);width:0%;height:100%;transition:width .2s}#loader-pct{letter-spacing:.2em;color:var(--ink);opacity:.6;font-family:Georgia,Times New Roman,serif;font-size:.8rem}#fallback{background:var(--bg);place-items:center;display:grid;position:fixed;inset:0}#fallback[hidden]{display:none}#fallback p{letter-spacing:.5em;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:2rem}@media (width<=767px){main .sec{flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 6vw 14vh}main .sec-right h2,main .sec-right p{margin-left:0}main .sec p{max-width:100%}main .sec p br{display:none}main .sec h2{letter-spacing:.03em;font-size:1.71rem}.spec-list dt{font-size:.85em}.collection{min-width:0}main .sec.sec-collection{padding:0}.model-block{padding:80svh 6vw 0}.model-block-right{text-align:right}main .sec-collection .sec-inner{max-width:38vw}main .sec-collection .kicker{font-size:min(.85rem,2.93vw)}main .sec-collection .note{font-size:min(.8rem,2.85vw)}}@media (orientation:landscape){main .sec h2{font-size:clamp(1.8rem,4vw,2.65rem)}main .sec-collection .sec-inner{max-width:34vw}main .sec-collection .collection{min-width:34vw}main .sec-collection .model-block-right{text-align:right}}@media (orientation:landscape) and (width>=1921px){:root{font-size:min(.375vw + 8.8px,.25vw + 12px,21.6px)}}