/* Final responsive layer: loaded after the original component styles. */
.learn-row-image img[data-surface="stock"]{width:100%;height:100%;object-fit:cover;padding:0;background:transparent;mix-blend-mode:normal}
.learn-copy figure img[data-surface="stock"],.guide-image-frame img[data-surface="stock"]{width:100%;height:340px;object-fit:cover;padding:0;background:transparent;mix-blend-mode:normal}
.learn-copy figure img[data-surface="stock"]{aspect-ratio:auto}
.learn-stock-caption{font-size:10px!important;line-height:1.7!important;margin:-24px 0 32px;color:#6e7568}
.learn-hero-art img[data-surface="stock"]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;mix-blend-mode:normal;border-radius:inherit}
.learn-hero-art:has(img[data-surface="stock"]) .learn-orbit{display:none}
@media(max-width:650px){.learn-copy figure img[data-surface="stock"],.guide-image-frame img[data-surface="stock"]{height:240px}}
/* Put the matte behind the image, so white source pixels blend with the
   surrounding frame rather than with a second colour on the image itself. */
.learn-copy figure{background:#eae7dd;isolation:isolate}
.learn-copy figure img{background:transparent;mix-blend-mode:multiply}
.learn-copy figcaption{background:var(--ivory);padding-top:10px;margin-top:0}
.guide-image-frame{background:var(--stone);isolation:isolate;margin-bottom:35px}
.guide-image-frame .guide-editorial-image{background:transparent;mix-blend-mode:multiply;margin-bottom:0}
.productart.photo{isolation:isolate}
.productart.photo img{background:transparent;mix-blend-mode:multiply}
/* Graded slabs photographed on a warm studio backdrop retain their original
   colours. Extend that backdrop into the frame instead of multiplying it. */
.productart.photo:has(img[data-surface="studio"]),
.learn-row-image:has(img[data-surface="studio"]),
.learn-copy figure:has(img[data-surface="studio"]),
.guide-image-frame:has(img[data-surface="studio"]){background:#dcd8ce}
.productart.photo img[data-surface="studio"],
.product-detail .product-gallery img[data-surface="studio"],
.learn-row-image img[data-surface="studio"],
.learn-copy figure img[data-surface="studio"],
.guide-image-frame img[data-surface="studio"]{background:#dcd8ce;mix-blend-mode:normal}
.products>.catalogue-product>.productart.photo:has(img[data-surface="studio"]){aspect-ratio:1}
.products>.catalogue-product>.productart.photo img[data-surface="studio"]{inset:0;width:100%;height:100%;object-fit:contain}
.product-detail .product-gallery img[data-surface="studio"]{height:auto;aspect-ratio:1;max-height:none}
/* Editorial photographs fill their frames; product-only images stay contained. */
.learn-row-image img[data-surface="scene"],
.learn-copy figure img[data-surface="scene"],
.guide-image-frame img[data-surface="scene"],
.collection-cards .productart.photo img[data-surface="scene"]{width:100%;height:100%;object-fit:cover;padding:0;background:transparent;mix-blend-mode:normal}
.learn-copy figure img[data-surface="scene"]{height:340px}
.guide-image-frame img[data-surface="scene"]{height:300px}
.learn-copy figure img[data-surface="studio"]{padding:0;height:auto;aspect-ratio:1}
.learn-row-image img[data-surface="studio"]{width:100%;height:100%;object-fit:contain}
.ui-icon{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.14em;pointer-events:none;overflow:visible}
.button .ui-icon,.textlink .ui-icon,.learn-row-link .ui-icon{width:18px;height:18px;min-width:18px}
.menu .ui-icon{width:23px;height:23px}
.close .ui-icon,.guide-close .ui-icon{width:21px;height:21px}
.priceinfo .ui-icon{width:16px;height:16px;display:block}
.play .ui-icon,.smallplay .ui-icon{width:21px;height:21px}
.learn-menu-column .ui-icon{width:16px;height:16px}
header #navigation>.drop>button>span{display:inline-flex;align-items:center}
img,video,iframe{max-width:100%}
main,section,article,aside,.formgrid>*{min-width:0}
.product-specs dd{overflow-wrap:anywhere;text-align:right}
.table-scroll,.guide-table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
@media(max-width:1150px){
 header{height:84px}
 header .brand{margin-right:auto}
 header #navigation{display:none;position:absolute;top:84px;left:0;right:0;padding:20px 6% 30px;background:var(--ivory);border-bottom:1px solid var(--line);align-items:stretch;gap:0}
 header #navigation.visible{display:flex;flex-direction:column}
 header #navigation>a{border-top:1px solid var(--line)}
 header #navigation>.drop>button{width:100%;text-align:left}
 header #navigation .dropdown{position:static;width:100%;box-shadow:none}
 header #navigation .drop:hover:not(.open)>.dropdown{display:none}
 header #navigation .drop.open>.dropdown{display:block}
 header #navigation{max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(25px,env(safe-area-inset-bottom))}
 header #navigation>a,header #navigation>.drop>button{min-height:48px}
 header #navigation .dropdown a{min-height:48px;font-family:'Outfit','DM Sans',sans-serif;font-size:17px;line-height:1.4;letter-spacing:-.01em}
 header #navigation .dropdown a>span:not([aria-hidden]){font-family:'DM Sans',sans-serif;font-size:12px;line-height:1.6}
 header #navigation .learn-mega{max-height:none;overflow:visible}
 header #navigation .learn-menu-column>a{font-size:14px}
 header .menu{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px}
}
@media(max-width:900px){
 .products{grid-template-columns:repeat(2,minmax(0,1fr))}
 .trade-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px}
 .trade-form-section{grid-template-columns:1fr;gap:30px}
 .trade-form-section>div>p:not(.eyebrow){max-width:650px}
 .company-introduction{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .product-detail{gap:30px}
}
@media(max-width:650px){
 html{scroll-padding-top:95px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{font-size:15px}
 header{height:78px;padding:0 16px;gap:8px;display:grid;grid-template-columns:minmax(0,1fr) 128px 44px}
 header .brand{min-width:0;gap:6px;margin:0}
 header .brand svg{width:25px;height:36px;flex-shrink:0}
 header .brand span{font-size:16px;letter-spacing:.055em}
 header>.guide-trigger{display:flex;width:128px;max-width:none;min-height:44px;padding:9px 10px;font-size:10px;line-height:1.35;gap:7px;white-space:normal;text-align:left}
 header>.guide-trigger .ui-icon{width:15px;height:15px;min-width:15px}
 header .menu{width:44px;height:44px;border:1px solid #d7d4c8;border-radius:0}
 header #navigation{top:78px;max-height:calc(100dvh - 78px);padding-left:22px;padding-right:22px}
 header #navigation>.drop>button{display:flex;align-items:center;justify-content:space-between}
 header #navigation>.drop>button>span{margin-left:auto}
 header #navigation .learn-menu-columns{grid-template-columns:1fr;gap:22px}
 header #navigation .learn-menu-intro{align-items:flex-start;flex-direction:column}
 .utility{padding:10px 12px}
 .goldticker{width:100%;grid-template-columns:5px 37px minmax(54px,auto) 43px 5px minmax(47px,auto) 31px 24px;gap:6px 3px;letter-spacing:0}
 .goldticker strong{font-size:11px}
 .goldticker>span{font-size:8px}
 .goldticker .metal-label{font-size:9px}
 .price-detail{font-size:12px;line-height:1.8;padding:16px}
 .price-detail span{display:block}
 .section{padding:46px 6%}
 .sectionhead{gap:20px;margin-bottom:28px}
 .sectionhead>p{font-size:14px;line-height:1.8}
 h1,.pageintro h1,.retirement-hero h1{font-size:clamp(38px,10vw,52px);line-height:1.1;overflow-wrap:break-word}
 h2{font-size:clamp(30px,8vw,42px);line-height:1.16}
 .hero{grid-template-columns:1fr;min-height:0}
 .hero .herocopy{padding:40px 6% 0}
 .hero h1{font-size:clamp(40px,10.5vw,57px);line-height:1.04;letter-spacing:-.045em}
 .hero .herocopy>p.hero-investment-copy{font-size:16px;line-height:1.75}
 .hero .actions{display:grid;grid-template-columns:1fr;gap:11px;margin:14px 0 15px}
 .hero .actions .button{width:100%;justify-content:space-between;min-height:52px;font-size:12px;padding:15px 19px}
 .hero .herobottom.hero-awards{margin-top:14px;margin-bottom:24px}
 .heroimage{height:clamp(260px,82vw,430px);min-height:0}
 .heroimage>img[src="/assets/rosebud-private-coin-viewing.png"]{object-position:70% center}
 .imagecaption{font-size:9px;letter-spacing:.08em;left:20px;bottom:18px}
 .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:18px}
 .early-enquiry{padding:38px 6%;gap:25px}
 .early-enquiry h2,.enquiry h2{font-size:clamp(34px,9vw,46px);line-height:1.15}
 .formgrid,.early-enquiry .formgrid,.contact-form-panel .formgrid{grid-template-columns:1fr;gap:14px}
 input:not([type=checkbox]):not([type=range]),select,textarea,
 .early-enquiry input,.early-enquiry select,.early-enquiry textarea,
 .contact-form-panel input,.contact-form-panel select,.contact-form-panel textarea,
 #guide-form input:not([type=checkbox]),.learn-tools input,
 .comparison-controls input,.comparison-controls select{font-size:16px;line-height:1.5;min-height:48px}
 .formgrid label,.enquiry label,.contact-form-panel label,#guide-form label{font-size:12px;line-height:1.6}
 textarea,.early-enquiry textarea{min-height:110px;resize:vertical}
 .formnote,.form-privacy,.contact-form-panel .contact-privacy,#guide-form .guide-privacy{font-size:12px;line-height:1.8}
 .button{min-height:48px;font-size:12px;padding:14px 18px;gap:18px;max-width:100%;white-space:normal}
 .textlink{font-size:12px;line-height:1.8;padding:10px 0}
 .enquiry .button,.contact-form-panel .button{width:100%}
 .pageintro{padding:40px 6% 28px}
 .pageintro>p:last-child,.collection-lead{font-size:15px;line-height:1.85}
 .products,.products.silver-products{grid-template-columns:1fr;gap:36px}
 .products>.catalogue-product{max-width:440px;width:100%;margin:0 auto}
 .products>.catalogue-product>.productart{aspect-ratio:1.2;margin-bottom:18px}
 .products>.catalogue-product>.productart.photo img{inset:8%;width:84%;height:84%}
 .products>.catalogue-product>.eyebrow{font-size:10px;min-height:0}
 .products>.catalogue-product>h3{font-size:27px;line-height:1.2;margin-bottom:15px}
 .products>.catalogue-product>.product-price{font-size:25px}
 .products>.catalogue-product>.button{font-size:12px;min-height:50px}
 .product-detail{padding-top:30px;gap:24px}
 .product-summary h1{font-size:clamp(30px,8.3vw,40px);line-height:1.15}
 .product-summary>.eyebrow{margin-top:10px}
 .product-specs>div{font-size:14px;gap:16px;align-items:flex-start}
 .product-specs dt,.product-specs dd{max-width:58%}
 .product-summary>.button{width:100%}
 .product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-detail .product-gallery img{height:210px;max-height:none;object-fit:contain}
 .product-gallery img:only-child{grid-column:1/-1;height:300px}
 .trade-hero,.company-introduction,.sell-home-band,.retirement-checklist{grid-template-columns:1fr;gap:30px}
 .trade-hero h1{font-size:clamp(38px,10vw,52px)}
 .trade-hero-image{aspect-ratio:1.35}
 .trade-form-section{padding:38px 6%;gap:25px}
 .contact-form-panel{padding:25px 20px}
 .trade-form-section h2,.contact-form-panel h2{font-size:33px}
 .company-pillars{grid-template-columns:1fr;gap:24px}
 .company-pillars p,.company-three p,.trade-hero>div>p:not(.eyebrow),.trade-form-section>div>p:not(.eyebrow){font-size:14px;line-height:1.85}
 .company-cta{display:block}
 .company-cta .button{margin-top:20px}
 .team-section .team-grid{grid-template-columns:1fr;gap:38px}
 .team-card .team-portrait{max-width:440px}
 .team-card h3{font-size:24px}
 .team-card>p{font-size:13px}
 .team-card>p.team-bio{font-size:15px;line-height:1.85}
 .learn-hero h1{font-size:clamp(39px,10vw,54px)}
 .learn-hero-art{min-height:270px}
 .learn-hero-art>p{right:0;bottom:0}
 .learn-hero-art strong{font-size:38px}
 .learn-article-heading h1,.guide-heading h1{font-size:clamp(33px,9vw,45px)}
 .learn-dek,.guide-dek{font-size:17px;line-height:1.75}
 .learn-copy p,.guide-body p,.guide-body li{font-size:15px;line-height:1.9}
 .learn-filters button{min-height:44px;font-size:11px}
 .learn-row p:not(.eyebrow){font-size:13px}
 .learn-list .learn-row{gap:16px;grid-template-columns:72px minmax(0,1fr)}
 .learn-row h3{font-size:21px;line-height:1.25}
 .learn-row-image{height:90px}
 .learn-end .button{width:100%}
 .learn-article-layout aside>a:not(.learn-aside-cta){display:block;margin-right:0;min-height:44px}
 .guide-table,.return-details table{font-size:13px}
 .retirement-hero>div>p:not(.eyebrow),.retirement-context>p:not(.eyebrow){font-size:15px}
 .retirement-risk,.comparison-warning,.comparison-period-note,.comparison-method p{font-size:12px!important;line-height:1.85}
 .comparison-controls{grid-template-columns:1fr}
 .comparison-controls>p{grid-column:auto}
 .comparison-row{grid-template-columns:1fr;gap:15px;padding:24px 18px}
 .comparison-result{align-items:flex-start}
 .comparison-row p,.comparison-return{font-size:12px}
 .pension-grid,.retirement-points{grid-template-columns:1fr}
 summary{font-size:15px;line-height:1.6;padding:18px 0;min-height:48px}
 details p,.prose p,.prose li{font-size:15px;line-height:1.85}
 footer{padding:44px 6% 24px}
 .footgrid{grid-template-columns:1fr 1fr;gap:30px 22px}
 .footgrid h4{font-size:12px;margin-bottom:13px}
 footer .footgrid>div>a:not(.brand){font-size:13px;line-height:1.6;min-height:40px;margin:0;padding:9px 0}
 .footgrid>div:last-child{grid-column:1/-1}
 footer .company-address,.footgrid p{font-size:13px;line-height:1.85}
 footer .footer-disclaimer p{font-size:12px;line-height:1.9}
 .footbottom{font-size:11px;line-height:1.8}
 .footbottom>div{display:flex;flex-wrap:wrap;gap:8px 20px}
 .footbottom a{display:inline-block;padding:10px 0;font-size:12px}
 #guide-dialog{width:calc(100% - 24px);max-width:500px;max-height:calc(100dvh - 24px);margin:auto}
 .guide-content{padding:52px 23px 26px}
 .guide-content h2{font-size:34px}
 .guide-content #guide-intro{font-size:14px}
 .guide-content .guide-pending{font-size:12px}
 #guide-form .guide-optin{font-size:12px;line-height:1.7;padding:7px 0}
 #guide-form .guide-optin input{width:20px;height:20px}
 #guide-form .guide-optin small{font-size:11px}
 .guide-dialog .guide-close{width:44px;height:44px;right:8px;top:6px;display:flex;align-items:center;justify-content:center}
 #video-dialog{width:calc(100% - 24px);max-height:90dvh;overflow-y:auto}
 .video-fallback{font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:8px}
}
@media(max-width:360px){
 header{padding:0 12px;grid-template-columns:minmax(0,1fr) 114px 42px;gap:6px}
 header .brand span{font-size:14px}
 header .brand svg{width:22px}
 header>.guide-trigger{width:114px;font-size:9px}
 header .menu{min-width:42px;width:42px}
 .goldticker{grid-template-columns:4px 33px minmax(50px,auto) 38px 4px minmax(43px,auto) 28px 21px;column-gap:2px}
 .goldticker strong{font-size:10px}
 .goldticker>span{font-size:7px}
 .service-banner{grid-template-columns:1fr;gap:20px}
 .service-banner>a{padding:0;border-right:0}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}