html[data-layout="mobile"]{--phone-unit:max(1px,calc(100vw / 390))}
/* Phone design at calc(390 * var(--phone-unit)). The build scales pixel units for wide phone viewports. */
html[data-layout="mobile"]{--page-gutter:calc(24 * var(--phone-unit))}
html[data-layout="mobile"]{background:var(--cream);-webkit-text-size-adjust:100%;text-size-adjust:100%}
html[data-layout="mobile"] body{width:100%;max-width:none;min-width:0;margin:0}
html[data-layout="mobile"] .site-header{width:100%;height:calc(72 * var(--phone-unit));padding:0 calc(24 * var(--phone-unit));gap:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .site-header nav{display:none}
html[data-layout="mobile"] .site-header .brand{min-width:0;flex-shrink:1}
html[data-layout="mobile"] .site-header .brand img{width:calc(144 * var(--phone-unit));height:auto}
html[data-layout="mobile"] .site-header .header-action{min-height:calc(44 * var(--phone-unit));font-size:calc(12 * var(--phone-unit));padding:calc(10 * var(--phone-unit)) calc(12 * var(--phone-unit));gap:calc(10 * var(--phone-unit));white-space:nowrap}
html[data-layout="mobile"] .portal-stage{width:100%;max-width:none;min-height:0;background:var(--cream)}
html[data-layout="mobile"] .portal-stage[data-state=search]{display:block;min-height:0;height:auto}
html[data-layout="mobile"] .portal-stage[data-state=search] .portal-backdrop{position:relative;inset:auto;grid-column:auto;grid-row:auto;align-self:auto;width:100%;height:auto;max-width:none;aspect-ratio:1229/1536;transform:none}
html[data-layout="mobile"] .portal-stage[data-state=search] .portal-copy{grid-column:auto;grid-row:auto;width:100%;max-width:none;padding:calc(16 * var(--phone-unit)) var(--page-gutter) calc(36 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .campaign-title{position:absolute;width:calc(1 * var(--phone-unit));height:calc(1 * var(--phone-unit));padding:0;margin:calc(-1 * var(--phone-unit));overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
html[data-layout="mobile"] .portal-copy .portal-eyebrow,html[data-layout="mobile"] .portal-subline,html[data-layout="mobile"] .lookup-topline,html[data-layout="mobile"] .portal-stage[data-state=search] .portal-bottom{display:none}
html[data-layout="mobile"] .portal-copy .lookup-form{width:100%;max-width:none;padding:calc(18 * var(--phone-unit)) calc(20 * var(--phone-unit)) calc(14 * var(--phone-unit));margin-inline:auto}
html[data-layout="mobile"] .lookup-form .lookup-title{font-size:calc(22 * var(--phone-unit));line-height:1.22;max-width:100%;margin-bottom:calc(10 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .lookup-intro{font-size:calc(14 * var(--phone-unit));line-height:1.6;margin-bottom:calc(20 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .lookup-form>label{font-size:calc(13 * var(--phone-unit));margin-bottom:calc(8 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .input-shell{display:block;height:auto;padding:0;border:0;background:transparent;border-radius:0;overflow:visible}
html[data-layout="mobile"] .portal-copy .input-shell input{display:block;width:100%;height:calc(54 * var(--phone-unit));min-height:calc(54 * var(--phone-unit));padding:calc(14 * var(--phone-unit));border:calc(1 * var(--phone-unit)) solid #6b777c;border-radius:calc(8 * var(--phone-unit));background:#fffefb;font-size:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .lookup-submit{width:100%;min-width:0;height:calc(54 * var(--phone-unit));min-height:calc(54 * var(--phone-unit));margin-top:calc(10 * var(--phone-unit));padding:0 calc(16 * var(--phone-unit));font-size:calc(14 * var(--phone-unit));border-radius:calc(8 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .form-under{flex-direction:column;align-items:flex-start;margin-top:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .form-under p,html[data-layout="mobile"] .portal-copy .form-error,html[data-layout="mobile"] .sample-orders summary,html[data-layout="mobile"] .lookup-support{font-size:calc(13 * var(--phone-unit));line-height:1.5}
html[data-layout="mobile"] .sample-orders{margin-top:calc(15 * var(--phone-unit));max-width:none}
html[data-layout="mobile"] .sample-order-options{gap:calc(7 * var(--phone-unit))}
html[data-layout="mobile"] .sample-order-options button{min-height:calc(48 * var(--phone-unit));font-size:calc(13 * var(--phone-unit));padding:calc(10 * var(--phone-unit)) calc(4 * var(--phone-unit))}
html[data-layout="mobile"] .sample-order-options button span{font-size:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-benefits{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr);padding:calc(22 * var(--phone-unit)) var(--page-gutter);gap:calc(18 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-benefits>div{justify-content:flex-start;gap:calc(14 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-benefits svg{width:calc(23 * var(--phone-unit));height:calc(23 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-benefits p{font-size:calc(13 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-benefits b{font-size:calc(14 * var(--phone-unit))}
html[data-layout="mobile"] .collection-section{width:100%;max-width:none;padding:calc(58 * var(--phone-unit)) var(--page-gutter) calc(64 * var(--phone-unit))}
html[data-layout="mobile"] .collection-section>.section-heading{display:flex;flex-direction:column;align-items:stretch;gap:calc(24 * var(--phone-unit));margin-bottom:calc(28 * var(--phone-unit))}
html[data-layout="mobile"] .section-heading .eyebrow{font-size:calc(10 * var(--phone-unit));margin-bottom:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .section-heading h2{font-size:calc(44 * var(--phone-unit));line-height:1.05}
html[data-layout="mobile"] .collection-context{font-size:calc(14 * var(--phone-unit));line-height:1.65;margin-top:calc(14 * var(--phone-unit));max-width:none}
html[data-layout="mobile"] .section-heading .discover-button{width:100%;white-space:normal;font-size:calc(14 * var(--phone-unit));min-height:calc(54 * var(--phone-unit))}
html[data-layout="mobile"] .collection-section .collection-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(35 * var(--phone-unit))}
html[data-layout="mobile"] .collection-card:nth-child(n){padding-top:0;min-width:0}
html[data-layout="mobile"] .collection-photo{aspect-ratio:1/1}
html[data-layout="mobile"] .collection-caption{display:block;padding-top:calc(17 * var(--phone-unit))}
html[data-layout="mobile"] .collection-caption h3{font-size:calc(32 * var(--phone-unit))}
html[data-layout="mobile"] .collection-caption p{font-size:calc(14 * var(--phone-unit));line-height:1.5;max-width:none}
html[data-layout="mobile"] .quick-view-label{opacity:1;transform:none;inset:auto calc(12 * var(--phone-unit)) calc(12 * var(--phone-unit));font-size:calc(13 * var(--phone-unit));min-height:calc(44 * var(--phone-unit))}
html[data-layout="mobile"] .collection-caption .collection-product-link{font-size:calc(13 * var(--phone-unit));min-height:calc(48 * var(--phone-unit));margin-top:calc(12 * var(--phone-unit));padding-top:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .story-section{padding:calc(58 * var(--phone-unit)) var(--page-gutter) calc(62 * var(--phone-unit))}
html[data-layout="mobile"] .story-section h2{font-size:calc(40 * var(--phone-unit));line-height:1.05}
html[data-layout="mobile"] .story-section p{font-size:calc(14 * var(--phone-unit));line-height:1.7}
html[data-layout="mobile"] .story-section .button{font-size:calc(14 * var(--phone-unit));min-height:calc(54 * var(--phone-unit))}
html[data-layout="mobile"] .site-footer.footer-compact{padding:calc(30 * var(--phone-unit)) var(--page-gutter) calc(22 * var(--phone-unit))}
html[data-layout="mobile"] .site-footer.footer-compact .footer-inner{display:flex;flex-direction:column;align-items:center;gap:calc(14 * var(--phone-unit))}
html[data-layout="mobile"] .site-footer.footer-compact .footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(4 * var(--phone-unit)) calc(28 * var(--phone-unit))}
html[data-layout="mobile"] .site-footer.footer-compact .footer-nav a{display:inline-flex;align-items:center;min-height:calc(44 * var(--phone-unit));font-size:calc(13 * var(--phone-unit))}
html[data-layout="mobile"] .site-footer.footer-compact .footer-copyright{text-align:center;margin-top:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .portal-stage:is([data-state=revealing],[data-state=handoff]){min-height:max(calc(780 * var(--phone-unit)),calc(calc(100*var(--cbvh,1svh)) - calc(72 * var(--phone-unit))))}
html[data-layout="mobile"] .portal-box{left:-22%;right:-22%;top:23%;bottom:auto;height:calc(440 * var(--phone-unit));overflow:clip}
html[data-layout="mobile"] .reveal-heading{top:calc(75 * var(--phone-unit));left:6%;right:6%}
html[data-layout="mobile"] .reveal-heading h2{font-size:calc(49 * var(--phone-unit))}
html[data-layout="mobile"] .reveal-heading p{font-size:calc(14 * var(--phone-unit));line-height:1.6}
html[data-layout="mobile"] .reveal-skip{position:absolute;top:calc(18 * var(--phone-unit));right:5%;font-size:calc(12 * var(--phone-unit));padding:calc(8 * var(--phone-unit)) calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .portal-stage .certificate-showcase{width:100%;padding-top:calc(36 * var(--phone-unit));padding-bottom:calc(36 * var(--phone-unit))}
html[data-layout="mobile"] .results-heading-area h2{font-size:calc(40 * var(--phone-unit));line-height:1.04}
html[data-layout="mobile"] .results-heading-area .results-order{font-size:calc(12 * var(--phone-unit));line-height:1.6;letter-spacing:.025em}
html[data-layout="mobile"] .results-heading-area>p{font-size:calc(14 * var(--phone-unit));line-height:1.5}
html[data-layout="mobile"] .certificate-orbit{width:100%;margin:calc(20 * var(--phone-unit)) auto 0}
html[data-layout="mobile"] .gallery-hand-note,html[data-layout="mobile"] .gallery-spark,html[data-layout="mobile"] .download-hand-note{display:none!important}
html[data-layout="mobile"] .gallery-controls{margin-top:calc(13 * var(--phone-unit));gap:calc(10 * var(--phone-unit))}
html[data-layout="mobile"] .gallery-navigation{gap:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .gallery-navigation>span{min-width:calc(62 * var(--phone-unit));font-size:calc(13 * var(--phone-unit))}
html[data-layout="mobile"] .gallery-navigation>button{min-width:calc(72 * var(--phone-unit));min-height:calc(52 * var(--phone-unit));gap:0}
html[data-layout="mobile"] .gallery-navigation>button>span{display:none}
html[data-layout="mobile"] .gallery-drag-hint{font-size:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .orbit-caption{height:calc(84 * var(--phone-unit));padding-inline:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .orbit-caption>span{font-size:calc(21 * var(--phone-unit));line-height:1.15}
html[data-layout="mobile"] .orbit-caption small{font-size:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .portal-stage .result-grid{display:grid;grid-template-columns:minmax(0,1fr);max-width:none;padding-inline:var(--page-gutter);gap:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .portal-stage .has-certificate-gallery .result-card{display:grid;grid-template-columns:calc(58 * var(--phone-unit)) minmax(0,1fr);padding:calc(14 * var(--phone-unit));gap:0 calc(14 * var(--phone-unit))}
html[data-layout="mobile"] .has-certificate-gallery .result-card-photo{display:block;grid-row:1/6;width:calc(58 * var(--phone-unit));height:calc(70 * var(--phone-unit))}
html[data-layout="mobile"] .has-certificate-gallery .result-card h3{display:block;text-align:left;font-size:calc(25 * var(--phone-unit));min-height:0;line-height:1.1;margin:0 0 calc(8 * var(--phone-unit))}
html[data-layout="mobile"] .portal-stage .has-certificate-gallery .result-actions{justify-content:flex-start;gap:calc(14 * var(--phone-unit));flex-wrap:wrap}
html[data-layout="mobile"] .portal-stage .has-certificate-gallery .result-actions button,html[data-layout="mobile"] .portal-stage .has-certificate-gallery .result-actions a{font-size:calc(13 * var(--phone-unit));min-height:calc(44 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-showcase .gallery-download{padding-inline:var(--page-gutter);margin:calc(20 * var(--phone-unit)) auto calc(4 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-showcase .gallery-download-ring{width:100%;max-width:calc(390 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-showcase .gallery-download-ring .button{width:100%;font-size:calc(14 * var(--phone-unit));min-height:calc(54 * var(--phone-unit));padding:calc(14 * var(--phone-unit)) calc(16 * var(--phone-unit));justify-content:center}
html[data-layout="mobile"] .portal-stage .another-order{font-size:calc(13 * var(--phone-unit));min-height:calc(44 * var(--phone-unit))}
html[data-layout="mobile"] .product-dialog{width:min(calc(600 * var(--phone-unit)),100vw);max-height:calc(94*var(--cbvh,1dvh));margin:auto;inset:0;border-radius:calc(8 * var(--phone-unit))}
html[data-layout="mobile"] .product-peek-layout{display:flex;flex-direction:column;min-height:0;max-height:calc(94*var(--cbvh,1dvh));overflow:auto;overscroll-behavior:contain}
html[data-layout="mobile"] .product-peek-media{height:min(calc(44*var(--cbvh,1dvh)),calc(370 * var(--phone-unit)));min-height:0;flex:none}
html[data-layout="mobile"] .product-peek-media>img{object-fit:contain;height:100%;width:100%;aspect-ratio:auto}
html[data-layout="mobile"] .product-peek-detail{display:block;overflow:visible;padding:calc(24 * var(--phone-unit)) var(--page-gutter) max(calc(24 * var(--phone-unit)),env(safe-area-inset-bottom))}
html[data-layout="mobile"] .product-peek-detail h2{font-size:calc(42 * var(--phone-unit));margin:calc(12 * var(--phone-unit)) 0}
html[data-layout="mobile"] .product-peek-detail>p{font-size:calc(14 * var(--phone-unit))}
html[data-layout="mobile"] .product-peek-detail .product-peek-story{font-size:calc(23 * var(--phone-unit))}
html[data-layout="mobile"] .product-peek-detail>.button{width:100%;min-height:calc(54 * var(--phone-unit));font-size:calc(14 * var(--phone-unit));margin-top:calc(22 * var(--phone-unit))}
html[data-layout="mobile"] .product-peek-nav{justify-content:center;margin-top:calc(18 * var(--phone-unit))}
html[data-layout="mobile"] .product-peek-close.glass-button{position:absolute;top:calc(12 * var(--phone-unit));right:calc(12 * var(--phone-unit));left:auto;width:calc(44 * var(--phone-unit));height:calc(44 * var(--phone-unit));padding:0}
html[data-layout="mobile"] .certificate-dialog{width:min(calc(600 * var(--phone-unit)),96vw);max-height:calc(95*var(--cbvh,1svh))}
html[data-layout="mobile"] .certificate-dialog .document-wrap{padding:calc(15 * var(--phone-unit));max-height:calc(66*var(--cbvh,1svh))}
html[data-layout="mobile"] .certificate-document{padding:calc(30 * var(--phone-unit)) calc(25 * var(--phone-unit));min-height:calc(470 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-document h3{font-size:calc(33 * var(--phone-unit))}
html[data-layout="mobile"] .dialog-bar{padding:calc(15 * var(--phone-unit)) calc(18 * var(--phone-unit))}
html[data-layout="mobile"] .dialog-bar h2{font-size:calc(25 * var(--phone-unit))}
html[data-layout="mobile"] .dialog-actions{padding:calc(14 * var(--phone-unit)) calc(18 * var(--phone-unit))}
@media(max-width:360px){
html[data-layout="mobile"]{--page-gutter:calc(18 * var(--phone-unit))}
html[data-layout="mobile"] .site-header{padding-inline:calc(18 * var(--phone-unit));gap:calc(8 * var(--phone-unit))}
html[data-layout="mobile"] .site-header .brand img{width:calc(126 * var(--phone-unit))}
html[data-layout="mobile"] .site-header .header-action{font-size:calc(11 * var(--phone-unit));padding-inline:calc(9 * var(--phone-unit));gap:calc(7 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .lookup-form{padding-inline:calc(15 * var(--phone-unit))}
html[data-layout="mobile"] .lookup-form .lookup-title{font-size:calc(20 * var(--phone-unit))}
html[data-layout="mobile"] .section-heading h2{font-size:calc(40 * var(--phone-unit))}
html[data-layout="mobile"] .collection-caption h3{font-size:calc(29 * var(--phone-unit))}
html[data-layout="mobile"] .results-heading-area h2{font-size:calc(36 * var(--phone-unit))}
}
@media print{
html[data-layout="mobile"] body{max-width:none}
html[data-layout="mobile"] .certificate-dialog{max-height:none}
html[data-layout="mobile"] .certificate-dialog .document-wrap{max-height:none;overflow:visible}
}

@media(max-width:360px){
 html[data-layout="mobile"] .portal-copy .lookup-intro{font-size:calc(13 * var(--phone-unit))}
 html[data-layout="mobile"] .portal-copy .lookup-form{padding-top:calc(18 * var(--phone-unit))}
}
html[data-layout="mobile"]{overflow-x:clip}
html[data-layout="mobile"] .collection-grid{grid-template-columns:minmax(0,1fr)!important}
html[data-layout="mobile"] .site-footer .footer-inner{flex-direction:column}

/* Readable text and comfortable controls without changing the campaign image. */
html[data-layout="mobile"] body{font-size:calc(16 * var(--phone-unit));line-height:1.55}
html[data-layout="mobile"] .site-header{height:calc(76 * var(--phone-unit))}
html[data-layout="mobile"] .site-header .header-action{font-size:calc(13 * var(--phone-unit));min-height:calc(48 * var(--phone-unit))}
html[data-layout="mobile"] .header-action span{font-size:calc(22 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .lookup-form{padding:calc(24 * var(--phone-unit)) calc(20 * var(--phone-unit)) calc(20 * var(--phone-unit))}
html[data-layout="mobile"] .lookup-form .lookup-title{font-size:calc(26 * var(--phone-unit));line-height:1.18;margin-bottom:calc(14 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .lookup-intro{font-size:calc(16 * var(--phone-unit));line-height:1.6;margin-bottom:calc(22 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .lookup-form>label{font-size:calc(15 * var(--phone-unit));margin-bottom:calc(10 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .input-shell input{font-size:calc(18 * var(--phone-unit));min-height:calc(58 * var(--phone-unit));height:calc(58 * var(--phone-unit));padding:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .lookup-submit{font-size:calc(16 * var(--phone-unit));min-height:calc(58 * var(--phone-unit));height:calc(58 * var(--phone-unit));gap:calc(18 * var(--phone-unit))}
html[data-layout="mobile"] .lookup-submit .arrow{font-size:calc(24 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .form-under p,html[data-layout="mobile"] .sample-orders summary,html[data-layout="mobile"] .lookup-support{font-size:calc(14 * var(--phone-unit));line-height:1.6}
html[data-layout="mobile"] .form-under svg{width:calc(18 * var(--phone-unit));height:calc(18 * var(--phone-unit));flex-shrink:0}
html[data-layout="mobile"] .sample-orders summary{min-height:calc(52 * var(--phone-unit))}
html[data-layout="mobile"] .sample-orders summary::after{font-size:calc(22 * var(--phone-unit))}
html[data-layout="mobile"] .sample-order-panel>p,html[data-layout="mobile"] .sample-order-options button{font-size:calc(15 * var(--phone-unit))}
html[data-layout="mobile"] .sample-order-options button{min-height:calc(58 * var(--phone-unit))}
html[data-layout="mobile"] .sample-order-options button span{font-size:calc(13 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-benefits p{font-size:calc(15 * var(--phone-unit));line-height:1.55}
html[data-layout="mobile"] .certificate-benefits b{font-size:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .section-heading .eyebrow{font-size:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .collection-context,html[data-layout="mobile"] .collection-caption p,html[data-layout="mobile"] .story-section p{font-size:calc(16 * var(--phone-unit));line-height:1.65}
html[data-layout="mobile"] .section-heading .discover-button,html[data-layout="mobile"] .story-section .button{font-size:calc(16 * var(--phone-unit));min-height:calc(58 * var(--phone-unit))}
html[data-layout="mobile"] .quick-view-label,html[data-layout="mobile"] .collection-caption .collection-product-link{font-size:calc(15 * var(--phone-unit));min-height:calc(48 * var(--phone-unit))}
html[data-layout="mobile"] .quick-view-label span{font-size:calc(24 * var(--phone-unit))}
html[data-layout="mobile"] .site-footer.footer-compact .footer-nav a{font-size:calc(15 * var(--phone-unit));min-height:calc(48 * var(--phone-unit))}
html[data-layout="mobile"] .site-footer.footer-compact .footer-copyright{font-size:calc(13 * var(--phone-unit));line-height:1.6}
html[data-layout="mobile"] .footer-compact .footer-brand,html[data-layout="mobile"] .footer-compact .footer-brand img{width:calc(168 * var(--phone-unit))}
html[data-layout="mobile"] .reveal-heading p,html[data-layout="mobile"] .results-heading-area>p{font-size:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .results-heading-area .results-order{font-size:calc(14 * var(--phone-unit))}
html[data-layout="mobile"] .emerging-certificate{left:calc(50% - calc(90 * var(--phone-unit)));width:calc(180 * var(--phone-unit))}
html[data-layout="mobile"] .emerging-certificate>span{font-size:calc(15 * var(--phone-unit));padding:calc(7 * var(--phone-unit))}
html[data-layout="mobile"] .gallery-navigation>span,html[data-layout="mobile"] .gallery-drag-hint{font-size:calc(14 * var(--phone-unit))}
html[data-layout="mobile"] .gallery-navigation>button svg{width:calc(26 * var(--phone-unit));height:calc(26 * var(--phone-unit))}
html[data-layout="mobile"] .orbit-caption>img{width:calc(40 * var(--phone-unit));height:calc(40 * var(--phone-unit))}
html[data-layout="mobile"] .orbit-caption b{width:calc(30 * var(--phone-unit));height:calc(30 * var(--phone-unit));font-size:calc(22 * var(--phone-unit))}
html[data-layout="mobile"] .portal-stage .has-certificate-gallery .result-actions button,html[data-layout="mobile"] .portal-stage .has-certificate-gallery .result-actions a{font-size:calc(15 * var(--phone-unit));min-height:calc(48 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-showcase .gallery-download-ring .button{font-size:calc(16 * var(--phone-unit));min-height:calc(58 * var(--phone-unit))}
html[data-layout="mobile"] .portal-stage .another-order{font-size:calc(15 * var(--phone-unit));min-height:calc(48 * var(--phone-unit))}
html[data-layout="mobile"] .product-peek-detail>p{font-size:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .product-peek-detail>.button{font-size:calc(16 * var(--phone-unit));min-height:calc(58 * var(--phone-unit))}
html[data-layout="mobile"] .product-peek-detail .eyebrow,html[data-layout="mobile"] .product-peek-nav>span{font-size:calc(14 * var(--phone-unit))}
html[data-layout="mobile"] .product-peek-nav button{width:calc(48 * var(--phone-unit));height:calc(48 * var(--phone-unit))}
html[data-layout="mobile"] .product-peek-close svg,html[data-layout="mobile"] .product-peek-nav svg{width:calc(24 * var(--phone-unit));height:calc(24 * var(--phone-unit))}
html[data-layout="mobile"] .dialog-bar .eyebrow{font-size:calc(13 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-dialog .icon-button{height:calc(48 * var(--phone-unit));width:calc(48 * var(--phone-unit));font-size:calc(30 * var(--phone-unit))}
html[data-layout="mobile"] .dialog-actions .glass-button{font-size:calc(16 * var(--phone-unit));min-height:calc(52 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-document>img{width:calc(145 * var(--phone-unit))}
html[data-layout="mobile"] .doc-kicker{font-size:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .doc-product{font-size:calc(24 * var(--phone-unit))}
html[data-layout="mobile"] .doc-list{gap:calc(16 * var(--phone-unit));padding-block:calc(22 * var(--phone-unit));margin-block:calc(20 * var(--phone-unit))}
html[data-layout="mobile"] .doc-list dt{font-size:calc(13 * var(--phone-unit));margin-bottom:calc(6 * var(--phone-unit))}
html[data-layout="mobile"] .doc-list dd,html[data-layout="mobile"] .doc-warning{font-size:calc(14 * var(--phone-unit));line-height:1.6}
html[data-layout="mobile"] .doc-bottom{font-size:calc(12 * var(--phone-unit));line-height:1.5}
@media(max-width:360px){
 html[data-layout="mobile"] .portal-copy .lookup-form{padding:calc(22 * var(--phone-unit)) calc(16 * var(--phone-unit)) calc(18 * var(--phone-unit))}
 html[data-layout="mobile"] .site-header .header-action{font-size:calc(12 * var(--phone-unit));padding-inline:calc(9 * var(--phone-unit))}
}
html[data-layout="mobile"] .site-header{max-width:none}
html[data-layout="mobile"] .portal-copy .lookup-form{border-radius:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .lookup-intro,html[data-layout="mobile"] .story-section p,html[data-layout="mobile"] .sample-order-panel>p{max-width:none}
html[data-layout="mobile"] .skip-link{left:calc(20 * var(--phone-unit));top:calc(-140 * var(--phone-unit));font-size:calc(16 * var(--phone-unit));padding:calc(15 * var(--phone-unit))}
html[data-layout="mobile"] .skip-link:focus{top:calc(12 * var(--phone-unit))}

/* Creative-direction refinements; the phone scale and imagery stay intact. */
html[data-layout="mobile"]{scroll-padding-top:calc(96 * var(--phone-unit))}
html[data-layout="mobile"] .site-header{position:sticky;top:0;z-index:40;height:calc(calc(76 * var(--phone-unit)) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:var(--cream);border-bottom:calc(1 * var(--phone-unit)) solid var(--border)}
html[data-layout="mobile"] .site-header .header-action{min-height:calc(48 * var(--phone-unit));gap:calc(8 * var(--phone-unit))}
html[data-layout="mobile"] .site-header .header-action .header-action-label{font:inherit}
html[data-layout="mobile"] .header-action svg{width:calc(16 * var(--phone-unit));height:calc(16 * var(--phone-unit));flex:none}
html[data-layout="mobile"] #order-number,html[data-layout="mobile"] #order-results{scroll-margin-top:calc(96 * var(--phone-unit))}
html[data-layout="mobile"] .lookup-form .lookup-title{letter-spacing:-.02em;margin-bottom:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .lookup-intro{margin-bottom:calc(24 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .lookup-form>label{margin-bottom:calc(8 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .lookup-submit{margin-top:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .lookup-search-icon{width:calc(22 * var(--phone-unit));height:calc(22 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .form-under{margin-top:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .lookup-status{font-size:calc(14 * var(--phone-unit));line-height:1.6;margin-top:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .order-help{margin-top:calc(16 * var(--phone-unit));padding-top:calc(4 * var(--phone-unit))}
html[data-layout="mobile"] .order-help>summary{min-height:calc(52 * var(--phone-unit));font-size:calc(14 * var(--phone-unit));gap:calc(12 * var(--phone-unit));padding:calc(8 * var(--phone-unit)) 0}
html[data-layout="mobile"] .order-help>summary>span{font-size:calc(22 * var(--phone-unit))}
html[data-layout="mobile"] .order-help-body>p,html[data-layout="mobile"] .order-help-body>a{font-size:calc(14 * var(--phone-unit));line-height:1.65}
html[data-layout="mobile"] .order-help-body>p{margin-bottom:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .order-help-body>a{min-height:calc(48 * var(--phone-unit))}
html[data-layout="mobile"] .order-help .sample-orders{margin-top:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-benefits{gap:calc(24 * var(--phone-unit));padding-block:calc(24 * var(--phone-unit))}
html[data-layout="mobile"] .collection-section{padding-block:calc(64 * var(--phone-unit))}
html[data-layout="mobile"] .collection-section>.section-heading{margin-bottom:calc(32 * var(--phone-unit))}
html[data-layout="mobile"] .collection-section .collection-grid{gap:calc(32 * var(--phone-unit))}
html[data-layout="mobile"] .story-section{padding-block:calc(64 * var(--phone-unit))}
html[data-layout="mobile"] .site-footer.footer-compact{padding-block:calc(32 * var(--phone-unit)) calc(24 * var(--phone-unit))}
html[data-layout="mobile"] .gallery-selected-action{padding-inline:var(--page-gutter);margin:0 auto calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .gallery-selected-action .button{width:100%;min-height:calc(52 * var(--phone-unit));font-size:calc(16 * var(--phone-unit));padding:calc(12 * var(--phone-unit)) calc(20 * var(--phone-unit));gap:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .gallery-selected-action .button>span{font-size:calc(22 * var(--phone-unit))}
html[data-layout="mobile"] .section-heading .discover-button .discover-label{font:inherit}

/* Order-count rules must never constrain the phone list to desktop columns. */
html[data-layout="mobile"] #order-results .result-grid{width:100%;max-width:none;grid-template-columns:minmax(0,1fr);justify-content:stretch}
html[data-layout="mobile"] #order-results .result-card{min-width:0}
html[data-layout="mobile"] #order-results.has-certificate-gallery .result-card{grid-template-columns:calc(48 * var(--phone-unit)) minmax(0,1fr);gap:0 calc(12 * var(--phone-unit));padding:calc(16 * var(--phone-unit));text-align:left}
html[data-layout="mobile"] #order-results.has-certificate-gallery .result-card-photo{grid-column:1;grid-row:1/3;width:calc(48 * var(--phone-unit));height:calc(58 * var(--phone-unit))}
html[data-layout="mobile"] #order-results.has-certificate-gallery .result-card h3{grid-column:2;grid-row:1;min-width:0;margin:0 0 calc(8 * var(--phone-unit));font-size:calc(25 * var(--phone-unit));line-height:1.2;text-align:left;text-wrap:wrap}
html[data-layout="mobile"] #order-results.has-certificate-gallery .result-actions{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:calc(4 * var(--phone-unit));min-width:0;margin:0}
html[data-layout="mobile"] #order-results .result-actions button,html[data-layout="mobile"] #order-results .result-actions a{width:100%;min-width:0;min-height:calc(48 * var(--phone-unit));justify-content:flex-start;font-size:calc(15 * var(--phone-unit));line-height:1.5;white-space:normal;overflow-wrap:normal;text-align:left}
html[data-layout="mobile"] #order-results:not(.has-certificate-gallery) .result-actions{flex-direction:column;align-items:stretch;gap:calc(8 * var(--phone-unit))}
html[data-layout="mobile"] #order-results:not(.has-certificate-gallery) .result-actions button{padding:calc(12 * var(--phone-unit)) calc(16 * var(--phone-unit));border-radius:calc(8 * var(--phone-unit))}

/* v35 keeps the accepted phone scale, with the collection invitation after products. */
html[data-layout="mobile"]{--type-body:calc(16 * var(--phone-unit));--type-action:calc(15 * var(--phone-unit));--type-meta:calc(13 * var(--phone-unit));--space-8:calc(8 * var(--phone-unit));--space-16:calc(16 * var(--phone-unit));--space-24:calc(24 * var(--phone-unit));--space-32:calc(32 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .input-shell{display:block}
html[data-layout="mobile"] .portal-copy .input-shell input{border-color:#6b777c}
html[data-layout="mobile"] .portal-copy .input-shell input[aria-invalid=true]{border-color:#8b362e}
html[data-layout="mobile"] .portal-copy .input-shell .lookup-submit{margin-top:calc(16 * var(--phone-unit));font-size:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .input-shell .form-error{font-size:calc(16 * var(--phone-unit));line-height:1.5;margin-top:calc(8 * var(--phone-unit))}
html[data-layout="mobile"] .portal-copy .input-shell .lookup-support{font-size:calc(15 * var(--phone-unit));min-height:calc(48 * var(--phone-unit));line-height:1.5}
html[data-layout="mobile"] .collection-section{display:flex;flex-direction:column;gap:0}
html[data-layout="mobile"] .collection-actions{width:100%;max-width:none;margin:calc(32 * var(--phone-unit)) 0 0}
html[data-layout="mobile"] .collection-actions .discover-button{width:100%;min-height:calc(58 * var(--phone-unit));font-size:calc(16 * var(--phone-unit));padding:calc(14 * var(--phone-unit)) calc(20 * var(--phone-unit));gap:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .collection-actions .discover-label{font:inherit;margin:0}
html[data-layout="mobile"] .collection-actions .discover-button>span[aria-hidden]{font-size:calc(24 * var(--phone-unit));margin:0}
html[data-layout="mobile"] .story-section{padding-block:calc(40 * var(--phone-unit))}
html[data-layout="mobile"] .story-section h2{font-size:calc(36 * var(--phone-unit));line-height:1.08;margin-bottom:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .story-section p{font-size:calc(16 * var(--phone-unit));line-height:1.6;margin:0 0 calc(24 * var(--phone-unit))}
html[data-layout="mobile"] .story-section .button{min-height:calc(58 * var(--phone-unit));padding:calc(14 * var(--phone-unit)) calc(20 * var(--phone-unit))}
html[data-layout="mobile"] .product-dialog .product-peek-close.glass-button{inset:calc(12 * var(--phone-unit)) calc(12 * var(--phone-unit)) auto auto;width:calc(44 * var(--phone-unit));height:calc(44 * var(--phone-unit));min-height:calc(44 * var(--phone-unit))}
html[data-layout="mobile"] .doc-list dt{font-size:calc(13 * var(--phone-unit))}
html[data-layout="mobile"] .doc-list dd,html[data-layout="mobile"] .doc-warning{font:400 calc(16 * var(--phone-unit))/1.6 var(--sans)}
html[data-layout="mobile"] .order-help-body>p,html[data-layout="mobile"] .sample-order-panel>p{font-size:calc(16 * var(--phone-unit));line-height:1.6}
html[data-layout="mobile"] .order-help>summary,html[data-layout="mobile"] .order-help-body>a{font-size:calc(15 * var(--phone-unit))}
html[data-layout="mobile"] .dialog-actions .text-button{font-size:calc(15 * var(--phone-unit));min-height:calc(48 * var(--phone-unit))}

html[data-layout="mobile"] .story-section .button>span[aria-hidden],html[data-layout="mobile"] .dialog-actions .button>span[aria-hidden]{font-size:calc(24 * var(--phone-unit));flex:none}

html[data-layout="mobile"] .order-items-section{width:100%;max-width:none;padding:calc(48 * var(--phone-unit)) var(--page-gutter) calc(64 * var(--phone-unit))}
html[data-layout="mobile"] .order-items-heading{margin-bottom:calc(32 * var(--phone-unit))}
html[data-layout="mobile"] .order-items-heading .eyebrow{font-size:calc(13 * var(--phone-unit))}
html[data-layout="mobile"] .order-items-heading h2{font-size:calc(36 * var(--phone-unit));margin:calc(12 * var(--phone-unit)) 0 calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .order-items-heading p{font-size:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .order-items-grid{grid-template-columns:minmax(0,1fr);gap:calc(32 * var(--phone-unit))}
html[data-layout="mobile"] .order-item-detail{padding-top:calc(20 * var(--phone-unit))}
html[data-layout="mobile"] .order-item-detail h3{font-size:calc(32 * var(--phone-unit));margin-bottom:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .order-item-detail p{font-size:calc(16 * var(--phone-unit));margin-bottom:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .order-item-detail .order-item-quantity{font-size:calc(14 * var(--phone-unit));margin-bottom:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .order-item-detail .button{min-height:calc(58 * var(--phone-unit));font-size:calc(16 * var(--phone-unit));padding:calc(14 * var(--phone-unit)) calc(16 * var(--phone-unit))}

/* v39: preserve the accepted phone scale and one-column structure. */
html[data-layout="mobile"] #lookup-form,html[data-layout="mobile"] #support{scroll-margin-top:calc(96 * var(--phone-unit))}
html[data-layout="mobile"] .lookup-form .lookup-title{font-size:calc(28 * var(--phone-unit));line-height:1.18}
html[data-layout="mobile"] .lookup-recovery{gap:calc(8 * var(--phone-unit)) calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .lookup-recovery .text-button{font-size:calc(16 * var(--phone-unit));min-height:calc(48 * var(--phone-unit))}
html[data-layout="mobile"] .order-overview{font-size:calc(14 * var(--phone-unit));gap:calc(8 * var(--phone-unit)) calc(16 * var(--phone-unit));margin-top:calc(20 * var(--phone-unit))}
html[data-layout="mobile"] .gallery-selected-action{margin-top:calc(20 * var(--phone-unit));margin-bottom:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-showcase .gallery-download{margin:0 auto calc(24 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-showcase .gallery-download-ring .button{font-size:calc(15 * var(--phone-unit));min-height:calc(52 * var(--phone-unit))}
html[data-layout="mobile"] .collection-disclosure{font-size:calc(15 * var(--phone-unit));margin:calc(16 * var(--phone-unit)) 0 calc(8 * var(--phone-unit))}
html[data-layout="mobile"] .story-support{font-size:calc(16 * var(--phone-unit));min-height:calc(48 * var(--phone-unit));margin-top:calc(12 * var(--phone-unit))}
html[data-layout="mobile"] .site-footer.footer-compact .footer-support{justify-content:center;font-size:calc(15 * var(--phone-unit));gap:calc(4 * var(--phone-unit)) calc(20 * var(--phone-unit));margin-top:calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .footer-support>a,html[data-layout="mobile"] .footer-support>button{min-height:calc(48 * var(--phone-unit));font:inherit}
html[data-layout="mobile"] .site-footer.footer-compact .footer-support p{font-size:calc(14 * var(--phone-unit));text-align:center}
html[data-layout="mobile"] .certificate-dialog[open]{max-height:calc(94*var(--cbvh,1dvh));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
html[data-layout="mobile"] .certificate-document-nav{font-size:calc(12 * var(--phone-unit));gap:calc(8 * var(--phone-unit));padding:calc(4 * var(--phone-unit)) calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-document-nav>button{font-size:calc(14 * var(--phone-unit));min-height:calc(48 * var(--phone-unit));padding:calc(8 * var(--phone-unit)) 0}
html[data-layout="mobile"] .certificate-dialog .document-wrap{min-height:0;max-height:none;overflow:auto}
html[data-layout="mobile"] .certificate-dialog .dialog-actions{gap:calc(8 * var(--phone-unit)) calc(16 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-dialog .dialog-actions .text-button{font-size:calc(15 * var(--phone-unit));min-height:calc(48 * var(--phone-unit))}
html[data-layout="mobile"] .certificate-dialog .dialog-actions .button{min-height:calc(52 * var(--phone-unit));padding:calc(12 * var(--phone-unit)) calc(16 * var(--phone-unit));font-size:calc(15 * var(--phone-unit))}
@media(max-width:360px){
 html[data-layout="mobile"] .certificate-dialog .dialog-actions .button{width:100%}
 html[data-layout="mobile"] .certificate-document-nav{gap:calc(6 * var(--phone-unit));padding-inline:calc(12 * var(--phone-unit))}
 html[data-layout="mobile"] .certificate-document-nav>button{font-size:calc(13 * var(--phone-unit))}
}
@media print{html[data-layout="mobile"] .certificate-dialog[open]{display:block;max-height:none}html[data-layout="mobile"] .certificate-dialog .document-wrap{overflow:visible}}

/* The phone keeps one centered, full-aspect sheet with a small next-sheet preview. */
html[data-layout="mobile"] .orbit-placeholder{padding:calc(24 * var(--phone-unit));font-size:calc(14 * var(--phone-unit))}