
@media (min-width:1024px){

  :root{
    --pc-nav:58px;                               
    --pc-col:760px;          
    
    
    --pc-gap:min(3vw, 56px, max(15px, calc(15px + (100vw - 1024px) * 0.063)));
  }

  
  body{
    scroll-snap-type:none;
    display:grid;
    
    grid-template-columns:var(--pc-gap) minmax(0, var(--pc-col1, var(--pc-col))) var(--pc-gap) minmax(0, var(--pc-col)) minmax(var(--pc-gap), 1fr);
    column-gap:0;
    align-items:start;
    padding-top:var(--pc-nav);
  }
  body > *{grid-column:1 / -1}
  .screen, .v270{scroll-snap-align:none;scroll-snap-stop:normal}

  
  .nav{position:fixed;top:0;left:0;right:0}

  
  
  #screenStudio{grid-column:2;grid-row:1;height:max(calc(100dvh - var(--pc-nav)), 620px)}
  #screenDetails{grid-column:2;grid-row:2;height:auto}
  #v270{display:contents}
  #v270 > #learn{grid-column:2;grid-row:3}
  #v270 > #review{grid-column:2;grid-row:3}

  
  #screenCert{
    grid-column:4;grid-row:1 / span 3;
    align-self:stretch;height:auto;
  }
  #screenCert .cert-screen{
    position:sticky;top:var(--pc-nav);
    flex:0 0 auto;height:calc(100dvh - var(--pc-nav));
    padding:0 0 28px;
  }
  
  #screenCert .cert-hero[hidden]{display:block}
  
  #screenCert .cert-hero{align-self:flex-start}
  #screenCert .cert-hero .hero-a, #screenCert .cert-hero .hero-b{white-space:nowrap}
  
  
  #screenCert .cert-stage{align-items:flex-start;justify-content:flex-start}
  
  #screenCert .cert-screen{padding-bottom:16px;container-type:inline-size}
  
  #screenCert .tri{flex:0 0 auto;align-self:stretch;margin-top:15px}
  #screenCert .tri-win{height:auto}
  
  
  #screenCert .tri-row{height:106px}
  #screenCert .tri-ex{aspect-ratio:var(--own-ratio, var(--tile-ratio, 1.05))}

  
  .sheet-bar{flex-wrap:nowrap}
  .sheet-info{order:0;flex:0 1 auto;flex-wrap:nowrap;gap:12px}
  .sheet-group{flex:0 0 auto}
  .sheet-bar .sheet-name{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  
  #v270 > #registry, #v270 > #legal, #v270 > footer{grid-column:1 / -1}

  
  body{height:auto;overflow-x:clip;overflow-y:visible}

  
  #v270{--title-gap:6px}
  #v270 #review .wrap{padding-left:12px;padding-right:12px}
  #v270 #ecard{padding-left:8px;padding-right:8px}
  #v270 #review{padding:34px 0 48px;background:transparent}
  #v270 #review .sec-head{margin:0 0 14px}
  #v270 #review .sec-head h2{font-style:italic;font-size:26px}
  #v270 #review .field-in, #v270 #review .hex-input{font-size:16px}
  #v270 #review .eyebrow{font-size:10px}

  
  #v270 #review .sec-head{max-width:none}
  #v270 #review .review-card{
    max-width:none;margin:0;display:block;
    background:#fff;border:1px solid var(--line);border-radius:16px;
    padding:24px 16px;box-shadow:var(--shadow);
  }
  #v270 #review .review-main, #v270 #review .review-pay{
    background:none;border:0;border-radius:0;padding:0;box-shadow:none;
  }
  #v270 #review .review-pay{position:static}
  #v270 #review .review-pay .review-total{margin-top:6px}

  
  
  body > .screen{width:auto;max-width:none;margin-left:0;margin-right:0}
  
  #screenCert .cert-stage{flex:0 1 auto;height:calc(100cqw * 297 / 210);container-type:size}
  #screenCert .cert-stage > .cert{width:min(100cqw, calc(100cqh * var(--paper-wh)))}
  
  #screenStudio{min-height:0}
  #screenStudio .pic-invite{flex:1 1 auto}
  #screenStudio .pic-row{height:100%}

  
  :root{--pc-nav:clamp(66px, calc(66px + (100vw - 1024px) * 0.0243), 80px)}
  .nav{height:var(--pc-nav);box-sizing:border-box}
  .nav-in, html.is-dev .nav-in{
    height:100%;padding:0;
    display:grid;
    grid-template-columns:var(--pc-gap) minmax(0, var(--pc-col1, var(--pc-col))) var(--pc-gap) minmax(0, var(--pc-col)) minmax(var(--pc-gap), 1fr);
    align-items:center;column-gap:0;
  }
  .nav-in > .logo{grid-column:2 / 4;grid-row:1;justify-self:start;gap:12px;margin-left:12px}   
  .nav-in .globe{
    width:clamp(40px, calc(40px + (100vw - 1024px) * 0.0139), 48px);
    height:clamp(40px, calc(40px + (100vw - 1024px) * 0.0139), 48px);
  }
  .nav-in .logo-words{
    flex-direction:row;gap:.28em;line-height:1;
    font-size:clamp(21px, calc(21px + (100vw - 1024px) * 0.0087), 26px);
  }
  .nav-in > #build{grid-column:2;grid-row:1;justify-self:end;align-self:start;margin-top:4px}
  
  .nav-in > .frames{position:absolute;left:50%;top:calc(100% + 2px);transform:translateX(-50%);margin:0}
  .nav-in > .frames button{width:18px;height:18px;font-size:10px}
  
  .nav-in > .price-badge{
    grid-column:2 / 5;grid-row:1;justify-self:end;align-self:center;
    margin:0 var(--pc-cert-r, 0px) 0 0;display:flex;align-items:center;
  }
  .nav-in > .price-badge[hidden]{display:none}
  .nav-in .price-badge > b, .nav-in .price-badge > small{display:none}
  
  .nav-in .pb-pc{
    display:inline-flex;align-items:center;white-space:nowrap;
    font:500 16px/1 var(--sans);color:var(--ink-2);
  }
  .nav-in .logo-words > span{line-height:1}
  .nav-in .pb-pc b{font:700 1.75em/1 var(--sans);color:var(--accent);margin-left:.35em;letter-spacing:-.01em}

  
  .pickview.pv-side{
    right:auto;bottom:12px;
    background:#fff;border:1px solid var(--line);border-radius:16px;
    box-shadow:var(--shadow);overflow:hidden;
  }
  .pickview.pv-side .pv-stage{margin:12px 12px 0;background:transparent}
  .pickview.pv-side .pv-stage img{object-position:left top}

  
  html.pc-tall .pickview.pv-side,
  .pickview.pv-side.pv-inplace{bottom:auto}
  html.pc-tall .pickview.pv-side .pv-stage,
  .pickview.pv-side.pv-inplace .pv-stage{flex:0 0 auto}

  
  #certSheet .cert-wm > .wm1.wm-go{pointer-events:auto;cursor:pointer}
  #certSheet .cert-wm > .wm1.wm-go:hover{border-color:rgba(21,22,26,.34);color:rgba(21,22,26,.45)}

  
  #certSheet .sheet-style{opacity:.38;transition:opacity .15s}
  #certSheet .sheet-style:hover, #certSheet .sheet-style:focus-visible{opacity:1}
  
  #certSheet .sheet-style.sheet-add{opacity:1}
  
  #screenStudio .pic-up{font-size:15px;padding:10px 12px;gap:8px;left:8px;right:8px;bottom:8px;justify-content:center}
  #screenStudio .pic-tag{font-size:17px;padding:8px 12px;left:10px;top:10px}
  
  #screenStudio .pic-thumb.pic-sample .pic-tag{display:block}
  #screenStudio .pic-thumb.pic-sample .pic-up{display:flex}
  #screenStudio .pic-thumb.pic-sample .pic-open{display:none !important}
  #screenStudio .pic-words .pw-ex{display:none}

  
  
  #screenStudio{height:auto;min-height:calc(100dvh - var(--pc-nav))}
  
  html.pc-show2 #screenStudio{min-height:0}
  #screenStudio .pic-invite{flex:0 0 auto}
  
  #screenStudio .panel{container-type:inline-size}
  #screenStudio .wheel-disc{width:min(100%, clamp(230px, 42cqw, 300px))}
  #screenStudio .pic-row{gap:10px 28px;padding:12px;justify-content:center}
  #screenStudio .pic-words{
    display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center;
    text-align:left;padding:0;
  }
  #screenStudio .pic-words .pw-icon{grid-row:1 / 3;margin:0;width:1.7em;height:1.7em}
  #screenStudio .pic-words .pw-sub{margin-top:0}
  #screenStudio .pic-step{display:block}
  
  #screenStudio .pic-row.pic-tall{flex-direction:row;align-items:center}
  #screenStudio .pic-tall .pic-side{
    order:0;flex:0 1 auto;min-width:0;max-width:min(250px, 42%);
    flex-direction:column;align-items:flex-start;gap:20px;
  }
  #screenStudio .pic-tall .pic-remove{margin:-14px 0 0 calc(1.7em + 14px);font-size:12px}
  
  #screenStudio .pic-row.pic-wide{flex-direction:column;align-items:center;justify-content:center}
  #screenStudio .pic-wide .pic-side{order:1;flex:0 0 auto;flex-direction:row;align-items:center;gap:6px 18px;flex-wrap:wrap;justify-content:center}
  #screenStudio .pic-wide .pic-words{font-size:13.5px;column-gap:6px}
  #screenStudio .pic-wide .pw-sub{display:none}
  #screenStudio .pic-wide .pic-words{row-gap:0}
  #screenStudio .pic-wide .pic-words .pw-icon{grid-row:auto;width:1.4em;height:1.4em}
  
  #screenStudio .pic-wide.pic-full .pic-side{
    display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:6px 14px;
    width:100%;align-items:start;
  }
  #screenStudio .pic-wide.pic-full .pic-words{
    grid-template-columns:auto 1fr;font-size:13px;row-gap:2px;align-items:center;
  }
  #screenStudio .pic-wide.pic-full .pic-words .pw-icon{grid-row:auto;width:1.35em;height:1.35em}
  #screenStudio .pic-wide.pic-full .pw-sub{display:block;grid-column:1 / 3;font-size:12px;line-height:1.35}
  #screenStudio .pic-wide.pic-full .pic-btn{align-self:start;justify-self:start}
  #screenStudio .pic-wide.pic-full .pic-remove{order:5;grid-column:1;justify-self:start;margin:0}
  #screenStudio .pic-thumb{flex:0 0 auto;max-width:100%;background:transparent}
  
  .check-gift{margin-top:18px}
  .v270 footer .check-gift a, .check-gift a{font:700 16px/1.2 var(--sans,Arial,sans-serif);padding:14px 22px;border-radius:8px;box-shadow:0 1px 0 rgba(0,0,0,.25)}
}
