/* FUTUREFORM 030 / one art direction across every route */
:root{--ff-paper:#F0F2F2;--ff-ink:#0a0a0a;--ff-blue:#1a47ff;--ff-red:#ff1f2d;--ff-ease:cubic-bezier(.16,1,.3,1)}
@view-transition{navigation:auto}::view-transition-old(root){animation:ff-out .18s ease-out}::view-transition-new(root){animation:ff-in .45s var(--ff-ease)}@keyframes ff-out{to{opacity:0;transform:translateY(-4px)}}@keyframes ff-in{from{opacity:0;transform:translateY(10px)}}
html{background:var(--ff-paper);scroll-padding-top:110px}body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}::selection{color:var(--ff-paper);background:var(--ff-ink)}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ff-blue);outline-offset:5px}p{ text-wrap:pretty}h1,h2,h3{text-wrap:balance}.hdr{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.btn{transition:background .3s,color .3s,transform .45s var(--ff-ease)}.btn:hover{transform:translateY(-2px)}
.f030-motion-control{position:fixed;left:18px;bottom:15px;z-index:19;border:1px solid #aeb7b7;background:#f0f2f2ec;color:#3c4848;backdrop-filter:blur(10px);font:10px/1.3 monospace;padding:9px 11px;cursor:pointer;border-radius:0}body:has(dialog[open]) .f030-motion-control{visibility:hidden}html[data-f030-motion=off] .f030-pendant,html[data-f030-motion=off] .f030-hanging-sign{animation:none!important}
.f030-connected{background:var(--ff-paper);padding-top:100px;padding-bottom:100px}.f030-connected-head{display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;align-items:end;margin-bottom:65px}.f030-connected-head>span{grid-column:1/-1;letter-spacing:.2em}.f030-connected-head h2{font-size:clamp(40px,5.5vw,84px);font-weight:400;letter-spacing:-.065em;margin:32px 0 0;line-height:.98}.f030-connected-head p{font-size:16px;line-height:1.7;margin:0;max-width:390px}.f030-connected-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:9vw}.f030-chain-cluster{height:min(62vh,610px);border-bottom:0;background:radial-gradient(ellipse at 48% 56%,#fff9,transparent 65%)}.f030-sticky{top:100px}.f030-stage-caption{border-top:1px solid #bac1c1;padding-top:20px;margin-top:0;font-size:10px;letter-spacing:.08em}.f030-stage-controls{margin-top:20px;gap:8px}.f030-stage-controls button{width:44px;height:44px;border:0;border-bottom:1px solid #9ba7a7;transition:color .3s,background .3s}.f030-stage-controls button[aria-current=step]{border-color:#111}.f030-render-note{font-size:9px;max-width:340px;opacity:.7}.f030-chapter{min-height:85vh;padding:20px 0 80px;border-top:1px solid #bbc3c3;position:relative}.f030-chapter h3{font-size:clamp(36px,4.2vw,64px);letter-spacing:-.055em;margin:24px 0;line-height:1.02}.f030-chapter>span{font-size:10px;letter-spacing:.13em}.f030-chapter p{font-size:17px;line-height:1.75;color:#3c4545}.f030-chapter>a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #a0aaaa;text-decoration:none;font-size:13px}.f030-chapter>a:hover{border-color:#101414}.f030-hanging-sign{width:115px;height:145px;margin:0 0 24px -12px;filter:drop-shadow(3px 5px 3px #1111)}.f030-hanging-sign svg{width:100%;height:100%;display:block}.f030-pendant{transform-origin:60px 58px;animation:ff-swing 6s ease-in-out infinite alternate}.f030-chapter:nth-child(2n) .f030-pendant{animation-delay:-2.4s;animation-duration:7.3s}@keyframes ff-swing{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
.f030-payload{background:transparent;border:0;border-top:1px solid #b7c0c0;padding:0 0 24px;margin-top:35px}.f030-agent-preview{height:260px;margin:0 0 24px;display:flex;align-items:end;border-bottom:1px solid #c6cccc;gap:18px;overflow:hidden}.f030-agent-preview svg{height:240px;width:48%;flex-shrink:0;overflow:hidden}.f030-agent-preview>span{font:12px/1.6 Arial;max-width:150px;margin-bottom:22px}.f030-payload label{font-size:11px;margin-bottom:12px}.f030-payload select{background:transparent;min-height:48px}.f030-payload details{margin:20px 0;font:11px/1.6 monospace}.f030-payload summary{cursor:pointer;padding:8px 0;min-height:36px}.f030-payload pre{font-size:11px}.f030-payload button{min-height:48px}.f030-payload>small{font-size:11px;line-height:1.6}
.f-service-showcases{background:var(--ff-paper);padding-top:100px;padding-bottom:100px}.f-service-showcase-title h2{font-size:clamp(40px,5vw,78px)!important;font-weight:400!important}.f-service-case-grid{background:transparent;border:0;gap:0 35px}.f-service-case{background:transparent;border-top:1px solid #aeb9b9;min-height:285px;padding:28px 0 35px;gap:24px;transition:padding .5s var(--ff-ease),background .35s}.f-service-case:hover{background:#e6ebeb;padding-left:16px;padding-right:16px}.f-service-case h3{font-size:31px!important;font-weight:400!important}.f-service-case p{font-size:14px;line-height:1.7}.f-service-case>span{font-size:12px}.f-service-dialog{background:var(--ff-paper)}.f-service-visual{background:radial-gradient(ellipse,#fff7,#e7ecec)}.f-service-panel .f-service-live{background:#e3e8e8;border-color:#b7c2c2}.casting-dialog .f-service-entry{background:#e1e7e7;color:#111;border-color:#a2afaf}
.casting-gallery{padding-top:55px;padding-bottom:90px}.casting-title{margin:35px 0 50px}.casting-title h2{font-size:clamp(42px,5.8vw,86px)!important;font-weight:400!important;line-height:1;letter-spacing:-.065em!important}.casting-title p{font-size:13px;line-height:1.6}.casting-toolbar{padding-top:12px;padding-bottom:12px}.casting-grid{--columns:5;row-gap:60px}.casting-meta h3{font-size:19px!important;letter-spacing:-.04em}.casting-meta>span{font-size:11px;line-height:1.6}.casting-count{font:11px/1.5 monospace;margin:25px 0 35px}.casting-dialog-content>.casting-photo.casting-unified{padding:35px 20px 0;background:#e9eded!important}.casting-dialog-copy{padding-top:60px}.casting-dialog-copy h2{font-size:54px!important}.casting-close{min-width:44px;min-height:44px}
@media(min-width:1000px){html[data-f030-product=ring] main>div>section:first-child{border-top:3px solid var(--ff-red)}html[data-f030-product=plus] main>div>section:first-child{border-top:3px solid var(--ff-blue)}}
@media(max-width:800px){.f030-connected-head{grid-template-columns:1fr;gap:30px}.f030-connected-head p{max-width:550px}.f030-connected-layout{gap:35px}.f030-chapter h3{font-size:40px}.f030-chapter p{font-size:16px}.f030-hanging-sign{width:95px;height:125px}.casting-title h2{font-size:54px!important}}
@media(max-width:720px){.f030-motion-control{left:8px;bottom:8px;font-size:9px;padding:7px 9px}.f030-connected{padding:55px 22px}.f030-connected-head{margin-bottom:30px}.f030-connected-head h2{font-size:47px}.f030-chain-cluster{height:370px}.f030-sticky{position:relative;top:auto}.f030-chapter{min-height:0;padding:0 0 45px}.f030-hanging-sign{margin-bottom:15px}.f030-chapter h3{font-size:39px}.f030-chapter p{line-height:1.7}.f030-render-note{margin-bottom:15px}.f-service-showcases{padding:55px 22px}.f-service-case-grid{gap:0 22px}.f-service-case{padding:23px 0;min-height:265px}.f-service-case h3{font-size:25px!important}.casting-gallery{padding-top:25px}.casting-title{margin:25px 0 30px}.casting-title h2{font-size:44px!important}.casting-grid{row-gap:40px}.casting-meta h3{font-size:17px!important}.casting-meta>span{font-size:11px}.casting-dialog-copy h2{font-size:40px!important}.f030-agent-preview{height:230px}.f030-agent-preview svg{height:220px}.f030-connected-head>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.f030-pendant{animation:none}.btn:hover{transform:none}.f-service-case{transition:none}}
.f030-jewellery-rail{background:#F0F2F2;border-left:0}.f030-jewellery-3d{position:absolute;inset:0;display:block;width:100%;height:100%}.f030-jewellery-rail.has-3d>svg{visibility:hidden}html[data-f030-motion=off] .casting-open .casting-photo{transition:none!important}html[data-f030-motion=off] .f030-hanging-sign svg .f030-pendant{animation:none}
/* Editorial opening: photograph and readable typography get distinct space. */
body.fw57 .m38-hero-stage{height:clamp(600px,73vh,880px)!important;min-height:600px!important;background:#F0F2F2!important;overflow:hidden!important}body.fw57 .m38-hero-stage:after{display:none!important}body.fw57 .m38-hero-stage>img{inset:0 0 0 auto!important;width:53%!important;height:100%!important;object-fit:cover!important;object-position:62% center!important}body.fw57 .m38-hero-copy{position:absolute!important;left:4vw!important;top:12%!important;width:43%!important;max-width:700px!important;padding:0!important;background:transparent!important}body.fw57 .m38-hero-copy h1{font-size:clamp(55px,6.8vw,108px)!important;line-height:.98!important;font-weight:400!important;letter-spacing:-.065em!important;max-width:100%!important}body.fw57 .m38-hero-copy p{font-size:clamp(16px,1.35vw,20px)!important;line-height:1.65!important;max-width:430px!important;margin-top:28px!important}body.fw57 .m38-actions{gap:18px!important;flex-wrap:wrap!important;margin-top:30px!important}body.fw57 .m38-hello{left:auto!important;right:30px!important;bottom:28px!important;max-width:260px!important;background:#f0f2f2e8!important;backdrop-filter:blur(12px);border:0!important;padding:20px!important}body.fw57 .m38-hero-top{padding:20px 0!important}body.fw57 .m38-hero-bottom{padding:25px 0!important;border-bottom:1px solid #bac4c4}body.fw57 .m38-hero-bottom p{font-size:15px!important}
@media(max-width:1000px) and (min-width:721px){body.fw57 .m38-hero-copy{top:12%!important;width:42%!important}body.fw57 .m38-hero-copy h1{font-size:60px!important}body.fw57 .m38-hero-stage{height:670px!important}body.fw57 .m38-hero-copy p{font-size:16px!important}}
@media(max-width:720px){body.fw57 .m38-hero-stage{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:visible!important}body.fw57 .m38-hero-copy{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:none!important;padding:32px 22px 38px!important;order:0!important}body.fw57 .m38-hero-copy h1{font-size:clamp(45px,12vw,72px)!important;line-height:1.02!important}body.fw57 .m38-hero-copy p{font-size:17px!important;line-height:1.6!important;margin-top:24px!important;max-width:100%!important}body.fw57 .m38-actions{margin-top:26px!important;gap:16px!important}body.fw57 .m38-hero-stage>img{position:relative!important;inset:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/5;object-position:62% center!important;order:1!important}body.fw57 .m38-hello{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;order:2!important;padding:20px 22px!important;background:#e1e7e7!important}body.fw57 .m38-hello p{font-size:16px!important}.f030-connected-head h2{overflow-wrap:normal}}
body.fw57 .m38-hero-copy{margin:0!important;width:41%!important}.casting-unified>svg{height:100%;width:auto;max-width:none;flex:0 0 auto}.f030-agent-preview svg{max-width:none}
@media(max-width:720px){body.fw57 .m38-hero-copy{width:100%!important}}
.casting-photo.casting-unified{box-sizing:border-box}.casting-dialog-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.casting-dialog-content>.casting-photo.casting-unified{width:100%;max-width:100%;overflow:hidden}.casting-dialog-copy{box-sizing:border-box;min-width:0}
@media(max-width:750px){.casting-dialog-content{grid-template-columns:minmax(0,1fr)}.casting-dialog-content>.casting-photo.casting-unified{max-height:48vh;aspect-ratio:4/5!important}.casting-dialog-copy{padding-top:30px}}