@font-face{font-family:"Archivo";font-style:normal;font-weight:400 700;font-display:swap;src:url("/img/fonts/archivo-normal-400-700-vietnamese-2518e8eb97cd.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 700;font-display:swap;src:url("/img/fonts/archivo-normal-400-700-latin-ext-a999e009fdcd.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 700;font-display:swap;src:url("/img/fonts/archivo-normal-400-700-english-26fb7381d85b.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A3,U+00A9,U+00AE,U+00B7,U+00D7,U+2009,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122;}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 700;font-display:swap;src:url("/img/fonts/archivo-normal-400-700-latin-rest-f955e3998381.woff2") format("woff2");unicode-range:U+000D,U+00A1-00A2,U+00A4-00A8,U+00AA-00AD,U+00AF-00B6,U+00B8-00D6,U+00D8-00FF,U+0102,U+0131,U+0152-0153,U+02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+2191,U+2193,U+2212,U+2215,U+FEFF;}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:300 399;font-display:swap;src:url("/img/fonts/newsreader-italic-300-400-vietnamese-d5a170a88bdb.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url("/img/fonts/newsreader-italic-400-vietnamese-deca0bc20419.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:300 399;font-display:swap;src:url("/img/fonts/newsreader-italic-300-400-latin-ext-750e9629f56a.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url("/img/fonts/newsreader-italic-400-latin-ext-355f4656111c.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:300 399;font-display:swap;src:url("/img/fonts/newsreader-italic-300-400-latin-a99fb127682b.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url("/img/fonts/newsreader-italic-400-english-a49b5a2e04c7.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A3,U+00A9,U+00AE,U+00D7,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122;}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url("/img/fonts/newsreader-italic-400-latin-rest-e03b36b89aef.woff2") format("woff2");unicode-range:U+00A1-00A2,U+00A4-00A8,U+00AA-00AD,U+00AF-00D6,U+00D8-00FF,U+0131,U+0152-0153,U+02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+2212,U+2215;}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:300 399;font-display:swap;src:url("/img/fonts/newsreader-normal-300-700-vietnamese-68ef9a14f146.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:401 700;font-display:swap;src:url("/img/fonts/newsreader-normal-300-700-vietnamese-68ef9a14f146.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url("/img/fonts/newsreader-normal-400-vietnamese-352f5132c71e.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:300 399;font-display:swap;src:url("/img/fonts/newsreader-normal-300-700-latin-ext-cbca00118885.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:401 700;font-display:swap;src:url("/img/fonts/newsreader-normal-300-700-latin-ext-cbca00118885.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url("/img/fonts/newsreader-normal-400-latin-ext-fae3c7698a7b.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:300 399;font-display:swap;src:url("/img/fonts/newsreader-normal-300-700-latin-01817351be3e.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:401 700;font-display:swap;src:url("/img/fonts/newsreader-normal-300-700-latin-01817351be3e.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url("/img/fonts/newsreader-normal-400-english-ddd1588200ea.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A3,U+00A9,U+00AE,U+00D7,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122;}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url("/img/fonts/newsreader-normal-400-latin-rest-bc3783875851.woff2") format("woff2");unicode-range:U+00A1-00A2,U+00A4-00A8,U+00AA-00AD,U+00AF-00D6,U+00D8-00FF,U+0131,U+0152-0153,U+02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+2212,U+2215;}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:800;font-display:swap;src:url("/img/fonts/playfair-display-italic-800-vietnamese-2dbb5b3d7620.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:800;font-display:swap;src:url("/img/fonts/playfair-display-italic-800-latin-ext-dcfda202eb68.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:800;font-display:swap;src:url("/img/fonts/playfair-display-italic-800-latin-dd0d16ee5b73.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:800;font-display:swap;src:url("/img/fonts/playfair-display-normal-800-vietnamese-05c6b1557dc3.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:800;font-display:swap;src:url("/img/fonts/playfair-display-normal-800-latin-ext-9dac311ecb30.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:800;font-display:swap;src:url("/img/fonts/playfair-display-normal-800-latin-9d293c073e0f.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
:root{
  color-scheme: light;

  --paper:      #F7F6F3;
  --surface:    #FFFFFF;
  --usa-navy:   #10284E;
  --surface-2:  #EFEEEA;
  --ivory:      #FFFCF4;
  --surface-lift: #FCFBF9;
  --wall:       #FAF9F6;
  --wall-2:     #F2F0EB;
  --ink:        #17181C;
  --ink-2:      #52545C;
  --ink-3:      #686B73;
  --brown:      #33281F;
  --brown-deep: #1C1713;
  --band-rule:  rgba(247,246,243,.12);
  --band-dash:  rgba(247,246,243,.36);
  --band-well:  rgba(0,0,0,.18);
  --band-ink-2: rgba(247,246,243,.78);
  --band-ink-3: rgba(247,246,243,.6);
  --ink-top:    #2C2D34;
  --cream:      #F4EEE6;
  --latte:      #E3D6C5;
  --cfg-ground-glow: #EDE4D8;
  --cfg-ground-mid:  #F8F4EE;
  --cfg-ground-end:  #F2EBE1;
  --rule:       #E4E2DE;
  --rule-2:     #CECCC6;
  --brass:      #8A6D33;
  --brass-2:    #B99A5B;
  --brass-soft: #F2EADA;
  --star-green: #00B67A;
  --ok:         #2F6B4F;
  --ok-deep:    #1F4A37;
  --need:       #C0392B;
  --need-wash:  #FBEEEC;
  --gold-a:     #F6E7C1;
  --gold-b:     #E8CD8F;
  --gold-sheen: rgba(232,205,143,.22);
  --gold-rim:   rgba(246,231,193,.45);
  --gold-pill:  #F1E0BA;
  --ok-wash:    #F0F5F3;
  --ok-edge:    #E2EAE6;
  --track-grey: #E9E7E2;
  --tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath d='M7 12.3l3.3 3.3 6.8-6.9' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/mask%3E%3C/defs%3E%3Cpath d='M12.00 0.35 L12.75 0.52 L13.45 0.97 L14.07 1.60 L14.61 2.27 L15.11 2.82 L15.65 3.18 L16.29 3.31 L17.04 3.27 L17.89 3.19 L18.77 3.17 L19.59 3.35 L20.24 3.76 L20.65 4.41 L20.83 5.23 L20.81 6.11 L20.73 6.96 L20.69 7.71 L20.82 8.35 L21.18 8.89 L21.73 9.39 L22.40 9.93 L23.03 10.55 L23.48 11.25 L23.65 12.00 L23.48 12.75 L23.03 13.45 L22.40 14.07 L21.73 14.61 L21.18 15.11 L20.82 15.65 L20.69 16.29 L20.73 17.04 L20.81 17.89 L20.83 18.77 L20.65 19.59 L20.24 20.24 L19.59 20.65 L18.77 20.83 L17.89 20.81 L17.04 20.73 L16.29 20.69 L15.65 20.82 L15.11 21.18 L14.61 21.73 L14.07 22.40 L13.45 23.03 L12.75 23.48 L12.00 23.65 L11.25 23.48 L10.55 23.03 L9.93 22.40 L9.39 21.73 L8.89 21.18 L8.35 20.82 L7.71 20.69 L6.96 20.73 L6.11 20.81 L5.23 20.83 L4.41 20.65 L3.76 20.24 L3.35 19.59 L3.17 18.77 L3.19 17.89 L3.27 17.04 L3.31 16.29 L3.18 15.65 L2.82 15.11 L2.27 14.61 L1.60 14.07 L0.97 13.45 L0.52 12.75 L0.35 12.00 L0.52 11.25 L0.97 10.55 L1.60 9.93 L2.27 9.39 L2.82 8.89 L3.18 8.35 L3.31 7.71 L3.27 6.96 L3.19 6.11 L3.17 5.23 L3.35 4.41 L3.76 3.76 L4.41 3.35 L5.23 3.17 L6.11 3.19 L6.96 3.27 L7.71 3.31 L8.35 3.18 L8.89 2.82 L9.39 2.27 L9.93 1.60 L10.55 0.97 L11.25 0.52Z' fill='black' mask='url(%23m)'/%3E%3C/svg%3E");
  --warn:       #8A4B1F;
  --ok-line:    rgba(47,107,79,.30);
  --ok-fill:    rgba(47,107,79,.06);
  --ok-soft:    rgba(47,107,79,.16);
  --brass-fill: rgba(138,109,51,.06);

  --r-sm: 2px;
  --r-md: 4px;
  --shadow-1: 0 1px 2px rgba(23,24,28,.05), 0 6px 18px rgba(23,24,28,.05);
  --shadow-2: 0 1px 2px rgba(23,24,28,.06), 0 20px 48px rgba(23,24,28,.10);

  --display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --headline: "Playfair Display", "Iowan Old Style", Georgia, serif;
  --ui: "Archivo", "Helvetica Neue", Arial, sans-serif;


  --fs-display: clamp(2.6rem, 10.6vw, 5.25rem);
  --fs-hero-title:      clamp(2.6rem, 15vw - .35rem, 6.25rem);
  --fs-hero-title-wide: clamp(3.6rem, 6.6vw, 6.25rem);
  --fs-h1:      clamp(1.6rem, 3.4vw, 2.25rem);
  --fs-h2:      1.375rem;
  --fs-h2-ui:   1.25rem;
  --fs-h3:      1.125rem;
  --fs-lead:    1.125rem;
  --fs-body:    1rem;
  --fs-sm:      .9375rem;
  --fs-xs:      .9375rem;
  --fs-micro:   .875rem;
  --fs-badge:   .75rem;
  --fs-cta:     clamp(1.125rem, .27rem + 4.29vw, 1.375rem);
  --fs-hero-line: clamp(1.125rem, 2vw, 1.375rem);
  --fs-input:     16px;
  --fs-lp-h2:     clamp(2.05rem, 8.4vw, 3.5rem);
  --fs-studio-title: clamp(2.5rem, 14vw - .35rem, 4.75rem);
  --fs-studio-line:  clamp(1.25rem, 2vw, 1.5rem);
  --seal:         88px;
  --seal-sm:      64px;
  --seal-hi:      #F3E2B3;
  --seal-mid:     #C9A25A;
  --seal-lo:      #8A6528;
  --seal-face:    #0B1A38;
  --fs-wordmark:  clamp(1.5rem, 5.6vw, 1.75rem);
  --fs-wordmark-sm: 1.25rem;
  --fs-cfg:       17px;
  --fs-chip:      13px;
  --fs-close:     28px;
  --fs-code:      .9em;
  --fs-quote:     clamp(1.1rem, 4.4vw, 1.35rem);
  --fs-cfg-title:       min(clamp(25px, 7.6vw, 32px), calc((100vw - 40px) / 11.2));
  --fs-cfg-title-phone: min(calc((100vw - 40px) / 11.1), 2.25rem);
  --fs-cfg-title-wide:  clamp(2.125rem, 2.55vw, 2.875rem);
  --fs-usa-a:     18px;
  --fs-usa-b:     38px;
  --fs-seal-n:    34px;
  --fs-seal-u:    11px;
  --fs-offer:     clamp(2.25rem, 11.5vw, 3.75rem);
  --fs-cpo-head:  clamp(1.25rem, 5.6vw, 1.625rem);
  --cpo-paid-tick: 2.75rem;
  --cpo-foot:     clamp(3.5rem, 15vw, 5rem);
  --fs-cpo-was:   clamp(1rem, 4.6vw, 1.375rem);
  --cpo-tick:     64px;
  --quiz-ticket-w: 17.5rem;
  --quiz-ticket-h: 9.375rem;
  --quiz-stub:    4rem;
  --quiz-stamp:   3.75rem;
  --fs-quiz-ticket: 4.125rem;
  --ty-dot:       28px;
  --ty-max:       64rem;
  --ty-art-phone: 22rem;
  --ty-special-h: 11rem;
  --ty-special-w: 26rem;
  --ty-contact-w: 26rem;
  --cpo-max:      34rem;
  --cpo-text:     28rem;
  --fs-wall-head: 15cqw;
  --fs-wall-pill: 4.6cqw;
  --fs-wall-pill-b: 6cqw;
  --fs-wall-q:    26cqw;
  --wall-spark:   5cqw;
  --fw-heavy:     800;
  --wall-ink:     rgb(46,39,32);
  --fs-gal-promise: clamp(2.5rem, 10.5vw, 3.5rem);
  --fs-price:       1.5rem;
  --fs-price-pdp:   1.75rem;
  --cart-pic:       80px;
  --cart-gift:      60px;
  --cart-tick:      22px;
  --fs-gal-title:   clamp(1.75rem, 7.4vw, 2.5rem);
  --post-pic:       64px;
  --gal-flag-w:     460px;
  --tab-col:        36rem;
  --fs-cfg-title-side: min(calc((50vw - 40px) / 11.6), 3.5rem);
  --fs-cfg-title-tab: min(calc((100vw - 48px) / 11.2), 3.5rem);
  --tab-opt:          80px;
  --tab-opt-round:    84px;
  --way-pic:          44px;
  --tab-pad:          var(--s-6);
  --cfg-round-lg:     48px;

  --fw-normal: 400;
  --fw-mid:    500;
  --fw-bold:   600;
  --fw-strong: 700;

  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px;
  --s-h: 2px;
  --ico-sm: 16px;
  --ico-md: 20px;
  --ico-xs: 13px;
  --fs-tag-lg: 11px;
  --ico-lg: 32px;
  --thumb: 52px;
  --mine-pic: 72px;
  --mine-max: 34rem;
  --face: 28px;
  --q-star: 16px;
  --pick-thumb: 46px;
  --pick-room: 66px;
  --wall-thumb: 46px;
  --wall-thumb-gap: 6px;
  --wall-thumb-fade: 1.25rem;
  --wall-under: 0px;
  --gift-card: clamp(40px, 12.3vw, 48px);
  --gift-q: 28px;
  --fs-gift-head: clamp(17px, 5.4vw, 20px);
  --gift-pic: clamp(60px, 17vw, 84px);
  --sur-box: min(22rem, 100%);
  --tap: 44px;
  --slot-num: 28px;
  --slot-x: 28px;
  --slot-chrome: 152px;

  --strike-w: 1.3px;
  --strike-h: .71em;
  --strike-y: -.363em;
  --r-pill: 100px;
  --r-circle: 50%;
  --r-card: 12px;
  --r-lg:   12px;
  --r-opt: 12px;
  --r-opt-tab: calc(var(--r-opt) + 4px);
  --r-tile: 12px;
  --r-mark: 3px;
  --r-xl:   12px;
  --r-sheet: 30px;
  --row-r:    12px;
  --row-r-lg: 12px;
  --r-2xl:  12px;

  --btn-h:       48px;
  --btn-h-lg:    56px;
  --btn-h-sm:    36px;
  --btn-pad-x:   var(--s-6);
  --btn-r:       var(--chip-r);
  --btn-bg:      linear-gradient(180deg, var(--ink-top) 0%, var(--ink) 100%);
  --btn-shadow:  inset 0 1px 0 rgba(255,255,255,.1), 0 14px 26px -12px rgba(23,24,28,.6);
  --btn-shadow-hi: inset 0 1px 0 rgba(255,255,255,.1), 0 18px 32px -12px rgba(23,24,28,.7);
  --btn-case:    none;
  --btn-fs:      var(--fs-body);
  --btn-fs-lg:   var(--fs-cta);
  --btn-fs-quiet: var(--fs-sm);
  --btn-fw:      var(--fw-bold);
  --btn-track:   .01em;
  --btn-line-w:  1.5px;

  --chip-r:   12px;
  --chip-r-in: 10px;
  --chip-bd:  var(--rule);
  --chip-on:  var(--ink);
  --chip-bw:  1px;
  --chip-off-bg: var(--wall);

  --ease:    cubic-bezier(.22, .61, .36, 1);
  --dur-sm:  .18s;
  --dur:     .34s;
  --dur-lg:  .46s;

  --masthead-h: 56px;
  --ann-h: 36px;

  --ico-size: 34px;
  --ico-r:    var(--r-circle);

  --paymark-w: 38px;
  --paymark-h: 24px;
  --paymark-ratio: 19 / 12;

  --cart-gap: 15px;
  --cartlist-art: 48px;
  --cart-pick: 76px;
  --done-many-art: 88px;

  --page-max:   1600px;
  --gutter:     24px;
  --gutter-sm:  18px;
  --gutter-lg:  clamp(24px, 4vw, 64px);
  --page-narrow: 72rem;
  --desk-gap:   clamp(40px, 5vw, 96px);
  --done-art-w: 360px;
  --yr-pic-w:   min(34rem, 100%);
  --yr-phone-w: clamp(220px, 64vw, 300px);
  --yr-phone-r: 46px;
  --yr-screen-r: calc(var(--yr-phone-r) - 3px);
  --yr-bar-r:    9px;
  --gift-screen-r: 12% / 5.4%;
  --yr-stage:   #141518;
  --yr-lock-ink: rgba(58, 46, 34, .9);
  --gift-paper:     #1E1F22;
  --film-w:     min(30rem, 100%, 60vh);
  --film-w-side: min(30rem, calc((100vh - 48px) * .8));
  --gen-form-w:  21rem;
}
@media (min-width:1024px) and (hover:hover), (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  :root{
    --gutter: var(--gutter-lg);
  }
}

#view-cart, #view-checkout{
  --fs-h1:      clamp(1.45rem, 3.2vw, 2rem);
  --fs-h2:      1.25rem;
  --fs-h2-ui:   1.125rem;
  --fs-h3:      1rem;
  --fs-lead:    1rem;
  --fs-body:    .875rem;
  --fs-sm:      .8125rem;
  --fs-xs:      .6875rem;
  --fs-micro:   .6875rem;
  --btn-fs:       var(--fs-body);
  --btn-fs-lg:    var(--fs-cta);
  --btn-fs-quiet: var(--fs-sm);
}
#view-cart{
  --fs-sm:      .9375rem;
  --fs-xs:      .9375rem;
  --fs-micro:   .875rem;
}

*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; }
html{ -webkit-text-size-adjust:100%; }
[hidden]{ display:none !important; }

body{
  background-color: var(--paper);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");
  color: var(--ink);
  font-family: var(--ui);
  font-size: var(--fs-body);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
img,canvas{ max-width:100%; display:block; }
button{ font:inherit; color:inherit; touch-action: manipulation; }
button,a,summary,label{ -webkit-tap-highlight-color: rgba(138,109,51,.13); }
[id]{ scroll-margin-top: calc(env(safe-area-inset-top, 0px) + 70px); }
::selection{ background: var(--brass-soft); }
figure{ margin:0; }

.wrap{ width:100%; max-width:var(--page-max); margin-inline:auto; padding-inline:var(--gutter); }
@media (max-width:560px){ :root{ --gutter: var(--gutter-sm); } }

.masthead{
  position:sticky; top:env(safe-area-inset-top, 0px); z-index:40;
  background:var(--surface);
}
.masthead__in{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0 16px; min-height:var(--masthead-h); }
body[data-route="checkout"] .masthead{ display:none; }
body[data-route="done"] .masthead__in{ justify-content:center; }
body[data-route="done"] .masthead, body[data-route="yours"] .masthead{ position:static; }
.masthead{ transition:transform var(--dur) var(--ease); }
body[data-route="landing"] .masthead[data-away="true"]:not(:focus-within){
  transform:translateY(calc(-100% - env(safe-area-inset-top, 0px)));
}

.ann{ position:relative; color:var(--ann-cream);
  contain:layout paint;
  --ann-cream:#F4ECE0; --ann-gold:#E6CB9A;
  background:radial-gradient(55% 160% at 50% 0%, rgba(255,232,196,.09), rgba(255,232,196,0) 70%),
             linear-gradient(90deg, #070707 0%, #1A1917 50%, #0B0B0B 100%); }
.ann::before{ content:""; position:absolute; top:0; left:0; right:0; height:1px; pointer-events:none;
  background:linear-gradient(90deg, rgba(230,203,154,0) 45%, rgba(230,203,154,.55) 75%, rgba(230,203,154,.15) 100%); }
.ann__in{ position:relative; display:flex; align-items:center; justify-content:center;
  max-width:var(--page-max); min-height:var(--ann-h); margin:0 auto; padding:var(--s-2) var(--gutter); box-sizing:border-box;
  text-align:center; }
.ann__msg{ display:flex; justify-content:center; align-items:center; min-width:0; margin:0; white-space:nowrap;
  font-size:var(--fs-h2-ui); line-height:1.15; letter-spacing:.06em; text-transform:uppercase; }
.ann__name{ font-weight:var(--fw-mid); color:#fff; }
.ann__off{ font-weight:var(--fw-mid); color:var(--ann-gold); }
.ann__off::before{ content:""; display:inline-block; width:1px; height:1.1em; margin:0 var(--s-6); vertical-align:-.2em; background:rgba(244,236,224,.38); }
@media (min-width:561px){ .ann__in{ padding-block:var(--s-3); } }
@media (max-width:560px){
  .ann__in{ padding-inline:var(--s-3); }
  .ann__msg{ font-size:min(var(--fs-sm), calc((100vw - var(--s-3) * 4 - 5px) / 22.4)); letter-spacing:.05em; }
  .ann__off::before{ margin:0 var(--s-3); }
}
.ann__gift{ width:100%; gap:var(--s-3); border:0; background:none; cursor:pointer; white-space:nowrap; }
.ann__buy{ font-size:var(--fs-sm); font-weight:var(--fw-bold); letter-spacing:.01em; color:#fff; }
.ann__buy em{ font-style:normal; color:var(--ann-gold); }
.ann__chip{ display:inline-flex; align-items:center; gap:var(--s-1); padding:var(--s-1) var(--s-2) var(--s-1) var(--s-3);
  border-radius:var(--r-pill); box-shadow:inset 0 0 0 1px rgba(230,203,154,.6); color:var(--ann-gold);
  font-size:var(--fs-chip); font-weight:var(--fw-bold); }
.ann__chip svg{ width:1.1em; height:1.1em; transition:transform .3s; }
.ann[data-open] .ann__chip svg{ transform:rotate(180deg); }
.ann__gift:focus-visible{ outline:none; }
.ann__gift:focus-visible .ann__chip{ outline:2px solid var(--ann-gold); outline-offset:2px; }
.ann__tab{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s cubic-bezier(.32,.72,0,1); }
.ann[data-open] .ann__tab{ grid-template-rows:1fr; }
.ann__tab > div{ overflow:hidden; min-height:0; }
.ann__list{ display:grid; gap:var(--s-3); max-width:30rem; margin:0 auto; padding:var(--s-1) var(--s-4) var(--s-4); text-align:left; }
.ann__row{ display:grid; grid-template-columns:3.25rem minmax(0, 1fr) auto; gap:var(--s-3); align-items:center; }
.ann__row .perk-pic{ border-radius:var(--r-card); }
.ann__t{ display:grid; gap:2px; min-width:0; }
.ann__t b{ font-size:var(--fs-micro); font-weight:var(--fw-strong); color:var(--ann-cream); }
.ann__t span{ font-size:var(--fs-chip); line-height:1.3; color:rgba(244,236,224,.72); }
.ann__v{ display:grid; justify-items:end; gap:1px; }
.ann__v s{ font-size:var(--fs-badge); color:rgba(244,236,224,.5); }
.ann__v b{ font-size:var(--fs-micro); font-weight:var(--fw-strong); color:var(--ann-gold); }
.ann__foot{ margin:0; font-size:var(--fs-badge); line-height:1.35; color:rgba(244,236,224,.72); }
@media (prefers-reduced-motion:reduce){ .ann__tab, .ann__chip svg{ transition:none; } }
@media (max-width:1023px), (hover:none) and (orientation:portrait) and (max-width:1366px){ body[data-app="true"] .cfg{ top:var(--ann-real, 0px); } }
body[data-route="yours"] .ann, body[data-route="done"] .ann,
body[data-route="legal"] .ann, body[data-route="contact"] .ann{ display:none; }

.brand{ display:flex; align-items:center; min-height:var(--tap); text-decoration:none; color:var(--ink); }
.brand__word{ display:flex; flex-direction:column; line-height:1; gap:3px; }
.brand__name{ font-family:var(--display); font-size:min(var(--fs-wordmark), 9vw); text-transform:uppercase; letter-spacing:.16em; }
.brand__here{ display:none; font-family:var(--display); font-size:var(--fs-h3); text-transform:uppercase; letter-spacing:.17em; }
.usa{ display:none; height:28px; width:auto; flex:none; margin-left:auto; }
.usa__a{ font-family:var(--ui); font-size:var(--fs-usa-a); font-weight:var(--fw-bold); letter-spacing:.05em; fill:#fff; }
.usa__b{ font-family:var(--ui); font-size:var(--fs-usa-b); font-weight:var(--fw-strong); letter-spacing:.02em; fill:#fff; }
body[data-route="landing"] .usa,
body[data-route="cart"] .usa{ display:block; }
body[data-route="cart"] .brand__word{ display:none; }
body[data-route="cart"] .brand__here{ display:block; }
.masthead__back{ display:none; flex:none; align-items:center; justify-content:center; width:var(--tap); height:var(--tap); margin-left:calc(-1 * var(--s-3));
  padding:0; border:0; background:none; color:var(--ink); cursor:pointer; }
.masthead__back svg{ width:var(--ico-md); height:var(--ico-md); }
body[data-route="cart"] .masthead__back{ display:flex; }
body[data-route="landing"][data-mine="1"] .masthead__back{ display:flex; }
body[data-route="cart"] .brand{ margin-right:auto; }
.cartlink{ display:none; position:relative; flex:none; align-items:center; justify-content:center;
           min-width:var(--tap); min-height:var(--tap); color:var(--ink); text-decoration:none; }
body[data-route="landing"] .cartlink:not([hidden]){ display:flex; }
@media (max-width:400px){
  body[data-route="landing"] .masthead__in{ column-gap:var(--s-2); }
  body[data-route="landing"] .usa{ height:24px; }
}
@media (max-width:359px){
  body[data-route="landing"] .masthead__in:has(.cartlink:not([hidden])) .brand__name{ font-size:var(--fs-wordmark-sm); }
}
@media (max-width:439px){
  body[data-route="landing"][data-mine="1"] .masthead__in:has(.cartlink:not([hidden])) .brand__name{ font-size:var(--fs-wordmark-sm); }
}
@media (max-width:359px){
  body[data-route="landing"][data-mine="1"] .brand__name{ font-size:var(--fs-wordmark-sm); }
  body[data-route="landing"][data-mine="1"] .masthead__in:has(.cartlink:not([hidden])) .usa{ display:none; }
}
.cartlink svg{ width:var(--s-6); height:var(--s-6); }
.cartlink__n{ position:absolute; top:var(--s-1); right:0; min-width:var(--s-4); height:var(--s-4);
              padding:0 var(--s-1); border-radius:var(--r-pill); background:var(--ink); color:var(--surface);
              font-size:var(--fs-micro); font-weight:var(--fw-bold); line-height:var(--s-4); text-align:center; }

.eyebrow{
  font-size:var(--fs-micro); letter-spacing:.2em; text-transform:uppercase;
  color:var(--brass); font-weight:var(--fw-bold); margin:0 0 12px;
  display:flex; align-items:center; gap:10px;
}
.eyebrow::after{ content:""; height:1px; flex:1; background:var(--rule); max-width:110px; }

h1,h2,h3{ font-family:var(--display); font-weight:var(--fw-normal); text-wrap:balance; margin:0; color:var(--ink); }
h1{ font-size:var(--fs-display); line-height:1.02; letter-spacing:-.022em; }
h2{ font-size:var(--fs-h1); line-height:1.12; letter-spacing:-.014em; }
h3{ font-size:var(--fs-lead); line-height:1.26; }
.fill{
  font-family:var(--ui); font-size:max(var(--fs-xs), .8em); font-weight:var(--fw-bold);
  background:var(--brass-soft); color:var(--brass);
  padding:.1em .4em; border-radius:var(--r-sm);
  white-space:normal; overflow-wrap:break-word;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}

.sect{ padding-block: clamp(34px, 4.6vw, 60px); }
.sect--xs{ padding-block: clamp(24px, 3vw, 38px); }



.lp-head{ text-align:center; max-width:40rem; margin:0 auto var(--s-8); }
@media (min-width:1200px) and (hover:hover), (min-width:1200px) and (orientation:landscape), (min-width:1367px){
  #view-landing{
    --fs-h2-ui: 1.375rem; --fs-h3: 1.25rem; --fs-lead: 1.25rem;
    --fs-body: 1.0625rem; --fs-sm: 1rem; --fs-xs: .875rem; --fs-micro: .8125rem;
    --fs-hero-line: 1.5rem; --fs-lp-h2: clamp(3.5rem, 4.2vw, 4.5rem);
  }
  .lp-head{ max-width:50rem; margin-bottom:var(--s-10); }
  .lp .lp-faq{ max-width:52rem; }
}
.lp-kick{
  display:flex; align-items:center; justify-content:center; gap:var(--s-3);
  margin:0 0 var(--s-3);
  font-size:var(--fs-micro); font-weight:var(--fw-bold); letter-spacing:.18em; text-transform:uppercase;
  color:var(--brass);
}
.lp-kick::before, .lp-kick::after{ content:""; flex:none; width:var(--s-6); height:1px; background:currentColor; opacity:.45; }
.lp-h1, .lp-h2{
  margin:0; font-family:var(--display); font-weight:var(--fw-normal); color:var(--ink);
  letter-spacing:-.022em; text-wrap:balance;
}
.lp-h1 em, .lp-h2 em{ font-style:italic; }
.lp-h1{ font-size:var(--fs-hero-title); line-height:.96; }
.lp-h2{ font-size:var(--fs-lp-h2); line-height:1.02; }
.lp-lede{
  margin:var(--s-4) auto 0; max-width:34ch;
  font-size:var(--fs-hero-line); line-height:1.45; color:var(--ink-2); text-wrap:balance;
}
.lp-note{ margin:var(--s-6) 0 0; font-size:var(--fs-sm); color:var(--ink-3); text-align:center; }
.lp-note a{ color:var(--ink); font-weight:var(--fw-mid); }

.lp-act{ display:flex; flex-direction:column; align-items:center; gap:var(--s-3); margin-top:var(--s-8); }
.lp-act .btn{ max-width:26rem; }
.lp-promise{
  display:flex; align-items:center; gap:var(--s-2); margin:0;
  font-size:var(--fs-sm); font-weight:var(--fw-mid); color:var(--ink);
}
.lp-promise svg{ flex:none; width:1.15em; height:1.15em; }

.lp-chips{
  list-style:none; margin:var(--s-6) 0 0; padding:0;
  display:flex; flex-wrap:wrap; justify-content:center; gap:var(--s-2);
}
.lp-chips li{
  display:flex; align-items:center; gap:var(--s-2); white-space:nowrap;
  padding:var(--s-2) var(--s-3) var(--s-2) var(--s-2); border-radius:var(--r-pill);
  background:var(--surface); box-shadow:0 0 0 1px rgba(23,24,28,.06), 0 6px 14px -8px rgba(23,24,28,.25);
  font-size:var(--fs-xs); font-weight:var(--fw-mid); color:var(--ink);
}
@media (min-width:480px){ .lp-chips li{ padding:var(--s-2) var(--s-4) var(--s-2) var(--s-3); font-size:var(--fs-sm); } }
.lp-ticks{ list-style:none; margin:0; padding:0; display:grid; gap:var(--s-2); }
.lp-ticks li{ display:flex; align-items:flex-start; gap:var(--s-2); font-size:var(--fs-body); line-height:1.4; color:var(--ink-2); }
.lp-chips li::before, .lp-ticks li::before{
  content:""; flex:none; width:1.15em; height:1.15em; background:var(--ok);
  -webkit-mask:var(--tick) center/contain no-repeat;
          mask:var(--tick) center/contain no-repeat;
}
.lp-ticks li::before{ margin-top:.12em; }

.lp-sec{ padding-block:clamp(56px, 6.5vw, 104px); }
.lp-sec--wash{
  background:linear-gradient(180deg, transparent 0%, var(--cream) 16%, var(--cream) 84%, transparent 100%);
}
.lp-sec--how{
  background:linear-gradient(180deg, transparent 0%, var(--latte) 9%, var(--latte) 91%, transparent 100%);
}
.lp-sec--how .lp-step__film{ box-shadow:0 0 0 var(--s-1) var(--surface), 0 18px 40px -18px rgba(23,24,28,.45); }

.lp-hero{
  padding-top:clamp(28px, 5vw, 80px);
  background:
    radial-gradient(70% 34% at 50% 0%, rgba(185,154,91,.16), transparent 70%),
    linear-gradient(180deg, var(--surface) 0%, var(--paper) 70%);
}
.lp-hero__grid{ display:grid; grid-template-columns:minmax(0, 1fr); gap:var(--s-8); }
.lp-hero__copy{ text-align:center; }
.lp-hero__act{ margin-top:var(--s-6); }
.lp-hero__act .lp-chips{ margin:var(--s-1) 0 0; }
.lp-hero__act .lp-chips{ display:grid; grid-template-columns:1fr 1fr; width:100%; max-width:26rem; }
.lp-hero__act .lp-chips li{ justify-content:center; min-width:0; }
.lp-bought{ margin:var(--s-4) 0 0; font-size:var(--fs-sm); }
.lp-mine{ margin-bottom:var(--s-6); }
.lp-mine__card{
  max-width:var(--mine-max); margin-inline:auto; padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);
  border-radius:var(--r-card); background:var(--surface);
  box-shadow:0 0 0 1px rgba(23,24,28,.06), 0 14px 30px -18px rgba(23,24,28,.4);
}
@media (min-width:600px){ .lp-mine__card{ width:fit-content; } }
.lp-mine__t{ margin:0; font-family:var(--display); font-size:var(--fs-h2); line-height:1.15;
  letter-spacing:-.01em; color:var(--ink); }
.lp-mine__t em{ font-style:italic; }
.lp-mine__s{ margin:0; font-size:var(--fs-sm); line-height:1.35; color:var(--ink-2); }
.lp-mine__row{
  display:grid; grid-auto-flow:column; grid-auto-columns:var(--mine-pic); justify-content:start; gap:var(--s-2);
  margin-top:var(--s-3); padding:var(--s-h); overflow-x:auto; scrollbar-width:none;
}
.lp-mine__row::-webkit-scrollbar{ display:none; }
.lp-mine__item{
  position:relative; appearance:none; padding:0; font:inherit; cursor:pointer;
  width:var(--mine-pic); height:var(--mine-pic); overflow:hidden;
  border:var(--chip-bw) solid var(--chip-bd); border-radius:var(--chip-r); background:var(--chip-off-bg);
}
.lp-mine__item img{ display:block; width:100%; height:100%; object-fit:cover; object-position:50% 20%; }
.lp-mine__item[data-now]{ border-color:var(--chip-on); box-shadow:0 0 0 var(--s-h) var(--chip-on); }
.lp-mine__item:focus-visible{ outline:2px solid var(--brass); outline-offset:2px; }
.lp-mine__item[disabled]{ opacity:.5; cursor:progress; }
.lp-mine__tag{
  position:absolute; left:0; right:0; bottom:0; padding:var(--s-h) 0;
  background:var(--ok); color:#fff; text-align:center;
  font-size:var(--fs-badge); font-weight:var(--fw-strong);
}
.lp-mine__tag--paid{ background:var(--ink); }
.lp-mine__all{
  display:grid; place-content:center; border-style:dashed; border-color:var(--brass-2); background:var(--brass-fill);
  color:var(--brass); font-size:var(--fs-badge); font-weight:var(--fw-strong); line-height:1.15; text-align:center;
}
.lp-mine--dark{ margin:0 0 var(--s-4); }
.lp-mine--dark .lp-mine__card{ padding:var(--s-2) var(--s-3); }
.lp-mine--dark .lp-mine__t{ font-size:var(--fs-h3); }
.lp-mine--dark .lp-mine__s{ display:none; }
.lp-mine--dark .lp-mine__row{ margin-top:var(--s-2); }
.lp-mine--dark .lp-mine__card{ background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.2); }
.lp-mine--dark .lp-mine__t{ color:var(--surface); }
.lp-mine--dark .lp-mine__s{ color:rgba(247,246,243,.74); }
.lp-mine--dark .lp-mine__item{ border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.06); }
.lp-mine--dark .lp-mine__item[data-now]{ border-color:var(--surface); box-shadow:0 0 0 var(--s-h) var(--surface); }
.lp-mine--dark .lp-mine__item:focus-visible{ outline-color:#fff; }
.lp-mine--dark .lp-mine__all{ border-color:rgba(255,255,255,.45); background:rgba(255,255,255,.06); color:var(--surface); }
.lp-ba{ position:relative; margin:0 auto calc(var(--s-10) + var(--s-2)); width:100%; max-width:30rem; }
.lp-ba__out{ position:relative; }
.lp-ba__out img{
  display:block; width:100%; height:auto; aspect-ratio:1 / 1; object-fit:cover; object-position:50% 18%;
  border-radius:var(--r-lg); background:var(--paper);
  box-shadow:0 1px 2px rgba(23,24,28,.06), 0 28px 60px -30px rgba(23,24,28,.45);
}
.lp-ba__out .lp-tag{ position:absolute; top:var(--s-3); right:var(--s-3); left:auto; }
.lp-ba__src{ position:absolute; left:calc(-1 * var(--s-2)); bottom:calc(-1 * var(--s-5)); display:flex; align-items:flex-end; }
.lp-ba__photo{
  width:clamp(72px, 23vw, 112px); margin:0; padding:var(--s-1) var(--s-1) 0; background:var(--surface);
  border-radius:var(--chip-r); box-shadow:0 12px 24px -10px rgba(23,24,28,.5);
}
.lp-ba__photo:first-child{ transform:rotate(-6deg); }
.lp-ba__photo + .lp-ba__photo{ margin-left:var(--s-2); transform:rotate(4deg) translateY(calc(-1 * var(--s-2))); }
.lp-ba__photo img{ display:block; width:100%; height:auto; aspect-ratio:3 / 4; object-fit:cover; border-radius:var(--chip-r-in); }
.lp-ba__photo figcaption{
  padding:var(--s-1) 0; text-align:center;
  font-size:var(--fs-micro); font-weight:var(--fw-bold); letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3);
}
.lp-ba__arrow{ position:absolute; left:min(clamp(170px, 50vw, 250px), calc(100% - var(--s-10) - var(--s-2))); bottom:clamp(48px, 13vw, 76px); width:calc(var(--s-10) + var(--s-2)); color:var(--surface); filter:drop-shadow(0 2px 5px rgba(23,24,28,.45)); }
.lp-ba__arrow svg{ display:block; width:100%; height:auto; }
.lp-step__film video{ opacity:0; transition:opacity .5s ease; }
.lp-step__film[data-playing="true"] video{ opacity:1; }
.lp-ba__hand{ display:none; }
.lp-ba__crop{ display:block; }
@media (max-width:899px){
  .lp-hero__grid{ gap:0; }
  .lp-hero__copy{ display:contents; }
  .lp-hero__copy > *{ order:1; }
  .lp-hero__copy > .lp-h1, .lp-hero__copy > .lp-lede{ order:0; }
  .lp-hero__copy > .lp-lede{ position:relative; z-index:2; }
  .lp-hero .lp-ba{ order:0; margin:calc(-1 * var(--s-6)) auto 0; max-width:30rem; isolation:isolate; }
  .lp-ba::before{
    content:""; position:absolute; z-index:-1; inset:-4% -2% 4%;
    background:
      radial-gradient(42% 40% at 26% 42%, rgba(227,214,197,.85), transparent 74%),
      radial-gradient(40% 38% at 76% 50%, rgba(227,214,197,.8), transparent 74%),
      radial-gradient(60% 55% at 50% 45%, var(--cream), transparent 78%);
  }
  .lp-ba__out{ width:78%; margin:0 auto; }
  .lp-ba__out img{
    aspect-ratio:1 / 1; object-position:50% 12%; border-radius:0; box-shadow:none; background:none;
    mix-blend-mode:multiply;
    -webkit-mask:
      linear-gradient(to bottom, #000 62%, transparent 96%),
      linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
    -webkit-mask-composite:source-in;
            mask:
      linear-gradient(to bottom, #000 62%, transparent 96%),
      linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
            mask-composite:intersect;
  }
  .lp-ba__out .lp-tag, .lp-ba__arrow{ display:none; }
  .lp-ba__src{ display:contents; }
  .lp-ba__photo{
    position:absolute; width:22%; z-index:1; padding:var(--s-1); border-radius:var(--chip-r-in);
    box-shadow:0 1px 2px rgba(23,24,28,.12), 0 14px 28px -12px rgba(23,24,28,.5);
  }
  .lp-ba__crop{ display:block; aspect-ratio:1 / 1; overflow:hidden; border-radius:var(--s-1); }
  .lp-ba__photo .lp-ba__crop img{ width:100%; height:100%; aspect-ratio:auto; object-fit:cover; border-radius:0; }
  .lp-ba__photo:first-child .lp-ba__crop img{ object-position:50% 17%; transform:scale(1.15); transform-origin:48% 40%; }
  .lp-ba__photo + .lp-ba__photo .lp-ba__crop img{ object-position:50% 5%; transform:scale(1.5); transform-origin:52% 40%; }
  .lp-ba__photo:first-child{ left:0; top:38%; transform:rotate(-6deg); }
  .lp-ba__photo + .lp-ba__photo{ right:-2%; left:auto; top:46%; margin:0; transform:rotate(5deg); }
  .lp-ba__photo figcaption{
    position:absolute; bottom:100%; padding:0 0 var(--s-1);
    display:flex; flex-direction:column; white-space:nowrap;
    font-family:var(--display); font-style:italic; font-weight:var(--fw-normal);
    font-size:var(--fs-hero-line); line-height:1; letter-spacing:0; text-transform:none; color:var(--ink-2);
    text-shadow:0 0 var(--s-2) var(--paper), 0 0 var(--s-1) var(--paper);
  }
  .lp-ba__photo:first-child figcaption{ left:0; align-items:flex-start; transform:rotate(4deg); }
  .lp-ba__photo + .lp-ba__photo figcaption{ right:var(--s-2); align-items:flex-end; transform:rotate(-3deg); }
  .lp-ba__hand{ display:block; width:var(--s-8); height:var(--s-8); margin-top:calc(-1 * var(--s-1)); }
  .lp-ba__photo:first-child .lp-ba__hand{ margin-left:var(--s-6); }
  .lp-ba__photo + .lp-ba__photo .lp-ba__hand{ margin-right:var(--s-6); transform:scaleX(-1); }
  .lp-hero__act{ position:relative; z-index:2; margin-top:calc(-1 * (var(--s-10) + var(--s-2))); }
  .lp-hero__act .btn{ box-shadow:0 18px 30px -14px rgba(23,24,28,.55); }
  .lp-hero__act{ margin-bottom:var(--s-8); }
}
@media (max-width:359px){
  .lp-hero .lp-chips{ gap:var(--s-1); }
  .lp-hero .lp-chips li{ font-size:var(--fs-micro); padding:var(--s-2) var(--s-2) var(--s-2) var(--s-1); gap:var(--s-1); }
}
@media (max-width:479px){
  .lp-hero .lp-chips{ flex-wrap:nowrap; }
  .lp-hero .lp-chips li{ white-space:nowrap; font-size:clamp(var(--fs-badge), 3.55vw, var(--fs-xs)); }
}
@media (min-width:900px){
  .lp-hero__grid{
    grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr); align-items:center;
    column-gap:clamp(40px, 5vw, 96px); padding-bottom:clamp(48px, 5vw, 80px);
  }
  .lp-hero__copy{ text-align:left; }
  .lp-h1{ font-size:var(--fs-hero-title-wide); }
  .lp-hero__copy .lp-lede{ margin-left:0; }
  .lp-hero .lp-chips{ justify-content:flex-start; }
  .lp-hero__act{ align-items:flex-start; }
  .lp-ba{ max-width:none; margin:0 0 0 var(--s-8); }
  .lp-ba__out img{ aspect-ratio:4 / 5; object-position:50% 30%; }
  .lp-ba__src{ left:calc(-1 * var(--s-8)); bottom:var(--s-8); }
  .lp-ba__photo{ width:clamp(96px, 9vw, 140px); }
  .lp-ba__arrow{ left:calc(clamp(96px, 9vw, 140px) * 2 - var(--s-2)); bottom:calc(var(--s-8) + clamp(96px, 9vw, 140px)); }
}

.lp-marquee{ position:relative; background:var(--ink); color:var(--surface); overflow:hidden; }
.lp-marquee::before, .lp-marquee::after{
  content:""; position:absolute; top:0; bottom:0; z-index:1; width:var(--s-10); pointer-events:none;
}
.lp-marquee::before{ left:0; background:linear-gradient(90deg, var(--ink), transparent); }
.lp-marquee::after{ right:0; background:linear-gradient(270deg, var(--ink), transparent); }
.lp-marquee__track{ display:flex; width:max-content; animation:lp-marquee 28s linear infinite; }
.lp-marquee:hover .lp-marquee__track{ animation-play-state:paused; }
.lp-marquee[data-rest] .lp-marquee__track{ animation-play-state:paused; }
.lp-marquee__list{
  display:flex; gap:var(--s-10); list-style:none; margin:0;
  padding:var(--s-2) var(--s-10) var(--s-2) 0;
}
.lp-marquee__list li{
  display:flex; align-items:center; gap:var(--s-2); white-space:nowrap;
  font-size:var(--fs-xs); font-weight:var(--fw-mid); letter-spacing:.01em;
}
.lp-marquee__list li::before{
  content:""; flex:none; width:1.15em; height:1.15em; background:var(--brass-2);
  -webkit-mask:var(--tick) center/contain no-repeat;
          mask:var(--tick) center/contain no-repeat;
}
@keyframes lp-marquee{ to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce){
  .lp-marquee__track{ animation:none; width:auto; justify-content:center; }
  .lp-marquee__list{ flex-wrap:wrap; justify-content:center; gap:var(--s-2) var(--s-6); padding:var(--s-2) var(--gutter); }
  .lp-marquee__list[aria-hidden]{ display:none; }
  .lp-marquee::before, .lp-marquee::after{ display:none; }
}

.lp-steps{ list-style:none; margin:0; padding:0; display:grid; gap:var(--s-10); }
.lp-step{
  position:relative; display:grid; align-items:center;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.08fr);
}
.lp-step:nth-child(even){ grid-template-columns:minmax(0, 1.08fr) minmax(0, 1fr); }
.lp-step:nth-child(even) .lp-step__film{ order:2; }
.lp-step__film{
  position:relative; aspect-ratio:32 / 27; overflow:hidden; border-radius:var(--r-card);
  background:var(--wall-2); box-shadow:0 16px 36px -20px rgba(23,24,28,.4);
}
.lp-step__film img, .lp-step__film video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.lp-step__card{
  position:relative; z-index:1; margin-left:calc(-1 * var(--s-5));
  padding:var(--s-4) var(--s-4) var(--s-5); border-radius:var(--r-card);
  background:var(--surface); box-shadow:0 0 0 1px rgba(23,24,28,.05), 0 14px 32px -18px rgba(23,24,28,.35);
}
.lp-step:nth-child(even) .lp-step__card{ margin-left:0; margin-right:calc(-1 * var(--s-5)); }
.lp-step__card h3{
  margin:var(--s-3) 0 var(--s-1); font-family:var(--ui); font-size:var(--fs-h3);
  font-weight:var(--fw-bold); line-height:1.2; letter-spacing:-.01em;
}
.lp-step__card p{ margin:0; font-size:var(--fs-sm); line-height:1.45; color:var(--ink-2); }
.lp-tag{
  display:inline-flex; align-items:center; padding:var(--s-1) var(--s-3);
  border-radius:var(--chip-r-in); background:var(--ink); color:var(--surface);
  font-size:var(--fs-xs); font-weight:var(--fw-bold); letter-spacing:.02em;
}
.lp-step + .lp-step::before{
  content:""; position:absolute; left:22%; right:22%; bottom:100%; height:var(--s-10);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M1 0 C1 24 99 16 99 40' fill='none' stroke='%23B99A5B' stroke-width='1.5' stroke-dasharray='4 5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.lp-step:nth-child(odd)::before{ transform:scaleX(-1); }
@media (min-width:900px){
  .lp-steps{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--s-8); }
  .lp-step, .lp-step:nth-child(even){ display:flex; flex-direction:column; align-items:stretch; }
  .lp-step:nth-child(even) .lp-step__film{ order:0; }
  .lp-step__card, .lp-step:nth-child(even) .lp-step__card{ margin:calc(-1 * var(--s-8)) var(--s-5) 0; }
  .lp-step + .lp-step::before{ display:none; }
}

.lp-studio{
  scroll-margin-top:var(--masthead-h);
  padding-block:clamp(48px, 7vw, 112px);
  background:
    radial-gradient(90% 38% at 50% 0%, rgba(185,154,91,.30), transparent 72%),
    linear-gradient(180deg, var(--brown) 0%, var(--brown-deep) 100%);
}
.lp-studio .lp-head{ margin-bottom:var(--s-8); }
.lp-studio .lp-kick{ margin-bottom:var(--s-3); font-size:var(--fs-xs); letter-spacing:.3em; }
.lp-studio .lp-kick::before, .lp-studio .lp-kick::after{ width:var(--s-10); }
.lp-studio .lp-h2{ font-size:var(--fs-studio-title); line-height:1; }
.lp-studio .lp-lede{ margin-top:var(--s-2); font-size:var(--fs-studio-line); line-height:1.3; color:rgba(247,246,243,.86); }
.lp-head--light .lp-kick{ color:var(--brass-2); }
.lp-head--light .lp-h2{ color:var(--surface); }
.lp-head--light .lp-lede{ color:rgba(247,246,243,.74); }
.lp-studio .builder{ max-width:36rem; margin-inline:auto; }
.lp-studio .builder__go{ font-size:var(--btn-fs); letter-spacing:.06em; }

.lp-react{ margin-top:clamp(48px, 7vw, 96px); }
.lp-react > .lp-kick{ margin-bottom:var(--s-5); }
.lp-react__quote{
  margin:0; font-family:var(--display); font-style:italic; font-size:var(--fs-quote);
  line-height:1.3; letter-spacing:-.01em; color:var(--ink); text-align:center; text-wrap:balance;
}

.lp-rail{
  display:flex; gap:var(--s-4); overflow-x:auto; scroll-snap-type:x mandatory;
  margin-inline:calc(-1 * var(--gutter)); padding:var(--s-2) var(--gutter) var(--s-6);
  scrollbar-width:none;
}
.lp-rail::-webkit-scrollbar{ display:none; }
.lp-ex{
  flex:0 0 84%; scroll-snap-align:center; margin:0;
  border-radius:var(--r-card); overflow:hidden; background:var(--surface);
  box-shadow:0 18px 40px -22px rgba(23,24,28,.4);
}
.lp-ex img{ display:block; width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; }
.lp-ex img{ transform:scale(1.32); transform-origin:54% 50%; }
img[data-near-src]{ visibility:hidden; }
@media (min-width:600px) and (max-width:899px){ .lp-ex{ flex-basis:46%; } }
@media (min-width:900px){
  .lp-rail{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); overflow:visible; margin-inline:0; padding-inline:0; }
}

.lp-ways{ display:grid; gap:var(--s-5); }
@media (min-width:760px){ .lp-ways{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s-6); align-items:start; } }
.lp-way{
  display:flex; flex-direction:column; overflow:hidden;
  border-radius:var(--r-lg); background:var(--surface);
  box-shadow:0 0 0 1px rgba(23,24,28,.05), 0 20px 44px -26px rgba(23,24,28,.35);
}
.lp-way__pic{ position:relative; margin:0; aspect-ratio:4 / 3; overflow:hidden; background:var(--wall-2); }
.lp-way__pic img{ display:block; width:100%; height:100%; object-fit:cover; }
.lp-tag--on{
  position:absolute; top:var(--s-3); left:var(--s-3);
  background:rgba(255,255,255,.94); color:var(--ink);
  text-transform:uppercase; letter-spacing:.08em;
  box-shadow:0 4px 12px -6px rgba(23,24,28,.35);
}
.lp-way__body{ padding:var(--s-5) var(--s-5) var(--s-6); }
.lp-way__body h3{
  margin:0 0 var(--s-3); font-family:var(--ui); font-size:var(--fs-h2-ui);
  font-weight:var(--fw-bold); letter-spacing:-.01em;
}
.lp-way__top{ display:flex; align-items:baseline; justify-content:space-between; gap:var(--s-3); margin-bottom:var(--s-3); }
.lp-way__top h3{ margin:0 !important; }
.lp-way__price{ font-size:var(--fs-h2-ui); font-weight:var(--fw-strong); font-variant-numeric:tabular-nums; }
.lp-way__sub{ margin:calc(-1 * var(--s-1)) 0 var(--s-4); font-size:var(--fs-body); color:var(--ink-2); }
.lp-facts{ margin:0; display:grid; gap:var(--s-3); }
.lp-facts > div{ display:grid; grid-template-columns:5.25rem minmax(0, 1fr); gap:var(--s-3); font-size:var(--fs-sm); line-height:1.45; }
.lp-facts dt{ font-weight:var(--fw-bold); color:var(--ink); }
.lp-facts dd{ margin:0; color:var(--ink-2); }
.lp-finishes{
  list-style:none; margin:var(--s-5) 0 0; padding:var(--s-4) 0 0; border-top:1px solid var(--rule);
  display:flex; gap:var(--s-5);
}
.lp-finishes li{ display:flex; flex-direction:column; align-items:center; gap:var(--s-1); font-size:var(--fs-xs); font-weight:var(--fw-mid); color:var(--ink-2); }
.lp-finishes img{ width:var(--s-10); height:var(--s-10); border-radius:var(--r-circle); object-fit:cover; box-shadow:0 0 0 1px var(--rule); }
.lp-finishes li.is-out{ color:var(--ink-3); }
.lp-finishes li.is-out > .lp-finish__out{ opacity:1; filter:none; color:var(--need); font-weight:var(--fw-bold); }

.lp .lp-faq{ margin:0 auto; }

.lp-close{ padding-top:clamp(32px, 4vw, 64px); }
.lp-guar{ display:grid; overflow:hidden; border-radius:var(--r-lg); background:var(--cream); }
.lp-guar__pic{ margin:0; aspect-ratio:1 / 1; overflow:hidden; }
.lp-guar__pic img{ display:block; width:100%; height:100%; object-fit:cover; object-position:50% 38%; }
.lp-guar__body{ position:relative; padding:0 var(--s-5) var(--s-10); text-align:center; }
.lp-guar__list{ margin:var(--s-6) auto 0; max-width:30rem; text-align:left; gap:var(--s-3); }
.lp-guar__list li{ font-size:var(--fs-sm); }
.lp-guar__list b{ color:var(--ink); font-weight:var(--fw-bold); }
.lp-seal{
  display:block; width:var(--seal); height:var(--seal);
  margin:calc(var(--seal) / -2) auto var(--s-4); position:relative; z-index:1;
  filter:drop-shadow(0 6px 12px rgba(23,24,28,.18));
}
.lp-seal__n{ font-family:var(--display); font-size:var(--fs-seal-n); fill:var(--brass); }
.lp-seal__u{ font-family:var(--ui); font-size:var(--fs-seal-u); font-weight:var(--fw-bold); letter-spacing:.2em; fill:var(--brass); }
.seal{ display:block; overflow:visible; filter:drop-shadow(0 4px 10px rgba(7,18,38,.28)); }
.seal__n{ font-family:var(--display); font-size:var(--fs-seal-n); fill:var(--seal-hi); }
.seal__u{ font-family:var(--ui); font-size:var(--fs-seal-u); font-weight:var(--fw-bold); letter-spacing:.2em; fill:var(--seal-hi); }
@media (min-width:720px){
  .lp-guar{ grid-template-columns:minmax(0, 1fr) minmax(0, 1.1fr); align-items:center; }
  .lp-guar__pic{ aspect-ratio:auto; height:100%; min-height:clamp(26rem, 40vw, 34rem); }
  .lp-guar__body{ text-align:left; padding:clamp(40px, 5vw, 88px); }
  .lp-guar .lp-seal{
    position:absolute; left:0; top:clamp(40px, 5vw, 88px);
    margin:0; transform:translateX(-50%);
  }
  .lp-guar .lp-lede{ margin-left:0; }
  .lp-guar__list{ text-align:left; }
  .lp-guar .lp-act{ align-items:flex-start; }
}

.builder{ color:var(--paper); }
.builder__body{ display:grid; grid-template-columns:1fr; }
.pane + .pane{ margin-top:var(--s-4); padding-top:var(--s-3); border-top:1px solid var(--band-rule); }
.builder .offer__row--third{ color:var(--band-ink-2); }
.builder .offer__add{ color:var(--surface); }

.slots{ display:grid; gap:var(--s-3); grid-template-columns:1fr 1fr; }
.slot{
  --slot-pad:var(--s-3);
  position:relative; container-type:inline-size; scroll-margin-top:var(--masthead-h);
  display:flex; flex-direction:column; gap:var(--s-3); padding:var(--slot-pad);
  background:var(--wall); color:var(--ink); border:2px solid transparent; border-radius:var(--r-card);
  box-shadow:0 1px 2px rgba(0,0,0,.2), 0 18px 40px -22px rgba(0,0,0,.7);
  cursor:pointer; text-align:left;
  transition:border-color var(--dur-sm) var(--ease), box-shadow var(--dur-sm) var(--ease);
}
.slot:hover, .slot[data-drag="true"]{ border-color:var(--brass-2); }
.slot:focus-visible{ outline:2px solid var(--gold-b); outline-offset:2px; }
.slot[data-next]:not([hidden]){ border-color:var(--brass-2); }
.slot__head{ display:flex; align-items:center; gap:var(--s-2); min-width:0; padding-right:calc(var(--slot-x) + var(--s-1)); pointer-events:none; }
.slot__num{
  display:grid; place-items:center; flex:none; width:var(--slot-num); height:var(--slot-num);
  border-radius:var(--r-circle); background:var(--brass); color:var(--surface);
  font-size:var(--fs-body); font-weight:var(--fw-bold); line-height:1;
}
.slot[data-filled="true"] .slot__num{ background:var(--ok); font-size:0; }
.slot[data-filled="true"] .slot__num::before{ content:"\2713"; font-size:var(--fs-body); }
.slot__role{ font-size:var(--fs-body); font-weight:var(--fw-bold); color:var(--ink); white-space:nowrap; }
.slot__pic{
  position:relative; display:grid; place-items:center; aspect-ratio:4/5; overflow:hidden;
  max-height:calc(100vh - var(--masthead-h) - var(--slot-chrome));
  max-height:calc(100svh - var(--masthead-h) - var(--slot-chrome));
  border:1.5px dashed var(--rule-2); border-radius:var(--r-card); background:var(--wall-2);
}
.slot[data-filled="true"] .slot__pic{ border-style:solid; border-color:transparent; }
.slot__inner{ text-align:center; padding:var(--s-2); pointer-events:none; }
.slot__img{ display:block; width:var(--s-10); height:var(--s-10); margin:0 auto var(--s-2); color:var(--ink-3); }
.slot__cta{ display:block; font-size:var(--fs-body); font-weight:var(--fw-mid); color:var(--ink); }
.slot__hint{ display:block; margin-top:var(--s-h); font-size:var(--fs-sm); color:var(--ink-3); }
.slot__thumb{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.slot__busy{ position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--s-2);
  padding:var(--s-2); background:rgba(250,246,238,.9); color:var(--ink-2); font-size:var(--fs-xs); font-weight:var(--fw-mid); text-align:center; pointer-events:none; }
.slot__busy i{ width:var(--s-6); height:var(--s-6); border:2px solid var(--brass-soft); border-top-color:var(--brass); border-radius:var(--r-circle); animation:genspin .8s linear infinite; }
@media (prefers-reduced-motion: reduce){ .slot__busy i{ animation-duration:2.4s; } }
.slot__frame{ position:absolute; inset:0; width:100%; height:100%; border:0; z-index:1; background:transparent; }
.slots[data-stuck] .slot__pill:not(.slot__pill--icon){ pointer-events:none; }
.slot__tools{ position:relative; z-index:2; display:flex; pointer-events:none; }
.slot__tools > *{ pointer-events:auto; }
.slot__pill{
  position:relative; display:flex; align-items:center; justify-content:center; gap:var(--s-2); width:100%;
  min-height:var(--tap); padding:0 var(--s-3); border:1px solid var(--rule); border-radius:var(--r-pill);
  background:var(--surface); color:var(--ink); box-shadow:var(--shadow-1);
  font:inherit; font-size:var(--fs-body); font-weight:var(--fw-mid); white-space:nowrap; cursor:pointer;
  transition:border-color .15s ease, transform .14s ease;
}
.slot__pill:hover{ border-color:var(--brass-2); }
.slot__pill:active{ transform:translateY(1px); }
.slot__pill:focus-visible{ outline:2px solid var(--brass); outline-offset:2px; }
.slot__pill svg{ flex:none; width:var(--ico-sm); height:var(--ico-sm); }
@container (max-width:150px){ .slot__pill{ gap:var(--s-1); padding:0 var(--s-2); } }
@container (max-width:132px){
  .slot__head, .slot__tools--end{ --slot-num:var(--s-6); --slot-x:var(--s-6); }
  .slot__head{ gap:var(--s-h); }
  .slot__role, .slot__pill{ font-size:var(--fs-sm); }
  .slot__pill:not(.slot__pill--icon) svg, .slot__hint{ display:none; }
  .slot__img{ width:var(--s-8); height:var(--s-8); }
  .slot__cta{ font-size:var(--fs-sm); white-space:nowrap; }
}
@media (max-width:359px){
  .slots{ gap:var(--s-2); }
  .slot{ --slot-pad:var(--s-2); gap:var(--s-2); }
  .addperson__o{ display:none; }
}
.slot__tools.slot__tools--end{
  position:absolute; z-index:2;
  top:calc(var(--slot-pad) + (var(--slot-num) - var(--tap)) / 2);
  right:max(0px, calc(var(--slot-pad) - (var(--tap) - var(--slot-x)) / 2));
}
.slot__pill--icon{ width:var(--tap); height:var(--tap); padding:0; border:0; background:none; box-shadow:none; color:var(--ink-2); }
.slot__pill--icon::before{
  content:""; position:absolute; inset:calc((var(--tap) - var(--slot-x)) / 2);
  border-radius:var(--r-circle); background:var(--surface); box-shadow:inset 0 0 0 1px var(--rule-2);
  transition:box-shadow .15s ease;
}
.slot__pill--icon:hover{ color:var(--ink); }
.slot__pill--icon:hover::before{ box-shadow:inset 0 0 0 1px var(--ink-3); }
.slot__pill--icon svg{ position:relative; width:var(--ico-xs); height:var(--ico-xs); }
.slot__pill--icon:focus-visible{ outline-offset:-4px; }
.slots[data-people="2"] .slot[data-filled="false"] .slot__tools--end{ display:none; }

.addperson{
  display:flex; align-items:center; gap:var(--s-4); width:100%; margin-top:var(--s-4);
  min-height:var(--tap); padding:var(--s-5) var(--s-4); cursor:pointer;
  border:1.5px dashed var(--band-dash); border-radius:var(--r-card); background:var(--band-well);
  color:var(--paper); font:inherit; text-align:left;
  transition:border-color var(--dur-sm) var(--ease), background var(--dur-sm) var(--ease);
}
.addperson:hover{ border-color:var(--brass-2); }
.addperson:active{ transform:scale(.99); }
.addperson:focus-visible{ outline:2px solid var(--gold-b); outline-offset:2px; }
.addperson__i{ flex:none; display:grid; place-items:center; color:var(--paper); }
.addperson__i svg{ width:var(--s-8); height:var(--s-8); }
.addperson__t{ display:flex; flex-direction:column; gap:var(--s-h); flex:1 1 auto; min-width:0; }
.addperson__n{ font-size:var(--fs-body); font-weight:var(--fw-bold); line-height:1.25; color:var(--surface); }
.addperson__o{ font-weight:var(--fw-normal); color:var(--band-ink-2); }
.addperson__s{ font-size:var(--fs-sm); color:var(--band-ink-2); line-height:1.3; }
.addperson__p{ color:var(--gold-b); font-weight:var(--fw-bold); font-variant-numeric:tabular-nums; }
@media (prefers-reduced-motion: reduce){ .addperson{ transition:none; } }

.builder .builder__go{
  margin-top:var(--s-4); background:linear-gradient(180deg, var(--gold-b), var(--brass-2)); color:var(--ink);
  box-shadow:inset 0 1px 0 var(--gold-rim), 0 14px 30px -16px rgba(0,0,0,.8);
}
.builder .builder__go:not([disabled])::after{ content:"\2192"; font-size:1.15em; line-height:1; }

.vis-hidden{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.slots__tips{ margin-top:var(--s-5); }
.slots__paper{ margin:var(--s-4) 0 0; font-size:var(--fs-body); color:var(--ink-2); text-align:center; line-height:1.4; }
.slots__tips + .slots__tips{ margin-top:var(--s-4); }
.slots__tips-t{ margin:0 0 var(--s-4); font-size:var(--fs-body); font-weight:var(--fw-bold); color:var(--ink); text-align:center; }
.slots__tips ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, 1fr); }
.slots__tips li{
  display:flex; flex-direction:column; align-items:center; gap:var(--s-1); text-align:center; white-space:nowrap;
  font-size:var(--fs-body); font-weight:var(--fw-mid); color:var(--ink);
}
.slots__tip-i{
  display:grid; place-items:center; width:var(--s-10); aspect-ratio:1 / 1;
  border-radius:var(--r-circle); background:var(--cream); color:var(--ink);
}
.slots__tip-i svg{ width:55%; height:55%; }
.slots__tips--ok .slots__tips-t{ color:var(--ok-deep); }
.slots__tips--ok .slots__tip-i{ background:var(--ok-soft); color:var(--ok); }
.builder__promise{
  display:flex; align-items:center; gap:var(--s-3); margin:0 0 var(--s-4); padding:var(--s-3) var(--s-4);
  border:1px solid var(--band-rule); border-radius:var(--r-card); background:var(--band-well);
  color:var(--band-ink-2); font-size:var(--fs-body); line-height:1.35; text-align:left;
}
.builder__promise svg{ flex:none; width:var(--s-8); height:var(--s-8); color:var(--gold-b); }
.builder__promise b{ display:block; color:var(--surface); font-weight:var(--fw-bold); }
.builder__guide{ margin-top:var(--s-8); padding-top:var(--s-6); border-top:1px solid var(--band-rule); color:var(--paper); }
.builder__guide .slots__tips:first-child{ margin-top:0; }
.builder__guide .slots__tips-t, .builder__guide .slots__tips li{ color:var(--paper); }
.builder__guide .slots__tip-i, .builder__guide .slots__tips--ok .slots__tip-i{ background:rgba(244,238,230,.07); color:var(--gold-b); }
.builder__guide .slots__paper{ color:var(--band-ink-2); }
.builder__guide .slots__note{ margin:var(--s-2) 0 0; font-size:var(--fs-sm); color:var(--band-ink-3); text-align:center; }
.msg{ margin-top:10px; font-size:var(--fs-body); padding:8px 11px; border-radius:var(--r-sm); border:1px solid; }
.msg[data-kind="warn"]{ color:var(--warn); border-color:#E0C3AC; background:#FBF2EA; }
.msg[data-kind="ok"]{ color:var(--ok); border-color:#BCD6C8; background:#F0F6F2; }

.offer{ margin-top:0; }
.offer__row{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.offer__row--third{ margin-top:0; font-size:var(--fs-body); color:var(--ink-2); }
.offer__row--third + .offer__row--third{ margin-top:var(--s-2); }
.offer__add{ color:var(--ink); font-variant-numeric:tabular-nums; }

.upsell{ position:relative; display:grid; grid-template-columns:auto minmax(0, 1fr) auto; grid-template-rows:auto auto; gap:var(--s-1) var(--s-3); align-items:center; cursor:pointer;
  padding:var(--s-2) var(--s-3); border:1px solid var(--rule); border-radius:var(--r-lg); background:var(--surface); }
.upsell__ico{ grid-column:1; grid-row:1 / span 2; display:grid; place-items:center; width:calc(var(--ico-lg) - var(--s-1)); height:calc(var(--ico-lg) - var(--s-1)); border-radius:var(--r-circle);
  border:1px solid var(--rule); background:var(--paper); color:var(--ink); }
.upsell__body{ grid-column:2; grid-row:1 / span 2; }
.upsell__price{ grid-column:3; grid-row:1; align-self:end; justify-self:end; }
.upsell__ico svg{ width:var(--ico-sm); height:var(--ico-sm); }
.upsell .upsell__rec.rec-pill{ margin:0; padding:calc(var(--s-h) / 2) var(--s-2); background:var(--cream); color:var(--ink-2); font-size:var(--fs-badge); font-weight:var(--fw-mid); align-self:center; }
.upsell:has(input:focus-visible){ outline:2px solid var(--brass); outline-offset:2px; }
.upsell input{ position:absolute; opacity:0; width:1px; height:1px; }
.upsell__box{
  grid-column:3; grid-row:2; align-self:start; justify-self:end;
  width:var(--s-5); height:var(--s-5); margin-top:calc(var(--s-1) / 2);
  border-radius:var(--r-sm); border:1px solid var(--rule-2); background:var(--surface);
  display:grid; place-items:center; color:transparent;
}
.upsell__box i{ font-style:normal; font-size:var(--fs-xs); line-height:1; }
.upsell:has(input:checked) .upsell__box{ background:var(--ink); border-color:var(--ink); color:var(--surface); }
.upsell:has(input:indeterminate) .upsell__box{ border-color:var(--ink); color:var(--ink); }
.upsell:has(input:indeterminate) .upsell__box i{ font-size:0; }
.upsell:has(input:indeterminate) .upsell__box i::after{ content:""; display:block; width:var(--s-3); border-top:calc(var(--chip-bw) * 2) solid; }
.upsell__body{ min-width:0; }
.upsell__head{ display:flex; flex-wrap:wrap; gap:var(--s-1); align-items:center; }
.upsell__name{ font-size:var(--fs-body); font-weight:var(--fw-bold); min-width:0; white-space:nowrap; }
.upsell__price{
  flex:none; margin-left:auto; font-variant-numeric:tabular-nums;
  font-size:var(--fs-body); font-weight:var(--fw-strong); white-space:nowrap;
}
.upsell__sub{ display:block; font-size:var(--fs-xs); line-height:1.45; color:var(--ink-2); margin:2px 0 0; }
.upsell__note{ display:block; margin-top:var(--s-1); font-size:var(--fs-xs); font-weight:var(--fw-mid); color:var(--brass); }
.upsell .fill{ font-size:var(--fs-xs); }
.upsell__price .fill{ font-size:var(--fs-xs); font-weight:var(--fw-bold); }


.room__art{
  position:absolute; transform:translateX(-50%); isolation:isolate;
  container-type:inline-size;
  --in:calc(100cqw / var(--art-in, 10));
  --sx:.4;
  --art-warm:rgb(255,249,241);
  --art-shade:38,30,22;
}
.room__art[data-lit="r"]{ --sx:-.4; }
.room__art[data-lit="r"] .art__moulding, .room__art[data-lit="r"] .art--print::after{ transform:scaleX(-1); }
@supports not (width:1cqw){ .room__art{ --in:12px; } }
.room__art::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  box-shadow:0 0 calc(var(--in) * .05) rgba(var(--art-shade), .34),
             calc(var(--sx) * var(--in) * .1) calc(var(--in) * .1) calc(var(--in) * .2) rgba(var(--art-shade), .32),
             calc(var(--sx) * var(--in) * .45) calc(var(--in) * .45) calc(var(--in) * 1.1) rgba(var(--art-shade), .26);
}
.room__art--canvas::before, .cfg__pic:has(.art--canvas)::before{
  border-radius:calc(var(--in) * .05);
  box-shadow:0 0 0 calc(var(--in) * .012) rgba(var(--art-shade), .2),
             0 0 calc(var(--in) * .1) rgba(var(--art-shade), .3),
             calc(var(--sx) * var(--in) * .22) calc(var(--in) * .28) calc(var(--in) * .3) rgba(var(--art-shade), .32),
             calc(var(--sx) * var(--in) * .6) calc(var(--in) * .85) calc(var(--in) * 1.5) rgba(var(--art-shade), .26);
}
.room__art--file::before{
  box-shadow:0 0 0 .5px rgba(var(--art-shade), .14), 0 calc(var(--in) * .03) calc(var(--in) * .06) rgba(var(--art-shade), .2);
}
.room__art--paper::before{
  box-shadow:0 0 0 .5px rgba(var(--art-shade), .18),
             calc(var(--sx) * var(--in) * .03) calc(var(--in) * .035) calc(var(--in) * .05) rgba(var(--art-shade), .30),
             calc(var(--sx) * var(--in) * .14) calc(var(--in) * .18) calc(var(--in) * .4) rgba(var(--art-shade), .13);
}
.cfg__pic:has(.art--paper)::before{ box-shadow:0 0 0 .5px rgba(23,24,28,.14), 1px 2px 2px rgba(23,24,28,.22), 4px 10px 18px rgba(23,24,28,.14); }
.art__tooth{ position:absolute; inset:0; pointer-events:none; }
.room__art .art__tooth::before, .cfg__pic .art__tooth::before{ content:""; position:absolute; inset:0; z-index:1;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAAAAACPAi4CAAAMGklEQVR42gXB2W4k12EA0LvVXWrvrl7YQ85wRrIsJ4GDAH4IgiBAAgd5SH4gn5XPykMAPwiGJY2smSE5JHur7lrvfm/Ogf9DwTi4Cu2rb2QXJsmj40+PS2hv6Z58v314aIqpyp+HPEftUWa/FQfE6s3jr5vk0aR1SsjolSe8EJwV9oSo1yLEYpXS7NYrcrs41iU1sw+wv9YNGDZLMp/BgnRIHlS5oSMkyfFL+g5LVvpReh8l4bibRHlXTvF7Vs2X4PRkYJI5Z/RqQWZzuNR7TLYjXgt4tSXZdksG0eySS9qsRxoGnXLsEV/oifS9a2GcJ5u+3fRDd90Img6dVx/Z+/osV8W+re6I5e+2tH9WucE58QhYwHM0jed46U1Pd7fHDjWCs+5Z89xM7+pLgfWlCJHgsjkHPZI5kW6tuw5WGSzAIG7KxEZChus1uVlqWnSBNRt6/PPxriRivFIlEpQx9XROx34sXYf/zdnTXCSSUDWyHfK6p6CPMCbldsunYfalOYxjf8bbOGw20yhR8CuwP0/Cv8ZlQ/E/AKb0zUJG4iyE8/l1WBWT02rzNjXPz96AG9gqj9JdKed0CUaJURgfn0NF0KJI0YkoijI2dp7nwvRP5mq+X1p+7fJkBsMzz68pv1t0pHZgcEwerIMyQjU7SGC68GE4kOiSlKhjZCOjwF7/gv8grhE3t/Yx1/i2AGREhPEKDIfhAz+PPkmhL8prWuEUyEgLgiMSJrInX9Pbqnnez1fhSLYrfzR6ynj0QzQz2amIQr4JzyolWaE0KSiBjJ3l3RL/sxjH6HRrEwUYxM1au62YoJmFsyU7Hsp1GLRv9xe0SseWbnNw3tussqCI3aEHEv+xnvRqgbnQMgA3wLWdMvvLF52HNm38Ff3mHUFABxBwyhHgAqjPX8SOQ5HJz2dgDblLVjFfzqfuq92VZpqSSv2ETh5NNMBJ4bwNpMHXwGhEcZEH+3LG23gUd0gS5Nm6JAlYgVNA7VxrRgOVBmdTB2raETKZuMxPD3c1L6mWDDgkwHx++d3686FuJoXfZPkbTH65HcavCqh6czpMJPoZZo2M2dpc9y1pANXdIcy0ee7zlEZD7FlVRSn3Zqzvc07AZ3xX4i6EeLMF7XFMatdGFl2xy70XvGgWK4bRdGHl86Fc11VZ8w7WLqn0iFdLdzq2n4gbiazf2PD1EgmGAdujE3nRqJDthDcQSsVAmozdtbZGseCqccI5lGp+VOj1ECTZ5cYCYPsvagWRaweZLEpJKWWGZR6F0+u0zYFIdoTp6foYpv2MYdCzOwPIRwBSIgCpwCtJhfUKYRSK7Tfja4HUMW7tCeNpdZfrSyJKEotsvLSGLOPBURLKJCMUpRH/U5wjhhmRWsZlGasFgY/7Bj+eQfTBjfDD+8Zd4PjczxbaaQCbFXMWR5BHBWC+gfjf85fP7B5/uZiOvN/gLXk14O3fGNmAo21QV20Zkgp7qwcTrU5yD/KygnFR+8EXK9QTjG4Y6IZHl5Z1VYlkOIfbTUOQnhDLzgpeR6JL6bfzhPPGxPB8LO7B06XAmFtmBk1Uv10dfh7xktkChdj30XUPELYSlnR06TSyJQJmBj4VOY0+CpRwUnYaa4AumlVk6jyfZJIJYZwkNvDfUAXPX+VbMYJBo85wiGen50TkuAtTZ2vynEjrC9Q7Y1NGVIZACBVVCZZj4iFjPND+Sorh1KSAm6Ekr2qVJDkFqGCPo0om51kx9SQvydGf8O+XnMsnsdRGe6DU5aw9DLMvk+dHzAE892/rvSkFr1NX3YJzpFNIbIjGBPLuPZAXwoWVJIshg4PBhhnpe2mS9drDouL960NdsJ0HPVygga5OnxbL9spMCKGMx6Ss5Ij/803o0k3iN2vnWZ7xGjw9DUlGCah+tzEd/27h021yDmSYID6dctoGobsp2eWOxPYc8H+Y/XX1/dprwxc4QJxhkL9/Z49sXS4bGN/e6RGIOO3eQJTTWCYKwnw9XO4+VJX69NJzoj+1Aoka/O/4TW0BjZq9gTfg/8asOD9qUKdYiPkymvIGWGA5nTXo4+1bUuoEf/3rZp3jP8C8ir0NV4v6uM494GEGvo3N/LEjPmAbYn8ciqJ77kdFjLPtoPCiiRKOR9WkE/6XZcrNjDgvktYVIEkF2h9oZSc7OigtHK5mejb32XHEk8yc5tUq1TyfnfcZz9wV/xe78ptM0GyXHlqSl8R5OWDeewbUAIJXfptcSON0RaeIWnC/EthneISIcpYjSCKIiw9PT/3utz4SWseLiaWd7VytVpeJwoTCxDR00lnsGTt8XJUZRWrGLilhC+8mTZzg0cyfHrpw7G++q14GpwQNgbCq3rZdsgly3Bs8pPjLtOFsSX8pfl9//LphfCW/gMABEQm+hmu6Y9dryODxEpEfds0Rb2THLGVE4K9tiD62r0bR5h/xZ1ji5BDvzBmE/icBCXEL8zBvv40A+/ijcpLUPIuubKa+w9nQV+O1SCgiaju2qijhFkeTlmA8//UtopRz/K+mFoc2q2mWLeKLsS/gho8njYa4jiHsp6mjtcDi5ts1jCKFh6GarpBnulVlSpsMEG/OnBTYEECFJWmKGE3pOLzqOx4GNWUlQcGZsdqwrzUI3SUWxmdvcb9xLPjPpiKEmyN4wwEEOvCbmBFW5sKfPLr8CSAzw2CCs8jO7SmmDvh1hQ/OJIq+tw+WK8UIYpThlFy1CDat97C6o2ezvGfZxx/Zh2zuPFiF82LNX88wVdCimtuBx7lYuQPa3GpJLC4bDwiedFq6HtYl1LMDyXp57dMFgpMvaL/YsFZLKCRwMt6AAGa16duAWXoayeEmdBoOA4o2Gk2KZAg0bw+zRO+WqGMMEe1Wm2mcAR7Plytv4tgBfWZtl8a2/2kkvTBjIC7JZp/o0l9WeUDpGOZYuQqbieNjzPbom6I1ydipx4ZnSSIy9SKWeGqdAIQhpaxoUt87xLKhLRtIppNkR1dPsxaon5pKaVGRIVDGA5GuThYp+UGW2gPRtAR6VKnlTs6wvxbjlXCp+eEvvy76cVtdQkpnRvwuffY+hIC3eBpPC54kHKmeclJGRRoUS8Y4Mgj0g/K7ZD+s1CzrrCCTt5LnzMbSfB3Yxj+EpqLzJLB2ybe9MwhOCpK/pQPoxs/YQTJZxOLlQERYyOX2nXpkwzUQHPEcp5esnk4IkpTlE1gQyq+fHuv3RQ7JgoreqsOUEokFLgrZVQSQGlg4hpWN4TKlMXoP5KBDsEkmJcIzMMEZQLMGUXKBQAc7zmUFnNYJlAPVV8XVr5KIBS+GS7ZBbrSZ10R0sSqGPuX9yBrRJDUPCSLH6AXQqrxnmdn3EM10AUMEfH/8e7YPZb1Mq/PpZdjeUL9acDM6f0ipExTKCyKBDfiPqvMM+2UT80VWiARlBdKewQmuwQ9/JjfEhf0PD+D+LXBVA6cuAolS4U7SSXXssSPMJBBuhFMQzBCrRSpffyE8fe3ptQa0xJc+Pffljii0W7YnyxobE877Nizwcwf7NXGEZ9Am3oZnmfZgCUzfZgCSAmJy82brgrpc1h/EuF8KIGeUJadLvbqLfGQBsptMkks+OGhtEBAzURtt+voeTW5Jr1F8CLPC9MLuvtOj6i2RSrif9zSTmgDnxfpq2pnI4bj+djtIAhbWJiaUtNx2D45Bna2K4ecOmqJY5UjEOkAYk+Exu1e/fBYe4mpDpMWEPc3v1yyJ/X4OBkHhFxv68JQuA6OAzdaEuLhlo61prS12qIcJsyfyjmggoMs5JpCWO/rUrcwUSFwvnr7+nQAR5WWaqa/utAdlDNaeSCpi32cr5evxJWtEcx5yN17qDJDkTQI9sQNbReJSBAXoCCEX1Kyn8+PrCyNQXxBKzZRGaW5XKTmMmpZiGWAnIaUW/3ctJW1qwooE29NIarA/HvadhoDjTiMAcOIDsqP20JNdHpAFjIo3d2lMmoZ7S+SN0tCBGImZXvsGdmmnkirNqFQA1blzMMXqdSxKeHQ3wstxEB+81EEkNmoDJnKuag++DAiv4ARSe9bbiGHIcutmUctOKR4DwTZpEJzts1V9n5iY+0eeHk4zXzuSySSOx4AHvOKp3/sUYfxy0unMCNaomi9NMMU9hL5IXvrOrdNMTGEVn5sluA4NXvw/UT6gGAaL2i4AAAAASUVORK5CYII=") 0 0 / calc(var(--in) * 1.4) auto; mix-blend-mode:soft-light; opacity:.35; }
.room__art .art__tooth::after, .cfg__pic .art__tooth::after{ content:""; position:absolute; inset:0; z-index:1;
  box-shadow:inset calc(var(--in) * .016) calc(var(--in) * .016) 0 rgba(255,253,248,.6),
             inset calc(var(--in) * -.014) calc(var(--in) * -.014) 0 rgba(30,24,18,.35); }
.room__art[data-lit="r"] .art__tooth::after{
  box-shadow:inset calc(var(--in) * -.016) calc(var(--in) * .016) 0 rgba(255,253,248,.6),
             inset calc(var(--in) * .014) calc(var(--in) * -.014) 0 rgba(30,24,18,.35); }
.room__art--paper .art--paper, .room__art--file .art--file{ box-shadow:none; }
.room__art::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(var(--art-warm), var(--art-warm)),
             var(--light-map, linear-gradient(100deg, var(--light-l, #fff), var(--light-r, #fff)));
  background-size:100% 100%; background-blend-mode:multiply;
  mix-blend-mode:multiply;
}
.room__art .art__img{ filter:contrast(.95) saturate(.94); }
.wall__nav{
  position:absolute; top:50%; z-index:3; width:var(--tap); height:var(--tap); margin-top:calc(var(--tap) / -2);
  display:grid; place-items:center; padding:0; border:0; border-radius:var(--r-circle); cursor:pointer;
  background:none; color:rgba(255,255,255,.88);
  filter:drop-shadow(0 0 .5px rgba(255,255,255,.9)) drop-shadow(0 1px 1.5px rgba(23,24,28,.35))
         drop-shadow(0 4px 12px rgba(23,24,28,.28));
  transition:opacity .3s ease, transform .2s ease;
}
.wall__nav svg{ width:var(--ico-lg); height:var(--ico-lg); stroke-width:2.6; }
.cfg__room{ touch-action:pan-y pinch-zoom; }
.wall__nav:active{ transform:scale(.94); }
.wall__nav--prev{ left:10px; }
.wall__nav--next{ right:10px; }
.wall__dots{
  position:absolute; left:50%; top:12px; z-index:3; transform:translateX(-50%);
  display:flex; gap:6px; padding:5px 8px; border-radius:var(--r-pill);
  background:rgba(23,24,28,.28); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.wall__dots:empty{ display:none; }
.wall__dots i{ width:6px; height:6px; border-radius:var(--r-circle); background:rgba(255,255,255,.5); transition:background .3s ease, transform .3s ease; }
.wall__dots i[data-on]{ background:#fff; transform:scale(1.2); }

.art{ position:relative; display:block; width:100%; }
.art__mat{ position:relative; display:block; }
.art__mat.is-framed{ aspect-ratio:var(--art-ratio, 4/5); overflow:hidden; }
.art__mat.is-framed > .art__img{ position:absolute; max-width:none; aspect-ratio:auto; object-fit:fill; background:none; }
.art--print .art__mat.is-framed{ box-shadow:inset 0 0 0 1px rgba(23,24,28,.14); }
.art .art__mat.is-framed > .art__img{ box-shadow:none; }
.cfg__pic .art--file{ box-shadow:none; }
.art__img{
  display:block; width:100%; height:auto; aspect-ratio:var(--art-ratio, 4/5);
  object-fit:cover; background:var(--surface);
}
.art{ --f1:#23242A; --f2:#33353D; --f3:#1D1E23; --f4:#2B2D34; }
.art[data-colour="white"]{  --f1:#DFDCD5; --f2:#FCFBF9; --f3:#EFECE6; --f4:#CFCBC2; }
.art[data-colour="oak"]{    --f1:#D9C4A6; --f2:#EDE1CA; --f3:#E2CDB2; --f4:#BFA686; }
.art[data-colour="walnut"]{ --f1:#4A3628; --f2:#6E5039; --f3:#523B2B; --f4:#3A2A1E; }
.art--print{
  padding:var(--frame-pad, 2.6%);
  background:linear-gradient(100deg,var(--f1) 0%,var(--f2) 22%,var(--f3) 55%,var(--f4) 100%);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.30), inset -1px -1px 0 rgba(0,0,0,.30),
             inset 0 0 0 1px rgba(23,24,28,.22);
}
.art--print .art__mat::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.22);
}
.art__moulding{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; }
.art--print[data-colour="white"] .art__mat::after{ box-shadow:inset 0 0 0 1px rgba(0,0,0,.1); }
.art--print[data-colour="white"]{ box-shadow:inset 0 0 0 1px rgba(23,24,28,.16); }
.art--print .art__mat{ padding:0; background:none; }
.art--print .art__img{ box-shadow:0 0 0 1px rgba(23,24,28,.14); }
.art--print::after{
  content:""; position:absolute; inset:var(--frame-pad, 2.6%); pointer-events:none;
  background:linear-gradient(122deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.08) 22%,
                             rgba(255,255,255,0) 40%, rgba(255,255,255,0) 64%, rgba(255,255,255,.09) 74%,
                             rgba(255,255,255,0) 84%);
}
.art--canvas{ padding:0; background:none; box-shadow:none; }
.art--canvas .art__mat{ padding:0; background:none; }
.art--canvas .art__img{
  box-shadow:0 0 0 1px rgba(23,24,28,.10),
             2px 3px 0 -1px rgba(23,24,28,.16),
             0 10px 18px rgba(23,24,28,.22);
}
.art--canvas .art__mat::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.22), inset -2px 0 2px rgba(0,0,0,.22);
}
.room__art .art--canvas .art__img, .cfg__pic .art--canvas .art__img{ box-shadow:none; }
.room__art .art--canvas, .room__art .art--canvas .art__mat, .room__art .art--canvas .art__img, .room__art--canvas::after,
.cfg__pic .art--canvas, .cfg__pic .art--canvas .art__mat, .cfg__pic .art--canvas .art__img{ border-radius:calc(var(--in) * .05); }
.room__art .art--canvas .art__mat, .cfg__pic .art--canvas .art__mat{ overflow:hidden; }
.room__art .art--canvas .art__mat::after, .cfg__pic .art--canvas .art__mat::after{
  border-radius:inherit;
  box-shadow:inset 0 calc(var(--in) * .022) calc(var(--in) * .02) rgba(255,255,255,.3),
             inset calc(var(--sx) * var(--in) * .045) 0 calc(var(--in) * .02) rgba(255,255,255,.2),
             inset 0 calc(var(--in) * -.07) calc(var(--in) * .06) rgba(var(--art-shade), .32),
             inset calc(var(--sx) * var(--in) * -.15) 0 calc(var(--in) * .06) rgba(var(--art-shade), .26);
}
.room__art .art--canvas .art__mat::before, .cfg__pic .art--canvas .art__mat::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none; border-radius:inherit;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='w' x='0' y='0' width='256' height='256' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.31 .04' numOctaves='3' seed='4' stitchTiles='stitch' result='a'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.04 .31' numOctaves='3' seed='9' stitchTiles='stitch' result='b'/%3E%3CfeComposite in='a' in2='b' operator='arithmetic' k2='.5' k3='.5'/%3E%3CfeColorMatrix values='.9 0 0 0 .55  .9 0 0 0 .55  .9 0 0 0 .55  0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23w)'/%3E%3C/svg%3E");
  background-size:calc(var(--in) * 2) calc(var(--in) * 2);
  mix-blend-mode:multiply; opacity:.35;
}
.room__art .art--canvas .art__img, .cfg__pic .art--canvas .art__img{ filter:contrast(.88) brightness(1.04) saturate(.9); }
.art--paper{ padding:0; background:none; box-shadow:0 0 0 1px rgba(23,24,28,.12), 0 6px 12px rgba(23,24,28,.16); }
.art--paper .art__mat{ padding:0; background:none; }
.art--paper .art__img{ box-shadow:none; }
.art--file{ padding:0; background:none; box-shadow:0 0 0 1px rgba(23,24,28,.12); }
.art--file .art__mat{ padding:0; background:none; }
.art--file .art__img{ box-shadow:none; }

.cartline{
  display:grid; grid-template-columns:var(--cart-pic) 1fr auto; gap:16px; align-items:center;
  padding:16px 0; border-top:0; border-bottom:1px solid var(--rule);
}
.cartline__art{ display:grid; place-items:center; }
.cartline__art .art{ width:100%; }
.cartline__n{ font-family:var(--ui); font-size:var(--fs-sm); }
.cartline__m{ font-size:var(--fs-sm); color:var(--ink-2); margin-top:2px; }
.cartline__amt{ font-variant-numeric:tabular-nums; font-size:var(--fs-lead); }
.cartline__was{ margin-right:var(--s-2); color:var(--ink-3); font-size:var(--fs-sm); }
.cartline--perk{ border-top:0; }
.perk-ticket svg{ width:45%; height:auto; }
.perk-ticket{
  display:grid; place-items:center; width:100%; aspect-ratio:4 / 3; border-radius:var(--r-card);
  background:var(--cream); color:var(--brass); border:1px dashed var(--brass-2);
  font-family:var(--display); font-size:var(--fs-h3); font-weight:var(--fw-bold);
}
.cartlist .cartline + .cartline{ border-top:0; }
.cartline__acts{ display:flex; flex-wrap:wrap; gap:0 var(--s-4); }
.cartline__acts .cartline__edit{ display:inline-block; }
#cartLine > .cartline__amt{ align-self:start; }
#cartLine > .cartline__art, .cartlist .cartline__art{ grid-row:1; align-self:start; }
.cartline__bd{ grid-column:2 / -1; grid-row:1 / span 2; align-self:start; display:grid; gap:var(--s-2); font-size:var(--fs-sm); line-height:1.4; color:var(--ink); font-variant-numeric:tabular-nums; }
.cartline__bdm{ display:block; font-size:var(--fs-xs); color:var(--ink-2); }
.cartline__bdr{ display:flex; justify-content:space-between; align-items:flex-start; gap:var(--s-3); }
.cartline__bdp{ flex:none; display:flex; align-items:baseline; gap:var(--s-2); font-size:var(--fs-body); line-height:1.3; }
.cartline__bdp .cartline__was{ margin:0; font-size:var(--fs-sm); }
.cartline__acts--row{ grid-column:1; grid-row:2; justify-self:center; align-self:start; flex-direction:column; align-items:center;
  margin-top:var(--s-1); }
.cartline__acts--row .cartline__edit:not(:only-child)::after{
  top:calc(var(--s-3) / -2); bottom:calc(var(--s-3) / -2); height:auto; transform:none;
  left:calc(-1 * var(--s-2)); right:calc(-1 * var(--s-2));
}
.cartlist .cartline__acts .cartline__edit{ line-height:1.4; }
#cartLine{ grid-template-rows:auto 1fr; }
#cartLine > .cartline__art{ grid-row:1 / span 2; }
#cartLine > .cartline__bd{ grid-row:1; }
#cartLine .cartline__acts--row{ grid-column:2; grid-row:2; justify-self:start; align-items:flex-start; margin-top:var(--s-2); }
#cartLine .cartline__acts .cartline__edit{ padding:var(--s-1) var(--s-4); border-radius:var(--btn-r); background:#ECE8E1; color:var(--ink);
  font-size:var(--fs-sm); font-weight:var(--fw-mid); line-height:1.4; text-decoration:none; }
.cartline__drop{ color:var(--ink-3); }
.cartlist .cartline__acts.cartline__acts--row{ grid-column:1 / -1; grid-row:3; justify-self:stretch; display:grid;
  grid-template-columns:1fr 1fr; gap:var(--s-2); margin-top:var(--s-3); }
.cartlist .cartline__acts .cartline__edit{ display:grid; place-items:center; min-height:var(--tap); padding:0 var(--s-3);
  border:1px solid var(--rule-2); border-radius:var(--r-card); background:var(--surface); color:var(--ink);
  font-size:var(--fs-sm); font-weight:var(--fw-bold); text-decoration:none; }
.cartlist .cartline__acts .cartline__drop{ color:var(--ink-2); font-weight:var(--fw-mid); }
.cartlist .cartline__acts .cartline__edit::after{ display:none; }
.cartlist .cartline__acts .cartline__edit:active{ transform:scale(.98); }
.cartlist .cartline{
  grid-template-columns:var(--cartlist-art) 1fr auto; column-gap:var(--s-3); row-gap:0;
  align-items:start; padding:var(--s-3) 0;
}
.cartlist .cartline__amt{ grid-column:auto; font-size:var(--fs-body); line-height:1.4; }
.cartlist .cartline__n{ font-size:var(--fs-body); line-height:1.4; }
.cartlist .cartline__m{ font-size:var(--fs-xs); margin-top:0; }
.cartlist .cartline__acts{ gap:0 var(--s-3); }

.cart--many #cartPerks .cartline{
  grid-template-columns:var(--cartlist-art) 1fr auto; column-gap:var(--s-3); row-gap:0;
  align-items:start; padding:var(--s-3) 0;
}
.cart--many #cartPerks .cartline__amt{ grid-column:auto; font-size:var(--fs-body); line-height:1.4; }
.cart--many #cartPerks .cartline__n{ font-size:var(--fs-body); line-height:1.4; }
.cart--many #cartPerks .perk-ticket{ font-size:var(--fs-body); }
.cart--many .cartmore{ padding:var(--s-3) 0; }
.cartmore{ padding:var(--s-4) 0; border-bottom:1px solid var(--rule); }
.cartfull{ margin:0; padding:var(--s-4) 0; border-bottom:1px solid var(--rule); color:var(--ink-2); font-size:var(--fs-sm); }
.cartmore__h{ margin:0 0 var(--s-2); font-size:var(--fs-sm); color:var(--ink-3); }
.cartmore__row{ display:flex; gap:var(--s-3); overflow-x:auto; padding:var(--s-1); }
.cartmore__pick{
  appearance:none; -webkit-appearance:none; font:inherit; cursor:pointer; position:relative; flex:none;
  width:var(--cart-pick); padding:0; border:var(--chip-bw) solid var(--rule); border-radius:var(--chip-r);
  background:var(--surface); overflow:hidden;
}
.cartmore__pick:hover{ border-color:var(--ink); }
.cartmore__pick:focus-visible{ outline:2px solid var(--brass); outline-offset:2px; }
.cartmore__pick img{ display:block; width:100%; height:auto; aspect-ratio:4 / 5; object-fit:cover; }
.cartmore__pick i{
  position:absolute; right:var(--s-1); bottom:var(--s-1); display:grid; place-items:center;
  width:var(--s-6); height:var(--s-6); border-radius:var(--r-pill); background:var(--ink); color:var(--surface);
  font-style:normal; font-weight:var(--fw-bold); font-size:var(--fs-sm); line-height:1;
}
.done__art--many{ display:grid; grid-template-columns:repeat(auto-fill, minmax(var(--done-many-art), 1fr)); gap:var(--s-3); align-items:end; }
.done__list{ list-style:none; margin:var(--s-3) 0 var(--s-4); padding:0; border-top:1px solid var(--rule); }
.done__list li{ padding:var(--s-3) 0; border-bottom:1px solid var(--rule); font-size:var(--fs-sm); color:var(--ink-2); }
.done__list b{ color:var(--ink); font-weight:var(--fw-bold); }
.done__list a{ color:var(--brass); }

@media (max-width:420px){
  .cartline{ grid-template-columns:var(--cart-pic) minmax(0, 1fr) auto; column-gap:var(--s-3); row-gap:0; align-items:start; padding:var(--s-3) 0; }
  .cartline__n{ font-size:var(--fs-lead); line-height:1.3; }
  .cartline__m{ font-size:var(--fs-xs); }
  .cartline__amt{ grid-column:auto; font-size:var(--fs-body); line-height:1.6; text-align:right; white-space:nowrap; }
  .cartline__was{ margin-right:var(--s-1); font-size:var(--fs-xs); }
}

s, del{
  position:relative;
  font-family:var(--ui);
  text-decoration:none;
  width:-webkit-fit-content; width:fit-content;
}
s::after, del::after{
  content:""; position:absolute; left:0; right:0; top:50%; height:var(--strike-h); margin-top:var(--strike-y);
  pointer-events:none; background-repeat:no-repeat; background-position:center; background-size:100% var(--strike-w);
  background-image:linear-gradient(currentColor, currentColor);
  background-image:linear-gradient(color-mix(in srgb, currentColor 75%, transparent), color-mix(in srgb, currentColor 75%, transparent));
}

.note__was, .lp-was, .ssc-pay-cover__was{
  color:var(--ink-3); font-weight:var(--fw-normal);
}
.lp-was{ font-size:var(--fs-sm); }
.ssc-pay-cover__was{ font-size:var(--t-sm); }

.chipbadge--out{ background:var(--need) !important; }
.is-out{ cursor:not-allowed; }
.is-out > img, .is-out > span:not(.chipbadge){ opacity:.45; filter:grayscale(1); }
.rec-pill.rec-pill{
  display:inline-block; vertical-align:middle; margin-left:var(--s-2);
  padding:var(--s-h) var(--s-2); border-radius:var(--r-pill);
  background:var(--ok); color:#fff;
  font-family:var(--ui); font-size:var(--fs-micro); font-weight:var(--fw-strong); line-height:1.3;
  letter-spacing:0; white-space:nowrap;
}
.chipbadge{
  position:absolute; top:0; left:50%; transform:translate(-50%, -55%);
  padding:var(--s-h) var(--s-2); border-radius:var(--r-pill);
  background:var(--ok); color:#fff;
  font-size:var(--fs-xs); font-weight:var(--fw-strong); line-height:1.3;
  white-space:nowrap; pointer-events:none;
}

.btn, .btn-quiet{
  appearance:none; -webkit-appearance:none; font:inherit; cursor:pointer;
  transition:opacity .16s ease, transform .16s ease,
             border-color .15s ease, background .15s ease, color .15s ease;
}
.btn:active{ transform:translateY(1px); }
.btn:focus-visible, .btn-quiet:focus-visible{
  outline:2px solid var(--brass); outline-offset:2px;
}
.btn[disabled]{ background:var(--rule); color:var(--ink-3); box-shadow:none; transform:none; cursor:not-allowed; }
.btn-quiet[disabled]{ opacity:.4; cursor:not-allowed; }
.btn-quiet[disabled]{ text-decoration:none; }

.btn-quiet, .cartline__edit, .plink, .fpick__whole, .gen__back{
  appearance:none; background:none; border:0; margin:0; cursor:pointer; font:inherit;
  padding:var(--s-2) 2px;
  font-size:var(--btn-fs-quiet); color:var(--ink-3);
  text-decoration:underline; text-underline-offset:3px;
}
.btn-quiet:hover,
.cartline__edit:hover, .plink:hover, .fpick__whole:hover, .gen__back:hover{ color:var(--ink); }

.cartline__edit{ color:var(--brass); }
.plink{ color:inherit; text-underline-offset:2px; padding:0; }
.cartline__edit{ display:block; padding:var(--s-2) 0 0; position:relative; }
.cartline__edit::after{
  content:""; position:absolute; left:0; right:0; top:50%;
  height:44px; transform:translateY(-50%);
}
.cfg__seg button::after, .lp-react__dots button::after, .rev__bar::after, .ssc-safe .plink::after, .cfg__pol .plink::after,
.totop::after{
  content:""; position:absolute; left:0; right:0; top:50%; height:var(--tap); transform:translateY(-50%);
}
.lp-react__dots button, .rev__bar, .ssc-safe .plink, .cfg__pol .plink{ position:relative; }
.foot__links a{ min-height:var(--tap); }
.fpick__whole, .gen__back{ display:block; margin:var(--s-3) auto 0; padding:var(--s-2) var(--s-3); }

.btn-sep{ display:block; flex:none; width:1px; height:1em; background:currentColor; opacity:.35; }

.note{
  display:block; width:100%; margin:var(--s-5) 0 0;
  padding:var(--s-3) var(--s-4);
  border:1px solid; border-radius:var(--chip-r);
  font:inherit; font-size:var(--fs-sm); line-height:1.5; text-align:left;
}
.note b{ font-weight:var(--fw-bold); }
.note--good{
  color:var(--ink); background:var(--ok-fill); border-color:var(--ok-line);
  box-shadow:var(--shadow-1);
}
.note--good b{ color:var(--ok); }
.promise{
  display:flex; align-items:center; justify-content:center;
  gap:var(--s-2); flex-wrap:nowrap;
  margin:var(--s-3) 0 0; padding:0 var(--s-2);
  font-size:var(--fs-sm); line-height:1.45; color:var(--ink-2); text-align:center;
}
.promise__dot{
  width:7px; height:7px; flex:none;
  border-radius:var(--r-pill); background:var(--ok);
}
.promise b{ font-weight:var(--fw-strong); color:var(--ink); }
.cfg__promise{ flex:none; margin:0; font-size:clamp(var(--fs-micro), 3.9vw, var(--fs-sm)); }
.cfg__quotes{ flex:none; position:relative; margin:var(--s-3) 0 0; padding:var(--s-3) var(--s-4) var(--s-6); background:var(--surface); border-radius:0; }
.cfg__qtrack{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.cfg__qtrack::-webkit-scrollbar{ display:none; }
.cfg__q{ flex:0 0 100%; margin:0; scroll-snap-align:start; min-width:0; }
.cfg__qhead{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--s-1) var(--s-2); margin:0 0 var(--s-1); }
.cfg__qstars{ display:flex; gap:var(--s-h); }
.cfg__qwho{ display:inline-flex; align-items:center; gap:var(--s-2); font-size:var(--fs-micro); line-height:1.2; color:var(--ink); }
.cfg__qwho b{ font-weight:var(--fw-bold); }
.cfg__qok{ display:inline-flex; align-items:center; gap:var(--s-h); color:var(--ok); font-weight:var(--fw-mid); }
.cfg__qok svg{ width:var(--s-3); height:var(--s-3); }
.cfg__qstars i{ display:grid; place-items:center; width:var(--q-star); height:var(--q-star); background:var(--star-green); color:#fff; }
.cfg__qstars svg{ width:76%; height:76%; }
.cfg__q blockquote{ margin:0; font-size:var(--fs-sm); line-height:1.4; font-weight:var(--fw-mid); color:var(--ink); }
.cfg__qnav{ position:absolute; bottom:var(--s-1); right:var(--s-2); display:flex; align-items:center; }
.cfg__qdots{ display:flex; gap:0; }
.cfg__qarrow{ position:relative; display:grid; place-items:center; width:var(--s-6); height:var(--s-6); min-height:0; padding:0; border:0; background:transparent;
  color:var(--ink-2); cursor:pointer; }
.cfg__qarrow::before, .cfg__qdots button::before{ content:""; position:absolute; inset:calc((var(--s-6) - var(--tap)) / 2); }
.cfg__qarrow svg{ width:var(--s-3); height:var(--s-3); }
.cfg__qarrow:hover{ color:var(--ink); }
.cfg__qdots button{ width:var(--s-4); height:var(--s-4); min-height:0; padding:0; border:0; background:transparent; cursor:pointer; position:relative; }
.cfg__qdots button::after{ content:""; position:absolute; inset:calc(50% - var(--s-1) + var(--s-h) / 2); border-radius:var(--r-circle); background:var(--rule-2); }
.cfg__qdots button[aria-current="true"]::after{ background:var(--ink); }
.cfg__promise > span[data-city]{ display:flex; align-items:baseline; justify-content:center; text-overflow:clip; }
.cfg__promise .promise__city{ flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.cfg__promise .promise__lead, .cfg__promise .promise__when{ flex:none; white-space:pre; }
.cfg__hands{ flex:none; margin:var(--s-4) 0 0; }
.cfg__handsbox{ position:relative; display:block;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 7%, #000 84%, transparent 100%);
          mask-image:linear-gradient(to bottom, transparent 0, #000 7%, #000 84%, transparent 100%); }
.cfg__handsbox > img{ display:block; width:100%; height:auto; }
.cfg__handsclip, .cfg__handsglass{ position:absolute; overflow:hidden; pointer-events:none; }
.cfg__handsclip{ display:flex; align-items:center; justify-content:center; }
.cfg__handsclip .art{ flex:none; box-shadow:none; }
.cfg__handsclip .art__img{ filter:contrast(.9) saturate(.85) blur(.3px); }
.cfg__handsclip::after{ content:""; position:absolute; inset:0;
  box-shadow:inset 0 5px 6px -2px rgba(0,0,0,.34), inset 3px 0 4px -2px rgba(0,0,0,.2), inset -4px 0 5px -2px rgba(0,0,0,.24), inset 0 -2px 3px -2px rgba(0,0,0,.12); }
.cfg__handsglass{ mix-blend-mode:screen;
  background:linear-gradient(118deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.05) 34%, rgba(255,255,255,0) 52%, rgba(255,255,255,.05) 100%); }
.cfg__hands figcaption{ margin-top:var(--s-2); font-size:var(--fs-sm); color:var(--ink-2); text-align:center; }
.promise i{ font-style:normal; color:var(--ink-3); }
.promise > span:last-child{ min-width:0; }

.surprise-q{ display:grid; place-items:center; width:100%; height:100%; border-radius:var(--r-card);
  background:var(--cream); color:var(--brass); border:1px dashed var(--brass-2); }
.surprise-q svg{ width:62%; height:auto; }
.cfg__giftrow{ order:5; flex:none; display:grid; grid-template-columns:11fr 9fr; gap:var(--s-3); margin:var(--s-10) 0 0; }
.cfg__giftrow:has(> [hidden]){ grid-template-columns:minmax(0, 1fr); }
.cfg__giftrow:has(> .cfg__gifts[hidden]){ margin-top:var(--s-4); }
.cfg__gifts, .cfg__giftrow > #cfgPromise{ min-width:0; background:var(--surface); border-radius:calc(var(--r-card) + var(--s-2));
  box-shadow:0 1px 2px rgba(23,24,28,.05), 0 10px 22px -14px rgba(51,40,31,.35); }
.cfg__gifts{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  padding:calc(var(--s-10) + var(--s-1)) var(--s-2) var(--s-3); }
.cfg__fan{ position:static; width:100%; height:0; }
.cfg__fanc{ position:absolute; left:50%; top:calc(-1 * (var(--s-6) + var(--s-1))); width:var(--gift-card); margin-left:calc(var(--gift-card) / -2);
  aspect-ratio:4 / 5; overflow:hidden; border:var(--s-h) solid var(--surface); border-radius:var(--r-md); background:var(--surface);
  box-shadow:0 1px 2px rgba(23,24,28,.25), 0 8px 16px -8px rgba(23,24,28,.5); transform-origin:50% 140%;
  transform:translateX(calc(var(--gift-card) * var(--fx, 0))) rotate(var(--fr, 0deg));
  transition:transform .5s var(--ease), opacity .3s ease; }
.cfg__fanc:not([data-in]){ opacity:0; transform:translate(calc(var(--gift-card) * 1.4), calc(var(--gift-card) * -.6)) rotate(40deg) scale(.4); }
.cfg__fanc > img{ display:block; width:100%; height:100%; object-fit:cover; }
.cfg__fan[data-still] .cfg__fanc{ transition:none; }
.cfg__giftt{ min-width:0; }
.cfg__gifth{ display:flex; align-items:center; justify-content:center; margin:0; font-family:var(--headline); font-weight:var(--fw-heavy);
  font-size:var(--fs-gift-head); line-height:1.05; font-variant-numeric:lining-nums; }
.cfg__giftn{ display:inline-block; font-weight:inherit; }
.cfg__giftn[data-roll="up"]{ animation:gift-roll-up .4s var(--ease); }
.cfg__giftn[data-roll="down"]{ animation:gift-roll-down .4s var(--ease); }
@keyframes gift-roll-up{ 0%{ transform:translateY(.6em); opacity:0; } 60%{ transform:translateY(-.06em) scale(1.18); opacity:1; } 100%{ transform:none; } }
@keyframes gift-roll-down{ 0%{ transform:translateY(-.6em); opacity:0; } 60%{ transform:translateY(.06em); opacity:1; } 100%{ transform:none; } }
.cfg__giftq{ position:relative; flex:none; display:grid; place-items:center; width:var(--gift-q); height:var(--gift-q); padding:0; border:0; background:none;
  margin:0; color:var(--ink); font-family:var(--ui); cursor:pointer; -webkit-tap-highlight-color:transparent; }
.cfg__giftq > span{ display:grid; place-items:center; width:var(--gift-q); height:var(--gift-q); border-radius:var(--r-circle);
  box-shadow:inset 0 0 0 calc(var(--btn-line-w) * .75) var(--ink); font-size:var(--fs-micro); font-weight:var(--fw-strong); line-height:1; }
.cfg__giftq::after{ content:""; position:absolute; inset:calc((var(--gift-q) - var(--tap)) / 2); }
.cfg__giftq:focus-visible{ outline:none; }
.cfg__giftq:focus-visible > span{ box-shadow:inset 0 0 0 var(--btn-line-w) var(--ink), 0 0 0 var(--s-1) var(--ok-soft); }
.cfg__giftw{ display:flex; align-items:center; justify-content:center; gap:var(--s-2); margin:var(--s-1) 0 0; font-size:var(--fs-xs);
  font-weight:var(--fw-strong); color:var(--ok); font-variant-numeric:tabular-nums; }
.cfg__giftw b{ font-weight:inherit; }
.cfg__giftwhat{ margin:var(--s-1) 0 0; font-size:var(--fs-micro); line-height:1.3; font-weight:var(--fw-mid); color:var(--ink); text-wrap:balance; }
.cfg__giftwhat:not([hidden]) + .cfg__giftw{ margin-top:0; }
@media (prefers-reduced-motion: reduce){ .cfg__fanc{ transition:none; } .cfg__giftn[data-roll]{ animation:none; } }
@media (max-width:389px){
  :root{ --gift-card:clamp(34px, 11vw, 48px); }
  .cfg__giftrow{ grid-template-columns:3fr 2fr; }
  .cfg__gifts{ padding:calc(var(--s-8) + var(--s-1)) var(--s-1) var(--s-3); }
  .cfg__fanc{ top:calc(-1 * (var(--s-5) + var(--s-h))); }
}
.cfg__giftrow > #cfgPromise{ display:flex; align-items:center; justify-content:center; margin:0; padding:var(--s-3) var(--s-2); }
#cfgPromiseText{ display:flex; flex-direction:column; align-items:center; gap:var(--s-2); width:100%; min-width:0; }
.cfg__cal{ display:block; width:100%; max-width:calc(var(--s-10) * 3 + var(--s-3)); overflow:hidden; text-align:center;
  border-radius:calc(var(--r-card) - var(--s-h)); background:var(--surface);
  box-shadow:0 1px 2px rgba(23,24,28,.14), 0 6px 12px -6px rgba(51,40,31,.35); }
.cfg__cal > b{ display:block; padding:3px 0; background:var(--ink); color:var(--surface); font-size:var(--fs-micro);
  font-weight:var(--fw-strong); letter-spacing:.1em; line-height:1.3; text-transform:uppercase; }
.cfg__cal > span{ display:flex; align-items:center; justify-content:center; gap:var(--s-2); padding:1px 0 3px; }
.cfg__cal i{ font-style:normal; font-size:var(--fs-micro); letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); }
.cfg__cal strong{ font-family:var(--display); font-size:calc(var(--fs-h2) + var(--s-2)); font-weight:var(--fw-mid); line-height:1.1; color:var(--ink); }
.cfg__cal em{ padding:var(--s-h) 0; font-family:var(--display); font-size:var(--fs-h3); line-height:1.2; color:var(--ink); }
.cfg__calf{ display:flex; flex-direction:column; align-items:center; max-width:100%; font-size:var(--fs-micro); font-weight:var(--fw-mid);
  line-height:1.35; color:var(--ink-3); }
.cfg__calf > span{ max-width:100%; text-wrap:balance; }
.cfg__calto{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:anywhere; }
.cfg__calto b{ font-weight:var(--fw-strong); color:var(--ink); }
@media (max-width:389px){
  .cfg__giftrow > #cfgPromise{ padding-inline:var(--s-1); }
  .cfg__cal > b{ letter-spacing:.04em; }
  .cfg__cal > span{ gap:var(--s-1); }
  .cfg__cal strong{ font-size:var(--fs-h2); }
}
.sheet__in.cfg__rec{ padding:var(--s-6) var(--s-5) calc(var(--s-6) + env(safe-area-inset-bottom, 0px)); }
.cfg__rech{ display:flex; align-items:center; gap:var(--s-2); margin:0 var(--tap) var(--s-3) 0; font-size:var(--fs-h3);
  font-weight:var(--fw-bold); line-height:1.3; }
.cfg__rech svg{ flex:none; width:var(--ico-md); height:var(--ico-md); color:var(--seal-mid); }
.cfg__recl{ list-style:none; margin:0; padding:0; }
.cfg__recl li{ display:flex; align-items:baseline; gap:var(--s-2); padding:var(--s-2) 0; font-size:var(--fs-sm); line-height:1.3; }
.cfg__recl svg{ flex:none; align-self:center; width:var(--ico-sm); height:var(--ico-sm); color:var(--ok); }
.cfg__recl li[data-open="0"] svg{ color:var(--ink); }
.cfg__recn small{ font-size:var(--fs-micro); color:var(--ink-2); }
.cfg__recd{ flex:1 1 var(--s-4); min-width:var(--s-4); border-bottom:var(--s-h) dotted var(--rule-2); }
.cfg__recl s{ color:var(--ink-2); }
.cfg__recl b{ font-weight:var(--fw-strong); color:var(--ok); }
.cfg__recl li[data-open="0"] b{ color:var(--ink-2); font-weight:var(--fw-bold); white-space:nowrap; }
.cfg__recl li[data-open="0"]{ flex-wrap:wrap; row-gap:0; }
.cfg__recl li[data-open="0"] .cfg__recn{ white-space:nowrap; }
.cfg__recl li[data-open="0"] b{ margin-left:auto; }
.cfg__rect{ display:flex; justify-content:space-between; margin:var(--s-2) 0 0; padding-top:var(--s-3); border-top:var(--s-h) dashed var(--ink);
  font-size:var(--fs-lead); font-weight:var(--fw-strong); }
.cfg__rect b{ color:var(--ok); }
@media (min-width:768px){
  .sheet.cfg__giftsheet{ align-items:center; justify-content:center; }
  .cfg__giftsheet .sheet__in{ width:min(26rem, calc(100% - var(--s-8))); border-radius:var(--r-sheet); opacity:0;
    transform:translateY(var(--s-4)) scale(.97); transition:transform .3s var(--ease), opacity .25s ease; }
  .cfg__giftsheet[data-open] .sheet__in{ opacity:1; transform:none; }
}
@media (prefers-reduced-motion: reduce){ .cfg__giftsheet .sheet__in{ transition:none; } }
.cfg__stage[data-v="flat"] .cfg__savetag{ top:calc(var(--pic-t, 0px) + var(--s-2)); left:calc(var(--pic-l, 0px) + var(--s-2));
  transition:top .6s cubic-bezier(.32,.72,0,1), left .6s cubic-bezier(.32,.72,0,1); }
.cfg__stage[data-v="flat"] .cfg__saveband{ padding:var(--s-1) var(--s-2); font-size:var(--fs-micro); }
.cfg__savetag{ position:absolute; z-index:5; top:var(--s-3); left:var(--s-3); pointer-events:none; }
.cfg__saveband{ position:relative; display:block; white-space:nowrap; padding:var(--s-2) var(--s-3); line-height:1.2;
  border-radius:var(--r-pill); color:var(--surface); font-size:var(--fs-xs); font-weight:var(--fw-bold); letter-spacing:.02em;
  background:linear-gradient(180deg, var(--ok), var(--ok-deep)); box-shadow:0 4px 10px -4px rgba(23,24,28,.45); }
.cfg__saveband::before{ content:""; position:absolute; inset:var(--s-h); border-radius:inherit; pointer-events:none;
  border:1px dashed rgba(255,255,255,.6); }
.wsay{ position:absolute; z-index:4; display:flex; flex-direction:column; align-items:center; justify-content:space-evenly; text-align:center;
  pointer-events:none; }
.wsay__h, .wsay__s{ margin:0; }
.wsay__h{ font-family:var(--headline); font-weight:var(--fw-heavy); font-size:var(--wsay-fs, 40px); line-height:.93; letter-spacing:.004em;
  white-space:nowrap; padding-bottom:.14em; margin-bottom:-.14em; color:rgb(56,48,40); }
.wsay__h em{ font-style:italic; }
.wsay__s{ display:flex; flex-wrap:wrap; justify-content:center; column-gap:.9em; row-gap:.2em; margin-top:.35em;
  max-width:100%; font-family:var(--ui); font-weight:var(--fw-strong); line-height:1.2; color:rgb(40,33,26);
  font-size:max(var(--fs-micro), calc(var(--wsay-fs, 40px) * .45)); }
.wsay__tick{ position:relative; display:inline-flex; align-items:center; gap:var(--s-1); }
.wsay__tick::before{ content:""; flex:none; width:1.15em; height:1.15em; background:var(--ok);
  -webkit-mask:var(--tick) center/contain no-repeat; mask:var(--tick) center/contain no-repeat; }
.wsay__tick::after{ content:""; position:absolute; left:0; top:50%; width:1.15em; height:1.15em; transform:translateY(-50%); pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.3l3.3 3.3 6.8-6.9' fill='none' stroke='white' stroke-width='2.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
.wsay__stars{ display:flex; align-items:center; gap:.45em; margin:0 0 .55em; font-family:var(--ui); font-weight:var(--fw-bold);
  font-size:max(var(--fs-sm), calc(var(--wsay-fs, 40px) * .42)); line-height:1; color:rgb(46,39,32); white-space:nowrap; }
.wsay__starbox{ display:inline-flex; gap:.14em; }
.wsay:not(.wslide__say){ container:wsay / size; }
@container wsay (max-height:84px){ .wsay__stars{ display:none; } }
@container wsay (max-height:56px){ .wsay__s{ display:none; } }
.wsay__flag{ display:inline-block; width:1.3em; height:.7em; margin-left:.15em; vertical-align:.05em; border-radius:var(--s-h); }
.wsay__starbox svg{ box-sizing:border-box; width:1.3em; height:1.3em; padding:.17em; background:rgb(46,39,32); color:#fff; border-radius:var(--r-mark); }
.wsay__dims{ position:absolute; inset:0; pointer-events:none; font-size:var(--fs-chip); font-weight:var(--fw-strong); color:var(--ink); }
.wsay__dims i{ position:absolute; background:var(--ink); }
.wsay__w{ left:calc(var(--dims-pad, 0) * 100cqw); right:calc(var(--dims-pad, 0) * 100cqw); top:calc(-1 * var(--s-3)); height:var(--s-h); }
.wsay__v{ top:calc(var(--dims-pad, 0) * 100cqw); bottom:calc(var(--dims-pad, 0) * 100cqw); left:calc(-1 * var(--s-3)); width:var(--s-h); }
.wsay__dims b{ position:absolute; padding:var(--s-h) var(--s-2); border-radius:var(--r-pill); background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.18); white-space:nowrap; line-height:1.2; }
.wsay__wl{ left:50%; top:calc(-1 * var(--s-3)); transform:translate(-50%, -50%); }
.wsay__vl{ top:50%; left:calc(-1 * var(--s-3)); transform:translate(-50%, -50%); }
.wslide{ position:absolute; left:0; right:0; bottom:0; height:var(--card-h, 100%); display:flex; flex-direction:column; align-items:center; justify-content:center;
  box-sizing:border-box; text-align:center; padding:var(--s-6) var(--s-6) calc(var(--wall-thumb-h, var(--wall-thumb)) + var(--s-8)); }
.wslide--gift{ justify-content:flex-start; overflow:hidden; isolation:isolate; padding-top:var(--s-8);
  padding-bottom:calc(var(--wall-thumb-h, var(--wall-thumb)) + var(--s-8) + var(--s-3));
  background:radial-gradient(90% 55% at 30% 18%, rgba(255,250,240,.55), transparent 70%),
    linear-gradient(176deg, rgb(229,221,209) 0%, rgb(218,207,192) 55%, rgb(204,190,172) 100%); }
.wslide--gift::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.35; mix-blend-mode:multiply;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .15 0 0 0 0 .1 0 0 0 .5 -.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.cfg__stage[data-tall] .wslide--gift{ padding-top:calc(var(--s-10) + var(--s-6)); }
.wslide__say{ position:static; --wsay-fs:var(--fs-wall-head); }
.wslide__say .wsay__h{ font-variant-numeric:lining-nums; }
.wslide__say .wsay__s{ font-size:calc(var(--wsay-fs) * .3); flex-wrap:nowrap; }
.wslide__fan{ position:relative; flex:1 1 auto; min-height:0; width:100%; margin:var(--s-3) 0 0; }
.wslide__card{ position:absolute; top:50%; left:50%; height:88%; aspect-ratio:4 / 5; box-sizing:border-box; padding:var(--s-1); background:#fff;
  border-radius:var(--r-md); box-shadow:0 2px 3px rgba(40,30,20,.18), 0 18px 30px -12px rgba(40,30,20,.5); }
.wslide__card img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:var(--r-sm); }
.wslide__card--mine{ transform:translate(-92%, -50%) rotate(-10deg); }
.wslide__card--q{ transform:translate(-20%, -50%) rotate(6deg); }
.wslide__q{ display:block; position:relative; width:100%; height:100%; overflow:hidden; border-radius:var(--r-sm); background:var(--wall-ink); }
.wslide__q img{ filter:blur(3px) sepia(.35); transform:scale(1.08); }
.wslide__q::after{ content:"?"; position:absolute; inset:0; display:grid; place-items:center;
  background:linear-gradient(160deg, rgba(60,46,30,.35), rgba(30,24,18,.55)); color:#fff; text-shadow:0 4px 18px rgba(0,0,0,.4);
  font-family:var(--headline, "Playfair Display", var(--display)); font-size:var(--fs-wall-q); font-style:italic; font-weight:var(--fw-heavy); }
.wslide__card .wslide__bow{ position:absolute; width:56%; height:auto; border-radius:0; right:-18%; top:-15%; transform:rotate(14deg); filter:drop-shadow(0 6px 8px rgba(0,0,0,.35)); }
.wslide__spark{ position:absolute; width:var(--wall-spark); height:var(--wall-spark); color:var(--brass-2); animation:wslideTwinkle 2.4s ease-in-out infinite; }
.wslide__spark svg{ display:block; width:100%; height:100%; }
.wslide__spark:nth-child(3){ right:12%; top:2%; }
.wslide__spark:nth-child(4){ right:6%; top:48%; transform:scale(.7); animation-delay:.8s; }
.wslide__spark:nth-child(5){ left:46%; top:-2%; transform:scale(.6); animation-delay:1.5s; }
@keyframes wslideTwinkle{ 0%, 100%{ opacity:.25; scale:.6; rotate:0deg; } 50%{ opacity:1; scale:1; rotate:45deg; } }
@media (prefers-reduced-motion: reduce){ .wslide__spark{ animation:none; } }
.wslide__pill{ position:relative; z-index:2; top:calc(-1 * var(--s-8)); display:inline-flex; align-items:center; gap:var(--s-2); margin:var(--s-3) 0 0;
  padding:var(--s-2) var(--s-5); border-radius:var(--r-pill); line-height:1;
  background:var(--ok); color:#fff; font-family:var(--ui); font-size:var(--fs-wall-pill); font-weight:var(--fw-strong); white-space:nowrap;
  box-shadow:0 8px 16px -8px rgba(20,40,30,.6); }
.wslide__pill s{ opacity:.75; font-weight:var(--fw-bold); }
.wslide__pill b{ font-family:var(--headline, "Playfair Display", var(--display)); font-size:var(--fs-wall-pill-b); font-weight:var(--fw-heavy); letter-spacing:.02em; line-height:1; }
@media (min-width:1024px){ .wslide__card{ padding:var(--s-2); } }
.wslide--film{ background:#17181C; }
.wslide--film video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.gift__art img[src*="gift-wrapped"]{ mix-blend-mode:normal; filter:none; -webkit-mask-image:none; mask-image:none;
  border-radius:var(--r-sm); box-shadow:0 4px 10px -4px rgba(23,24,28,.55); }
.yr-sur{ padding-block:var(--s-10); overflow:hidden; }
.yr-sur__in{ max-width:36rem; margin:0 auto; text-align:center; }
.yr-sur__lede{ margin:var(--s-2) 0 var(--s-5); font-size:var(--fs-body); line-height:1.5; color:var(--ink-2); }
.yr-sur__stage{ position:relative; width:var(--sur-box); margin:0 auto var(--s-4); perspective:1400px; }
.yr-sur__box{ position:relative; display:block; width:100%; aspect-ratio:4 / 5; margin:0; border-radius:var(--r-card); overflow:hidden; }
.yr-sur__stage[data-land] .yr-sur__box{ aspect-ratio:5 / 4; }
.yr-sur__box .surprise-q{ position:absolute; inset:0; transition:opacity .6s ease, transform .6s ease; }
.yr-sur__box .surprise-q svg{ width:38%; }
.yr-sur__box img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.04);
  transition:opacity .8s ease, transform 1.3s var(--ease) 1.3s, filter 1s ease 1.3s; }
.yr-sur__box[data-ready] img{ opacity:1; transform:none; }
.yr-sur__box[data-ready] .surprise-q{ opacity:0; }
.yr-sur__stage[data-wrapped] .yr-sur__box img{ transform:scale(.93); filter:brightness(.82); }
.yr-sur .btn{ max-width:var(--sur-box); margin-inline:auto; }
.yr-sur__acts{ display:grid; gap:var(--s-3); justify-items:center; }
.yr-sur__acts .btn-quiet{ display:inline-flex; align-items:center; justify-content:center; min-height:var(--tap); min-width:var(--tap);
  font-size:var(--fs-body); color:var(--ink-2); }
.yr-sur__frame{ margin-top:var(--s-3); }
@media (prefers-reduced-motion: reduce){
  .yr-sur__box *{ transition:none; }
}

body[data-photos="true"] #view-landing > section:not(#builder),
body[data-photos="true"] .foot{ display:none; }
.lp-back{
  display:flex; align-items:center; gap:var(--s-2); margin:0 auto var(--s-6);
  min-height:var(--tap); padding:0 var(--s-5); border-radius:var(--btn-r);
  border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.08); color:#fff;
  font:inherit; font-size:var(--fs-sm); font-weight:var(--fw-mid); cursor:pointer;
}
.lp-back:hover{ background:rgba(255,255,255,.16); }
.lp-back:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
.lp-back svg{ width:var(--ico-sm); height:var(--ico-sm); flex:none; }


.pics__row{
  display:grid; grid-auto-flow:column; grid-auto-columns:var(--thumb); gap:var(--s-2);
  margin-top:var(--s-1); padding:var(--s-1); overflow-x:auto; scrollbar-width:thin;
}
.cfg__pick{ position:absolute; z-index:6; top:calc(var(--pic-t, 0px) + var(--s-1)); left:var(--pick-l, calc(var(--pic-l, 0px) + var(--s-1)));   
  transition:top .6s cubic-bezier(.32,.72,0,1), left .6s cubic-bezier(.32,.72,0,1); }
.cfg__pick[hidden], .cfg__stage:not([data-v="flat"]) .cfg__pick{ display:none; }
.cfg__pickt{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.cfg__pickrow{ display:flex; flex-direction:column; gap:var(--s-2); padding:var(--s-h);
  max-height:calc(var(--pick-thumb) * 4 + var(--s-2) * 3 + var(--s-1)); overflow-y:auto; scrollbar-width:none; }
.cfg__pickrow::-webkit-scrollbar{ display:none; }
.cfg__pickb{ flex:none; width:var(--pick-thumb); height:var(--pick-thumb); min-height:0; padding:0; overflow:hidden; cursor:pointer;
  border:2px solid rgba(255,255,255,.95); border-radius:var(--r-md); background:var(--surface);
  box-shadow:0 4px 12px -4px rgba(23,24,28,.45); }
.cfg__pickb img{ display:block; width:100%; height:100%; object-fit:cover; }
.cfg__picknew{ display:grid; place-items:center; width:var(--tap); height:var(--tap); margin:var(--s-2) auto 0; padding:0;
  border:0; border-radius:var(--r-pill); background:var(--surface); color:var(--ink); cursor:pointer;
  box-shadow:0 4px 12px -4px rgba(23,24,28,.45); }
.cfg__picknew svg{ width:var(--ico-sm); height:var(--ico-sm); }
.cfg__pickb[aria-pressed="true"]{ border-color:var(--ink); box-shadow:0 0 0 2px #fff, 0 4px 12px -4px rgba(23,24,28,.45); }
.pics__item{
  position:relative; appearance:none; cursor:pointer; padding:0; font:inherit;
  aspect-ratio:4 / 5; overflow:hidden;
  border:var(--chip-bw) solid var(--chip-bd); border-radius:var(--chip-r);
  background:var(--chip-off-bg); color:var(--ink-2);
}
.pics__item img{ display:block; width:100%; height:100%; object-fit:cover; }
.pics__item:hover{ border-color:var(--rule-2); }
.pics__item[aria-pressed="true"]{ border-color:var(--chip-on); box-shadow:0 0 0 var(--s-h) var(--chip-on); }
.pics__item:focus-visible{ outline:2px solid var(--brass); outline-offset:2px; }
.pics__item[disabled]{ opacity:.5; cursor:progress; }
.pics__tag{
  position:absolute; left:0; right:0; bottom:0; padding:var(--s-h) 0;
  background:var(--ok); color:#fff; text-align:center;
  font-size:var(--fs-micro); font-weight:var(--fw-strong);
}
.pics__new{
  display:grid; place-content:center; justify-items:center; gap:var(--s-h);
  border-style:dashed; border-color:var(--brass-2); background:var(--brass-fill); color:var(--brass);
  font-size:var(--fs-micro); font-weight:var(--fw-strong); line-height:1.15; text-align:center;
}
.pics__new svg{ width:var(--ico-sm); height:var(--ico-sm); }
html[data-app="true"], body[data-app="true"]{ overflow:hidden; overscroll-behavior:none; }
body[data-app="true"] #view-proof{ position:fixed; inset:var(--ann-real, 0px) 0 0 0; z-index:30; background:var(--paper); overflow:hidden; touch-action:pan-x pinch-zoom; }
body[data-app="true"][data-ann-in="1"] #view-proof{ top:0; }
body[data-app="true"][data-ann-in="1"] .cfg.cfg{ top:0; }
#cfgApp.cfg > .ann{ order:-1; flex:none; z-index:7; width:auto; max-width:none; }
body[data-app="true"] .foot{ display:none !important; }

.sheet{ position:fixed; inset:0; z-index:60; background:rgba(23,24,28,0); display:flex; align-items:flex-end;
  transition:background .35s ease; -webkit-tap-highlight-color:transparent; cursor:pointer; }
.sheet[data-open]{ background:rgba(23,24,28,.4); }
.sheet__in{
  position:relative; width:100%; max-height:85dvh; overflow-y:auto; padding:var(--s-8) 0 var(--s-6);
  background:var(--surface); border-radius:var(--r-lg) var(--r-lg) 0 0; cursor:auto;
  transform:translateY(100%); transition:transform .45s cubic-bezier(.32,.72,0,1);
  box-shadow:0 -12px 40px rgba(23,24,28,.12);
}
.sheet[data-open] .sheet__in{ transform:none; }
@media (prefers-reduced-motion:reduce){ .sheet, .sheet__in{ transition:none; } }
.sheet__x{
  position:absolute; top:var(--s-2); right:var(--s-3); width:var(--tap); height:var(--tap);
  border:0; background:none; font-size:var(--fs-close); line-height:1; color:var(--ink-2); cursor:pointer;
}

body[data-ui="2"] #view-proof{ background:transparent; }
.cfg{
  position:fixed; inset:0; z-index:32; display:flex; flex-direction:column; gap:8px;
  padding:max(var(--s-2), env(safe-area-inset-top)) 14px max(var(--s-3), env(safe-area-inset-bottom));
  background:
    radial-gradient(120% 60% at 0% 0%, var(--paper) 0%, rgba(247,246,243,0) 60%),
    radial-gradient(110% 70% at 100% 100%, var(--cfg-ground-glow) 0%, rgba(237,228,216,0) 65%),
    linear-gradient(165deg, var(--paper) 0%, var(--cfg-ground-mid) 50%, var(--cfg-ground-end) 100%);
  color:var(--ink); overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
}
.cfg__more{ flex:none; margin:var(--s-4) -14px 0; }
.cfg__pol{ margin:var(--s-6) 14px 0; padding-top:var(--s-1); border-top:1px solid var(--rule);
  font-size:var(--fs-micro); color:var(--ink-3);
  padding-bottom:calc(var(--s-10) + var(--s-6) + env(safe-area-inset-bottom, 0px)); }
.cfg__pol .foot__links{ justify-content:center; }
.cfg__more > .wrap{ padding-inline:14px; }
.cfg__more > #revWrap{ content-visibility:auto; contain-intrinsic-size:auto 900px; }
.cfg__intro, .cfg__side{ display:contents; }
.cfg__bar{ order:0; } .cfg__title{ order:1; } .cfg__rate{ order:2; } .cfg__stage{ order:3; }
.cfg__steps{ order:4; } .cfg__cart{ order:5; } .cfg__promise{ order:6; } .cfg__quotes{ order:6; } .cfg__hands{ order:6; } .cfg__more{ order:7; }
.cfg button{ -webkit-tap-highlight-color:transparent; }
.cfg__cartbtn[data-empty]{ visibility:hidden; }
.cfg__bar{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-2); flex:none; }
.cfg__round{
  position:relative; width:36px; height:36px; flex:none; display:grid; place-items:center; border-radius:var(--r-circle);
  border:1px solid rgba(255,255,255,.8); background:rgba(255,255,255,.7); color:var(--ink);
  box-shadow:0 2px 8px rgba(51,40,31,.08); font:inherit; font-size:var(--fs-cfg); font-weight:var(--fw-bold); cursor:pointer;
}
.cfg__round svg{ width:18px; height:18px; }
.cfg__cartbtn svg{ width:var(--ico-md); height:var(--ico-md); }
.cfg__cartn{ position:absolute; top:-3px; right:-3px; min-width:var(--s-4); height:var(--s-4); padding:0 var(--s-1);
  border-radius:var(--r-pill); background:var(--ink); color:var(--surface); font-size:var(--fs-micro); font-weight:var(--fw-bold);
  line-height:var(--s-4); text-align:center; }
.cfg__round::after{ content:""; position:absolute; inset:calc((36px - var(--tap)) / 2); border-radius:var(--r-circle); }
.cfg__seg{
  position:relative; display:grid; grid-template-columns:1fr 1fr; padding:3px; border-radius:var(--r-pill);
  background:rgba(255,255,255,.72); border:1px solid rgba(255,255,255,.85); box-shadow:0 2px 8px rgba(51,40,31,.08);
}
.cfg__seg button{
  position:relative; z-index:1; border:0; background:none; padding:6px 14px; border-radius:var(--r-pill);
  font:inherit; font-size:var(--fs-sm); line-height:1.2; font-weight:var(--fw-bold); color:var(--ink); cursor:pointer; white-space:nowrap;
  transition:color .35s var(--ease);
}
.cfg__seg button[aria-selected="true"]{ color:#fff; }
.cfg__thumb{
  position:absolute; top:3px; bottom:3px; left:3px; width:calc(50% - 3px); border-radius:var(--r-pill);
  background:#17181C; transition:transform .45s cubic-bezier(.65,0,.35,1);
}
.cfg__seg[data-v="room"] .cfg__thumb{ transform:translateX(100%); }
.cfg__round.cfg__newp{ width:auto; display:inline-flex; align-items:center; gap:calc(var(--s-1) + var(--s-h));
  padding:0 var(--s-h) 0 var(--s-2); border-radius:var(--r-pill); font-size:var(--fs-sm); white-space:nowrap; }
.cfg__round.cfg__newp:has(.cfg__pics:empty){ padding-right:var(--s-3); }
.cfg__round.cfg__newp .cfg__backi{ width:var(--ico-sm); height:var(--ico-sm); margin-right:calc(-1 * var(--s-h)); }
.cfg__round.cfg__newp .cfg__peni{ width:calc(var(--ico-sm) - var(--s-h)); height:calc(var(--ico-sm) - var(--s-h)); color:var(--ink-2); }
.cfg__round.cfg__newp::after{ inset:calc((36px - var(--tap)) / 2) 0; border-radius:var(--r-pill); }
.cfg__newp .cfg__pics img{ width:calc(var(--s-8) - var(--s-h)); height:calc(var(--s-8) - var(--s-h)); }
@media (max-width:1023px), (hover:none) and (orientation:portrait) and (max-width:1366px){
  .cfg__seg{ display:none; }
  .cfg .cfg__stage{ --cfg-row:0px; }
}
@media (min-width:600px){ .cfg__round.cfg__newp{ padding:0 var(--s-1) 0 var(--s-4); font-size:var(--fs-body); }
  .cfg__round.cfg__newp:has(.cfg__pics:empty){ padding-right:var(--s-5); } .cfg__round.cfg__newp::after{ inset:0; } }
@media (min-width:600px){
  .cfg__round{ width:var(--cfg-round-lg); height:var(--cfg-round-lg); }
  .cfg__round::after{ inset:0; }
  .cfg__round svg{ width:var(--ico-md); height:var(--ico-md); }
  .cfg__cartbtn svg{ width:calc(var(--ico-md) + var(--s-1)); height:calc(var(--ico-md) + var(--s-1)); }
  .cfg__seg{ padding:var(--s-1); }
  .cfg__seg button{ padding:var(--s-3) var(--s-6); font-size:var(--fs-body); }
  .cfg__thumb{ top:var(--s-1); bottom:var(--s-1); left:var(--s-1); width:calc(50% - var(--s-1)); }
}
.cfg__stage{
  position:relative; flex:none; aspect-ratio:25 / 24; border-radius:var(--r-card); overflow:hidden;
  background:linear-gradient(180deg, #FFFFFF 0%, #F8F5F4 100%); border:0;
  box-shadow:0 0 0 1px rgba(23,24,28,.08), 0 14px 32px -16px rgba(23,24,28,.35);
}
.cfg__stage{ transition:background-color .5s ease, box-shadow .5s ease; }
.cfg__stage[data-v="flat"]{ background:transparent; box-shadow:none; overflow:visible; }
@media (max-width:1023px), (hover:none) and (orientation:portrait) and (max-width:1366px){
  .cfg__stage{ margin-inline:-14px; border-radius:0; box-shadow:none; }
  .cfg .cfg__room{ clip-path:inset(0); }
}
.cfg__layer{ position:absolute; inset:0; visibility:visible;
  transition:opacity .7s cubic-bezier(.32,.72,0,1), transform .7s cubic-bezier(.32,.72,0,1), visibility 0s; }
.cfg__flat{ display:grid; place-items:center; }
.cfg__stage[data-v="room"] .cfg__flat, .cfg__stage[data-v="flat"] .cfg__room{ visibility:hidden;
  transition:opacity .7s cubic-bezier(.32,.72,0,1), transform .7s cubic-bezier(.32,.72,0,1), visibility 0s linear .7s; }
.cfg__stage[data-v="room"] .cfg__flat{ opacity:0; transform:scale(.96); pointer-events:none; }
.cfg__stage[data-v="flat"] .cfg__room{ opacity:0; transform:scale(1.04); pointer-events:none; }
.cfg__room{ clip-path:inset(0 round var(--r-card)); }
.cfg__roomimg{ position:absolute; left:0; right:0; bottom:0; aspect-ratio:1400 / 1120; background:center bottom / 100% auto no-repeat; }
.cfg__roomimg .room__art{ position:absolute; transform:translateX(-50%); }
.cfg__rl{ position:absolute; inset:0; transform:translate(var(--x, 0%), var(--down, 0px));
  transition:opacity .6s cubic-bezier(.32,.72,0,1), transform .55s cubic-bezier(.32,.72,0,1); }
.cfg__rl::before{ content:""; position:absolute; left:0; right:0; bottom:0; height:calc(var(--room-h, 1.12) / .8 * 100%); background:var(--room) center bottom / 100% auto no-repeat; }
.cfg__rl[data-gone]{ opacity:0; }
.room__art[data-hang]{ transform-origin:50% 0%; animation:yr-hang .95s cubic-bezier(.3, .7, .3, 1) both; }
@keyframes yr-hang{
  0%{ transform:translateX(-50%) translateY(-34px) rotate(0deg); opacity:0; }
  38%{ transform:translateX(-50%) translateY(3px) rotate(2.6deg); opacity:1; }
  58%{ transform:translateX(-50%) translateY(-1px) rotate(-1.7deg); }
  76%{ transform:translateX(-50%) translateY(0) rotate(.8deg); }
  90%{ transform:translateX(-50%) rotate(-.3deg); }
  100%{ transform:translateX(-50%) rotate(0deg); }
}
.cfg__rl[data-swapart] .room__art{ opacity:0; transition:opacity .2s ease; animation:none; }
.cfg__pic{
  position:absolute; left:50%; top:calc((100% - var(--cfg-row, 38px)) / 2); transform:translate(-50%, -50%) scale(var(--k, 1));
  transition:opacity .6s ease, transform .6s cubic-bezier(.32,.72,0,1);
}
.cfg__pic{ container-type:inline-size; --in:calc(100cqw / var(--art-in, 10)); --sx:.4; --art-shade:38,30,22; }
@supports not (width:1cqw){ .cfg__pic{ --in:12px; } }
.cfg__pic::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  box-shadow:0 1px 1px rgba(23,24,28,.25), 0 12px 22px rgba(23,24,28,.22); }
.cfg__pic > .art{ width:100%; }
.cfg__pic[data-gone]{ opacity:0; transform:translate(-50%, -50%) scale(calc(var(--k, 1) * .965)); }
@media (prefers-reduced-motion: reduce){ .room__art[data-hang]{ animation:none; } }
.cfg__pic[data-leaving]{ pointer-events:none; }
.cfg__pic .art--paper{ box-shadow:none; }
.cfg__pic .art--paper .art__mat::after{ content:""; position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 0 0 1px rgba(23,24,28,.10); }
.cfg__pic .art--paper .art__mat::before, .room__art--paper .art__mat::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none; mix-blend-mode:screen;
  background:
    radial-gradient(55% 85% at 14% 18%, rgba(255,248,236,.20), rgba(255,248,236,.07) 45%, rgba(255,248,236,0) 72%),
    linear-gradient(108deg, rgba(255,255,255,0) 24%, rgba(255,255,255,.11) 38%, rgba(255,255,255,.05) 47%, rgba(255,255,255,0) 60%);
}
.room__art--paper[data-lit="r"] .art__mat::before{ transform:scaleX(-1); }
.cfg__pic[data-unroll] .art__mat, .room__art[data-unroll] > .art, .room__art[data-unroll]::after{
  -webkit-mask-image:linear-gradient(#000 45.5%, transparent 54.5%); mask-image:linear-gradient(#000 45.5%, transparent 54.5%);
  -webkit-mask-size:100% 220%; mask-size:100% 220%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  animation:paper-open var(--dur-lg) var(--ease) both;
}
.cfg__pic[data-unroll]::before, .room__art[data-unroll]::before{ animation:paper-shade var(--dur-lg) ease-in both; }
.cfg__pic[data-unroll]:not([data-gone]){ transition-property:transform; }
@keyframes paper-open{ from{ -webkit-mask-position:0 100%; mask-position:0 100%; } to{ -webkit-mask-position:0 0; mask-position:0 0; } }
@keyframes paper-shade{ from{ opacity:0; } to{ opacity:1; } }
@media (prefers-reduced-motion: reduce){ .cfg__pic[data-unroll] .art__mat, .cfg__pic[data-unroll]::before, .room__art[data-unroll] > .art, .room__art[data-unroll]::before, .room__art[data-unroll]::after{ animation:none; -webkit-mask-image:none; mask-image:none; } }
.cfg__pic{ touch-action:pan-y pinch-zoom; }
.cfg__stage{ container-type:inline-size; }
@media (max-width:1023px), (hover:none) and (orientation:portrait) and (max-width:1366px){
  .cfg .cfg__stage[data-v="room"]{ background:transparent; }
}
.cfg__room .wall__nav{ background:none; box-shadow:none; color:#fff;
  filter:drop-shadow(0 1px 2px rgba(23,24,28,.45)) drop-shadow(0 2px 8px rgba(23,24,28,.3)); }
.cfg__room .wall__nav{ width:calc(var(--ico-lg) * 1.5); height:calc(var(--ico-lg) * 1.5); margin-top:calc(var(--ico-lg) * -.75); }
.cfg__room .wall__nav svg{ width:calc(var(--ico-lg) * 1.5); height:calc(var(--ico-lg) * 1.5); }
.cfg__room .wall__nav--prev{ left:var(--s-1); }
.cfg__room .wall__nav--next{ right:var(--s-1); }
#cfgRateP{ font-family:var(--display); font-weight:var(--fw-bold); font-variant-numeric:lining-nums tabular-nums; }
#cfgRateP .cfg__cur{ font-family:var(--ui); font-weight:var(--fw-bold); }
.cfg__rateoff, .cfg__ratep, .cfg__ratewas{ display:none; }

.cfg__pics{ display:inline-flex; align-items:center; }
.cfg__pics img{ box-sizing:border-box; width:var(--face); height:var(--face); border-radius:var(--r-circle); object-fit:cover; border:1.5px solid rgba(255,255,255,.85); margin-right:-8px; box-shadow:0 1px 3px rgba(23,24,28,.25); }
.cfg__pics img:last-of-type{ margin-right:0; }
#cfgMinePics[data-one] img{ animation:facepulse 2.4s ease-in-out infinite; }
@keyframes facepulse{ 0%, 100%{ transform:scale(1); } 50%{ transform:scale(1.06); } }
@media (prefers-reduced-motion: reduce){ #cfgMinePics[data-one] img{ animation:none; } }
.cfg__title{
  flex:none; margin:6px 0 0; padding:0 6px; text-align:left;
  font-family:var(--display); font-weight:var(--fw-normal); line-height:1.05;
  font-size:var(--fs-cfg-title); white-space:nowrap;
  letter-spacing:-.022em; color:var(--ink); text-wrap:balance;
}
.cfg__title em{ font-style:italic; }
@media (max-width:759px){
  .cfg__title{ text-align:left; font-size:var(--fs-cfg-title-phone); white-space:nowrap; text-wrap:nowrap; }
}
.cfg__rate{ flex:none; align-self:flex-start; display:inline-flex; align-items:center; gap:var(--s-1); margin:calc(-1 * var(--s-2)) 0 0; padding:0 6px;
  font-size:var(--fs-micro); line-height:1.2; color:var(--ink-2); white-space:nowrap; }
.cfg__ratestars{ display:inline-flex; gap:var(--s-h); color:#fff; }
.cfg__ratestars svg{ width:var(--q-star); height:var(--q-star); }
.cfg__ratestars svg{ box-sizing:border-box; padding:var(--s-h); background:var(--star-green); color:#fff; }
.rev__stars svg{ color:var(--brass); }
.rev__stars svg.off{ color:var(--rule); }
.cfg__rate b{ color:var(--ink); font-weight:var(--fw-strong); margin-left:2px; }
.cfg__rateline{ display:contents; }
@media (max-width:1023px), (hover:none) and (orientation:portrait) and (max-width:1366px){
  .cfg__rateline{ order:2; display:flex; align-items:center; justify-content:space-between; gap:var(--s-2); align-self:stretch; margin-top:calc(-1 * var(--s-2)); }
  .cfg__rateline .cfg__rate{ margin-top:0; align-self:center; }

}

.cfg__steps{ flex:none; display:grid; align-content:start; gap:8px; }
.cfg__steps::-webkit-scrollbar{ display:none; }
.cfg__row{
  position:relative; isolation:isolate;
  border-radius:var(--r-xl); border:1px solid rgba(255,255,255,.75);
  background:linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.5) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(255,255,255,.35),
             0 0 0 .5px rgba(51,40,31,.08), 0 8px 22px -12px rgba(51,40,31,.22);
  transition:opacity .4s ease, background .3s ease, box-shadow .3s ease;
}
.cfg__row::before{
  content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 48%);
}
.cfg__row[data-state="open"]{ background:linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.62) 100%); }
#cfgSteps .cfg__row, #yrPrintSteps .cfg__row{ border-radius:var(--pair-r); background:#fff; border-color:rgba(23,24,28,.07);
  box-shadow:0 1px 2px rgba(23,24,28,.05), 0 10px 24px -14px rgba(51,40,31,.35); }
#cfgSteps .cfg__row::before, #yrPrintSteps .cfg__row::before{ display:none; }
@media (max-width:1023px), (hover:none) and (orientation:portrait) and (max-width:1366px){
  .cfg .cfg__stage{ transition:background-color .5s ease, box-shadow .5s ease, height .5s cubic-bezier(.4,0,.2,1), margin-top .5s cubic-bezier(.4,0,.2,1); }
  .cfg .cfg__stage > .cfg__room.cfg__room{ bottom:auto; height:calc(var(--stage-full, 100%) - var(--wall-under)); }
}
@media (max-width:599px){
  .cfg .cfg__stage{ --wall-under:var(--r-sheet); }
  #cfgApp:has(#cfgStage[data-v="room"]) #cfgSteps{ position:relative; z-index:4;
    margin-top:calc(var(--s-4) - var(--r-sheet) - var(--s-2)); }
  #cfgSteps{ transition:margin-top .5s cubic-bezier(.4,0,.2,1); }
  .cfg .cfg__stage > .cfg__room.cfg__room{ height:calc(var(--stage-full, 100%) - var(--wall-under) + var(--r-sheet));
    -webkit-mask:linear-gradient(#000, #000) 0 var(--r-sheet) / 100% calc(100% - 2 * var(--r-sheet)) no-repeat,
      radial-gradient(circle at 100% 0, transparent calc(var(--r-sheet) - .5px), #000 var(--r-sheet)) left top / var(--r-sheet) var(--r-sheet) no-repeat,
      radial-gradient(circle at 0 0, transparent calc(var(--r-sheet) - .5px), #000 var(--r-sheet)) right top / var(--r-sheet) var(--r-sheet) no-repeat,
      radial-gradient(circle at 100% 100%, transparent calc(var(--r-sheet) - .5px), #000 var(--r-sheet)) left bottom / var(--r-sheet) var(--r-sheet) no-repeat,
      radial-gradient(circle at 0 100%, transparent calc(var(--r-sheet) - .5px), #000 var(--r-sheet)) right bottom / var(--r-sheet) var(--r-sheet) no-repeat;
    mask:linear-gradient(#000, #000) 0 var(--r-sheet) / 100% calc(100% - 2 * var(--r-sheet)) no-repeat,
      radial-gradient(circle at 100% 0, transparent calc(var(--r-sheet) - .5px), #000 var(--r-sheet)) left top / var(--r-sheet) var(--r-sheet) no-repeat,
      radial-gradient(circle at 0 0, transparent calc(var(--r-sheet) - .5px), #000 var(--r-sheet)) right top / var(--r-sheet) var(--r-sheet) no-repeat,
      radial-gradient(circle at 100% 100%, transparent calc(var(--r-sheet) - .5px), #000 var(--r-sheet)) left bottom / var(--r-sheet) var(--r-sheet) no-repeat,
      radial-gradient(circle at 0 100%, transparent calc(var(--r-sheet) - .5px), #000 var(--r-sheet)) right bottom / var(--r-sheet) var(--r-sheet) no-repeat; }
  .cfg .cfg__stage[data-v="room"]{ margin-top:calc(-1 * var(--r-sheet)); }
  .cfg__rateline{ position:relative; z-index:6; }
  .cfg .cfg__stage[data-v="room"]::before, .cfg .cfg__stage[data-v="room"]::after{ content:""; position:absolute;
    left:0; right:0; height:var(--r-sheet); z-index:1; pointer-events:none; }
  .cfg .cfg__stage[data-v="room"]::before{ top:0; border-radius:0 0 var(--r-sheet) var(--r-sheet); box-shadow:inset 0 -19px 19px -10px #fff; }
  .cfg .cfg__stage[data-v="room"]::after{ top:calc(var(--stage-full, 100%) - var(--wall-under));
    border-radius:var(--r-sheet) var(--r-sheet) 0 0; box-shadow:inset 0 19px 19px -10px #fff; }
  .cfg__bar, .cfg__title{ position:relative; z-index:6; }
  .cfg .cfg__stage[data-v="room"][data-tall]{ margin-top:calc(-1 * var(--wall-up)); border-top-left-radius:0; border-top-right-radius:0; }
  .cfg .cfg__stage[data-v="room"][data-tall]::before{ display:none; }
  .cfg .cfg__stage[data-tall] > .cfg__room.cfg__room{ clip-path:none;
    -webkit-mask:linear-gradient(#000, #000) 0 0 / 100% calc(100% - var(--r-sheet)) no-repeat,
      radial-gradient(circle at 100% 100%, transparent calc(var(--r-sheet) - .5px), #000 var(--r-sheet)) left bottom / var(--r-sheet) var(--r-sheet) no-repeat,
      radial-gradient(circle at 0 100%, transparent calc(var(--r-sheet) - .5px), #000 var(--r-sheet)) right bottom / var(--r-sheet) var(--r-sheet) no-repeat;
    mask:linear-gradient(#000, #000) 0 0 / 100% calc(100% - var(--r-sheet)) no-repeat,
      radial-gradient(circle at 100% 100%, transparent calc(var(--r-sheet) - .5px), #000 var(--r-sheet)) left bottom / var(--r-sheet) var(--r-sheet) no-repeat,
      radial-gradient(circle at 0 100%, transparent calc(var(--r-sheet) - .5px), #000 var(--r-sheet)) right bottom / var(--r-sheet) var(--r-sheet) no-repeat; }
  #cfgApp[data-tall] .cfg__title, #cfgApp[data-tall] #cfgRateLine{ visibility:hidden; }
}
.cfg__thumbs{ display:none; }
@media all{
  .cfg__thumbs{ position:absolute; z-index:3; display:flex; align-items:center;
    left:14px; right:14px;
    bottom:calc(var(--wall-under) + var(--s-3)); height:var(--wall-thumb-h, var(--wall-thumb));
    transition:opacity .4s ease, visibility 0s; }
  .cfg__thumbs::before{ content:""; position:absolute; z-index:-1; inset:-1.75rem -2.25rem; pointer-events:none;
    background:radial-gradient(closest-side, rgba(0,0,0,.3), rgba(0,0,0,.16) 55%, rgba(0,0,0,0)); }
  .cfg__stage[data-v="flat"] .cfg__thumbs{ opacity:0; visibility:hidden; pointer-events:none; transition:opacity .25s ease, visibility 0s linear .25s; }
  .cfg__thumbrow{ flex:1; min-width:0; display:flex; gap:var(--wall-thumb-gap); overflow-x:auto; overflow-y:hidden;
    padding:var(--s-2) var(--s-1); margin:calc(-1 * var(--s-2)) calc(-1 * var(--s-1));
    scroll-snap-type:x proximity; scroll-padding-inline:var(--s-1); scrollbar-width:none;    -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
  .cfg__thumbrow::-webkit-scrollbar{ display:none; }
  .cfg__thumbs[data-more="r"] .cfg__thumbrow{ -webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--wall-thumb-fade)), transparent); mask-image:linear-gradient(to right, #000 calc(100% - var(--wall-thumb-fade)), transparent); }
  .cfg__thumbs[data-more="l"] .cfg__thumbrow{ -webkit-mask-image:linear-gradient(to left, #000 calc(100% - var(--wall-thumb-fade)), transparent); mask-image:linear-gradient(to left, #000 calc(100% - var(--wall-thumb-fade)), transparent); }
  .cfg__thumbs[data-more="lr"] .cfg__thumbrow{ -webkit-mask-image:linear-gradient(to right, transparent, #000 var(--wall-thumb-fade), #000 calc(100% - var(--wall-thumb-fade)), transparent); mask-image:linear-gradient(to right, transparent, #000 var(--wall-thumb-fade), #000 calc(100% - var(--wall-thumb-fade)), transparent); }
  .cfg__wthumb{ flex:none; position:relative; width:var(--wall-thumb); height:var(--wall-thumb-h, var(--wall-thumb)); min-height:0; padding:0; overflow:hidden;
    border:1.5px solid #fff; border-radius:var(--r-mark); background:#ddd no-repeat; cursor:pointer; scroll-snap-align:start;
    box-shadow:0 1px 3px rgba(0,0,0,.28), 0 4px 14px rgba(0,0,0,.3); }
  .cfg__wthumb[aria-current="true"]{ border-color:var(--ink); box-shadow:0 0 0 1.5px #fff, 0 1px 3px rgba(0,0,0,.28), 0 4px 14px rgba(0,0,0,.3); }
  .cfg__wthumb{ transition:transform .2s cubic-bezier(.34,1.56,.64,1), border-color .2s ease; }
  .cfg__wthumb[aria-current="true"]{ z-index:1; transform:scale(1.08); }
  .cfg__wthumb i{ position:absolute; display:block; background:center / cover no-repeat; box-shadow:0 1px 2px rgba(0,0,0,.3); }
  .cfg__wthumb--gift{ background:var(--brass-soft) center / 70% auto no-repeat; }
  .cfg__wthumb--gift .cfg__wgift{ position:absolute; left:8%; top:20%; width:46%; aspect-ratio:4 / 5; box-sizing:border-box; padding:2px;
    background:#fff; border-radius:2px; transform:rotate(-9deg); box-shadow:0 1px 3px rgba(0,0,0,.3); }
  .cfg__wthumb--gift .cfg__wgift img{ display:block; width:100%; height:100%; object-fit:cover; }
  .cfg__wthumb--gift .cfg__wgift--q{ left:46%; top:16%; display:grid; place-items:center; border:2px solid #fff; padding:0;
    background:var(--wall-ink); color:#fff; font-family:var(--headline); font-style:italic; font-weight:var(--fw-heavy); font-size:var(--fs-xs); line-height:1;
    transform:rotate(6deg); }
  .cfg__wthumb--gift .cfg__wbow{ position:absolute; right:-4%; top:2%; width:42%; height:auto; transform:rotate(14deg);
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.3)); }
  .cfg__wthumb--film{ background:#17181C center / cover no-repeat; }
  .cfg__wthumb--film::after{ content:""; position:absolute; left:50%; top:50%; margin:-7px 0 0 -4px; border:7px solid transparent;
    border-left:11px solid #fff; border-right:0; filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)); }
}
.cfg__stage[data-v="room"] .cfg__thumbs{ left:var(--s-2); right:var(--s-2); bottom:calc(var(--wall-under) + var(--s-2)); }
@media (max-width:1023px), (hover:none) and (orientation:portrait) and (max-width:1366px){
  .cfg__stage[data-v="room"] .cfg__thumbs{ left:var(--r-sheet); right:var(--r-sheet); bottom:calc(var(--wall-under) + var(--s-2)); }   
  .cfg__stage[data-v="room"] .cfg__thumbs::before{ bottom:calc(-1 * var(--s-2)); }
  .cfg__stage[data-v="room"] .cfg__thumbrow{ padding-inline:var(--s-3); margin-inline:calc(-1 * var(--s-3)); scroll-padding-inline:var(--s-3); }
  .cfg__thumbrow > :first-child{ margin-left:auto; }
  .cfg__thumbrow > :last-child{ margin-right:auto; }
}
.cfg__media, .cfg__thumbslot{ display:contents; }
@media (min-width:1024px) and (hover:hover), (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .cfg__media{ display:flex; flex-direction:column; gap:var(--s-3); grid-column:1; grid-row:2; align-self:start; justify-self:center;
    width:100%; min-width:0; max-width:calc((100vh - 120px) * 25 / 24); }
  .cfg__media > .cfg__stage{ order:0; }
  .cfg__media .wslide{ padding-bottom:var(--s-6); }   
  .cfg__thumbslot{ display:block; }
  .cfg__media:has(> .cfg__stage[data-v="flat"]) .cfg__thumbslot{ display:none; }
  .cfg__thumbslot > .cfg__thumbs:not([hidden]){ position:static; display:flex; height:auto; opacity:1; visibility:visible; pointer-events:auto; }
  .cfg__thumbslot > .cfg__thumbs::before{ display:none; }
  .cfg__thumbslot .cfg__thumbrow{ overflow:visible; padding:0; margin:0; -webkit-mask-image:none; mask-image:none; }
}
#cfgSteps .cfg__row[data-state="open"], #yrPrintSteps .cfg__row[data-state="open"]{ background:#fff; box-shadow:0 1px 2px rgba(23,24,28,.06), 0 16px 32px -16px rgba(51,40,31,.42); }
#cfgSteps .cfg__ico, #yrPrintSteps .cfg__ico{ background:var(--paper); box-shadow:none; }
#cfgSteps{ grid-template-columns:1fr 1fr; }
#cfgSteps > .cfg__row{ grid-column:1 / -1; }
#cfgSteps > .cfg__row[data-step="style"]{ grid-column:auto; position:relative; }
#cfgSteps > .cfg__row[data-step="style"] .cfg__body,
#cfgSteps > .cfg__row[data-step="style"] .cfg__tt span,
#cfgSteps > .cfg__row[data-step="style"] .cfg__val{ display:none; }
.cfg__tv{ display:none; font-style:normal; }
#cfgSteps > .cfg__row[data-step="style"] .cfg__tv{
  display:block; font-size:var(--fs-sm); font-weight:var(--fw-bold); color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#cfgSteps > .cfg__row[data-step="style"] .cfg__head{ gap:var(--s-2); padding-right:var(--s-2); }
#cfgSteps, #yrPrintSteps{ --pair-gap:var(--s-2); --pair-r:var(--row-r); --pair-f:calc(var(--pair-r) + var(--pair-gap)); --pair-t:.5s; --pair-ease:cubic-bezier(.32,.72,0,1);
  --pair-line:#efefef; }
#cfgSteps > .cfg__row[data-step="style"], #cfgSteps > .cfg__pair{
  transition:opacity .4s ease, background .3s ease, box-shadow var(--pair-t) ease; }
#cfgSteps > .cfg__row[data-step="style"][data-state="open"]{
  box-shadow:0 1px 2px rgba(23,24,28,.05); }
#cfgSteps > .cfg__row[data-step="style"]{ z-index:2; --k:0;
  border-bottom-left-radius:calc(var(--pair-r) * (1 - var(--k))); border-bottom-right-radius:calc(var(--pair-r) * (1 - var(--k)));
  border-bottom-color:rgba(23,24,28,calc(.07 * (1 - var(--k)))); }
#cfgSteps > .cfg__pair{ --k:0; }
#cfgSteps > .cfg__pair[data-side="l"]{ border-top-left-radius:calc(var(--pair-r) * (1 - var(--k))); }
#cfgSteps > .cfg__pair[data-side="r"]{ border-top-right-radius:calc(var(--pair-r) * (1 - var(--k))); }
#cfgSteps[data-solo] > .cfg__pair{ border-top-left-radius:calc(var(--pair-r) * (1 - var(--k))); border-top-right-radius:calc(var(--pair-r) * (1 - var(--k))); }
#cfgSteps[data-open] > .cfg__row:not([data-state="open"]):not(.cfg__pair){ opacity:.6; }
#cfgSteps > .cfg__row[data-step="style"]::before,
#cfgSteps > .cfg__row[data-step="style"]::after{
  display:block; content:""; position:absolute; z-index:-1; border-radius:0; pointer-events:none;
  transform:scale(var(--k)); }
#cfgSteps > .cfg__row[data-step="style"]::before{ transform-origin:0 0; }
#cfgSteps > .cfg__row[data-step="style"]::after{ transform:scaleY(var(--k)); transform-origin:50% 0; }
#cfgSteps > .cfg__row[data-step="style"]::before{
  inset:auto; bottom:calc(-1 * (var(--pair-gap) + 2px)); width:calc(var(--pair-f) + 1px); height:calc(var(--pair-f) + 1px); }
#cfgSteps > .cfg__row[data-step="style"]::before{ right:calc(-1 * (var(--pair-f) + 1px));
  background:radial-gradient(circle at 100% 0, transparent calc(var(--pair-f) - .6px), var(--pair-line) calc(var(--pair-f) + .2px), var(--pair-line) calc(var(--pair-f) + .6px), #fff calc(var(--pair-f) + 1.3px)); }
#cfgSteps > .cfg__row[data-step="style"]::after{
  left:-1px; right:-1px; top:100%; height:calc(var(--pair-gap) + 2px); background:#fff; }
#cfgSteps > .cfg__row[data-step="style"]::after{ border-left:1px solid rgba(23,24,28,.07); }
#cfgSteps[data-solo] > .cfg__row[data-step="style"]{ grid-column:1 / -1; }
#cfgSteps[data-solo] > .cfg__row[data-step="style"]::before{ display:none; }
#cfgSteps > .cfg__pair .cfg__body{ grid-template-rows:1fr; visibility:visible; transition:none; }
#cfgSteps > .cfg__pair .cfg__in{ position:relative; }
.cfg__pl{ transition:opacity .24s ease, transform var(--pair-t) var(--pair-ease), visibility 0s; }
.cfg__pl:not([data-on]){ position:absolute; top:0; left:0; right:0; opacity:0; transform:translateY(4px); visibility:hidden; pointer-events:none;
  transition:opacity .12s ease, transform .12s ease, visibility 0s linear .12s; }
#cfgSteps > .cfg__pair .cfg__opts{ padding:var(--s-2) 10px var(--s-1); }
@media (max-width:359px){ #cfgSteps > .cfg__pair .cfg__opts{ padding-inline:var(--s-1); } #cfgSteps > .cfg__pair .cfg__on{ font-size:var(--fs-micro); } }
#cfgSteps > .cfg__pair .cfg__opt{ opacity:1; transform:none; transition:background .25s ease, color .3s ease; transition-delay:0s; }
@media (prefers-reduced-motion: reduce){
  #cfgSteps > .cfg__row[data-step="style"], #cfgSteps > .cfg__pair,
  #cfgSteps > .cfg__row[data-step="style"]::before,
  #cfgSteps > .cfg__row[data-step="style"]::after, .cfg__pl{ transition:none; } }

.cfg__head{
  display:flex; align-items:center; gap:12px; width:100%; min-height:52px; padding:6px 12px 6px 8px;
  border:0; background:none; font:inherit; color:inherit; text-align:left; cursor:pointer;
}
.cfg__ico{
  flex:none; width:40px; height:40px; display:grid; place-items:center; border-radius:var(--r-circle);
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.7)); color:var(--ink);
  box-shadow:inset 0 1px 0 #fff, 0 0 0 .5px rgba(51,40,31,.1), 0 2px 6px -2px rgba(51,40,31,.18);
}
.cfg__ico svg{ width:20px; height:20px; }
#cfgSteps .cfg__ico, #yrPrintSteps .cfg__ico{ transition:background .3s ease, color .3s ease; }
#cfgSteps .cfg__row[data-state="open"] .cfg__ico, #yrPrintSteps .cfg__row[data-state="open"] .cfg__ico{ background:var(--ink); color:#fff; box-shadow:0 2px 6px -2px rgba(23,24,28,.35); }

.cfg__tt{ flex:1; min-width:0; display:grid; line-height:1.25; }
.cfg__tt b{ font-size:var(--fs-cfg); font-weight:var(--fw-bold); }

.cfg__tt span{ font-size:var(--fs-xs); color:var(--ink-3); max-height:0; opacity:0; overflow:hidden; transition:max-height .35s ease, opacity .3s ease; }
.cfg__row[data-state="open"] .cfg__tt span{ max-height:6em; opacity:1; }
.cfg__val{ font-size:var(--fs-sm); font-weight:var(--fw-bold); white-space:nowrap; }
@media (max-width:479px){ .cfg__valx{ display:none; } }
.cfg__tt b{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (max-width:359px){ .cfg__tt b{ font-size:var(--fs-sm); } .cfg__val{ font-size:var(--fs-xs); } .cfg__head{ gap:var(--s-2); }
  .cfg__ico{ width:var(--s-8); height:var(--s-8); } .cfg__ico svg{ width:var(--ico-sm); height:var(--ico-sm); } }
.cfg__badge{
  flex:none; border-radius:var(--r-pill); font-weight:var(--fw-bold);
  transition:background .3s ease, color .3s ease;
}
.cfg__badge{ padding:0; background:none; color:var(--ink-2); font-size:var(--fs-micro); }
.cfg__val--def{ font-weight:var(--fw-mid); color:var(--ink-3); }
#cfgSteps .cfg__val, #yrPrintSteps .cfg__val{ transition:opacity .45s var(--ease) .12s, transform .45s var(--ease) .12s; }
#cfgSteps .cfg__row[data-state="open"] .cfg__val, #yrPrintSteps .cfg__row[data-state="open"] .cfg__val{
  opacity:0; transform:translateY(4px); transition:opacity .15s ease, transform .15s ease; }
@media (prefers-reduced-motion: reduce){ #cfgSteps .cfg__val, #yrPrintSteps .cfg__val{ transition:none; } }
.cfg__chev{ width:16px; height:16px; flex:none; color:var(--ink-3); transition:transform .35s var(--ease); }
.cfg__row[data-state="open"] .cfg__chev{ transform:rotate(180deg); }
.cfg__body{ display:grid; grid-template-rows:0fr; visibility:hidden; transition:grid-template-rows var(--pair-t, .55s) var(--pair-ease, cubic-bezier(.32,.72,0,1)), visibility 0s linear var(--pair-t, .55s); }
.cfg__row[data-state="open"] .cfg__body{ grid-template-rows:1fr; visibility:visible; transition-delay:0s, 0s; }
.cfg__in{ min-height:0; overflow:hidden; }
.cfg__opts{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); gap:6px; padding:12px 10px 12px; }
#cfgSteps .cfg__opts, #yrPrintSteps .cfg__opts{ padding:var(--s-2) 10px var(--s-1); }
@media (max-width:419px){ .cfg__opt.is-out{ display:none; } }
@media (max-width:599px), (hover:none) and (pointer:coarse) and (max-height:500px){
  #cfgSteps .cfg__opt[data-val="framed|framed|oak"]{ display:none; } }
.cfg__opt{
  position:relative; display:grid; justify-items:center; gap:4px; padding:6px 2px; border:0; background:none;
  border-radius:var(--r-tile); font:inherit; color:var(--ink); cursor:pointer;
  opacity:0; transform:translateY(8px);
  transition:opacity .45s cubic-bezier(.32,.72,0,1), transform .5s cubic-bezier(.32,.72,0,1), background .25s ease;
}
.cfg__row[data-state="open"] .cfg__opt{ opacity:1; transform:none; }
.cfg__row[data-state="open"] .cfg__opt:nth-child(1){ transition-delay:.04s; } .cfg__row[data-state="open"] .cfg__opt:nth-child(2){ transition-delay:.07s; }
.cfg__row[data-state="open"] .cfg__opt:nth-child(3){ transition-delay:.1s; } .cfg__row[data-state="open"] .cfg__opt:nth-child(4){ transition-delay:.13s; }
.cfg__row[data-state="open"] .cfg__opt:nth-child(5){ transition-delay:.16s; }
.cfg__opt img, .cfg__oico{ width:56px; height:56px; border-radius:var(--r-opt); object-fit:cover; background:#fff; box-shadow:0 0 0 1px rgba(23,24,28,.08), 0 1px 4px rgba(23,24,28,.1); }
.cfg__opt--round img{ width:60px; height:60px; border-radius:var(--r-circle); }
.cfg__opt img, .cfg__oico{ transition:box-shadow .3s ease, transform .3s cubic-bezier(.32,.72,0,1); }
.cfg__opt:active img, .cfg__opt:active .cfg__oico{ transform:scale(.94); }
.cfg__opt[aria-checked="true"] img, .cfg__opt[aria-checked="true"] .cfg__oico{ box-shadow:0 0 0 2px #fff, 0 0 0 4px #17181C; }
.cfg__opt[aria-checked="true"]::after{
  content:""; position:absolute; z-index:2; top:calc(-1 * var(--s-1)); left:calc(50% + var(--oimg) / 2 - var(--s-3));
  width:var(--s-5); height:var(--s-5); border-radius:var(--r-circle); pointer-events:none;
  background:var(--ink) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 12.5l4 4 8-9'/></svg>") center / 70% no-repeat;
  box-shadow:0 0 0 2px var(--surface), 0 2px 6px rgba(23,24,28,.3);
}
.cfg__oico{ display:grid; place-items:center; color:var(--ink); }
.cfg__oico svg{ width:22px; height:22px; }
.cfg__oico--size i{ display:block; border:2px solid currentColor; border-radius:var(--r-sm); }
.cfg__on{ font-size:var(--fs-sm); font-weight:var(--fw-mid); line-height:1.15; }
.cfg__op{ font-size:var(--fs-xs); line-height:1.15; color:var(--ink-2); font-variant-numeric:tabular-nums; }
.cfg__opt.is-out > .cfg__op--out{ opacity:1; filter:none; color:var(--need); font-weight:var(--fw-bold); }
.cfg__opt{ --oimg:56px; }
.cfg__opt--round{ --oimg:60px; }
.cfg__opt .chipbadge{
  top:calc(6px + var(--oimg) - 5px); transform:translate(-50%, -100%); max-width:calc(var(--oimg) - 4px);
  padding:var(--s-h) var(--s-1); font-size:var(--fs-tag-lg); letter-spacing:0; line-height:1.25;
  background:var(--ink); box-shadow:0 0 0 2px #fff, 0 2px 6px rgba(23,24,28,.18);
}
.cfg__opt .chipbadge:not(.chipbadge--out){
  top:calc(6px + var(--s-4)); transform:translate(-50%, -100%); z-index:0;
  width:calc(var(--oimg) + 8px); max-width:none; box-sizing:border-box; text-align:center;
  padding:2px 0 calc(var(--s-4) + 6px); border-radius:var(--r-opt-tab) var(--r-opt-tab) 0 0;
  background:var(--ok); color:#fff; box-shadow:none;
  font-size:var(--fs-tag-lg); letter-spacing:.01em; line-height:1.25;
}
.cfg__opts:has(.chipbadge:not(.chipbadge--out)){ padding-top:calc(12px + 18px); }
.cfg__opt img, .cfg__opt .cfg__oico{ position:relative; z-index:1; }
.cfg__opt.has-pop:not([aria-checked="true"]) img{ box-shadow:0 0 0 4px #fff, 0 1px 6px rgba(23,24,28,.12); }
#cfgSteps > .cfg__row[data-step="finish"], #cfgSteps > .cfg__row[data-step="size"], #cfgSteps > .cfg__row[data-step="shape"]{ background:none; border:0; box-shadow:none; border-radius:0; }
#cfgSteps > .cfg__row[data-step="finish"] > .cfg__head, #cfgSteps > .cfg__row[data-step="size"] > .cfg__head, #cfgSteps > .cfg__row[data-step="shape"] > .cfg__head{ display:none; }
#cfgSteps > .cfg__row[data-step="shape"] .cfg__shape{ gap:0; margin:var(--s-2) var(--s-1) var(--s-3); padding:0; background:var(--track-grey); border-radius:var(--r-pill); box-shadow:none; }
#cfgSteps > .cfg__row[data-step="shape"] .cfg__sbtn{ min-height:var(--s-10); background:transparent; box-shadow:none; }
#cfgSteps > .cfg__row[data-step="size"] .cfg__opts{ position:relative; gap:0; padding:0; margin:var(--s-2) var(--s-1) var(--s-3);
  background:var(--track-grey); border-radius:var(--r-pill); }
#cfgSteps > .cfg__row[data-step="size"] .cfg__opts::before{ content:""; position:absolute; z-index:0; top:0; bottom:0;
  left:var(--pick-x, 0); width:var(--pick-w, 0); border-radius:var(--r-pill); background:#fff; box-shadow:inset 0 0 0 2px var(--ink);
  opacity:0; pointer-events:none; transition:left .42s cubic-bezier(.32,.72,0,1), width .42s cubic-bezier(.32,.72,0,1), opacity .2s ease; }
#cfgSteps > .cfg__row[data-step="size"] .cfg__opts[data-pick]::before{ opacity:1; }
#cfgSteps > .cfg__row[data-step="size"] .cfg__opts[data-still]::before{ transition:none; }
@media (prefers-reduced-motion: reduce){ #cfgSteps > .cfg__row[data-step="size"] .cfg__opts::before{ transition:none; } }
#cfgSteps > .cfg__row[data-step="finish"], #cfgSteps > .cfg__row[data-step="size"], #cfgSteps > .cfg__row[data-step="shape"]{
  margin-top:calc(var(--s-h) - var(--s-2)); margin-bottom:calc(var(--s-h) - var(--s-4)); }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opt{
  --oimg:var(--way-pic); align-content:start; gap:var(--s-1); padding:var(--s-2) var(--s-1); background:transparent; border-radius:var(--r-tile);
  box-shadow:none; position:relative; z-index:1; transition:opacity .45s cubic-bezier(.32,.72,0,1), transform .5s cubic-bezier(.32,.72,0,1);
}
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opts{ position:relative; gap:0; padding:var(--s-1); margin:var(--s-2) var(--s-1) var(--s-4);
  border-radius:calc(var(--r-tile) + var(--s-1)); background:rgba(23,24,28,.06); box-shadow:inset 0 1px 2px rgba(23,24,28,.06); }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opts::before{ content:""; position:absolute; z-index:0; top:var(--s-1); bottom:var(--s-1);
  left:0; width:var(--pick-w, 0); transform:translateX(var(--pick-x, var(--s-1))); will-change:transform;
  border-radius:var(--r-tile); background:#fff; box-shadow:0 6px 14px -6px rgba(23,24,28,.35), 0 0 0 2px var(--ok); opacity:0; pointer-events:none;
  transition:transform .5s cubic-bezier(.22,1,.36,1), width .5s cubic-bezier(.22,1,.36,1), opacity .2s ease; }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opts[data-pick]::before{ opacity:1; }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opts[data-still]::before{ transition:none; }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opt img, #cfgSteps > .cfg__row[data-step="finish"] .cfg__oico{ mix-blend-mode:multiply; }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opt:not([aria-checked="true"]) img{ -webkit-mask-image:linear-gradient(to right, transparent, #000 12%, #000 88%, transparent), linear-gradient(to bottom, transparent, #000 18%);
  -webkit-mask-composite:source-in; mask-image:linear-gradient(to right, transparent, #000 12%, #000 88%, transparent), linear-gradient(to bottom, transparent, #000 18%); mask-composite:intersect; }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opt + .cfg__opt::before, #cfgSteps > .cfg__row[data-step="size"] .cfg__opt + .cfg__opt::before{
  content:""; position:absolute; left:0; top:28%; bottom:28%; width:1px; background:rgba(23,24,28,.1); pointer-events:none; transition:opacity .25s ease; }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opt[aria-checked="true"]::before, #cfgSteps > .cfg__row[data-step="finish"] .cfg__opt[aria-checked="true"] + .cfg__opt::before,
#cfgSteps > .cfg__row[data-step="size"] .cfg__opt[aria-checked="true"]::before, #cfgSteps > .cfg__row[data-step="size"] .cfg__opt[aria-checked="true"] + .cfg__opt::before{ opacity:0; }
@media (prefers-reduced-motion: reduce){ #cfgSteps > .cfg__row[data-step="finish"] .cfg__opts::before{ transition:none; } }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opts, #cfgSteps > .cfg__row[data-step="size"] .cfg__opts{ touch-action:pan-y; }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opts[data-drag]::before, #cfgSteps > .cfg__row[data-step="size"] .cfg__opts[data-drag]::before{ transition-duration:.15s; }
#cfgSteps > .cfg__row[data-step="size"] .cfg__opt[aria-checked="true"]{ background:transparent; color:var(--ink); box-shadow:none; }
#cfgSteps > .cfg__row[data-step="shape"] .cfg__sbtn[aria-checked="true"]{ background:#fff; color:var(--ink); box-shadow:inset 0 0 0 2px var(--ink); }
@supports selector(:has(a)){
  #cfgSteps > .cfg__row[data-step="shape"] .cfg__shape{ position:relative; }
  #cfgSteps > .cfg__row[data-step="shape"] .cfg__shape::before{ content:""; position:absolute; top:0; bottom:0; left:0; width:50%;
    border-radius:var(--r-pill); background:#fff; box-shadow:inset 0 0 0 2px var(--ink); opacity:0; pointer-events:none;
    transition:transform .42s cubic-bezier(.32,.72,0,1), opacity .2s ease; }
  #cfgSteps > .cfg__row[data-step="shape"] .cfg__shape:has(> [aria-checked="true"])::before{ opacity:1; }
  #cfgSteps > .cfg__row[data-step="shape"] .cfg__shape:has(> .cfg__sbtn:nth-child(2)[aria-checked="true"])::before{ transform:translateX(100%); }
  #cfgSteps > .cfg__row[data-step="shape"] .cfg__sbtn{ position:relative; z-index:1; }
  #cfgSteps > .cfg__row[data-step="shape"] .cfg__sbtn[aria-checked="true"]{ background:transparent; box-shadow:none; }
}
@media (prefers-reduced-motion: reduce){ #cfgSteps > .cfg__row[data-step="shape"] .cfg__shape::before{ transition:none; } }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opts:has(> [aria-checked="true"]) > .cfg__opt:not([aria-checked="true"]) > img,
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opts:has(> [aria-checked="true"]) > .cfg__opt:not([aria-checked="true"]) > .cfg__oico{ opacity:.55; filter:saturate(.6); }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opts:has(> [aria-checked="true"]) > .cfg__opt:not([aria-checked="true"]) > .cfg__on,
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opts:has(> [aria-checked="true"]) > .cfg__opt:not([aria-checked="true"]) > .cfg__op{ opacity:.72; }

#cfgSteps > .cfg__row[data-step="finish"] .cfg__opt > img, #cfgSteps > .cfg__row[data-step="finish"] .cfg__opt > .cfg__oico,
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opt > .cfg__on, #cfgSteps > .cfg__row[data-step="finish"] .cfg__opt > .cfg__op{ transition:opacity .25s ease, filter .25s ease, background-color .25s ease; }
#cfgSteps > .cfg__row[data-step="size"] .cfg__opts:has(> [aria-checked="true"]) > .cfg__opt:not([aria-checked="true"]),
#cfgSteps > .cfg__row[data-step="shape"] .cfg__shape:has(> [aria-checked="true"]) > .cfg__sbtn:not([aria-checked="true"]){ color:rgba(23,24,28,.7); }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opt::after{ display:none; }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opt img, #cfgSteps > .cfg__row[data-step="finish"] .cfg__oico{
  justify-self:start; width:calc(100% + 2 * var(--s-1)); max-width:none; margin:calc(-1 * var(--s-2)) calc(-1 * var(--s-1)) 0; height:auto; aspect-ratio:340 / 176;
  border-radius:var(--r-tile) var(--r-tile) 0 0; background:none; box-shadow:none; object-fit:contain; object-position:50% 0; }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opt[aria-checked="true"] img, #cfgSteps > .cfg__row[data-step="finish"] .cfg__opt[aria-checked="true"] .cfg__oico{ box-shadow:none; }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__on{ font-size:var(--fs-sm); }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__op{ font-size:var(--fs-sm); font-weight:var(--fw-normal); color:var(--ink); }
#cfgSteps > .cfg__row[data-step="finish"] .cfg__opt.is-out .cfg__op{ color:var(--need); }

@media (max-width:419px){
  #cfgSteps > .cfg__row[data-step="finish"] .cfg__opts:has(> .cfg__opt:nth-child(5):not(.is-out)) .cfg__on,
  #cfgSteps > .cfg__row[data-step="finish"] .cfg__opts:has(> .cfg__opt:nth-child(5):not(.is-out)) .cfg__op{ font-size:var(--fs-badge); }
  #cfgSteps > .cfg__row[data-step="finish"] .cfg__opts:has(> .cfg__opt:nth-child(5):not(.is-out)){ gap:var(--s-1); }
}
#cfgSteps > .cfg__row[data-step="size"] .cfg__opt{
  position:relative; z-index:1; height:var(--s-10); place-content:center; padding:0 var(--s-1); background:transparent; border-radius:var(--r-pill);
  box-shadow:none; transition:opacity .45s cubic-bezier(.32,.72,0,1), transform .3s cubic-bezier(.32,.72,0,1), background .25s ease, color .25s ease, box-shadow .25s ease;
}
#cfgSteps > .cfg__row[data-step="size"] .cfg__opt::after{ display:none; }
#cfgSteps > .cfg__row[data-step="size"] .cfg__on{ font-size:var(--fs-sm); font-weight:var(--fw-bold); }
.cfg__shape{ display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 10px 12px; }
.cfg__sbtn{
  display:flex; align-items:center; justify-content:center; gap:10px; min-height:var(--btn-h); border-radius:var(--r-pill);
  border:0; background:#fff; box-shadow:0 0 0 1px rgba(23,24,28,.08), 0 1px 4px rgba(23,24,28,.08); font:inherit; font-size:var(--fs-sm); font-weight:var(--fw-bold);
  color:var(--ink); cursor:pointer; transition:background .3s ease, color .3s ease;
  opacity:0; transform:translateY(8px);
}
.cfg__row[data-state="open"] .cfg__sbtn{ opacity:1; transform:none; transition:opacity .45s cubic-bezier(.32,.72,0,1) .1s, transform .5s cubic-bezier(.32,.72,0,1) .1s, background .3s ease, color .3s ease, box-shadow .25s ease; }
.cfg__sbtn[aria-checked="true"]{ background:#17181C; color:#fff; }
.cfg__sbtn i{ display:block; border:2px solid currentColor; border-radius:var(--r-mark); }
.cfg__cart{
  position:relative; flex:none; display:flex; align-items:center; gap:12px; min-height:66px; padding:10px 14px 14px 22px;
  border-radius:var(--btn-r); border:1px solid rgba(255,255,255,.9); background:rgba(255,255,255,.85); color:var(--ink); margin-top:6px;
  box-shadow:0 8px 24px -10px rgba(51,40,31,.25); font:inherit; text-align:left; cursor:pointer; overflow:hidden;
  transition:background .5s cubic-bezier(.32,.72,0,1), color .5s cubic-bezier(.32,.72,0,1), opacity .5s ease, box-shadow .5s ease;
}
.cfg__cart[data-ready]{ background:#17181C; color:#fff; border-color:#17181C; }
.cfg__cartl{ flex:1; min-width:0; display:grid; line-height:1.25; }
.cfg__cartl b{ font-size:var(--fs-cta); font-weight:var(--fw-bold); }
.cfg__cartl span{ font-size:var(--fs-xs); color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cfg__cart[data-ready] .cfg__cartl span{ color:rgba(255,255,255,.75); }
.cfg__cartp{ display:grid; justify-items:end; line-height:1.2; font-variant-numeric:tabular-nums; }
.cfg__cartp b{ font-size:var(--fs-cta); }
.cfg__cartnum{ display:inline-block; }
#cfgSteps > .cfg__row[data-gone]{ pointer-events:none; }
.cfg__cartp s{ font-size:var(--fs-badge); color:var(--ink-3); }
.cfg__cart[data-ready] .cfg__cartp s{ color:rgba(255,255,255,.55); }
@keyframes cfg-spin{ to{ transform:rotate(360deg); } }
.cfg__cart[data-ready="false"] .cfg__cartp small{ color:rgba(255,255,255,.75); }
.cfg__cartp small{ font-size:var(--fs-micro); font-weight:var(--fw-mid); color:var(--ink-3); margin-right:4px; }
.cfg__cart{ display:flex; flex-wrap:wrap; justify-content:center; align-items:baseline; align-content:center; column-gap:var(--s-2); row-gap:2px;
  text-align:center; padding:var(--s-3) var(--s-5); }
.cfg__cartl, .cfg__cartp{ display:contents; }
#cfgCartT{ order:1; }
#cfgCartP{ order:2; }
#cfgCartW{ order:3; font-size:var(--fs-cta); font-weight:var(--fw-normal); }
.cfg__buy{ order:5; flex:none; display:flex; flex-direction:column; }
.cfg__parts{ display:none; }
@media (max-width:1023px), (max-width:1366px) and (hover:none) and (orientation:portrait){
  body[data-app="true"] .cfg__buy{
    position:fixed; z-index:35; left:var(--s-2); right:var(--s-2); bottom:calc(var(--s-2) + env(safe-area-inset-bottom, 0px));
    max-width:34rem; margin-inline:auto; flex-direction:row; align-items:stretch; gap:calc(var(--s-1) + var(--s-h));
    padding:calc(var(--s-1) + var(--s-h)) var(--s-2); border-radius:calc(var(--r-card) + var(--s-1) + var(--s-h)); background:var(--ink); color:#fff;
    box-shadow:0 0 20px 3px rgba(255,255,255,.36), 0 0 60px 10px rgba(255,255,255,.18), 0 14px 34px -10px rgba(0,0,0,.6); }
  body[data-app="true"] .cfg__buy[data-kb]{ display:none; }
  .cfg__buy .cfg__parts{ flex:none; display:flex; align-items:center; gap:var(--s-1); padding:0 0 0 var(--s-1);
    white-space:nowrap; font-variant-numeric:tabular-nums; }
  .cfg__term{ display:flex; flex-direction:column; align-items:center; line-height:1.15; }
  .cfg__term b{ display:inline-block; font-size:var(--fs-sm); font-weight:var(--fw-normal); color:rgba(255,255,255,.7); }
  .cfg__term small{ font-size:var(--fs-badge); color:rgba(255,255,255,.45); }
  .cfg__term--none b{ color:rgba(255,255,255,.5); }
  #cfgPartB{ min-width:calc(var(--s-10) + var(--s-3) + var(--s-h)); }
  #cfgPartOp{ min-width:calc(var(--s-2) + var(--s-h)); text-align:center; }
  .cfg__sign{ font-size:var(--fs-sm); line-height:1; color:rgba(255,255,255,.42); margin-top:calc(var(--s-3) * -1); }
  .cfg__buy .cfg__cart, .cfg__buy .cfg__cart[data-ready]{ flex:1 1 auto; min-width:0; min-height:calc(var(--tap) + var(--s-2)); margin:0;
    padding:var(--s-1) var(--s-3); row-gap:0; column-gap:var(--s-1); border:0; border-radius:var(--r-card);
    background:#fff; color:var(--ink);
    box-shadow:inset 0 1px 0 #fff, inset 0 -2px 0 rgba(23,24,28,.08), 0 0 22px rgba(255,255,255,.22), 0 8px 18px -6px rgba(0,0,0,.6); }
  .cfg__buy #cfgCartP{ order:1; }
  .cfg__buy #cfgCartW{ order:2; }
  .cfg__buy #cfgCartT{ order:3; flex-basis:100%; display:inline-flex; justify-content:center; align-items:center; gap:var(--s-1);
    font-size:var(--fs-body); font-weight:var(--fw-strong); line-height:1.15; letter-spacing:.01em; text-transform:uppercase; }
  .cfg__buy .cfg__cartp b{ font-size:var(--fs-h2); font-weight:var(--fw-strong); line-height:1.05; }
  .cfg__buy #cfgCartW, .cfg__buy .cfg__cart[data-ready] .cfg__cartp s{ font-size:var(--fs-micro); color:var(--ink-3); }
  .cfg__buy .cfg__go, .cfg__buy .cfg__cart[data-ready] .cfg__go{ display:inline-flex; color:inherit; }
  .cfg__go svg{ width:var(--ico-sm); height:var(--ico-sm); animation:cfg-go 8s cubic-bezier(.3,.7,.4,1) 4s infinite; }
  .cfg__buy .cfg__cart:active, .cfg__buy .cfg__cart[data-press]{ transform:scale(.94); transition:transform .08s ease; }
  .cfg__buy{ cursor:pointer; -webkit-tap-highlight-color:transparent; }
  body[data-app="true"] .cfg__pol{ padding-bottom:calc(var(--s-10) * 3 + env(safe-area-inset-bottom, 0px)); }
  body[data-app="true"] .totop{ bottom:calc(var(--s-10) * 2 + var(--s-2) + env(safe-area-inset-bottom, 0px)); }
  body[data-app="true"] .devbar{ bottom:calc(var(--s-10) * 3 + var(--s-2) + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width:359px){
  .cfg__term b{ font-size:var(--fs-micro); }
  #cfgPartB{ min-width:calc(var(--s-10) + var(--s-3)); }
  .cfg__buy .cfg__cart, .cfg__buy .cfg__cart[data-ready]{ padding-inline:var(--s-2); }
  .cfg__buy .cfg__cartp b{ font-size:var(--fs-h3); }
  .cfg__buy #cfgCartT{ font-size:var(--fs-micro); }
  .cfg__buy #cfgCartW, .cfg__buy .cfg__cart[data-ready] .cfg__cartp s{ font-size:var(--fs-badge); }
}
.cfg__go{ display:none; }
@keyframes cfg-go{ 0%, 86%, 100%{ transform:none; } 90%{ transform:translateX(5px); } 94%{ transform:none; } 97%{ transform:translateX(2px); } }
@media (prefers-reduced-motion: reduce){ .cfg__go svg{ animation:none; } }
.cfg__ripple{ position:absolute; border-radius:var(--r-circle); background:rgba(23,24,28,.12); transform:scale(0); pointer-events:none;
  animation:cfg-ripple .55s ease-out forwards; }
@keyframes cfg-ripple{ to{ transform:scale(1); opacity:0; } }
@media (min-width:390px) and (max-width:1023px), (min-width:390px) and (max-width:1366px) and (hover:none) and (orientation:portrait){
  body[data-app="true"] .cfg__buy .cfg__cart{ min-height:calc(var(--tap) + var(--s-3)); }
}
#cfgCartT .cfg__up{ display:inline-flex; vertical-align:-2px; margin-left:var(--s-2); }
#cfgCartT .cfg__up svg{ width:var(--ico-sm); height:var(--ico-sm); animation:cfg-nod 2.8s var(--ease) infinite; }
@keyframes cfg-nod{ 0%, 70%, 100%{ transform:none; } 78%{ transform:translateY(-4px); } 86%{ transform:none; } 92%{ transform:translateY(-2px); } }
.cfg__row[data-call]{ animation:cfg-call 1.8s var(--ease); }
@keyframes cfg-call{
  0%{ box-shadow:0 0 0 0 rgba(185,154,91,0); }
  20%{ box-shadow:0 0 0 4px rgba(185,154,91,.55), 0 10px 30px -10px rgba(138,109,51,.45); }
  100%{ box-shadow:0 0 0 14px rgba(185,154,91,0); }
}
.cfg__row[data-call] .cfg__opt{ animation:cfg-lift .6s var(--ease) both; }
.cfg__row[data-call] .cfg__opt:nth-child(2){ animation-delay:.07s; }
.cfg__row[data-call] .cfg__opt:nth-child(3){ animation-delay:.14s; }
.cfg__row[data-call] .cfg__opt:nth-child(4){ animation-delay:.21s; }
.cfg__row[data-call] .cfg__opt:nth-child(5){ animation-delay:.28s; }
@keyframes cfg-lift{ 0%, 100%{ transform:none; } 45%{ transform:translateY(-6px); } }
.cfg__row[data-call] .cfg__badge{ animation:cfg-lean .9s var(--ease); }
@keyframes cfg-lean{ 0%, 100%{ transform:none; color:var(--ink-2); } 40%{ transform:scale(1.12); color:var(--ink); } }
@media (prefers-reduced-motion: reduce){
  #cfgCartT .cfg__up svg, .cfg__row[data-call], .cfg__row[data-call] .cfg__opt, .cfg__row[data-call] .cfg__badge{ animation:none; }
}
.cfg-pill{ display:none; }
body[data-app="true"] .cfg-pill{
  position:fixed; left:50%; bottom:calc(var(--s-4) + env(safe-area-inset-bottom, 0px)); z-index:34;
  display:inline-flex; align-items:center; gap:var(--s-2); min-height:var(--tap); max-width:calc(100% - var(--s-8));
  padding:0 var(--s-4) 0 var(--s-5); border:0; border-radius:var(--r-pill); cursor:pointer;
  background:var(--ink); color:#fff; font:inherit; font-size:var(--fs-body); font-weight:var(--fw-bold); white-space:nowrap;
  box-shadow:0 12px 30px -10px rgba(23,24,28,.55); -webkit-tap-highlight-color:transparent;
  transform:translate(-50%, 160%); opacity:0; pointer-events:none;
  transition:transform .6s cubic-bezier(.32,.72,0,1), opacity .45s ease;
}
body[data-app="true"] .cfg-pill[data-show]{ transform:translate(-50%, 0); opacity:1; pointer-events:auto; }
.cfg-pill s{ margin-left:calc(var(--s-1) * -1); font-size:var(--fs-micro); font-weight:var(--fw-normal); opacity:.6; }
.cfg-pill s:empty{ display:none; }
.cfg-pill__go{ display:inline-grid; place-items:center; width:var(--ico-sm); height:var(--ico-sm); margin-left:var(--s-1); }
.cfg-pill__go svg{ width:100%; height:100%; animation:pill-nudge 2.8s cubic-bezier(.32,.72,0,1) infinite; }
@keyframes pill-nudge{ 0%, 62%, 100%{ transform:none; } 70%{ transform:translateX(var(--s-1)); } 78%{ transform:none; } 86%{ transform:translateX(calc(var(--s-1) / 2)); } 94%{ transform:none; } }
@media (prefers-reduced-motion: reduce){ body[data-app="true"] .cfg-pill{ transition:none; } .cfg-pill__go svg{ animation:none; } }
.cfg__cart[data-busy="true"]{ opacity:.85; }
.cfg__cart[data-busy="true"]::after{
  content:""; position:absolute; right:var(--s-5); top:50%; width:var(--s-5); height:var(--s-5); margin-top:calc(var(--s-5) / -2);
  border-radius:var(--r-circle); border:2px solid rgba(255,255,255,.25); border-top-color:#fff; animation:cfg-spin .7s linear infinite;
}
.cfg__minesheet{ padding-left:var(--s-4); padding-right:var(--s-4); }
.cfg__sheett{ margin:0 0 var(--s-3); font-size:var(--fs-h3); font-weight:var(--fw-bold); }
.cfg__count{ margin-left:var(--s-2); font-size:var(--fs-sm); font-weight:var(--fw-mid); color:var(--ink-3);
  font-variant-numeric:tabular-nums; }
#cfgMineBody .pics__row{ grid-auto-columns:72px; }
.cfg[data-intro] .cfg__stage, .cfg[data-intro] .cfg__row, .cfg[data-intro] .cfg__cart{ animation:cfg-in .6s cubic-bezier(.2,.8,.2,1) both; }
.cfg[data-intro] .cfg__stage{ animation-name:cfg-blur; }
.cfg[data-intro] .cfg__row:nth-child(1){ animation-delay:.18s; } .cfg[data-intro] .cfg__row:nth-child(2){ animation-delay:.26s; }
.cfg[data-intro] .cfg__row:nth-child(3){ animation-delay:.34s; } .cfg[data-intro] .cfg__row:nth-child(4){ animation-delay:.42s; }
.cfg[data-intro] .cfg__cart{ animation-delay:.5s; }
@keyframes cfg-in{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
@keyframes cfg-blur{ from{ opacity:0; transform:scale(.98); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){
  .cfg *, .cfg[data-intro] *{ animation:none !important; transition:none !important; }
}

body[data-route="proof"] .masthead{ display:none; }

.btn{
  border:0; background:var(--btn-bg); color:var(--surface);
  border-radius:var(--btn-r); min-height:var(--btn-h);
  padding:var(--s-3) var(--btn-pad-x);
  font-size:var(--btn-fs); font-weight:var(--btn-fw); letter-spacing:var(--btn-track);
  text-transform:var(--btn-case); text-decoration:none;
  box-shadow:var(--btn-shadow);
  display:inline-flex; align-items:center; justify-content:center; gap:var(--s-2);
  transition:transform var(--dur-sm) var(--ease), box-shadow var(--dur-sm) var(--ease);
}
.btn:hover{ transform:translateY(-1px); box-shadow:var(--btn-shadow-hi); }
.btn--wide{ width:100%; min-height:var(--btn-h-lg); font-size:var(--btn-fs-lg); }
.btn--line{ background:transparent; color:var(--ink); box-shadow:inset 0 0 0 var(--btn-line-w) var(--ink); }
.btn--line:hover{ box-shadow:inset 0 0 0 var(--btn-line-w) var(--ink), var(--btn-shadow); }
.btn--offer{ white-space:nowrap; }
.btn__pill{ flex:none; padding:var(--s-h) var(--s-2); border-radius:var(--r-pill);
  background:linear-gradient(180deg, #F3DEA8 0%, #D9B878 60%, #C49A52 100%); color:var(--ink);
  font-size:var(--fs-badge); font-weight:var(--fw-strong); letter-spacing:.06em; line-height:1.2; text-transform:uppercase; }
.btn__pill[hidden]{ display:none; }
@media (max-width:399px){ .btn.btn--offer{ padding-inline:var(--s-4); font-size:var(--fs-lead); } .btn__pill{ letter-spacing:.03em; } }
@media (max-width:359px){ .btn.btn--offer{ padding-inline:var(--s-2); font-size:var(--fs-body); } .btn__pill{ padding-inline:var(--s-1); letter-spacing:0; } }

.reel{ position:relative; margin-inline:calc(-1 * var(--gutter)); --react-w:min(68vw, 18rem); }
.reel__track{
  position:relative;
  display:flex; gap:var(--s-2); overflow-x:auto; scroll-snap-type:x mandatory;
  scrollbar-width:none; -ms-overflow-style:none;
  overflow-anchor:none;
  padding:var(--s-1) calc(50% - var(--react-w) / 2) var(--s-2);
}
.reel__track::-webkit-scrollbar{ display:none; }
@media (min-width:768px){
  .reel{ -webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
                 mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
}
.lp-react__slide{
  flex:0 0 var(--react-w); margin:0; scroll-snap-align:center; scroll-snap-stop:always;
  display:grid; gap:var(--s-4); align-content:start;
  transform:scale(calc(1 - .14 * var(--k, 0))); transform-origin:50% 40%;
  opacity:calc(1 - .4 * var(--k, 0));
}
.lp-react__slide .lp-react__quote{ opacity:calc(1 - var(--k, 0)); }
.lp-react__dots{ display:flex; justify-content:center; gap:0; margin-top:var(--s-3); }
.lp-react__dots button{
  -webkit-appearance:none; appearance:none; border:0; background:none; cursor:pointer;
  display:grid; place-items:center; flex:0 1 var(--s-6); min-width:var(--s-4); height:var(--s-6); padding:0;
}
.lp-react__dots button::before{
  content:""; display:block; width:var(--s-2); height:var(--s-2); border-radius:var(--r-pill);
  background:var(--rule-2); transition:width var(--dur-sm) var(--ease), background var(--dur-sm) var(--ease);
}
.lp-react__dots button[aria-current="true"]::before{ width:var(--s-5); background:var(--ink); }
.lp-react__dots button:focus-visible{ outline:2px solid var(--brass); outline-offset:1px; border-radius:var(--r-pill); }
.reel__item{
  width:100%;
  position:relative; height:auto; padding:0; border:0;
  background:var(--surface-2); border-radius:var(--r-card);
  overflow:hidden; cursor:pointer; display:block;
  box-shadow:var(--shadow-1);
  -webkit-appearance:none; appearance:none;
}
.reel__item::before{ content:""; display:block; padding-top:177.78%; }
.reel__item video,
.reel__item img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.reel__item img:not([src]){ opacity:0; }
.reel__item video{ opacity:0; transition:opacity .45s ease; }
.reel__item[data-playing="true"] video{ opacity:1; }
.reel__item::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to top, rgba(10,11,14,.42) 0%, rgba(10,11,14,0) 42%);
}
.glass{
  position:absolute; z-index:3; overflow:hidden;
  color:var(--ink);
  background:rgba(255,255,255,.46);
  -webkit-backdrop-filter:blur(16px) saturate(185%);
  backdrop-filter:blur(16px) saturate(185%);
  border:1px solid rgba(255,255,255,.5);
  box-shadow:
    0 1px 2px rgba(10,11,14,.16),
    0 6px 18px rgba(10,11,14,.14),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(255,255,255,.22);
}
.glass::after{
  content:""; position:absolute; left:0; right:0; top:0; height:58%;
  background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0));
  pointer-events:none;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .glass{ background:rgba(255,255,255,.9); }
}

.reel__play{
  left:10px; bottom:10px;
  display:flex; align-items:center; gap:7px;
  padding:5px 11px 5px 8px; border-radius:var(--r-pill);
  font-size:var(--fs-xs); font-weight:var(--fw-bold);
  letter-spacing:.01em;
}
.reel__play svg{ width:11px; height:11px; flex:none; position:relative; z-index:1; }
.reel__play span{ position:relative; z-index:1; }

.reel__views{
  left:10px; top:10px;
  display:flex; align-items:center; gap:6px;
  padding:5px 10px 5px 8px; border-radius:var(--r-pill);
  font-size:var(--fs-xs); font-weight:var(--fw-bold); letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
}
.reel__views svg{ width:12px; height:12px; flex:none; position:relative; z-index:1; }
.reel__views span{ position:relative; z-index:1; }

.reel__sound{
  top:10px; right:10px;
  width:26px; height:26px; border-radius:var(--r-circle);
  display:grid; place-items:center;
}
.reel__sound svg{ width:12px; height:12px; position:relative; z-index:1; }

.vmodal__close, .pmodal__x, .gen__quiz-x{
  appearance:none; cursor:pointer; padding:0;
  width:var(--ico-size); height:var(--ico-size); border-radius:var(--ico-r);
  display:grid; place-items:center;
  border:1px solid var(--rule-2); background:var(--surface); color:var(--ink);
  transition:border-color .14s ease, background .14s ease;
}
.vmodal__close:hover, .pmodal__x:hover, .gen__quiz-x:hover{ border-color:var(--ink-3); }

.vmodal{
  position:fixed; inset:0; z-index:90; display:none;
  align-items:center; justify-content:center; padding:20px;
  background:rgba(14,15,19,.82); backdrop-filter:blur(6px);
}
.vmodal[data-open="true"]{ display:flex; }
.vmodal__box{
  position:relative; width:min(384px, 100%);
  max-height:calc(100vh - 40px);
  border-radius:var(--r-md); overflow:hidden; background:#000;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
}
.vmodal__box video{ width:100%; height:auto; max-height:calc(100vh - 40px); display:block; }
.vmodal__close{
  position:absolute; top:9px; right:9px; z-index:2;
  background:rgba(255,255,255,.92); border-color:transparent;
}
.vmodal__close svg{ width:15px; height:15px; }

.gen{
  position:fixed; inset:0; z-index:80; display:none; overflow-y:auto;
  align-items:center; justify-content:center; padding:24px;
  background:var(--paper);
}
.gen[data-open="true"]{ display:flex; }
.gen__box{ text-align:center; width:100%; max-width:23rem; margin:auto; }
.gen__ring{
  width:52px; height:52px; margin:0 auto 22px; position:relative;
}
.gen__ring::before,
.gen__ring::after{
  content:""; position:absolute; inset:0; border-radius:var(--r-circle);
  border:1.5px solid var(--rule-2);
}
.gen__ring::after{
  border-color:var(--brass) transparent transparent transparent;
  animation:genspin 1s linear infinite;
}
@keyframes genspin{ to{ transform:rotate(360deg); } }
.gen__t{ font-family:var(--display); font-size:var(--fs-h2); margin:0; }
.gen__s{
  font-size:var(--fs-sm); color:var(--ink-3); margin:8px 0 0; min-height:2.6em;
  line-height:1.5;
}
.gen__late{ margin:var(--s-3) 0 0; font-size:var(--fs-sm); line-height:1.5; color:var(--ink-2); }
.gen[data-vid="on"] .gen__late[hidden]{ display:block!important; visibility:hidden; }
.gen__vid[data-gifts]{ display:none; }
.gen__gifts{
  position:relative; width:var(--film-w); margin:0 auto var(--s-5);
  border-radius:var(--r-md); overflow:hidden; background:var(--paper); box-shadow:var(--shadow-1);
}
.gen__gifts::before{ content:""; display:block; padding-top:125%; }
.gen__giftsin{ position:absolute; inset:0; display:flex; flex-direction:column; padding:var(--s-3); }
.gen__gifts-t{ font-family:var(--display); font-size:var(--fs-lead); margin:0; }
.gen__gifts-s{ font-size:var(--fs-sm); line-height:1.4; color:var(--ink-2); margin:var(--s-1) 0 var(--s-3); }
.gen__grid{
  flex:1; min-height:0; display:grid; gap:var(--s-2);
  grid-template-columns:repeat(3, minmax(0, 1fr)); grid-template-rows:repeat(3, minmax(0, 1fr));
}
.gen__giftbox{
  position:relative; display:block; width:100%; height:100%; padding:0; overflow:hidden; cursor:pointer;
  border:1px solid var(--rule-2); border-radius:var(--r-md); background:var(--ivory); box-shadow:var(--shadow-1);
  font:inherit; color:inherit;
}
.gen__giftbox > img, .gen__giftbox > .gen__giftart{
  position:absolute; left:15%; top:10%; width:70%; height:80%; object-fit:contain;
}
.gen__giftbox[data-open] > img, .gen__giftbox[data-open] > .gen__giftart{ top:6%; height:52%; }
.gen__giftart{ display:flex; align-items:center; justify-content:center; color:var(--brass); }
.gen__giftart svg{ width:70%; height:70%; }
.gen__giftname{
  position:absolute; left:var(--s-1); right:var(--s-1); bottom:var(--s-1);
  font-size:var(--fs-micro); line-height:1.25; font-weight:var(--fw-mid); color:var(--ink);
}
.gen__giftbox[data-open]{ border-color:var(--brass); cursor:default; }
.gen__grid[data-done] .gen__giftbox:not([data-open]){ opacity:.45; cursor:default; }
@media (prefers-reduced-motion: no-preference){
  .gen__grid:not([data-done]) .gen__giftbox:not([data-open]):hover > img{ animation:genwiggle calc(var(--dur) * 1.5) var(--ease); }
  .gen__giftbox[data-open] > *{ animation:genpop calc(var(--dur) * 1.3) var(--ease) both; }
}
@keyframes genwiggle{ 25%{ transform:rotate(-6deg); } 75%{ transform:rotate(6deg); } }
.gen__revs-e{ margin:0 0 var(--s-1); font-size:var(--fs-badge); letter-spacing:.12em; text-transform:uppercase; color:var(--brass); }
.gen__revs-r{ display:flex; align-items:center; justify-content:center; gap:var(--s-1); margin:var(--s-1) 0 0; font-size:var(--fs-sm); color:var(--ink-2); }
.gen__revstars{ display:inline-flex; color:var(--ok); }
.gen__revstars svg{ width:var(--ico-sm); height:var(--ico-sm); }
.gen__revstars svg.off{ opacity:.25; }
.gen__revs{ background:none; box-shadow:none; border-radius:0; overflow:visible; }
.gen__revs .gen__giftsin{ padding:0; }
.gen__rq{ flex:1; min-height:0; margin:var(--s-3) 0 0; padding:0 var(--s-2); overflow:hidden; display:flex; flex-direction:column; }
.gen__rq blockquote{ margin:auto 0 0; font-family:var(--display); font-size:var(--fs-lead); line-height:1.45; color:var(--ink); }
.gen__rq figcaption{ display:flex; align-items:center; justify-content:center; gap:var(--s-2); margin:var(--s-3) 0 auto; font-size:var(--fs-sm); font-weight:var(--fw-mid); color:var(--ink-2); }
.gen__revs .gen__giftsin{ justify-content:center; }
.gen__revs .gen__rq{ flex:0 1 auto; margin-top:var(--s-4); padding:var(--s-5); border-radius:0; background:var(--surface);
  box-shadow:0 1px 2px rgba(23,24,28,.04), 0 12px 28px -18px rgba(23,24,28,.3); }
.gen__revs .gen__rq blockquote{ margin:0; font-family:var(--ui); }
.gen__revs .gen__rq:not([data-fit]) blockquote, .gen__revs .gen__rq[data-fit="0"] blockquote{ font-size:var(--fs-h2-ui); line-height:1.5; }
.gen__revs .gen__rq figcaption{ margin:var(--s-3) 0 0; }
.gen__rq[data-fit="1"] blockquote{ font-size:var(--fs-body); }
.gen__rq[data-fit="2"] blockquote{ font-size:var(--fs-sm); line-height:1.35; }
.gen__rq[data-fit="3"] blockquote{ font-size:var(--fs-micro); line-height:1.3; }
.gen__rnav{ display:flex; align-items:center; justify-content:center; gap:var(--s-4); margin-top:var(--s-3); }
.gen__rbtn{
  display:inline-flex; align-items:center; justify-content:center; width:var(--tap); height:var(--tap); padding:0;
  border:1px solid var(--rule-2); border-radius:var(--ico-r); background:var(--paper); color:var(--ink); cursor:pointer;
}
.gen__rbtn svg{ width:var(--ico-sm); height:var(--ico-sm); }
.gen__rn{ min-width:4em; font-size:var(--fs-sm); color:var(--ink-3); font-variant-numeric:tabular-nums; }
@media (max-height:600px), (max-width:359px){ .gen__revs-e{ display:none; } }
@media (prefers-reduced-motion: no-preference){
  .gen__rq[data-swap] > *{ animation:genfade calc(var(--dur) * 1.5) var(--ease) both; }
}
@keyframes genfade{ from{ opacity:0; } to{ opacity:1; } }
.gen__quiz{ display:flex; flex-direction:column; aspect-ratio:4 / 5; overflow:visible; background:var(--surface); }
.gen__quiz::before{ display:none; }
.gen__quiz .gen__giftsin{ position:static; flex:1; justify-content:center; padding:var(--s-5) var(--s-4); }
.gen__quiz-rib{
  width:fit-content; margin:0 auto var(--s-3); padding:var(--s-1) var(--s-3); border-radius:var(--r-pill);
  background:linear-gradient(180deg, var(--gold-a), var(--gold-b)); color:var(--ink);
  font-size:var(--fs-badge); font-weight:var(--fw-strong); letter-spacing:.14em; text-transform:uppercase;
}
.gen__ticket{
  position:relative; display:flex; flex:none; width:min(var(--quiz-ticket-w), 100%); height:var(--quiz-ticket-h);
  margin:0 auto var(--s-4); border-radius:var(--r-card); overflow:hidden;
  background:radial-gradient(circle at 85% 110%, rgba(201,162,90,.28), transparent 60%), linear-gradient(135deg, var(--ink-top), var(--ink) 60%);
  box-shadow:inset 0 0 0 1px rgba(232,205,143,.35), 0 22px 40px -18px rgba(23,24,28,.75);
}
.gen__ticket-l{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--gold-b); }
.gen__ticket-l b{
  font-family:var(--display); font-size:var(--fs-quiz-ticket); font-weight:var(--fw-normal); line-height:1;
  background:linear-gradient(180deg, var(--seal-hi), var(--seal-mid)); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.gen__ticket-l small{ margin-top:var(--s-1); font-size:var(--fs-badge); font-weight:var(--fw-strong); letter-spacing:.2em; }
.gen__ticket-r{ display:flex; align-items:center; justify-content:center; width:var(--quiz-stub); border-left:2px dashed rgba(232,205,143,.45); }
.gen__ticket-r span{ writing-mode:vertical-rl; transform:rotate(180deg); font-size:var(--fs-badge); font-weight:var(--fw-strong); letter-spacing:.25em; color:var(--gold-b); }
.gen__ticket::before, .gen__ticket::after{
  content:""; position:absolute; right:calc(var(--quiz-stub) - var(--s-2)); width:var(--s-4); height:var(--s-4);
  border-radius:var(--r-circle); background:var(--surface);
}
.gen__ticket::before{ top:calc(var(--s-2) * -1); }
.gen__ticket::after{ bottom:calc(var(--s-2) * -1); }
.gen__ticket-shine{ position:absolute; inset:0; background:linear-gradient(105deg, transparent 35%, rgba(255,240,200,.32) 50%, transparent 65%); transform:translateX(-120%); }
.gen__ticket-stamp{
  position:absolute; top:50%; right:calc(var(--quiz-stub) - var(--quiz-stamp) / 2); display:grid; place-items:center;
  width:var(--quiz-stamp); height:var(--quiz-stamp); margin-top:calc(var(--quiz-stamp) / -2); border:3px solid var(--ok); border-radius:var(--r-circle);
  background:rgba(255,255,255,.94); color:var(--ok); font-size:var(--fs-badge); font-weight:var(--fw-strong); letter-spacing:.08em; transform:rotate(-18deg);
}
.gen__quiz-top{ display:flex; align-items:center; gap:var(--s-2); }
.gen__quiz-chip{
  display:inline-flex; align-items:center; gap:var(--s-1); padding:var(--s-1) var(--s-2); border-radius:var(--r-pill);
  background:var(--ink); color:var(--gold-a); font-size:var(--fs-micro); font-weight:var(--fw-strong); white-space:nowrap;
}
.gen__quiz-chip svg{ width:var(--ico-sm); height:var(--ico-sm); }
.gen__quiz-plus{ position:absolute; z-index:2; color:var(--brass); font-size:var(--fs-body); font-weight:var(--fw-strong); pointer-events:none; opacity:0; }
.gen__quiz-fx{ position:absolute; inset:0; z-index:3; width:100%; height:100%; pointer-events:none; }
.gen__quiz-t{ margin:0; font-family:var(--display); font-size:var(--fs-h2); line-height:1.25; }
.gen__quiz-s{ margin:var(--s-2) 0 var(--s-4); font-size:var(--fs-sm); line-height:1.5; color:var(--ink-2); }
.gen__quiz-dots{ flex:1; display:flex; gap:var(--s-1); margin:0; padding:0; list-style:none; }
.gen__quiz-dots li{ flex:1; height:var(--s-2); border-radius:var(--r-pill); background:var(--rule); overflow:hidden; }
.gen__quiz-dots li[data-on]::after{ content:""; display:block; height:100%; background:linear-gradient(90deg, var(--brass-2), var(--gold-b)); transform-origin:left; }
.gen__quiz-n{ margin:var(--s-3) 0 var(--s-1); font-size:var(--fs-micro); color:var(--ink-3); }
.gen__quiz-q{ margin:0; font-family:var(--display); font-size:var(--fs-h2); line-height:1.25; }
.gen__quiz-as{ display:flex; flex-direction:column; gap:var(--s-2); margin:var(--s-4) 0 0; }
.gen__quiz-a{
  display:flex; align-items:center; justify-content:space-between; gap:var(--s-2); width:100%; min-height:var(--btn-h);
  padding:var(--s-2) var(--s-4); border:1px solid var(--rule-2); border-radius:var(--chip-r); background:var(--paper);
  color:var(--ink); font:inherit; font-size:var(--fs-body); font-weight:var(--fw-mid); text-align:left; cursor:pointer;
  transition:border-color var(--dur-sm) var(--ease), background var(--dur-sm) var(--ease), color var(--dur-sm) var(--ease), transform var(--dur-sm) var(--ease);
}
@media (hover:hover){ .gen__quiz-a:hover{ border-color:var(--ink-3); } }
.gen__quiz-a:active{ transform:scale(.98); }
.gen__quiz-a[disabled]{ cursor:default; }
.gen__quiz-a svg{ flex:none; width:var(--ico-md); height:var(--ico-md); opacity:0; }
.gen__quiz-a[aria-pressed="true"]{ border-color:var(--ink); background:var(--ink); color:var(--surface); }
.gen__quiz .btn--wide{ margin-top:var(--s-1); }
.gen__quiz-a[aria-pressed="true"] svg{ opacity:1; }
.gen__quiz-x{
  position:absolute; top:calc(var(--ico-size) / -3); right:calc(var(--ico-size) / -3); z-index:4;
  color:var(--ink-2); font-size:var(--fs-body); line-height:1; box-shadow:var(--shadow-1);
}
.gen__quiz-pill{ position:absolute; top:var(--s-2); right:var(--s-2); z-index:2; border:0; cursor:pointer; padding:var(--s-1) var(--s-3); }
.gen__quiz-pill::after{ content:""; position:absolute; inset:calc(var(--s-2) * -1); }
@media (prefers-reduced-motion: reduce){ .cfg__wthumb{ transition:none; } }
@media (prefers-reduced-motion: no-preference){
  .gen__quiz-step{ animation:quizin var(--dur) var(--ease) both; }
  .gen__quiz-dots li[data-new]::after{ animation:quizfill calc(var(--dur) * 2) var(--ease) both; }
  .gen__quiz-step[data-at="invite"] .gen__ticket{ animation:quizdrop calc(var(--dur) * 2.4) cubic-bezier(.2, 1.5, .4, 1) both; }
  .gen__quiz-step[data-at="invite"] .gen__ticket-shine{ animation:quizshine 2.8s 1s ease-in-out infinite; }
  .gen__quiz-rib, .gen__quiz-chip[data-pop]{ animation:quizpop calc(var(--dur) * 1.6) cubic-bezier(.2, 1.6, .4, 1) both; }
  .gen__quiz-step[data-at="invite"] .gen__quiz-rib{ animation-delay:calc(var(--dur) * 1.4); }
  .gen__ticket-stamp{ animation:quizstamp calc(var(--dur) * 1.4) calc(var(--dur) * .6) cubic-bezier(.3, 1.6, .5, 1) both; }
  .gen__quiz-a[aria-pressed="true"]{ animation:quizpick var(--dur) cubic-bezier(.2, 1.6, .4, 1); }
  .gen__quiz-plus{ animation:quizup calc(var(--dur) * 2.4) ease-out forwards; }
}
@keyframes quizin{ from{ opacity:0; transform:translateX(var(--s-4)); } to{ opacity:1; transform:none; } }
@keyframes quizfill{ from{ transform:scaleX(0); } to{ transform:none; } }
@keyframes quizdrop{ from{ opacity:0; transform:translateY(calc(var(--quiz-ticket-h) * -.8)) rotate(-12deg); } to{ opacity:1; transform:none; } }
@keyframes quizshine{ 40%, 100%{ transform:translateX(120%); } }
@keyframes quizpop{ 0%{ transform:scale(.6); opacity:0; } 50%{ transform:scale(1.2); opacity:1; } 100%{ transform:none; opacity:1; } }
@keyframes quizstamp{ from{ transform:rotate(-18deg) scale(2); opacity:0; } to{ transform:rotate(-18deg) scale(1); opacity:1; } }
@keyframes quizpick{ 50%{ transform:scale(1.03); } }
@keyframes quizup{ 0%{ opacity:1; transform:none; } 100%{ opacity:0; transform:translateY(calc(var(--s-10) * -1)); } }
@keyframes genpop{ from{ transform:scale(.6); opacity:0; } to{ transform:none; opacity:1; } }
.gen__bar{
  height:calc(var(--s-1) + var(--s-h)); background:var(--rule); border-radius:var(--r-pill); overflow:hidden; margin-top:20px;
}
.gen__bar i{
  display:block; height:100%; width:0%; background:var(--brass); border-radius:inherit;
  transition:width 1.4s linear;
}
@media (prefers-reduced-motion: reduce){
  .gen__ring::after{ animation:none; border-color:var(--brass); }
}

.gen__tick{ display:none; }
.gen[data-state="ready"] .gen__ring::before{ border-color:var(--ok); background:var(--ok); }
.gen[data-state="ready"] .gen__ring::after{ display:none; }
.gen[data-state="ready"] .gen__tick{
  display:block; position:absolute; inset:0; margin:auto; width:26px; height:26px;
  color:#fff; z-index:1; animation:gentick .34s cubic-bezier(.2,.9,.3,1.3) both;
}
@keyframes gentick{ from{ transform:scale(.4); opacity:0; } to{ transform:scale(1); opacity:1; } }
.gen[data-state="ready"] .gen__bar{ display:none; }
.gen[data-state="ready"] .gen__s{ min-height:0; font-size:var(--fs-body); color:var(--ink-2); }
.gen__bang{ display:none; }
.gen[data-state="failed"] .gen__ring::before{ border-color:var(--warn); background:#FBF2EA; }
.gen[data-state="failed"] .gen__ring::after{ display:none; }
.gen[data-state="failed"] .gen__bang{
  display:block; position:absolute; inset:0; margin:auto; width:26px; height:26px; color:var(--warn); z-index:1;
}
.gen[data-state="failed"] .gen__bar{ display:none; }
.gen[data-state="failed"] .gen__s{ min-height:0; font-size:var(--fs-body); line-height:1.55; color:var(--ink-2); }
.gen__fail{ margin:22px auto 0; width:min(21rem, 100%); }
.gen__vid{
  position:relative; width:var(--film-w); margin:0 auto var(--s-5);
  border-radius:var(--r-md); overflow:hidden;
  background:var(--paper); box-shadow:var(--shadow-1); cursor:pointer;
}
.gen__vid::before{ content:""; display:block; padding-top:125%; }
.gen__vid video{ position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.gen__vid .gen__sound{ position:absolute; left:0; right:0; bottom:var(--s-3); margin:0 auto; width:max-content; }
.gen__vid .gen__sound{ top:var(--s-3); right:var(--s-3); bottom:auto; left:auto; margin:0; min-height:var(--tap);
  padding:0 var(--s-4); font-size:var(--fs-sm); background:rgba(23,24,28,.62); color:#fff; border:1px solid rgba(255,255,255,.35); }
.gen__vid .gen__sound[data-quiet="true"], .gen__vid .gen__sound[data-quiet="true"]:focus:not(:focus-visible){ opacity:1; }
.gen[data-vid="on"] .gen__ring{ display:none; }
.gen__why{ margin:var(--s-2) 0 0; font-size:var(--fs-sm); color:var(--ink-2); }
.mailhelp{ display:grid; margin:var(--s-2) 0 0; border:1px solid var(--rule); border-radius:var(--r-card); background:var(--surface);
  overflow:hidden; text-align:left; box-shadow:0 8px 20px -12px rgba(23,24,28,.3); }
.mailhelp__opt{ min-height:var(--tap); padding:var(--s-2) var(--s-4); border:0; border-top:1px solid var(--rule); background:none;
  font:inherit; font-size:var(--fs-body); color:var(--ink-2); text-align:left; cursor:pointer; overflow-wrap:anywhere; }
.mailhelp__opt:first-child{ border-top:0; }
.mailhelp__opt:active{ background:var(--ok-fill); }
.mailhelp__opt b{ color:var(--ink); font-weight:var(--fw-bold); }
.mailfix{ margin:var(--s-2) 0 0; font-size:var(--fs-sm); color:var(--ink); text-align:left; line-height:1.4; }
.mailfix--dead{ color:var(--warn); }
.mailfix__go{ padding:var(--s-1) 0; border:0; background:none; font:inherit; font-weight:var(--fw-bold); color:var(--brass);
  text-decoration:underline; text-underline-offset:3px; cursor:pointer; overflow-wrap:anywhere; }
.gen[data-vid="on"] .gen__box{ max-width:30rem; }
.gen[data-vid="on"]{ -webkit-backdrop-filter:none; backdrop-filter:none; background:rgb(247,246,243); }
.gen[data-state="ready"] .gen__vid, .gen[data-state="failed"] .gen__vid{ display:none; }
.gen[data-state="ready"] .gen__gifts, .gen[data-state="failed"] .gen__gifts{ display:none; }
.gen__cont{ margin:var(--s-5) auto 0; width:min(var(--gen-form-w), 100%); }
.gen[data-state="continue"] .gen__bar, .gen[data-state="continue"] .gen__s{ display:none; }
.gen[data-state="continue"] .gen__cont{ animation:reveal var(--dur) var(--ease) both; }
@media (orientation:landscape) and (max-height:540px){
  .gen[data-vid="on"] .gen__box{
    display:grid; grid-template-columns:auto minmax(0, var(--gen-form-w)); column-gap:var(--s-8);
    grid-template-rows:1fr repeat(5, auto) 1fr;
    justify-content:center; max-width:none;
  }
  .gen[data-vid="on"] .gen__box > *{ grid-column:2; }
  .gen[data-vid="on"] .gen__box > .gen__t{ grid-row:2; }
  .gen[data-vid="on"] .gen__box > .gen__s{ grid-row:3; }
  .gen[data-vid="on"] .gen__box > .gen__bar{ grid-row:4; }
  .gen[data-vid="on"] .gen__box > .gen__cont{ grid-row:5; }
  .gen[data-vid="on"] .gen__box > .gen__late{ grid-row:6; }
  .gen[data-vid="on"] .gen__box > .gen__vid,
  .gen[data-vid="on"] .gen__box > .gen__gifts{
    grid-column:1; grid-row:1 / -1; margin:0; width:var(--film-w-side);
  }
}

.nosave, .nosave img, .nosave canvas, .art img{
  -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; -webkit-user-drag:none;
}

.fpick{
  position:fixed; inset:0; z-index:90; display:none; align-items:center; justify-content:center;
  padding:18px; background:rgba(23,24,28,.72);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.fpick[data-open="true"]{ display:flex; }
.fpick__box{
  background:var(--surface); border-radius:var(--r-md); padding:20px; width:min(30rem, 100%);
  max-height:100%; overflow:auto; text-align:center; box-shadow:var(--shadow-2);
}
.fpick__t{ font-family:var(--display); font-size:var(--fs-h2); margin:0; }
.fpick__s{ font-size:var(--fs-body); color:var(--ink-2); margin:6px 0 14px; line-height:1.5; }
.fpick__stage{ position:relative; display:inline-block; line-height:0; max-width:100%; }
.fpick__stage img, .fpick__stage canvas{ display:block; max-width:100%; max-height:58vh; width:auto; height:auto; border-radius:var(--r-sm); }
.fpick__face{
  position:absolute; appearance:none; padding:0; cursor:pointer; background:rgba(255,255,255,.08);
  border:2px solid #fff; border-radius:var(--r-circle); box-shadow:0 0 0 2px var(--brass), 0 2px 10px rgba(0,0,0,.35);
  min-width:44px; min-height:var(--tap); transform:translate(-50%,-50%); margin-left:0; margin-top:0;
}
.fpick__face:hover, .fpick__face:focus-visible{ background:rgba(185,154,91,.35); outline:none; }
.fpick__face[aria-pressed="true"]{ border-color:var(--brass); background:rgba(185,154,91,.45); }
.fpick__face[aria-pressed="true"]::after{
  content:"\2713"; position:absolute; right:calc(-1 * var(--s-2)); bottom:calc(-1 * var(--s-2));
  width:var(--s-6); height:var(--s-6); border-radius:var(--r-circle); background:var(--brass); color:#fff;
  font-size:var(--fs-micro); line-height:var(--s-6); text-align:center;
}
.fpick__all{ margin-top:var(--s-4); }
.fpick__full{ margin:var(--s-4) 0 0; }

.mine__grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:10px; }
#mineBox .fpick__box{ display:flex; flex-direction:column; overflow:hidden; }
#mineBox .fpick__t, #mineBox .fpick__s, #mineBox .fpick__whole{ flex:none; }
#mineBox .mine__grid{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:var(--s-1);
  grid-auto-rows:max-content; align-content:start; }
.mine__item{
  position:relative; appearance:none; padding:0; cursor:pointer; overflow:hidden;
  border:1px solid var(--rule-2); border-radius:var(--r-sm); background:var(--surface-2);
}
.mine__item img{ display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; }
.mine__item:hover, .mine__item:focus-visible{ border-color:var(--brass); outline:2px solid var(--brass); outline-offset:1px; }
.mine__tag{
  position:absolute; left:6px; bottom:6px; padding:2px 7px; border-radius:var(--r-sm);
  background:var(--ink); color:var(--paper); font-size:var(--fs-micro); letter-spacing:.08em; text-transform:uppercase; font-weight:var(--fw-bold);
}
.noface__stage{ display:flex; gap:10px; justify-content:center; margin:0 0 16px; }
.noface__stage img{
  width:auto; height:auto; max-width:48%; max-height:34vh; object-fit:contain;
  border:1px solid var(--rule-2); border-radius:var(--r-sm); background:var(--surface-2);
}
.slot[data-noface="true"]{ outline:2px solid var(--warn); outline-offset:-2px; }

.gen__gate{ margin-top:20px; text-align:left; width:min(21rem, 100%); margin-inline:auto; }
.gen__gate input{
  width:100%; height:50px; padding:0 14px; font:inherit; font-size:var(--fs-input); color:var(--ink);
  background:var(--surface); border:1px solid var(--rule-2); border-radius:var(--btn-r);
}
.gen__gate input:focus{ outline:2px solid var(--ink); outline-offset:1px; }
.gen__gate input[aria-invalid="true"]{ border-color:var(--warn); }
.gen__err{ margin:6px 0 0; font-size:var(--fs-sm); color:var(--warn); min-height:1.2em; }
.gen__gate .btn{ margin-top:4px; }

@keyframes reveal{
  from{ opacity:0; transform:translateY(-6px); }
  to{   opacity:1; transform:none; }
}
.note:not([hidden]),
.promise:not([hidden]){ animation:reveal var(--dur) var(--ease) backwards; }
@keyframes viewin{ from{ opacity:0; } to{ opacity:1; } }
main > div:not([hidden]):not(#view-landing){ animation:viewin var(--dur-lg) ease backwards; }
.restoring{ margin:0; padding:var(--s-10) var(--gutter); text-align:center; color:var(--ink-3); font-size:var(--fs-body);
  animation:viewin var(--dur-lg) ease .6s backwards; }
.yrlost{ margin:var(--s-4) var(--gutter) 0; padding:var(--s-3) var(--s-4); border-radius:var(--r-card); text-align:center;
  background:var(--brass-soft); color:var(--ink); font-size:var(--fs-sm); line-height:1.5; }
.yrlost a{ color:var(--ink); }


.wall{
  background-color:var(--wall);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E"),
    none;
}

.guarmini{ max-width:40rem; margin:0 auto; text-align:left; }
.guarmini__usa{ display:flex; align-items:center; margin:0 0 var(--s-3); white-space:nowrap;
  color:var(--gal-cream); font-size:var(--fs-xs); font-weight:var(--fw-bold); letter-spacing:.16em; text-transform:uppercase; line-height:1.2; }
.guarmini__usa[hidden]{ display:none; }
.guarmini__t{ margin:0 0 var(--s-2); font-family:var(--display); font-size:var(--fs-gal-promise); font-weight:var(--fw-mid);
  line-height:1; letter-spacing:-.02em; color:#fff; }
.guarmini__t em{ padding-bottom:.08em; font-style:italic; font-weight:var(--fw-normal); color:var(--gal-gold);
  background:linear-gradient(180deg, #F3DEA8 0%, #D9B878 55%, #B98F45 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.guarmini__p{ margin:0; font-size:var(--fs-body); line-height:1.5; color:var(--gal-cream-2); text-wrap:pretty; }
.guarmini__frame{ display:flex; align-items:center; gap:var(--s-4); margin:var(--s-5) 0 0; padding:var(--s-4) 0 0;
  border-top:1px solid rgba(244,236,224,.14); }
.guarmini__frame .seal{ flex:none; width:var(--seal-sm); height:var(--seal-sm); filter:drop-shadow(0 4px 12px rgba(0,0,0,.45)); }
.guarmini__frame p{ display:grid; gap:2px; margin:0; font-size:var(--fs-sm); line-height:1.45; color:var(--gal-cream-2); text-wrap:pretty; }
.guarmini__frame b{ font-size:var(--fs-lead); font-weight:var(--fw-bold); color:var(--gal-gold); }
@media (min-width:700px){
  .guarmini:has(> .guarmini__frame:not([hidden])){ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 26rem);
    column-gap:var(--s-8); align-items:center; max-width:none; margin:0; }
  .guarmini__frame{ justify-self:end; gap:var(--s-5); }
  .guarmini__frame .seal{ width:var(--seal); height:var(--seal); }
  .guarmini__frame b{ font-size:var(--fs-h2); }
  .guarmini__frame p{ font-size:var(--fs-body); gap:var(--s-1); }
  .guarmini:has(> .guarmini__frame:not([hidden])) > :not(.guarmini__frame){ grid-column:1; }
  .guarmini:has(> .guarmini__frame:not([hidden])) > .guarmini__frame{ grid-column:2; grid-row:1 / span 3; align-self:center; margin:0; padding:0 0 0 var(--s-8);
    border-top:0; border-left:1px solid rgba(244,236,224,.14); }
}
@media (min-width:700px) and (max-width:1023px){
  .guarmini:has(> .guarmini__frame:not([hidden])){ grid-template-columns:minmax(0, 1fr) minmax(0, 16rem); column-gap:var(--s-6); }
  .guarmini:has(> .guarmini__frame:not([hidden])) > .guarmini__frame{ flex-direction:column; align-items:flex-start; gap:var(--s-3); padding-left:var(--s-6); }
  .guarmini__frame .seal{ width:var(--seal-sm); height:var(--seal-sm); }
  .guarmini__frame b{ font-size:var(--fs-h3); }
  .guarmini__t{ white-space:nowrap; }
}

.gal{ --gal-cream:#F4ECE0; --gal-cream-2:rgba(244,236,224,.78); --gal-gold:#D9B878; --gal-navy:#071226;
  position:relative; padding:0 var(--s-5); }
.gal__band{ position:relative; isolation:isolate; overflow:hidden; margin:0 calc(-1 * var(--s-5)); color:var(--gal-cream);
  padding:var(--s-8) var(--s-5);
  background:linear-gradient(180deg, #0A1630 0%, var(--gal-navy) 45%, #050E21 100%); }
@media (max-width:1023px), (hover:none) and (orientation:portrait) and (max-width:1366px){ .gal{ margin-inline:-14px; } }
@media (min-width:1024px) and (hover:hover), (min-width:1024px) and (orientation:landscape), (min-width:1367px){ .gal__band{ border-radius:var(--r-xl); } }
.gal__band::before{ content:""; position:absolute; z-index:-1; pointer-events:none; top:0; right:0; width:min(82%, var(--gal-flag-w)); aspect-ratio:900 / 990;
  background:url("/img/gal-flag.webp?v=b0b4ca3c") 100% 0 / 100% 100% no-repeat; opacity:.45; }
.pdp-faq__title{ display:none; font-family:var(--display); font-weight:var(--fw-normal); line-height:1.1; letter-spacing:-.01em;
  font-size:var(--fs-gal-title); color:var(--usa-navy); }
.pdp-faq__title em{ font-style:italic; color:var(--brass); }

@media (min-width:600px) and (max-width:1023px), (hover:none) and (orientation:portrait) and (min-width:1024px) and (max-width:1366px){
  .cfg > *:not(#cfgMore), .cfg__side > *, .cfg__intro > *{ width:100%; max-width:var(--tab-col); margin-inline:auto; box-sizing:border-box; }
  #view-cart > .cart{ max-width:calc(var(--tab-col) + 2 * var(--gutter)); }
  .totals__cover .upsell{ max-width:var(--tab-col); margin-inline:auto; }
}

.totals{ margin-top:var(--s-8); }
.cart{ display:block; }
body[data-route="cart"] #view-cart{
  display:flex; flex-direction:column;
  min-height:calc(100vh - var(--masthead-h));
  min-height:calc(100svh - var(--masthead-h));
}
#view-cart > .cart{ flex:1 1 auto; }
.cartdrawer__head{ display:none; }
.cart__top, .cart__inc, .totals__h, .totals__trust{ display:none; }
#view-cart #cartPerks{ --gift-pic: var(--cart-gift); }
#view-cart #cartPerks .cartline{ grid-template-columns:var(--cart-gift) minmax(0, 1fr) auto; }
#view-cart #cartPerks .gift__pic{ width:100%; background:#F1EBE2; border-radius:var(--r-card); overflow:hidden; }
#view-cart #cartPerks .gift__art{ left:10%; width:80%; margin-left:0; }
#view-cart #cartPerks .cartline:last-child{ border-bottom:0; }
#view-cart .cartline__amt{ display:flex; flex-direction:column; align-items:flex-end; line-height:1.3; }
#view-cart .cartline__amt .cartline__was{ order:1; margin:0; font-size:var(--fs-micro); }
#view-cart #cartPerks .cartline__amt .cartline__was{ order:0; font-size:var(--fs-sm); }
.cartline__free{ order:1; color:var(--ok); font-weight:var(--fw-strong); letter-spacing:.02em; text-transform:uppercase; }
#view-cart #cartPerks .cartline__n{ font-weight:var(--fw-bold); }
#view-cart #cartPerks .cartline__m{ color:var(--ink-3); }
.cartline--gifts{ display:none; }
@media (max-width:759px){
  #view-cart #cartPerks .cartline--gifts{ display:grid; grid-template-columns:auto minmax(0, 1fr) auto;    width:100%; margin:0; border:0;
    border-bottom:1px solid var(--rule); background:none; font:inherit; color:inherit; text-align:left; cursor:pointer; }
  #cartPerks:not([data-open]) .cartline--perk{ display:none; }
  #cartPerks:not([data-open]) .cartline--own{ display:grid; }
  #cartPerks:not([data-open]) .cartline--gifts{ border-bottom:0; }
  #cartPerks .cartline--gifts .cartline__m{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  #cartPerks .cartline--gifts .cartline__n::after{ content:""; display:inline-block; width:.45em; height:.45em; margin:0 0 .18em var(--s-2);
    border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); transition:transform .25s ease; }
  #cartPerks[data-open] .cartline--gifts .cartline__n::after{ transform:rotate(-135deg); margin-bottom:-.05em; }
  .cartline__stack{ display:flex; }
  .cartline__stackpic{ position:relative; flex:none; width:var(--s-10); height:var(--s-10); border-radius:var(--r-card); overflow:hidden;
    background:#F1EBE2; box-shadow:0 0 0 2px var(--paper); }
  .cartline__stackpic + .cartline__stackpic{ margin-left:calc(-1 * (var(--s-3) + var(--s-h))); }
  .cartline__stackpic > *{ position:absolute; inset:0; width:100%; height:100%; }
}
.cartscrim{ position:fixed; inset:0; z-index:58; background:rgba(23,24,28,.4); animation:scrim-in .3s ease both; }
.cartscrim[hidden]{ display:none; }
@keyframes scrim-in{ from{ opacity:0; } }
body[data-drawer="cart"] #view-cart{
  position:fixed; left:0; right:0; bottom:0; z-index:60; min-height:0; height:100vh; height:100dvh;
  display:flex; flex-direction:column;
  overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
  background:var(--paper); border-radius:var(--r-sheet) var(--r-sheet) 0 0; box-shadow:0 -14px 40px rgba(23,24,28,.28);
  animation:drawer-up .42s cubic-bezier(.32,.72,0,1) both;
}
body[data-drawer="cart"] #view-cart[data-closing]{ transform:translateY(100%); transition:transform .26s cubic-bezier(.4,0,1,1); }
body[data-drawer="cart"] #view-cart[data-opened]{ animation:none; }
body[data-drawer="cart"] #view-cart[data-drag]{ animation:none; transition:none; }
body[data-drawer="cart"] .cartscrim[data-closing]{ opacity:0; transition:opacity .26s ease; }
@keyframes drawer-up{ from{ transform:translateY(100%); } }
body[data-drawer="cart"] .cartdrawer__head{
  display:flex; align-items:center; justify-content:flex-end; gap:var(--s-3); position:sticky; top:0; z-index:25;
  padding:var(--s-3) var(--gutter) var(--s-1); background:var(--paper); touch-action:none;
}
body[data-drawer="cart"] #view-cart > .cart{ flex:1 0 auto; padding-top:var(--s-1); padding-bottom:var(--s-3); }
body[data-drawer="cart"] .masthead{ display:none; }
.cartdrawer__grip{ position:absolute; left:50%; top:var(--s-1); width:var(--s-10); height:var(--s-1); margin-left:calc(var(--s-10) / -2);
  border-radius:var(--r-pill); background:rgba(23,24,28,.18); }
.cartdrawer__title{ position:absolute; width:1px; height:1px; margin:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.cartdrawer__badge{ flex:1 1 auto; min-width:0; margin:0; }
body[data-drawer="cart"] #noteGood{ display:none; }
.cartdrawer__x{ flex:none; display:grid; place-items:center; width:var(--tap); height:var(--tap); margin:calc(var(--s-3) * -1) calc(var(--s-2) * -1) calc(var(--s-3) * -1) 0; padding:0;
  border:0; border-radius:var(--r-circle); background:none; color:var(--ink); cursor:pointer; }
.cartdrawer__x svg{ width:calc(var(--ico-lg) - var(--s-1)); height:calc(var(--ico-lg) - var(--s-1)); }
@media (prefers-reduced-motion: reduce){ body[data-drawer="cart"] #view-cart, .cartscrim{ animation:none; } }
#view-cart > .cart{ padding-top:var(--cart-gap); }
.cart .note--good{ margin:0 0 var(--cart-gap); }
.cart .note--good, .cartdrawer__badge{ display:flex; align-items:center; justify-content:flex-start; gap:var(--s-3); padding:var(--s-3) var(--s-4);
  border-radius:var(--r-card); font-size:var(--fs-body); line-height:1.35; text-align:left; box-shadow:none; }
.cartdrawer__badge{ padding:var(--s-1) var(--s-3); gap:var(--s-2); font-size:var(--fs-sm); }
.cart .note--good svg, .cartdrawer__badge svg{ flex:none; width:var(--cart-tick); height:var(--cart-tick); padding:calc(var(--s-1) + var(--s-h)); box-sizing:border-box;
  border-radius:var(--r-circle); background:var(--ok-deep); color:#fff; }
.cartdrawer__badge[hidden]{ display:none; }
@media (max-width:359px){ .cartdrawer__badge{ white-space:nowrap; font-size:var(--fs-micro); padding-inline:var(--s-2); } }
.totals{
  position:sticky; bottom:0; z-index:20;
  background:var(--surface); border-top:1px solid var(--rule);
  box-shadow:0 -6px 20px rgba(23,24,28,.05);
  padding-block:var(--s-3);
  padding-bottom:calc(var(--s-3) + env(safe-area-inset-bottom, 0px));
}
.totals__in{ max-width:36rem; margin-inline:auto; }
.trow{ display:flex; justify-content:space-between; gap:var(--s-4); padding:calc(var(--s-1) / 2) 0; font-size:var(--fs-body); color:var(--ink-3); }
.trow__v{ font-variant-numeric:tabular-nums; color:var(--ink); }
#sumItems{ display:none; }
.trow__was{ color:var(--ink-3); margin-right:7px; font-size:var(--fs-sm); }
.trow--save, .trow--save .trow__v{ color:var(--ok); font-weight:var(--fw-bold); }
.totals__sum{ padding:var(--s-2) var(--s-4); border-radius:var(--r-lg); background:rgba(23,24,28,.045); }
.totals__arrow{ flex:none; width:var(--ico-md); height:var(--ico-md); }
.totals__go{ margin-top:var(--s-2); gap:var(--s-3); white-space:nowrap; }
@media (max-width:399px){ .totals__go{ padding-inline:var(--s-4); } }
.totals__cover{ position:relative; margin:0; padding:var(--s-2) 0 0; background:var(--paper); }
.totals__cover .upsell__name{ font-size:var(--fs-sm); }
.totals__cover .upsell__price{ font-size:var(--fs-sm); }
.totals__cover .upsell__sub{ display:flex; align-items:center; gap:var(--s-2); margin:var(--s-h) 0 0; font-size:var(--fs-micro); line-height:1.35; color:var(--ink-3); }
@media (max-width:1023px), (hover:none) and (orientation:portrait) and (max-width:1366px){
  .totals{ background:none; border-top:0; box-shadow:none; padding:0; margin-top:0; }
  .totals > .totals__in{ max-width:none; margin:0; padding:var(--s-2) var(--gutter) calc(var(--s-3) + env(safe-area-inset-bottom, 0px));
    background:var(--paper); }
  .totals > .totals__in > *{ max-width:36rem; margin-inline:auto; }
  .totals > .totals__in > .totals__go{ display:flex; }
  .totals__sum .trow{ padding:0; font-size:var(--fs-sm); line-height:1.5; }
  .totals__sum #sumGuideRow{ display:none; }
}
@media (min-width:1024px) and (hover:hover), (min-width:1024px) and (orientation:landscape), (min-width:1367px){ .totals__cover{ padding:var(--s-3) 0 var(--s-4); background:none; border-top:0; } .totals__cover .wrap{ padding:0; } }
.paymarks{ display:flex; flex-wrap:wrap; justify-content:center; gap:var(--s-2); margin-top:var(--s-3); }
.paymark{ display:block; flex:none; width:var(--paymark-w); height:var(--paymark-h); }
.paymark svg{ display:block; width:100%; height:100%; }
.totals .paymarks{ display:grid; grid-auto-flow:column; justify-content:center; grid-auto-columns:minmax(0, var(--paymark-w)); }
.totals .paymark{ width:100%; height:auto; aspect-ratio:var(--paymark-ratio); }
@media (max-width:759px){ .totals .paymarks{ gap:var(--s-1); } }

code{ font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-size:var(--fs-code); }
.ssc-pay{
  --ssc-pay-w: 580px;
  --ssc-pay-gut: 14px;
  --ssc-pay-r-field: 12px;
  --ssc-pay-r: var(--ssc-pay-r-field);
  --ssc-pay-fh: 48px;
  --ssc-pay-wallet-h: 48px;
  --ssc-pay-icon: 40px;
  --t-h2:  18px;
  --t-lg:  16px;
  --t-md:  14px;
  --t-sm:  15px;
  --t-xs:  13px;
  --ssc-pay-fill: #f6f6f6;
  --ssc-pay-s-row: 10px;
  --ssc-pay-s-lg: 20px;
  --ssc-pay-s-form: 24px;
  --ssc-pay-s-sec: 32px;
  --ssc-pay-good: #2F6B4F;
  --ssc-pay-good-line: rgba(47,107,79,.30);
  --ssc-pay-good-fill: rgba(47,107,79,.06);
  --ssc-pay-good-soft: rgba(47,107,79,.12);
  --ssc-pay-bad: #d72c0d;
  --ssc-pay-bad-fill: rgba(215,44,13,.07);
  --pay-ink: #17181C;
  --pay-muted: #52545C;
  --pay-brand-zoom: .82;
  --pay-hint: #73757C;
  --pay-soft: #EFEFEF;
  --pay-line: #dedede;
  --pay-surface: #ffffff;
  --pay-accent: #17181C;
  --pay-accent-line: rgba(23,24,28,.26);
  --pay-accent-fill: rgba(23,24,28,.045);
  --pay-mark: #8A6D33;
  --pay-gift-fill: #FFFBF2;  --pay-gift-line: #C9A35C;  --pay-gift-ink: #7A5F28;
  --pay-save-fill: #DCF3E3;
  --pay-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12.2V4.5A1.5 1.5 0 0 1 4.5 3h7.7a1.5 1.5 0 0 1 1.06.44l7.3 7.3a1.5 1.5 0 0 1 0 2.12l-7.7 7.7a1.5 1.5 0 0 1-2.12 0l-7.3-7.3A1.5 1.5 0 0 1 3 12.2zM8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' fill='black' fill-rule='evenodd'/%3E%3C/svg%3E");
  --ssc-e1: 0 1px 2px rgba(23,24,28,.05), 0 4px 10px rgba(23,24,28,.05);

  padding-bottom: var(--ssc-pay-s-sec);
  background: var(--pay-surface);
  color: var(--pay-ink);
  font-family: var(--ui);
  line-height: 1.3;
}

.ssc-pay-head{ border-bottom:1px solid var(--pay-line); background:var(--pay-surface); }
.ssc-pay-head__in,
.ssc-pay-bar,
.ssc-pay-sum{
  padding-inline: max(var(--ssc-pay-gut), calc((100% - var(--ssc-pay-w)) / 2));
}
.ssc-pay-head__in{
  display:grid; grid-template-columns:minmax(24px, 1fr) auto minmax(24px, 1fr); align-items:center;
  padding-block: var(--ssc-pay-s-lg);
}
.ssc-pay-head__logo{
  grid-column:2; justify-self:center; height:44px;
  display:grid; place-items:center; text-align:center;
}
.ssc-pay-head__logo b{
  display:block; font-family:var(--display); font-size:var(--t-lg);
  text-transform:uppercase; letter-spacing:.17em; font-weight:400;
}
.ssc-pay-head__logo i{
  display:block; font-style:normal; font-size:var(--t-xs); letter-spacing:.24em;
  text-transform:uppercase; color:var(--pay-muted); margin-top:3px;
}
.ssc-pay-head__back{
  grid-column:1; width:44px; height:44px; margin:-10px; padding:0; border:0; background:none;
  color:var(--pay-ink); cursor:pointer; display:grid; place-items:center;
}
.ssc-pay-head__back svg{ width:18px; height:18px; }
.ssc-pay-head__usa{ grid-column:3; justify-self:end; display:flex; }
.ssc-pay-head__usa[hidden]{ display:none; }
.ssc-pay-head__usa .usa{ display:block; height:24px; margin:0; }
@media (max-width:359px){ .ssc-pay-head__usa .usa{ height:18px; } }

.ssc-pay .ssc-pay-panel{
  margin:0; border-bottom:1px solid var(--pay-line); border-radius:0;
  background:var(--ssc-pay-fill);
}
.ssc-pay-bar{
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px;
  width:100%; min-height:64px; padding-block:6px;
  border:0; background:transparent; color:inherit; font:inherit;
  text-align:left; cursor:pointer;
}
.ssc-pay-bar__label{
  display:inline-flex; align-items:center; gap:8px; min-width:0;
  color:var(--pay-ink); font-size:var(--t-md); font-weight:400; line-height:1.3;
}
.ssc-pay-bar__chev{ width:10px; height:10px; flex:none; }
.ssc-pay-bar__total{ font-size:var(--t-lg); font-weight:400; white-space:nowrap; }
.ssc-pay-bar__was{
  margin-right:8px; font-size:var(--t-md); color:var(--pay-muted);
}
.ssc-pay-sum{
  display:grid; gap:16px; padding-block:16px; border-top:1px solid var(--pay-line);
}

.ssc-pay-lines{ display:grid; gap:var(--ssc-pay-gut); }
.ssc-pay-line{ display:grid; grid-template-columns:56px 1fr auto; align-items:center; gap:12px; }
.ssc-pay-line__photo--mark{ display:grid; place-items:center; background:var(--ssc-pay-fill); color:var(--pay-mark); }
.ssc-pay-line__photo--mark svg{ width:22px; height:22px; }
.ssc-pay-line__photo{
  width:56px; height:56px; border:1px solid var(--pay-line);
  border-radius:var(--ssc-pay-r); object-fit:cover; background:var(--pay-surface);
  overflow:hidden;
}
.ssc-pay-line__photo canvas,.ssc-pay-line__photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.ssc-pay-line__photo--art{ display:grid; place-items:center; background:var(--ssc-pay-fill); }
.ssc-pay-line__photo .gift__pic{ width:100%; }
.ssc-pay-line__photo .gift__art{ left:10%; width:80%; margin-left:0; }
.ssc-pay-line__id{ display:grid; gap:2px; min-width:0; }
.ssc-pay-line__name{ font-size:var(--t-md); font-weight:700; line-height:1.3; }
.ssc-pay-line__sub{ color:var(--pay-muted); font-size:var(--t-md); }
.ssc-pay-line__glue{ display:inline-block; max-width:100%; }
.ssc-pay-line__deal{ display:inline-block; padding:1px 7px; border-radius:var(--r-pill); background:var(--ok); color:#fff;
  font-size:var(--fs-badge); font-weight:700; line-height:1.35; white-space:nowrap; vertical-align:2px; }
.ssc-pay-line__price{ font-size:var(--t-lg); font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums; }
.ssc-pay-line__was{
  margin-right:8px; color:var(--pay-muted); font-size:var(--t-md); font-weight:400;
}

.ssc-pay-promo{ display:grid; grid-template-columns:1fr auto; gap:var(--ssc-pay-s-row); }
.ssc-pay-promo input{
  width:100%; min-height:var(--ssc-pay-fh); padding:0 12px;
  border:1px solid var(--pay-line); border-radius:var(--ssc-pay-r-field);
  background:var(--pay-surface); color:var(--pay-ink);
  font:inherit; font-size:var(--t-lg); line-height:1.3;
  -webkit-appearance:none; appearance:none;
}
.ssc-pay-promo input::placeholder{ color:var(--pay-hint); }
.ssc-pay-promo input:focus-visible{ border-color:var(--pay-accent); outline:2px solid var(--pay-accent); outline-offset:-2px; }
.ssc-pay-promo__go{
  min-height:var(--ssc-pay-fh); padding:0 var(--ssc-pay-s-lg);
  border:1px solid var(--pay-line); border-radius:var(--ssc-pay-r-field);
  background:var(--ssc-pay-fill); color:var(--pay-ink);
  font:inherit; font-size:var(--t-md); font-weight:700; cursor:pointer;
}
.ssc-pay-promo__go:disabled{ color:var(--pay-muted); cursor:default; }
.ssc-pay-promo__msg{ margin:calc(-1 * var(--ssc-pay-s-row)) 0 0; font-size:var(--t-sm); line-height:1.4; color:var(--pay-muted); }
.ssc-pay-promo__msg[data-tone="bad"]{ color:var(--ssc-pay-bad); }
.ssc-pay-promo__msg[data-tone="good"]{ color:var(--ssc-pay-good); }
.ssc-pay-promo__msg .plink{ margin-left:6px; }
.ssc-pay-tally{ display:grid; gap:8px; margin:0; padding-top:16px; border-top:1px solid var(--pay-line); }
.ssc-pay-tally__row{ display:grid; grid-template-columns:1fr auto; align-items:baseline; font-size:var(--t-md); }
.ssc-pay-tally__row dt,.ssc-pay-tally__row dd{ margin:0; }
.ssc-pay-tally__row dt{ color:var(--pay-muted); }
.ssc-pay-tally__row--total{ font-size:var(--t-lg); font-weight:700; }
.ssc-pay-tally__row--total dt{ color:var(--pay-ink); }
.ssc-pay-tally__row--off dt,.ssc-pay-tally__row--off dd{ color:var(--ssc-pay-good); font-weight:400; }
.ssc-pay-tally__row--today dt,.ssc-pay-tally__row--today dd{ font-weight:700; }
.ssc-pay-tally__row--items{ margin:0 calc(-1 * var(--ssc-pay-s-row)); padding:var(--ssc-pay-s-row); border-radius:var(--ssc-pay-r); background:var(--ssc-pay-fill); }
.ssc-pay-tally__row--items dt{ color:var(--pay-ink); }
.ssc-pay-tally__row--today{ align-items:center; }
.ssc-pay-tally__row--today dt{ display:flex; align-items:center; gap:6px; }
.ssc-pay-tally__row--today dt::before{ content:""; flex:none; width:14px; height:14px; background:currentColor;
  -webkit-mask:var(--pay-tag) center / contain no-repeat; mask:var(--pay-tag) center / contain no-repeat; }
.ssc-pay-tally__row--total{ margin-top:4px; padding-top:12px; border-top:1px solid var(--pay-line); font-size:var(--t-h2); }
.ssc-pay-more{ display:grid; gap:var(--ssc-pay-s-row); margin-top:var(--ssc-pay-s-row); }
.ssc-pay-perkstrip{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0; padding:10px 14px;
  border:1.5px dashed var(--pay-gift-line); border-radius:var(--ssc-pay-r); background:var(--pay-gift-fill);
  color:var(--pay-gift-ink); font-size:var(--t-xs); font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.ssc-pay-perkstrip__n{ display:flex; align-items:center; gap:8px; }
.ssc-pay-perkstrip__n svg{ flex:none; width:16px; height:16px; }
.ssc-pay-save{ display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px; padding:12px 14px;
  border-radius:var(--ssc-pay-r); background:var(--pay-save-fill); box-shadow:inset 0 0 0 1px var(--ssc-pay-good-line); }
.ssc-pay-save__l{ position:relative; padding-left:36px; }
.ssc-pay-save__l::before{ content:""; position:absolute; left:0; top:50%; width:26px; height:26px; margin-top:-13px; background:var(--ssc-pay-good);
  -webkit-mask:var(--tick) center/contain no-repeat; mask:var(--tick) center/contain no-repeat; }
.ssc-pay-save__k{ margin:0; font-size:var(--t-xs); font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ssc-pay-good); }
.ssc-pay-save__v{ margin:0; font-size:var(--t-h2); font-weight:700; color:var(--ssc-pay-good); }
.ssc-pay-save__v span{ font-size:var(--t-md); font-weight:400; }
.ssc-pay-save__r{ margin:0; padding-left:12px; border-left:1px solid var(--ssc-pay-good-line); font-size:var(--t-xs); line-height:1.5; color:var(--pay-muted); text-align:right; }
.ssc-pay-tally__anchor{
  margin:4px 0 0; color:var(--pay-muted); font-size:var(--t-sm); line-height:1.3; text-align:right;
}

.ssc-pay-body{ max-width:var(--ssc-pay-w); margin:0 auto; padding:var(--ssc-pay-s-lg) var(--ssc-pay-gut); }
.ssc-pay-sec{ margin:0 0 var(--ssc-pay-s-form); }
.ssc-pay-sec > * + *{ margin-top:var(--ssc-pay-gut); }
.ssc-pay-h2{ margin:0; font-family:var(--ui); font-size:var(--t-h2); font-weight:var(--fw-bold); letter-spacing:-.01em; line-height:1.3; }
.ssc-pay-h2 + .ssc-pay-sub{ margin-top:4px; }
.ssc-pay-sub,.ssc-pay-note{ margin:0; color:var(--pay-muted); font-size:var(--t-md); line-height:1.3; }
.ssc-pay-vh{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}

.ssc-pay-hold{
  display:flex; align-items:center; gap:12px;
  margin:0 0 var(--ssc-pay-s-lg); padding:12px var(--ssc-pay-gut);
  border:1px solid var(--ssc-pay-good-line); border-radius:var(--ssc-pay-r);
  background:var(--ssc-pay-good-fill); box-shadow:var(--ssc-e1);
}
.ssc-pay-hold__i{ flex:none; width:24px; height:24px; color:var(--ssc-pay-good); }
.ssc-pay-hold__t{
  margin:0; font-size:var(--t-md); font-weight:700; line-height:1.3; color:var(--pay-ink);
  font-variant-numeric:tabular-nums;
}
.ssc-pay-contact{ display:grid; gap:var(--ssc-pay-s-row); }
.ssc-pay-field{ display:block; }
.ssc-pay-field input{
  width:100%; min-height:var(--ssc-pay-fh); padding:0 12px;
  border:1px solid var(--pay-line); border-radius:var(--ssc-pay-r-field);
  background:var(--pay-surface); color:var(--pay-ink);
  font:inherit; font-size:var(--t-lg); line-height:1.3;
  -webkit-appearance:none; appearance:none;
}
.ssc-pay-field input::placeholder{ color:var(--pay-hint); }
.ssc-pay-field{ position:relative; }
.ssc-pay-fl{
  position:absolute; left:13px; top:6px; max-width:calc(100% - 26px);
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; pointer-events:none;
  font-size:var(--t-sm); line-height:1.2; color:var(--pay-hint);
  opacity:0; transition:opacity .15s ease;
}
.ssc-pay-field input:not(:placeholder-shown){ padding-top:16px; }
.ssc-pay-field input:not(:placeholder-shown) + .ssc-pay-fl{ opacity:1; }
.ssc-pay-field input:focus-visible{
  border-color:var(--pay-accent); outline:2px solid var(--pay-accent); outline-offset:-2px;
}
.ssc-pay-err{ display:block; margin-top:6px; font-size:var(--t-sm); color:var(--ssc-pay-bad); min-height:1em; }
.ssc-pay-err:empty{ display:none; }

.ssc-pay-speeds{ display:grid; gap:var(--ssc-pay-s-row); }
.ssc-pay-sec > .ssc-pay-speeds + .ssc-pay-note{ margin-top:var(--ssc-pay-s-row); }
.ssc-pay .ssc-pay-tier{
  display:grid; grid-template-columns:20px 1fr auto; align-items:center; gap:12px;
  width:100%; min-height:57px; padding:var(--ssc-pay-gut);
  border:1px solid var(--pay-line); border-radius:var(--ssc-pay-r);
  background:var(--pay-surface); color:inherit; font:inherit;
  text-align:left; cursor:pointer;
  transition:border-color .15s ease, background .15s ease;
}
.ssc-pay-tier[aria-checked="true"]{
  border-color:var(--pay-accent-line); background:var(--pay-accent-fill);
}
.ssc-pay-tier:focus-visible{ outline:2px solid var(--pay-accent); outline-offset:-2px; }
.ssc-pay-tier__names{ display:grid; gap:2px; min-width:0; }
.ssc-pay-tier__name{ font-size:var(--t-lg); font-weight:700; line-height:1.3; }
.ssc-pay-tier__days{ font-weight:var(--fw-normal); }
.ssc-pay-tier__days::before{ content:" ("; } .ssc-pay-tier__days::after{ content:")"; }
@media (max-width:599px){
  .ssc-pay-tier__days{ display:block; font-size:var(--t-sm); color:var(--pay-muted); line-height:1.3; }
  .ssc-pay-tier__days::before, .ssc-pay-tier__days::after{ content:none; }
  .ssc-pay-tier__name{ line-height:1.2; }
}
.ssc-pay-tier__price{
  display:flex; align-items:baseline; gap:8px;
  font-size:var(--t-lg); font-weight:700; white-space:nowrap;
}
.ssc-pay-tier__was{
  display:inline-block;
  color:var(--pay-muted); font-size:var(--t-sm); font-weight:400;
  font-variant-numeric:tabular-nums;
}
.ssc-pay-tier__now{ font-variant-numeric:tabular-nums; }
.ssc-pay-tier--pick .ssc-pay-tier__price:not([data-free]) .ssc-pay-tier__now{ color:var(--ssc-pay-good); }
.ssc-pay .ssc-pay-tier--fixed{ cursor:default; }
.ssc-pay-tier--fixed .ssc-pay-tier__price{ color:var(--pay-ink); font-weight:700; }

.ssc-pay .ssc-pay-tier--pick{ cursor:pointer; text-align:left; }
.ssc-pay-tier--pick:hover{ border-color:var(--pay-muted); }
.ssc-pay-tier--pick[aria-checked="true"]{
  border-color:var(--pay-accent-line); background:var(--pay-accent-fill);
}

.ssc-pay .ssc-pay-speeds > .ssc-pay-tier{
  grid-template-columns:var(--ssc-pay-icon) minmax(0, 1fr) auto; min-height:0;
  padding:12px var(--ssc-pay-gut);
}
.ssc-pay .ssc-pay-speeds > .ssc-pay-tier[aria-checked="true"]{
  border-color:var(--ssc-pay-good); background:var(--ssc-pay-good-fill);
  box-shadow:inset 0 0 0 1px var(--ssc-pay-good);
}
.ssc-pay-tier__icon{
  display:grid; place-items:center; width:var(--ssc-pay-icon); height:var(--ssc-pay-icon);
  border-radius:999px; background:var(--ssc-pay-fill); color:var(--pay-hint);
  transition:background .15s ease, color .15s ease;
}
.ssc-pay-tier__icon svg{ width:55%; height:55%; }
.ssc-pay .ssc-pay-speeds > .ssc-pay-tier[aria-checked="true"] .ssc-pay-tier__icon{
  background:var(--ssc-pay-good-soft); color:var(--ssc-pay-good);
}

.ssc-pay-adds{ margin-top:var(--ssc-pay-s-form); display:grid; gap:var(--ssc-pay-s-row); }
.ssc-pay-adds .ssc-pay-h2{ margin-bottom:4px; }
.ssc-pay-adds .ssc-pay-cover{ margin-top:0; }
.ssc-pay-cover__tick{
  display:grid; place-items:center; width:20px; height:20px; flex:none; margin:1px 0 0;
  border:1px solid var(--pay-line); border-radius:4px; background:var(--pay-surface);
  color:transparent;
}
.ssc-pay-cover__tick svg{ width:12px; height:12px; }
.ssc-pay-cover[aria-checked="true"]{
  border-color:var(--pay-accent-line); background:var(--pay-accent-fill);
}
.ssc-pay-cover[aria-checked="true"] .ssc-pay-cover__tick{
  border-color:var(--pay-accent); background:var(--pay-accent); color:#fff;
}

.ssc-pay-cover{
  display:flex; align-items:flex-start; gap:11px; width:100%;
  color:inherit; font:inherit; text-align:left;
  margin-top:var(--ssc-pay-s-row); padding:12px var(--ssc-pay-gut);
  border:1px solid var(--pay-line); border-radius:var(--ssc-pay-r);
  background:var(--pay-surface); box-shadow:var(--ssc-e1); cursor:pointer;
}
.ssc-pay-cover:has(input:checked){ border-color:var(--pay-accent-line); background:var(--pay-accent-fill); }
.ssc-pay-cover__box{
  appearance:none; -webkit-appearance:none; margin:1px 0 0;
  width:20px; height:20px; flex:none; cursor:pointer;
  border:1px solid var(--pay-line); border-radius:4px; background:var(--pay-surface);
  display:grid; place-items:center;
}
.ssc-pay-cover__box::after{ content:"\2713"; font-size:var(--t-sm); line-height:1; color:transparent; }
.ssc-pay-cover__box:checked{ border-color:var(--pay-accent); background:var(--pay-accent); }
.ssc-pay-cover__box:checked::after{ color:#fff; }
.ssc-pay-cover__box:indeterminate{ border-color:var(--pay-accent); }
.ssc-pay-cover__box:indeterminate::after{ content:"\2013"; color:var(--pay-accent); }
.ssc-pay-cover__copy{ display:grid; gap:2px; min-width:0; }
.ssc-pay-cover__copy strong{ font-size:var(--t-md); font-weight:700; }
.ssc-pay-cover__copy span{ color:var(--pay-muted); font-size:var(--t-sm); line-height:1.45; }
.ssc-pay-cover__copy a{ color:var(--pay-mark); }
.ssc-pay-cover__price{ margin-left:auto; color:var(--pay-mark); font-size:var(--t-md); font-weight:700; white-space:nowrap; }
#payCover{ display:grid; grid-template-columns:auto minmax(0, 1fr) auto; column-gap:11px; row-gap:2px; }
#payCover .ssc-pay-cover__box{ grid-column:1; grid-row:1; }
#payCover .ssc-pay-cover__copy{ display:contents; }
#payCover .ssc-pay-cover__copy > strong{ grid-column:2; grid-row:1; }
#payCover{ position:relative; }
#payCover .ssc-pay-cover__copy > strong .rec-pill{
  position:absolute; top:0; right:var(--ssc-pay-gut); transform:translateY(-50%); margin:0;
}
#payCover .ssc-pay-cover__copy > span{ grid-column:2 / 4; grid-row:2; }
#payCover .ssc-pay-cover__price{ grid-column:3; grid-row:1; margin-left:0; }

#payFrameSlot{ margin:0 0 var(--ssc-pay-s-form); }
#payFrameSlot .ssc-pay-cover{ margin-top:0; }
.ssc-pay-fold[data-open="true"]{ padding-top:var(--ssc-pay-s-row); }
.ssc-pay-fold .ssc-pay-sec:last-child{ margin-bottom:0; }

.ssc-pay-row3{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:var(--ssc-pay-s-row); }
@media (max-width:420px){ .ssc-pay-row3{ grid-template-columns:1fr 1fr; } }
.ssc-pay-contact + .ssc-pay-note{ margin-top:var(--ssc-pay-gut); }

.fl-stripe-band__slot{ display:grid; gap:var(--ssc-pay-s-row); }
.fl-stripe-band__ph{
  display:block; min-height:var(--ssc-pay-fh);
  border:1px solid var(--pay-line); border-radius:var(--ssc-pay-r-field); background:#fff;
}
.fl-stripe-band__ph--split{
  display:grid; grid-template-columns:1fr 1fr; gap:var(--ssc-pay-s-row);
  border:0; background:none; min-height:0;
}
.fl-stripe-band__ph--split i{
  display:block; min-height:var(--ssc-pay-fh);
  border:1px solid var(--pay-line); border-radius:var(--ssc-pay-r-field); background:#fff;
}
.fl-stripe-band__note{
  margin:var(--ssc-pay-s-row) 0 0; color:var(--pay-muted);
  font-size:var(--t-sm); line-height:1.55; text-align:center;
}
.fl-stripe-band__note b{ display:block; color:var(--pay-ink); font-size:var(--t-sm); margin-bottom:2px; }
.fl-stripe-band__note code{ font-size:var(--t-xs); background:#fff; padding:.1em .3em; border-radius:var(--r-mark); }

.ssc-pay-total{ margin-top:var(--ssc-pay-s-form); }
.ssc-pay-total__head{
  display:flex; align-items:center; gap:12px; width:100%; padding:0;
  border:0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer;
}
.ssc-pay-total__photo{ width:48px; height:48px; flex:none; border-radius:var(--ssc-pay-r); overflow:hidden; }
.ssc-pay-total__photo canvas{ width:100%; height:100%; object-fit:cover; display:block; }
.ssc-pay-total__copy{ display:grid; min-width:0; margin-right:auto; }
.ssc-pay-total__word{ font-size:var(--t-lg); font-weight:700; line-height:1.3; }
.ssc-pay-total__items{ color:var(--pay-muted); font-size:var(--t-md); line-height:1.3; }
.ssc-pay-total__sum{ font-size:var(--t-lg); font-weight:700; white-space:nowrap; }
.ssc-pay-total__sum .ssc-pay-bar__was{ font-weight:var(--fw-normal); }
.ssc-pay-total__chev{ width:14px; height:14px; flex:none; color:var(--pay-muted); }
.ssc-pay-total__row{ display:flex; justify-content:space-between; gap:12px; margin:10px 0 0; font-size:var(--t-md); }
.ssc-pay-total__row--sub{ color:var(--pay-muted); }
.ssc-pay-total__row--off{ color:var(--ssc-pay-good); }

.ssc-pay-express{ margin:0 0 var(--ssc-pay-s-form); }
.ssc-pay-express[data-loading="true"] > :not(#expressMount){ visibility:hidden; }
.ssc-pay-express[data-loading="true"] #expressMount{ min-height:var(--ssc-pay-wallet-h); }
.ssc-pay-shoppay{
  --shop-pay-button-width:100%; --shop-pay-button-height:var(--ssc-pay-wallet-h);
  --shop-pay-button-border-radius:var(--ssc-pay-r-field);
  margin:0 0 var(--ssc-pay-s-row);
}
#shopPayLogin{ position:absolute; }
.ssc-pay-express__t{
  margin:0 0 var(--ssc-pay-s-row); text-align:center; font-family:var(--ui);
  color:var(--pay-muted); font-size:var(--t-md); font-weight:400; line-height:1.3;
}
.ssc-pay-or{
  display:flex; align-items:center; gap:var(--ssc-pay-gut);
  margin:var(--ssc-pay-s-lg) 0 0; color:var(--pay-muted); font-size:var(--t-md);
}
.ssc-pay-or::before, .ssc-pay-or::after{
  content:""; flex:1 1 auto; height:1px; background:var(--pay-line);
}
.ssc-pay-marks{ margin-top:var(--ssc-pay-s-lg); min-height:var(--paymark-h); }
.ssc-pay-submit{ margin-top:var(--ssc-pay-s-row); }
#view-checkout[data-payway="whop"] #expressMount,
#view-checkout[data-payway="whop"] .fl-stripe-band{ display:none !important; }
#view-checkout:not([data-payway="whop"]) #whopMount,
#view-checkout:not([data-payway="whop"]) #whopBrand{ display:none !important; }
#whopBrand{ margin-top:var(--ssc-pay-s-row); zoom:var(--pay-brand-zoom); opacity:.85; }
.contact{ max-width:36rem; }
.contact__lede{ color:var(--ink-2); font-size:var(--fs-body); }
.contact__form{ display:grid; gap:var(--s-4); margin-top:var(--s-6); }
.contact__field{ display:grid; gap:var(--s-1); font-size:var(--fs-sm); font-weight:var(--fw-mid); color:var(--ink-2); }
.contact__field i{ font-style:normal; font-weight:var(--fw-normal); color:var(--ink-3); }
.contact__field input, .contact__field textarea{
  width:100%; min-height:var(--btn-h); padding:var(--s-3) var(--s-4);
  font:inherit; font-size:var(--fs-input); font-weight:var(--fw-normal); color:var(--ink);
  background:var(--surface); border:1px solid var(--rule-2); border-radius:var(--btn-r);
}
.contact__field textarea{ resize:vertical; }
.contact__field input:focus, .contact__field textarea:focus{ outline:2px solid var(--ink); outline-offset:1px; }
.contact__field [aria-invalid="true"]{ border-color:var(--warn); }
.contact__err{ margin:0; min-height:1.2em; font-size:var(--fs-sm); color:var(--warn); }
.contact__err:empty{ display:none; }
.contact__fine{ margin:0; font-size:var(--fs-sm); color:var(--ink-3); }
.contact__sent{ margin-top:var(--s-6); padding:var(--s-4); border:1px solid var(--ok-line); background:var(--ok-fill); border-radius:var(--r-md); }
.contact__sent-t{ margin:0 0 var(--s-1); font-weight:var(--fw-bold); color:var(--ink); }
.contact__biz{ margin-top:var(--s-8); font-size:var(--fs-sm); color:var(--ink-3); }
.contact__lost{ margin:var(--s-5) 0 var(--s-6); padding:var(--s-4); border-radius:var(--r-card); background:var(--brass-soft); }
.contact__lost-h{ margin:0 0 var(--s-1); font-size:var(--fs-h3); font-weight:var(--fw-bold); color:var(--ink); }
.contact__lost-p{ margin:0 0 var(--s-3); font-size:var(--fs-body); line-height:1.5; color:var(--ink-2); }
.contact__lost-f{ display:flex; flex-wrap:wrap; gap:var(--s-2); }
.contact__lost-f input{
  flex:1 1 12rem; min-width:0; min-height:var(--btn-h); padding:var(--s-3) var(--s-4);
  font:inherit; font-size:var(--fs-input); color:var(--ink);
  background:var(--surface); border:1px solid var(--rule-2); border-radius:var(--btn-r);
}
.contact__lost-f input:focus{ outline:2px solid var(--ink); outline-offset:1px; }
.contact__lost-f input[aria-invalid="true"]{ border-color:var(--warn); }
.contact__lost-f .btn{ flex:1 0 auto; }
.contact__lost-msg{ margin:var(--s-3) 0 0; font-size:var(--fs-body); line-height:1.5; color:var(--ink); }
.contact__lost-msg[data-bad]{ color:var(--warn); }
.contact__lost-msg[hidden]{ display:none; }
.ssc-pay-agree{ margin:var(--ssc-pay-s-row) 0 0; color:var(--pay-muted); font-size:var(--t-sm); line-height:1.4; text-align:center; }
.ssc-pay .fl-stripe-pay{
  width:100%; min-height:var(--btn-h-lg); padding-block:0;
  border:0; border-radius:var(--btn-r);
  background:var(--btn-bg); color:var(--surface); box-shadow:var(--btn-shadow);
  font:inherit; font-size:var(--fs-cta); font-weight:var(--btn-fw);
  letter-spacing:var(--btn-track); text-transform:var(--btn-case); cursor:pointer;
  transition:transform var(--dur-sm) var(--ease), box-shadow var(--dur-sm) var(--ease);
}
.ssc-pay .fl-stripe-pay:hover{ transform:translateY(-1px); box-shadow:var(--btn-shadow-hi); }
.ssc-pay .fl-stripe-pay[disabled]{ background:var(--rule); color:var(--ink-3); box-shadow:none; transform:none; cursor:not-allowed; }

.ssc-pay-trust{ display:grid; gap:16px; margin:var(--ssc-pay-s-sec) 0 0; padding:0; list-style:none; }
.ssc-pay-trust__row{ display:grid; grid-template-columns:30px 1fr; align-items:start; gap:12px; }
.ssc-pay-trust__ring{ display:grid; place-items:center; height:1.45em; color:var(--pay-mark); }
.ssc-pay-trust__ring svg{ width:26px; height:26px; }
.ssc-pay-trust__row{ grid-template-columns:56px 1fr; align-items:center; gap:14px; }
.ssc-pay-trust__ring{ height:auto; }
.ssc-pay-trust__ring .seal{ width:56px; height:56px; }
@media (max-width:599px){
  .ssc-pay .ssc-pay-trust{ gap:8px; margin-top:var(--s-4); }
  .ssc-pay .ssc-pay-trust + .ssc-safe{ margin-top:var(--s-4); padding-top:var(--s-4); }
  .ssc-pay-trust__row{ grid-template-columns:46px 1fr; gap:12px; }
  .ssc-pay-trust__ring .seal{ width:46px; height:46px; }
}
@media (min-width:600px){
  .ssc-pay-trust{ grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); gap:20px; }
  .ssc-pay-trust__row{ grid-template-columns:1fr; justify-items:center; align-items:start; align-content:start; gap:10px; text-align:center; }
  .ssc-pay-trust__ring .seal{ width:68px; height:68px; }
}
.ssc-pay-trust__title{ display:block; font-size:var(--t-lg); font-weight:700; line-height:1.3; }


.ssc-pay .ssc-safe{
  margin-top:32px; padding-top:24px; border-top:1px solid var(--pay-line);
  font-size:var(--t-md); color:var(--pay-muted); display:grid; gap:6px;
}
.ssc-pay .ssc-safe{ padding-top:5px; justify-items:center; }
.ssc-pay .ssc-safe .foot__links{ justify-content:center; }
#view-checkout.ssc-pay{ padding-bottom:calc(6px + env(safe-area-inset-bottom, 0px)); }
#view-checkout .ssc-pay-body{ padding-bottom:4px; }

.ssc-pay-sum,.ssc-pay-total__body,.ssc-pay-fold{
  max-height:60rem; overflow:hidden;
  transition:max-height 280ms var(--ease), opacity 200ms ease, visibility 0s;
}
.ssc-pay-sum[data-open="false"],.ssc-pay-total__body[data-open="false"],.ssc-pay-fold[data-open="false"]{
  max-height:0; padding-block:0; opacity:0; visibility:hidden;
  transition-delay:0s,0s,280ms;
}
.ssc-pay-bar__chev,.ssc-pay-total__chev{ transition:transform 260ms var(--ease); }
.ssc-pay-bar[aria-expanded="true"] .ssc-pay-bar__chev,
.ssc-pay-total__head[aria-expanded="true"] .ssc-pay-total__chev{ transform:rotate(180deg); }

@media (min-width:720px){
  .ssc-pay-line{ grid-template-columns:64px 1fr auto; gap:16px; }
  .ssc-pay-line__photo{ width:64px; height:64px; }
  .ssc-pay-line__name{ font-size:var(--t-lg); }
}

.ssc-pay-head{ border-bottom:0; }
.ssc-pay-head__usa .usa g[clip-path] > rect:first-child{ fill:transparent; }
.ssc-pay-head__usa .usa__a, .ssc-pay-head__usa .usa__b{ fill:var(--pay-ink); }
.ssc-pay .ssc-pay-panel{
  margin:var(--ssc-pay-s-row) calc(max(0px, (100% - var(--ssc-pay-w)) / 2) + var(--ssc-pay-gut)) 0;
  border:0; border-radius:var(--ssc-pay-r); overflow:hidden; background:var(--pay-soft);
}
.ssc-pay-bar, .ssc-pay-sum{ padding-inline:var(--ssc-pay-gut); }
.ssc-pay-bar{ min-height:var(--ssc-pay-fh); }
.ssc-pay-bar__total > span{ font-weight:700; }
.ssc-pay-bar__label{ white-space:nowrap; }
.ssc-pay-bar:focus-visible{ outline:2px solid var(--pay-accent); outline-offset:-2px; border-radius:var(--ssc-pay-r); }
@media (max-width:359px){
  .ssc-pay-bar .ssc-pay-bar__was{ display:none; }
  .ssc-pay{ --ssc-pay-icon: 32px; }
  .ssc-pay .ssc-pay-speeds > .ssc-pay-tier{ column-gap:var(--ssc-pay-s-row); }
}
#payContact[data-joined="true"]{ margin-bottom:var(--ssc-pay-s-row); }
#payShip[data-joined="true"] > .ssc-pay-h2{ display:none; }
#payShip[data-joined="true"] > *{ margin-top:0; }
.ssc-pay-secure{ display:flex; align-items:center; gap:6px; }
.ssc-pay-secure svg{ flex:none; width:1.15em; height:1.15em; }
.ssc-pay-cover{ border-color:transparent; background:var(--pay-soft); box-shadow:none; }
.ssc-pay-cover:has(input:checked), .ssc-pay-cover[aria-checked="true"]{ border-color:transparent; background:var(--pay-soft); }
#payCover, #payFrameAdd{ display:grid; grid-template-columns:minmax(0, 1fr) auto auto; column-gap:var(--ssc-pay-gut); row-gap:2px; align-items:center; }
#payCover .ssc-pay-cover__copy, #payFrameAdd .ssc-pay-cover__copy{ display:contents; }
#payCover .ssc-pay-cover__copy > strong, #payFrameAdd .ssc-pay-cover__copy > strong{ grid-column:1; grid-row:1; }
#payCover .ssc-pay-cover__copy > span, #payFrameAdd .ssc-pay-cover__copy > span{ grid-column:1 / 3; grid-row:2; }
#payCover .ssc-pay-cover__copy > strong .rec-pill{ position:static; transform:none; margin-left:var(--ssc-pay-s-row); }
#payCover .ssc-pay-cover__price, #payFrameAdd .ssc-pay-cover__price{ grid-column:2; grid-row:1; justify-self:end; margin:0; color:var(--pay-ink); font-size:var(--t-lg); }
#payCover .ssc-pay-cover__box, #payFrameAdd .ssc-pay-cover__tick{ grid-column:3; grid-row:1 / 3; margin:0; }
#payCover .ssc-pay-cover__box:not(:checked), #payFrameAdd:not([aria-checked="true"]) .ssc-pay-cover__tick{ border-color:var(--pay-hint); }
.ssc-pay .ssc-pay-quotes{ margin:var(--ssc-pay-s-form) 0 0; border-radius:0; background:var(--pay-soft); }
.ssc-pay-sum > .ssc-pay-quotes{ margin-top:0; background:var(--pay-surface); }
@media (max-width:599px){
  .ssc-pay .ssc-pay-trust{ grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); gap:var(--ssc-pay-s-row); }
  .ssc-pay-trust__row{ grid-template-columns:1fr; justify-items:center; align-content:start; gap:6px; text-align:center; }
  .ssc-pay-trust__ring .seal{ width:32px; height:32px; }
  .ssc-pay-trust__title{ font-size:var(--t-xs); font-weight:500; }
}

.ssc-pay{
  --ssc-pay-side-w: 440px;
  --ssc-pay-split:  44px;
}
@media (min-width:1000px) and (hover:hover), (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  #view-checkout{
    display:grid; grid-template-rows:auto 1fr;
    grid-template-columns:calc(50% + (var(--ssc-pay-w) - var(--ssc-pay-side-w)) / 2) minmax(0,1fr);
    min-height:calc(100vh - var(--ann-real, 0px)); padding-bottom:0;
  }
  .ssc-pay-head{ grid-column:1 / -1; }
  .ssc-pay-head__in{
    padding-inline:max(var(--ssc-pay-split), calc((100% - var(--ssc-pay-w) - var(--ssc-pay-side-w) - 2 * var(--ssc-pay-split)) / 2));
  }
  .ssc-pay-body{
    grid-column:1; grid-row:2; width:100%;
    max-width:calc(var(--ssc-pay-w) + 2 * var(--ssc-pay-split)); margin:0 0 0 auto;
    padding:var(--ssc-pay-s-sec) var(--ssc-pay-split);
  }
  .ssc-pay .ssc-pay-panel{
    grid-column:2; grid-row:2;
    border-bottom:0; border-left:1px solid var(--pay-line);
    margin:0; border-radius:0; background:var(--ssc-pay-fill);
    overflow:visible;
  }
  .ssc-pay-head{ border-bottom:1px solid var(--pay-line); }
  .ssc-pay-bar{ display:none; }
  .ssc-pay-sum,
  .ssc-pay-sum[data-open="false"]{
    position:sticky; top:min(0px, calc(100vh - var(--pay-sum-h, 0px)));
    max-width:calc(var(--ssc-pay-side-w) + 2 * var(--ssc-pay-split));
    max-height:none; overflow:visible; opacity:1; visibility:visible; transition:none;
    padding:var(--ssc-pay-s-sec) var(--ssc-pay-split);
    border-top:0;
  }
  .ssc-pay-total{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .ssc-pay-sum,.ssc-pay-total__body,.ssc-pay-fold,
  .ssc-pay-bar__chev,.ssc-pay-total__chev{ animation:none; transition:none; }
}

.devbar{
  position:fixed; z-index:70;
  right:calc(12px + env(safe-area-inset-right, 0px));
  bottom:calc(12px + env(safe-area-inset-bottom, 0px));
  display:flex; align-items:center; gap:2px;
  padding:5px; border-radius:var(--r-pill);
  background:rgba(23,24,28,.9);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  box-shadow:0 6px 24px rgba(0,0,0,.28);
  transition:padding .18s ease, background .18s ease;
}
.devbar[data-open="false"]{ padding:0; gap:0; background:none; box-shadow:none; }
.devbar[data-demo="true"]{ z-index:95; }
.devbar[data-open="false"] > :not(.devbar__ball){ display:none; }

.devbar__ball{
  flex:none; width:38px; height:38px; padding:0;
  display:grid; place-items:center;
  border:0; border-radius:var(--r-circle); cursor:pointer;
  background:rgba(23,24,28,.9); color:rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  box-shadow:0 6px 24px rgba(0,0,0,.28);
}
.devbar__ball:hover{ color:#fff; }
.devbar__ball svg{ width:15px; height:15px; }
.devbar[data-open="true"] .devbar__ball{
  width:30px; height:30px; background:rgba(255,255,255,.08); box-shadow:none;
}
.devbar__ico--open{ display:none; }
.devbar[data-open="true"] .devbar__ico--open{ display:block; }
.devbar[data-open="true"] .devbar__ico--shut{ display:none; }

.devbar__tag{
  font-size:var(--fs-micro); letter-spacing:.16em; text-transform:uppercase; font-weight:var(--fw-strong);
  color:rgba(255,255,255,.4); padding:0 8px 0 6px;
}
.devbar button:not(.devbar__ball){
  border:0; background:transparent; color:rgba(255,255,255,.72);
  font-size:var(--fs-xs); font-weight:var(--fw-mid); padding:7px 11px; border-radius:var(--r-pill);
  cursor:pointer; white-space:nowrap;
}
.devbar button:not(.devbar__ball):hover{ color:#fff; background:rgba(255,255,255,.1); }
.devbar button[data-on="true"]{ background:#fff; color:var(--ink); }
@media (max-width:759px){
  .devbar button:not(.devbar__ball){ padding:7px 9px; font-size:var(--fs-xs); }
  .devbar__tag{ display:none; }
}


.notice{
  margin-top:20px; padding:14px 16px; border-radius:var(--r-sm);
  border:1px solid var(--rule-2); background:var(--surface);
  font-size:var(--fs-sm); line-height:1.55; color:var(--ink-2); max-width:34rem;
}
.notice strong{ color:var(--ink); font-weight:var(--fw-mid); display:block; margin-bottom:4px; }
.notice ol{ margin:9px 0 0; padding-left:20px; }
.notice li{ margin-bottom:6px; }
.notice li:last-child{ margin-bottom:0; }
.notice b{ font-weight:var(--fw-bold); }
.ssc-pay .notice--warn{
  display:flex; align-items:flex-start; gap:var(--ssc-pay-s-row);
  margin:var(--ssc-pay-s-row) 0 0; max-width:none; padding:var(--ssc-pay-s-row) var(--ssc-pay-s-lg) var(--ssc-pay-s-row) var(--ssc-pay-s-row);
  border:2px solid var(--ssc-pay-bad); border-radius:var(--ssc-pay-r);
  background:var(--ssc-pay-bad-fill); color:var(--ssc-pay-bad);
  font-size:var(--t-md); line-height:1.45;
}
.ssc-pay .notice--warn strong{ color:var(--ssc-pay-bad); font-size:var(--t-lg); font-weight:700; margin-bottom:2px; }
.ssc-pay .notice--warn svg{ flex:none; width:1.5em; height:1.5em; margin-top:1px; }
.notice code{ background:var(--surface-2); padding:.12em .35em; border-radius:var(--r-sm); }


.faq{ max-width:44rem; margin-top:18px; display:grid; grid-template-columns:minmax(0, 1fr); gap:var(--s-3); }
summary{
  cursor:pointer; font-size:var(--btn-fs); font-weight:var(--fw-mid);
  display:flex; justify-content:space-between; gap:16px; align-items:center; list-style:none;
}
summary::-webkit-details-marker{ display:none; }
details p{ margin:0; color:var(--ink-2); font-size:var(--fs-body); line-height:1.6; max-width:52ch; }

.faq details{
  border:0; border-radius:var(--r-card); background:var(--surface);
  box-shadow:0 0 0 1px rgba(23,24,28,.05), 0 10px 26px -18px rgba(23,24,28,.3);
  transition:box-shadow var(--dur-sm) var(--ease);
}
.faq details:hover, .faq details[open]{ box-shadow:0 0 0 1px rgba(23,24,28,.1), 0 14px 30px -18px rgba(23,24,28,.35); }
.faq summary{
  padding:var(--s-4) var(--s-4) var(--s-4) var(--s-5); min-height:var(--btn-h-lg);
  font-size:var(--fs-body); font-weight:var(--fw-mid);
}
.faq summary:focus-visible{ outline:2px solid var(--brass); outline-offset:-2px; border-radius:var(--r-card); }
.faq summary::after{
  content:""; flex:none; width:var(--s-6); height:var(--s-6); border-radius:var(--r-circle);
  background:
    linear-gradient(var(--surface), var(--surface)) center/10px 1.5px no-repeat,
    linear-gradient(var(--surface), var(--surface)) center/1.5px 10px no-repeat,
    var(--ink);
  transition:transform .2s var(--ease);
}
.faq details[open] summary::after{ transform:rotate(45deg); }
.faq details p{ padding:0 var(--s-5) var(--s-5); }
.faq details p{ overflow:hidden; }
.faq summary{ transition:color .2s ease; }
.faq details:not([open]) summary:hover{ color:var(--ink-2); }
@media (prefers-reduced-motion: reduce){ .faq summary::after{ transition:none; } }
@media (min-width:1024px) and (hover:hover), (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .cfg{
    display:grid; grid-template-columns:minmax(0, 1.12fr) minmax(400px, 540px); grid-template-rows:auto auto auto;
    column-gap:clamp(40px, 5vw, 88px); row-gap:0; align-content:start;
    padding:var(--s-6) max(var(--gutter), calc((100% - 1440px) / 2)) var(--s-10);
  }
  .cfg__intro, .cfg__side{ display:flex; flex-direction:column; min-width:0; }
  .cfg__bar{ grid-column:1; grid-row:1; margin-bottom:var(--s-3); }
  .cfg__intro{ gap:var(--s-2); margin-bottom:var(--s-4); }
  .cfg__title{ margin:0; padding:0; }
  .cfg__rate{ margin:0; padding:0; }
  .cfg__stage{ grid-column:1; grid-row:2; align-self:start; justify-self:center; width:100%;
    max-width:calc((100vh - 120px) * 25 / 24); overflow:clip; }
  .cfg__side{ grid-column:2; grid-row:2; align-self:start; gap:var(--s-2); }
  .cfg__cart{ margin-top:var(--s-4); }
  .cfg__promise{ margin-top:var(--s-2); }
  .cfg__more{ grid-column:1 / -1; grid-row:3; margin:var(--s-10) 0 0; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr));
    column-gap:clamp(40px, 5vw, 88px); align-items:center; }
  .cfg__more > .wrap{ grid-column:1 / -1; padding-inline:0; max-width:none; }
  .cfg__more > .pdp-faq{ grid-column:1 / -1; }
  .cfg__more > .pdp-faq .faq{ margin-top:0; max-width:var(--page-narrow); margin-inline:auto; }
  .cfg__more{ align-items:start; }
  .cfg{ position:relative; height:100%; }
  .cfg__bar{ justify-content:flex-start; }
  .cfg__seg{ margin-inline:auto; }
  #cfgHelp{ position:absolute; top:var(--s-6); right:max(var(--gutter), calc((100% - 1440px) / 2)); }
  .cfg__side{ padding-top:0; }
  .cfg__rate{ align-self:stretch; }
  .cfg__rate .cfg__rateoff:not([hidden]){ display:inline-block; margin-left:auto; padding:2px var(--s-2); border-radius:var(--r-pill);
    background:var(--ok-soft); color:var(--ok-deep); font-size:var(--fs-micro); font-weight:var(--fw-bold); }
  .cfg__rate .cfg__ratep{ display:inline; margin-left:auto; font-size:var(--fs-lead); color:var(--ink); font-weight:var(--fw-bold); }
  .cfg__rate .cfg__rateoff:not([hidden]) + .cfg__ratep{ margin-left:var(--s-2); }
  .cfg__rate .cfg__ratewas:not([hidden]){ display:inline; margin-left:var(--s-2); font-size:var(--fs-lead); color:var(--ink-3); font-weight:var(--fw-normal); }
  .cfg__rate .cfg__ratep{ order:1; margin-left:auto; }
  .cfg__rate .cfg__rateoff:not([hidden]) + .cfg__ratep{ margin-left:auto; }
  .cfg__rate .cfg__ratewas:not([hidden]){ order:2; margin-left:var(--s-h); font-size:var(--fs-sm); }
  .cfg__rate .cfg__rateoff:not([hidden]){ order:3; margin-left:var(--s-1); padding:var(--s-h) var(--s-2); font-size:var(--fs-badge); }
  .cfg__title{ font-size:var(--fs-cfg-title-wide); white-space:nowrap; text-wrap:nowrap; }
  .cfg__rate{ font-size:var(--fs-sm); }
  .cfg__ratestars svg{ width:var(--s-4); height:var(--s-4); }
  .cfg__rate .cfg__ratep{ font-size:var(--fs-h2); }
  .cfg__head{ min-height:64px; padding:var(--s-2) var(--s-4) var(--s-2) var(--s-3); gap:var(--s-4); }
  #cfgSteps, #yrPrintSteps{ --pair-r:var(--row-r-lg); }
  .cfg__ico{ width:calc(var(--s-6) * 2); height:calc(var(--s-6) * 2); }
  .cfg__ico svg{ width:var(--ico-md); height:var(--ico-md); }
  .cfg__tt b{ font-size:var(--fs-h3); }
  .cfg__tt span{ font-size:var(--fs-sm); }
  .cfg__val{ font-size:var(--fs-body); }
  .cfg__opt img, .cfg__oico{ width:72px; height:72px; }
  .cfg__opt--round img{ width:76px; height:76px; }
  .cfg__opt{ --oimg:72px; }
  .cfg__opt--round{ --oimg:76px; }
  .cfg__on{ font-size:var(--fs-body); }
  .cfg__op{ font-size:var(--fs-sm); }
  body[data-app="true"] .cfg__more > .foot{ display:block !important; grid-column:1 / -1; margin-top:var(--s-10); border-radius:var(--r-lg); }
  .cfg__pol{ grid-column:1 / -1; margin-inline:0; }
  .cfg__more:has(> .foot) > .cfg__pol{ display:none; }
  .cfg__more:has(> .foot){ padding-bottom:calc(var(--s-10) + var(--s-6) + env(safe-area-inset-bottom, 0px)); }
}
@media (min-width:560px) and (max-width:1023px), (hover:none) and (orientation:portrait) and (min-width:1024px) and (max-width:1366px){
  .cfg__stage{ width:100%; max-width:min(100%, calc((100vh - 200px) * 25 / 24)); margin-inline:auto; }
}
@media (hover:none) and (orientation:portrait) and (min-width:600px) and (max-width:1366px){
  .cfg{
    --fs-h1: 2.5rem; --fs-h2: 1.625rem; --fs-h2-ui: 1.5rem; --fs-h3: 1.375rem; --fs-lead: 1.375rem;
    --fs-body: 1.1875rem; --fs-sm: 1.125rem; --fs-xs: 1.125rem; --fs-micro: 1rem; --fs-badge: .875rem;
    --fs-cta: 1.625rem; --fs-price: 1.875rem; --fs-cfg: 20px; --fs-chip: 15px; --fs-tag-lg: 13px;
    --fs-price-pdp: 1.875rem;
    --btn-fs: var(--fs-body); --btn-fs-lg: var(--fs-cta); --btn-fs-quiet: var(--fs-sm);
    --btn-h: 56px; --btn-h-lg: 64px;
    --ico-sm: 20px; --ico-md: 24px; --ico-xs: 16px; --thumb: 64px; --face: 34px;
    --gift-pic: 100px;
    padding-inline:var(--tab-pad);
  }
  .cfg > *:not(#cfgMore), .cfg__side > *, .cfg__intro > *{ max-width:none; }
  .cfg__more{ margin-inline:calc(-1 * var(--tab-pad)); }
  .gal{ margin-inline:calc(-1 * var(--tab-pad)); }
  .cfg__stage{ max-width:none; }
  .cfg__title{ font-size:var(--fs-cfg-title-tab); white-space:nowrap; text-wrap:nowrap; }
  .cfg__rate{ font-size:var(--fs-sm); }
  .cfg__ratestars svg{ width:var(--s-5); height:var(--s-5); }
  .cfg__head{ min-height:68px; padding:var(--s-2) var(--s-4) var(--s-2) var(--s-3); gap:var(--s-4); }
  #cfgSteps, #yrPrintSteps{ --pair-r:var(--row-r-lg); }
  .cfg__ico{ width:calc(var(--s-6) * 2); height:calc(var(--s-6) * 2); }
  .cfg__ico svg{ width:var(--ico-md); height:var(--ico-md); }
  .cfg__tt b{ font-size:var(--fs-h3); }
  .cfg__tt span{ font-size:var(--fs-sm); }
  .cfg__val{ font-size:var(--fs-body); }
  .cfg__opt img, .cfg__oico{ width:var(--tab-opt); height:var(--tab-opt); }
  .cfg__opt--round img{ width:var(--tab-opt-round); height:var(--tab-opt-round); }
  .cfg__opt{ --oimg:var(--tab-opt); }
  .cfg__opt--round{ --oimg:var(--tab-opt-round); }
  .cfg__on{ font-size:var(--fs-body); }
  .cfg__op{ font-size:var(--fs-sm); }
}
@media (hover:none) and (orientation:landscape) and (min-width:1024px){
  .cfg{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); column-gap:var(--s-8); padding-inline:var(--s-6); }
  .cfg__stage, .cfg__media{ max-width:min(100%, calc((100vh - 120px) * 25 / 24)); }
  #cfgHelp{ right:var(--s-6); }
  .cfg__stage[data-v="flat"][data-shape="portrait"]{ aspect-ratio:auto; max-width:100%; height:calc(100vh - 150px); }
  .cfg__stage[data-v="flat"]:has(#cfgPick:not([hidden])) .cfg__pic{ left:calc(50% + var(--pick-room) / 2); }
  .cfg__head{ min-height:calc(var(--s-6) * 2 + var(--s-1)); padding:var(--s-h) var(--s-3) var(--s-h) var(--s-2); gap:var(--s-3); }
  .cfg__ico{ width:calc(var(--s-5) * 2); height:calc(var(--s-5) * 2); }
  .cfg__ico svg{ width:var(--s-5); height:var(--s-5); }
  .cfg__tt b{ font-size:var(--fs-cfg); }
  .cfg__val{ font-size:var(--fs-sm); }
  .cfg__title{ font-size:var(--fs-cfg-title-side); }
}
@media (min-width:700px){
  .cfg__more{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:clamp(24px, 4vw, 64px); align-items:start; }
  .cfg__more > *{ grid-column:1 / -1; }
  #giftWrap, #giftWrap > .gal, .cfg__more > .pdp-faq{ display:contents; }
  .gal__band{ grid-column:1 / -1; grid-row:1; margin:var(--s-10) 0 0; border-radius:var(--r-xl); }
  .pdp-faq__title{ grid-row:2; align-self:end; margin:calc(var(--s-10) + var(--s-4)) 0 0; text-align:center; }
  .cfg__more > #revWrap{ margin-top:calc(var(--s-10) * 1.5); }
  .pdp-faq__title{ grid-column:1 / -1; display:block; }
  .cfg__more > .pdp-faq .faq{ grid-column:1 / -1; grid-row:3; width:100%; max-width:44rem; margin:var(--s-4) auto 0; }
  .cfg__more > .pdp-faq .faq{ gap:0; padding:var(--s-1) var(--s-5); border-radius:var(--r-lg); background:var(--surface);
    box-shadow:0 1px 2px rgba(23,24,28,.04), 0 16px 36px -20px rgba(23,24,28,.22); }
  .cfg__more > .pdp-faq .faq details, .cfg__more > .pdp-faq .faq details:hover, .cfg__more > .pdp-faq .faq details[open]{
    border-radius:0; background:none; box-shadow:none; }
  .cfg__more > .pdp-faq .faq details + details{ border-top:1px solid rgba(23,24,28,.07); }
  .cfg__more > .pdp-faq .faq summary{ padding-inline:0; }
  .cfg__more > .pdp-faq .faq details p{ padding-inline:0; }
}
@media (min-width:1024px) and (hover:hover), (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .cfg__more > #revWrap{ width:100vw; margin-left:calc(50% - 50vw); margin-right:0; padding-inline:var(--gutter); box-sizing:border-box; }
  #revList{ display:flex; align-items:flex-start; gap:var(--s-4); }
  .rev__col{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:var(--s-4); }
  .cfg__more > .pdp-faq > [data-help-root="faq"]{ grid-column:1 / -1; grid-row:3; width:100%; max-width:44rem; margin:var(--s-4) auto 0;
    padding:var(--s-5); border-radius:var(--r-lg); background:var(--surface); box-sizing:border-box;
    box-shadow:0 1px 2px rgba(23,24,28,.04), 0 16px 36px -20px rgba(23,24,28,.22); }
  .cfg__more > .pdp-faq > [data-help-root="faq"] ~ .faq{ grid-row:4; margin-top:var(--s-5); }
  .cfg__minebox:not([hidden]){ display:block; flex:none; order:6; margin:var(--s-4) 0 0; padding:var(--s-5); background:var(--surface); container-type:inline-size;
    box-shadow:0 1px 2px rgba(23,24,28,.04), 0 16px 36px -20px rgba(23,24,28,.22); }
  .cfg__minebox:has(.pics__row:empty){ display:none; }
  .cfg__mineh{ margin:0 0 var(--s-3); font-family:var(--display); font-size:var(--fs-h2); font-weight:var(--fw-normal); color:var(--ink); }
  .cfg__mineh em{ font-style:italic; }
  .cfg__minebox .pics__row{ grid-auto-flow:row; grid-template-columns:repeat(4, minmax(0, 1fr)); grid-auto-columns:auto; gap:var(--s-3);
    max-height:calc((100cqw - 3 * var(--s-3)) / 4 * 1.25 * 2 + var(--s-3) + 2 * var(--s-1)); overflow-x:hidden; overflow-y:auto; margin:0; }
  .cfg__minebox .pics__new{ font-size:var(--fs-body); gap:var(--s-2); }
  .cfg__minebox .pics__new svg{ width:var(--ico-md); height:var(--ico-md); }
  .cfg__minebox .pics__tag{ font-size:var(--fs-sm); }
}
.cfg__minebox{ display:none; }
@media (max-width:699px){ .cfg__more > .pdp-faq .faq{ margin-inline:auto; } }
@media (min-width:700px) and (max-width:1023px), (hover:none) and (orientation:portrait) and (min-width:700px) and (max-width:1366px){
  .cfg__more{ padding-inline:14px; }
}
body{ overflow-wrap:break-word; }
#view-legal, .contact, .foot, .ssc-pay-total__copy{ overflow-wrap:anywhere; }
.lp-chips li{ max-width:100%; white-space:normal; }
@media (max-width:300px){
  .cfg{ padding-inline:var(--s-2); }
  .cfg__bar{ flex-wrap:wrap; row-gap:var(--s-2); }
  .cfg__seg{ order:3; flex:1 1 100%; min-width:0; }
  .cfg__seg button{ white-space:normal; padding-inline:var(--s-2); }
  .cfg__tt{ flex:1 1 auto; min-width:5em; }
  .cfg__opts{ grid-auto-flow:row; grid-template-columns:repeat(auto-fill, minmax(64px, 1fr)); }
  .cfg__opts.cfg__sizes{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
  .cfg__sizes .cfg__opt--s .cfg__on{ display:none; }
  .cfg__sizes .cfg__opt--s::before{ content:attr(data-short); }
  .cfg__head{ flex-wrap:wrap; row-gap:var(--s-1); }
  .cfg__val, .cfg__badge{ margin-left:auto; white-space:normal; text-align:right; }
  .ssc-pay-total__head{ flex-wrap:wrap; }
  .lp-react__dots{ flex-wrap:wrap; }
}
.gift__pic{ position:relative; display:block; aspect-ratio:1; }
.perk-pic{ position:relative; display:grid; place-items:center; width:100%; aspect-ratio:1; overflow:hidden; container-type:inline-size;
  background:#F3EFE8; }
.perk-pic img{ display:block; }
.perk-pic--print img{ width:58%; height:auto; aspect-ratio:4 / 5; object-fit:cover; box-sizing:border-box; border:6cqi solid #fff;
  transform:rotate(-5deg); box-shadow:0 1px 2px rgba(0,0,0,.18), 0 6px 10px -4px rgba(51,40,31,.45); }
.perk-pic--surprise img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:blur(3px) saturate(.9); transform:scale(1.15); }
.perk-pic--surprise b{ position:relative; display:grid; place-items:center; width:46%; aspect-ratio:1; border-radius:var(--r-circle);
  background:rgba(255,255,255,.92); color:var(--ink); font-family:var(--headline); font-size:30cqi; line-height:1; box-shadow:0 2px 6px rgba(0,0,0,.25); }
.perk-pic__card{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:78%; aspect-ratio:1.58;
  border-radius:8cqi; background:linear-gradient(135deg, var(--gold-a) 0%, var(--gold-b) 55%, #C9A660 100%); color:var(--brown);
  transform:rotate(-6deg); box-shadow:0 1px 2px rgba(51,40,31,.3), 0 6px 10px -4px rgba(51,40,31,.45); }
.perk-pic__card::before{ content:""; position:absolute; inset:5cqi; border-radius:5cqi; box-shadow:inset 0 0 0 1px rgba(51,40,31,.28); }
.perk-pic__card b{ font-family:var(--display); font-size:24cqi; font-weight:var(--fw-mid); line-height:1; }
.perk-pic__card i{ margin-top:1cqi; font-family:var(--ui); font-size:9cqi; font-style:normal; font-weight:var(--fw-strong); letter-spacing:.16em; text-transform:uppercase; }
.gift__art{ position:absolute; top:0; bottom:0; left:50%; width:calc(var(--gift-pic) * .8); margin-left:calc(var(--gift-pic) * -.4);
  transition:transform .5s cubic-bezier(.2,.8,.2,1); }
.gift__art > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; mix-blend-mode:multiply; filter:brightness(1.05);
  -webkit-mask-image:linear-gradient(to right, transparent, #000 7%, #000 93%, transparent), linear-gradient(to bottom, transparent, #000 4%, #000 96%, transparent);
  -webkit-mask-composite:source-in; mask-image:linear-gradient(to right, transparent, #000 7%, #000 93%, transparent), linear-gradient(to bottom, transparent, #000 4%, #000 96%, transparent);
  mask-composite:intersect; }
@media (hover:hover){ .gift:hover .gift__art{ transform:scale(1.05); } }
.gift__screen{ position:absolute; left:25.22%; top:5.13%; width:50.11%; height:89.57%; border-radius:var(--gift-screen-r); overflow:hidden; background:var(--surface); }
.gift__screen img{ display:block; width:100%; height:100%; object-fit:cover; object-position:50% 30%; }
.gift__screen img:not([src]){ visibility:hidden; }
.gift__screen::after{ content:""; position:absolute; left:50%; top:1.4%; width:31%; height:4.6%; margin-left:-15.5%; border-radius:var(--r-pill); background:#0B0B0D; }
.gift__txt{ display:grid; gap:2px; min-width:0; }
.gift__txt b{ font-size:var(--fs-body); font-weight:var(--fw-bold); color:var(--ink); line-height:1.2; }
.gift__txt small{ font-size:var(--fs-xs); color:var(--ink-3); line-height:1.3; }
@media (max-width:300px){
  .cartline{ grid-template-columns:54px minmax(0, 1fr); }
  .cartline__amt{ grid-column:2; text-align:left; white-space:normal; }
  .cfg__pics img + img{ display:none; }
}
@media (prefers-reduced-motion: reduce){ .gift__art{ transition:none; } }

.rev{ margin-inline:auto; }
.rev__title{ margin:0 0 var(--s-5); text-align:center; font-family:var(--display); font-weight:var(--fw-normal); font-size:var(--fs-h1); }
.rev__sum{ display:grid; justify-items:center; gap:var(--s-1); margin:0 auto var(--s-5); max-width:30rem; text-align:center; }
.rev__avg{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:var(--s-1) var(--s-2); }
.rev__avg b{ font-size:var(--fs-h2); line-height:1; font-weight:var(--fw-strong); }
.rev__acts{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 var(--s-5); }
.rev__fold{ display:inline-flex; align-items:center; gap:var(--s-1); min-height:var(--tap); padding:0; border:0; background:none; cursor:pointer;
  font:inherit; font-size:var(--fs-sm); color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.rev__fold svg{ width:var(--ico-sm); height:var(--ico-sm); transition:transform .2s ease; }
.rev__fold[aria-expanded="true"] svg{ transform:rotate(180deg); }
.rev__all{ display:grid; justify-items:center; gap:var(--s-4); width:100%; margin-top:var(--s-2); }
.rev__based{ color:var(--ink-3); font-size:var(--fs-sm); }
.rev__stars{ display:inline-flex; gap:var(--s-h); color:#fff; }
.rev__stars svg{ width:var(--ico-md); height:var(--ico-md); }
.rev__card .rev__stars svg{ width:var(--ico-xs); height:var(--ico-xs); }

.rev__bars{ width:100%; display:grid; gap:var(--s-h); }
.rev__bar{ display:grid; grid-template-columns:auto 1fr 4ch; gap:var(--s-3); align-items:center; width:100%;
  padding:var(--s-1) var(--s-2); margin:0; border:0; border-radius:var(--r-sm); background:none; cursor:pointer;
  font:inherit; font-size:var(--fs-sm); color:var(--ink-2); text-align:left; transition:background .2s ease; min-height:0; line-height:1.3; }
.rev__bar:hover:not(:disabled){ background:rgba(23,24,28,.04); }
.rev__bar:disabled{ cursor:default; opacity:.55; }
.rev__bar[aria-pressed="true"]{ background:rgba(23,24,28,.06); color:var(--ink); font-weight:var(--fw-strong); }
.rev__lvl{ display:inline-flex; align-items:center; gap:3px; }
.rev__lvl svg{ width:var(--ico-xs); height:var(--ico-xs); color:var(--brass-2); }
.rev__bar i{ display:block; height:var(--s-2); border-radius:var(--r-pill); background:rgba(23,24,28,.09); overflow:hidden; }
.rev__bar i::before{ content:""; display:block; height:100%; width:var(--w, 0%); min-width:var(--min, 0px); background:linear-gradient(90deg, var(--brass-2), var(--brass)); border-radius:inherit;
  transition:width .6s var(--ease); }
.rev__bar span:last-child{ text-align:right; font-variant-numeric:tabular-nums; }
.rev__filter{ display:flex; justify-content:center; align-items:center; gap:var(--s-2); margin:0 0 var(--s-4); font-size:var(--fs-sm); color:var(--ink-2); }
.rev__filter[hidden]{ display:none; }
.rev__filter button{ border:0; background:none; padding:0; font:inherit; color:var(--ink); text-decoration:underline; text-underline-offset:2px; cursor:pointer; }
.rev__high{ margin:0; display:grid; gap:2px; color:var(--ink-2); font-size:var(--fs-sm); }
.rev__high b{ font-size:var(--fs-h3); color:var(--ink); }
.rev__list{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--s-4); align-items:start; }
@media (max-width:900px){ .rev__list{ grid-template-columns:1fr; } }
.rev__card{ display:block; padding:var(--s-5) var(--s-5) var(--s-4); border-radius:var(--r-card); background:var(--surface);
  box-shadow:0 0 0 1px var(--rule); }

.rev__text{ margin:0; color:var(--ink-2); font-size:var(--fs-body); line-height:1.6;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.rev__card[data-open] .rev__text{ display:block; -webkit-line-clamp:unset; }
.rev__readmore{ display:block; min-height:0; margin:var(--s-1) 0 0; padding:0; border:0; background:none; cursor:pointer;
  font:inherit; font-size:var(--fs-sm); color:var(--ink-3); text-decoration:underline; text-underline-offset:2px; }
.rev__card > .rev__stars{ display:flex; margin:0 0 var(--s-2); }
.rev__meta{ display:flex; flex-wrap:wrap; align-items:baseline; gap:0 var(--s-2); margin:var(--s-3) 0 0; font-size:var(--fs-sm); line-height:1.4; color:var(--ink-3); }
.rev__meta i{ font-style:normal; color:var(--rule); }
.rev__name{ font-weight:var(--fw-strong); color:var(--ink); }
@media (max-width:389px){ .rev__bought{ order:3; flex-basis:100%; } .rev__meta i:nth-of-type(2){ display:none; } }
.rev__ok{ white-space:nowrap; }
.rev__pic{ display:block; width:100%; height:auto; aspect-ratio:4 / 3; margin:0 0 var(--s-3); border-radius:var(--r-mark);
  object-fit:cover; box-shadow:0 0 0 1px var(--rule); cursor:zoom-in; }
.rev__card[data-big] .rev__pic{ aspect-ratio:auto; cursor:zoom-out; }
.rev__more{ display:block; margin:var(--s-6) auto 0; }
.rev__ghost{ height:11rem; border-radius:var(--r-card); background:linear-gradient(100deg, var(--surface) 30%, var(--surface-lift) 50%, var(--surface) 70%) 0 0 / 300% 100%;
  box-shadow:0 0 0 1px rgba(23,24,28,.05); animation:rev-shim 1.4s linear infinite; }
@keyframes rev-shim{ to{ background-position:-300% 0; } }
.rev__card, .rev__vids{ animation:rev-in .55s var(--ease) backwards; animation-delay:var(--rv-d, 0ms); }
.rev__vids{ grid-column:1 / -1; display:flex; gap:var(--s-3); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none;
  margin-inline:calc(-1 * var(--gutter)); padding:var(--s-1) var(--gutter) var(--s-3); }
.rev__vids::-webkit-scrollbar{ display:none; }
.rev__vids.rev__strip{ margin:0 calc(-1 * var(--gutter)) var(--s-5); scroll-padding-inline:var(--gutter); }
.rev__strip .rev__vid{ flex:0 0 30%; max-width:none; }
.rev__vid{ flex:0 0 44%; max-width:16rem; margin:0; scroll-snap-align:start; aspect-ratio:9 / 16; border-radius:var(--r-card); overflow:hidden;
  background:var(--ink); box-shadow:0 0 0 1px rgba(23,24,28,.05), 0 14px 30px -18px rgba(23,24,28,.45); }
.rev__vids[data-n="2"]{ justify-content:center; }
.rev__vids[data-n="2"] .rev__vid{ flex-basis:46%; }
@media (min-width:720px){ .rev__vids{ justify-content:center; overflow:visible; margin-inline:0; padding-inline:0; } .rev__vid{ flex:0 1 16rem; } }
@media (min-width:720px){ .rev__vids.rev__strip{ justify-content:flex-start; overflow-x:auto; } .rev__strip .rev__vid{ flex:0 0 calc((100% - 5 * var(--s-3)) / 6); } }
.rev__play{ position:relative; display:block; width:100%; height:100%; padding:0; border:0; background:none; cursor:pointer; }
.rev__play img, .rev__vid video{ display:block; width:100%; height:100%; object-fit:cover; }
.rev__pbtn{ position:absolute; left:50%; top:50%; display:grid; place-items:center; width:var(--btn-h-lg); height:var(--btn-h-lg); margin:calc(var(--btn-h-lg) / -2) 0 0 calc(var(--btn-h-lg) / -2);
  border-radius:var(--r-circle); color:var(--ink); background:rgba(255,255,255,.9);
  box-shadow:0 6px 18px -6px rgba(23,24,28,.45); transition:transform .25s var(--ease); }
.rev__pbtn svg{ width:var(--ico-md); height:var(--ico-md); margin-left:2px; }
.rev__play:hover .rev__pbtn{ transform:scale(1.06); }
.rev__play:focus-visible{ outline:2px solid var(--brass); outline-offset:-2px; }
@keyframes rev-in{ from{ opacity:0; transform:translateY(14px); } }
@media (prefers-reduced-motion: reduce){ .rev__ghost, .rev__card, .rev__vids{ animation:none; } }
.rev__write{ display:inline-flex; align-items:center; min-height:var(--tap); color:var(--ink-2); font-size:var(--fs-sm);
  text-decoration:underline; text-underline-offset:3px; }
.totop{
  position:fixed; left:50%; bottom:calc(var(--s-4) + env(safe-area-inset-bottom)); z-index:40;
  display:inline-flex; align-items:center; gap:var(--s-2); padding:var(--s-2) var(--s-4) var(--s-2) var(--s-3);
  border:1px solid rgba(255,255,255,.6); border-radius:var(--btn-r); cursor:pointer;
  background:rgba(23,24,28,.9); color:#fff; font:inherit; font-size:var(--fs-sm); font-weight:var(--fw-mid);
  box-shadow:0 10px 26px -8px rgba(23,24,28,.4);
  transform:translate(-50%, 0); opacity:1; transition:opacity .3s ease, transform .35s cubic-bezier(.32,.72,0,1);
}
.totop svg{ width:var(--ico-sm); height:var(--ico-sm); }
.totop[data-off]{ opacity:0; transform:translate(-50%, var(--s-4)); pointer-events:none; }
.totop[hidden]{ display:none; }

.done{ display:grid; gap:var(--s-6); align-items:start; margin-top:var(--s-5); max-width:40rem; }
@media (min-width:700px){ .done{ grid-template-columns:200px 1fr; } }
#view-done[data-ty="making"] > .wrap, #view-done[data-ty="ready"] > .wrap{ max-width:var(--ty-max); margin-inline:auto; }
#view-done[data-ty="making"] .done, #view-done[data-ty="ready"] .done{ max-width:none; margin-top:var(--s-8); gap:var(--s-5); }
#view-done[data-ty="making"] #doneLine, #view-done[data-ty="ready"] #doneLine{ display:none; }
@media (min-width:700px){
  #view-done[data-ty="making"] .done, #view-done[data-ty="ready"] .done{ grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); }
}
@media (max-width:699px){
  #view-done[data-ty="making"] .done__art, #view-done[data-ty="ready"] .done__art{ width:100%; max-width:var(--ty-art-phone); margin-inline:auto; }
}
.ty-head{ display:grid; gap:var(--s-2); }
#view-done[data-ty="making"] .ty-head, #view-done[data-ty="ready"] .ty-head{ justify-items:center; text-align:center; }
.ty-check{ display:grid; place-items:center; width:var(--cpo-tick); height:var(--cpo-tick); margin-bottom:var(--s-2); border-radius:var(--r-circle);
           background:linear-gradient(180deg, var(--brass-2) 0%, var(--brass) 100%); color:var(--surface);
           box-shadow:0 10px 24px -12px rgba(138,109,51,.8); animation:cpo-pop var(--dur-lg) var(--ease) both; }
.ty-check[hidden]{ display:none; }
.ty-check svg{ width:46%; height:46%; }
#view-done[data-ty="making"] .ty-h, #view-done[data-ty="ready"] .ty-h{ margin:0; font-family:var(--display); font-size:var(--fs-lp-h2);
           font-weight:var(--fw-normal); line-height:1.02; letter-spacing:-.015em; color:var(--ink); }
.ty-sub{ margin:0; font-family:var(--display); font-size:var(--fs-h1); line-height:1.12; letter-spacing:-.01em; color:var(--ink); }
.ty-kick{ margin:var(--s-2) 0 0; font-size:var(--fs-micro); font-weight:var(--fw-mid); letter-spacing:.18em; text-transform:uppercase;
          line-height:1.6; color:var(--ink-2); }
.ty-sub[hidden], .ty-kick[hidden]{ display:none; }
.ty-steps{ margin:0 0 var(--s-4); padding:var(--s-5); list-style:none; border:1px solid var(--rule); border-radius:var(--r-lg);
           background:var(--surface); box-shadow:var(--shadow-1); }
.ty-steps[hidden]{ display:none; }
.ty-step{ position:relative; display:grid; grid-template-columns:var(--ty-dot) minmax(0,1fr); column-gap:var(--s-4); padding-bottom:var(--s-5); }
.ty-step:last-child{ padding-bottom:0; }
.ty-step:not(:last-child)::before{ content:""; position:absolute; left:calc(var(--ty-dot) / 2 - var(--s-h) / 2); top:var(--ty-dot); bottom:0; width:var(--s-h);
                                   background:var(--rule); }
.ty-step.is-done:not(:last-child)::before{ background:var(--brass); }
.ty-step__dot{ display:grid; place-items:center; width:var(--ty-dot); height:var(--ty-dot); border-radius:var(--r-circle);
               background:radial-gradient(circle, var(--rule-2) 0 4px, transparent 5px); }
.ty-step.is-done .ty-step__dot{ background:var(--brass); color:var(--surface); }
.ty-step.is-done .ty-step__dot svg{ width:55%; height:55%; }
.ty-step.is-on .ty-step__dot{ background:radial-gradient(circle, var(--brass) 0 5px, var(--surface) 6px); box-shadow:inset 0 0 0 2px var(--brass); }
.ty-step__t{ display:grid; gap:var(--s-h); padding-top:var(--s-h); }
.ty-step__t b{ font-size:var(--fs-body); font-weight:var(--fw-bold); color:var(--ink); }
.ty-step__t span{ font-size:var(--fs-sm); line-height:1.4; color:var(--ink-3); }
.ty-step:not(.is-done):not(.is-on) .ty-step__t b{ font-weight:var(--fw-mid); color:var(--ink-2); }
.ty-ico{ flex:0 0 auto; display:grid; place-items:center; width:var(--tap); height:var(--tap); border-radius:var(--r-circle);
         background:var(--brass-soft); color:var(--brass); }
.ty-ico svg{ width:var(--ico-md); height:var(--ico-md); }
.ty-mail{ display:flex; align-items:center; gap:var(--s-3); margin:0 0 var(--s-4); padding:var(--s-4); border-radius:var(--r-card);
          background:var(--cream); }
.ty-mail[hidden]{ display:none; }
.ty-mail__t{ display:grid; gap:var(--s-h); min-width:0; font-size:var(--fs-sm); color:var(--ink-2); }
.ty-mail__t b{ font-size:var(--fs-body); color:var(--ink); overflow-wrap:anywhere; }
.ty-contact{ display:grid; justify-items:center; gap:var(--s-2); max-width:var(--ty-contact-w); margin:var(--s-6) auto 0; text-align:center; }
.ty-contact__p{ margin:0; font-size:var(--fs-sm); line-height:1.5; color:var(--ink-2); }
.ty-contact__spam{ margin:0; font-size:var(--fs-h2-ui); font-weight:var(--fw-mid); line-height:1.45; color:var(--ink); }
.ty-tiles{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--s-2); margin:var(--s-6) 0 0; padding:0;
           list-style:none; }
.ty-tiles[hidden], .ty-tiles li[hidden]{ display:none; }
.ty-tiles li{ display:grid; justify-items:center; align-content:start; gap:var(--s-2); padding:var(--s-3) var(--s-2);
              border:1px solid var(--rule); border-radius:var(--r-card); background:var(--surface); text-align:center;
              font-size:var(--fs-sm); font-weight:var(--fw-mid); line-height:1.3; color:var(--ink); }
@media (min-width:560px){
  .ty-tiles{ gap:var(--s-3); }
  .ty-tiles li{ display:flex; align-items:center; gap:var(--s-3); padding:var(--s-3) var(--s-4); text-align:left; }
}
.ty-special{ position:relative; display:flex; align-items:center; min-height:var(--ty-special-h); margin-top:var(--s-6); padding:var(--s-6);
             border-radius:var(--r-lg); overflow:hidden; background:linear-gradient(120deg, var(--surface) 0%, var(--cream) 45%, var(--latte) 100%); }
.ty-special[hidden]{ display:none; }
.ty-special__t{ position:relative; z-index:1; max-width:min(62%, var(--ty-special-w)); }
.ty-special__h{ margin:0 0 var(--s-3); font-family:var(--display); font-size:var(--fs-h1); font-weight:var(--fw-normal); line-height:1.05;
                color:var(--ink); }
.ty-special__p{ margin:0; font-size:var(--fs-sm); line-height:1.5; color:var(--ink-2); }
.ty-special__pic{ position:absolute; top:0; right:0; bottom:0; width:58%;
                  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 45%); mask-image:linear-gradient(90deg, transparent 0%, #000 45%); }
.ty-special__pic img{ display:block; width:100%; height:100%; object-fit:cover; object-position:62% 45%; }
@media (max-width:559px){ .ty-special__t{ max-width:64%; } .ty-special__pic{ width:62%; opacity:.7; } }
.ty-cards{ display:grid; gap:var(--s-3); margin-top:var(--s-6); }
@media (min-width:560px){ .ty-cards{ grid-template-columns:1fr 1fr; } }
.ty-card{ display:flex; align-items:center; gap:var(--s-3); padding:var(--s-4); border:1px solid var(--rule); border-radius:var(--r-lg);
          background:var(--surface); color:var(--ink); text-decoration:none; }
.ty-card[hidden]{ display:none; }
.ty-card__t{ display:grid; gap:var(--s-h); flex:1 1 auto; min-width:0; }
.ty-card__k{ font-size:var(--fs-sm); color:var(--ink-3); }
.ty-card__t b{ font-size:var(--fs-h3); font-weight:var(--fw-bold); letter-spacing:.02em; overflow-wrap:anywhere; }
.ty-card__go{ flex:0 0 auto; width:var(--ico-md); height:var(--ico-md); color:var(--ink-3); }
.ty-card--go:hover{ border-color:var(--rule-2); }
.ty-card--wide{ grid-column:1 / -1; }
.done__art .art{ width:100%; }
.done__p{ margin:0 0 var(--s-4); font-size:var(--fs-lead); line-height:1.5; color:var(--ink-2); }
.done__note{ margin:var(--s-3) 0 0; font-size:var(--fs-sm); line-height:1.5; color:var(--ink-3); }
.done__note code{ font-size:var(--fs-xs); }
.done__perks{ margin-top:var(--s-4); padding:var(--s-1) var(--s-4) var(--s-4); border-radius:var(--r-card); background:var(--cream); }
.done__perks b{ color:var(--ink); letter-spacing:.04em; white-space:nowrap; user-select:all; -webkit-user-select:all; }
.guide{ max-width:40rem; margin-top:var(--s-10); padding-top:var(--s-6); border-top:1px solid var(--rule); }
.guide__t{
  margin:0 0 var(--s-4); font-family:var(--ui); font-size:var(--fs-h2-ui);
  font-weight:var(--fw-bold); line-height:1.3; letter-spacing:-.01em;
}
.guide__steps{
  margin:0; padding-left:1.25em; display:grid; gap:var(--s-3);
  font-size:var(--fs-body); line-height:1.55; color:var(--ink-2);
}
.guide__steps b{ color:var(--ink); font-weight:var(--fw-bold); }
.done .btn{ text-decoration:none; }
.done__note a{ color:var(--brass); }

#view-done[data-offer] > .wrap{ display:block; padding-top:var(--s-4); }
#view-done[data-offer] > .wrap > :not(.cpo):not(.done__wait){ display:none !important; }
.cpo{ display:grid; gap:var(--s-5); max-width:var(--cpo-max); margin:0 auto; }
.cpo__paid{ display:flex; gap:var(--s-4); align-items:center; padding:var(--s-3) var(--s-4);
            border:1px solid var(--ok-edge); border-radius:var(--r-lg);
            background:var(--ok-wash); }
.cpo__tick{ flex:0 0 auto; display:grid; place-items:center; width:var(--cpo-paid-tick); height:var(--cpo-paid-tick); border-radius:var(--r-circle);
            background:var(--ok); color:var(--surface); }
.cpo__tick svg{ width:var(--ico-md); height:var(--ico-md); }
.cpo__dtick{ flex:0 0 auto; display:grid; place-items:center; width:var(--tap); height:var(--tap);
             border-radius:var(--r-circle); border:2px solid var(--ok); color:var(--ok); }
.cpo__paidt{ margin:0; font-family:var(--display); font-size:var(--fs-h3); font-weight:var(--fw-bold); line-height:1.15;
             letter-spacing:.08em; text-transform:uppercase; color:var(--ok-deep); }
.cpo__paids{ margin:2px 0 0; font-size:var(--fs-sm); line-height:1.35; color:var(--ink-2); }
.cpo__see{ display:inline-flex; align-items:center; gap:var(--s-1); min-height:var(--s-8); padding:0; border:0;
           background:none; font:inherit; font-size:var(--fs-sm); font-weight:var(--fw-mid); color:var(--ink);
           text-decoration:underline; text-underline-offset:4px; cursor:pointer; position:relative; }
.cpo__see::after{ content:""; position:absolute; inset:calc(-1 * var(--s-2)) 0; }
.cpo__hero{ position:relative; isolation:isolate; overflow:hidden; display:grid; gap:var(--s-5); padding:var(--s-6) var(--s-5) var(--cpo-foot);
            border-radius:var(--r-lg); text-align:center;
            background:linear-gradient(90deg, #C6B5A0 0%, #D1BFAC 25%, #D5C7B7 50%, #D6CEBC 75%, #D7CEBF 100%); }
.cpo__room{ position:absolute; z-index:-1; left:50%; bottom:var(--cpo-foot); width:100%; max-width:none; height:auto;
            transform:translate(-50%, 31.8%); pointer-events:none;
            -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 18%); mask-image:linear-gradient(to bottom, transparent 0, #000 18%); }
.cpo__lead{ display:grid; justify-items:center; gap:var(--s-3); }
.cpo__kick{ margin:0; padding:var(--s-2) var(--s-4); border-radius:var(--r-pill);
            background:var(--gold-pill); color:var(--brown);
            font-size:var(--fs-badge); font-weight:var(--fw-bold); letter-spacing:.14em; text-transform:uppercase; }
.cpo__h{ margin:0; font-family:var(--display); font-size:var(--fs-lp-h2); font-weight:var(--fw-mid); line-height:1.02;
         letter-spacing:-.015em; color:var(--ink); }
.cpo__h em{ font-style:italic; font-weight:var(--fw-normal); color:var(--brass); }
.cpo__lede{ margin:0; max-width:var(--cpo-text); font-size:var(--fs-body); line-height:1.5; color:var(--ink); }
.cpo__why{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s-2); margin:0; padding:0; list-style:none; }
.cpo__why li{ display:flex; align-items:center; gap:var(--s-2); min-height:var(--btn-h); padding:var(--s-2) var(--s-3);
              border-radius:var(--chip-r); background:var(--cream); font-size:var(--fs-sm); font-weight:var(--fw-mid);
              line-height:1.25; color:var(--ink); }
.cpo__why svg{ flex:0 0 auto; width:var(--ico-md); height:var(--ico-md); color:var(--brass); }
.cpo__art{ position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:0;
           width:min(72%, 22rem); margin:0 auto; }
.cpo__art::after{ content:""; position:absolute; z-index:0; left:4%; right:4%; bottom:calc(-1 * var(--s-2)); height:var(--s-5);
                  border-radius:var(--r-circle); background:radial-gradient(closest-side, rgba(28,23,19,.42), transparent); filter:blur(3px); }
.cpo__art .art{ width:100%; box-shadow:var(--shadow-2); }
.cpo__art > :first-child{ position:relative; z-index:2; transform-origin:50% 100%; transform:translateX(8%) rotate(-1.5deg); }
.cpo__art > :nth-child(2){ position:relative; z-index:1; transform-origin:50% 100%; transform:translateX(-4%) rotate(2deg) scale(.9);
                           animation:cpo-two var(--dur-lg) var(--ease) both .12s; }
@keyframes cpo-two{ from{ opacity:0; transform:translateX(-30%) rotate(0) scale(.84); } }
.cpo__x2{ position:absolute; z-index:3; top:calc(-1 * var(--s-3)); right:calc(-1 * var(--s-2)); padding:var(--s-1) var(--s-3);
          border-radius:var(--r-pill); background:var(--ink); color:var(--surface); font-size:var(--fs-badge);
          font-weight:var(--fw-bold); letter-spacing:.08em; }
.cpo__box{ border:1px solid var(--rule); border-radius:var(--r-lg); background:var(--surface); overflow:hidden;
           box-shadow:var(--shadow-1); }
.cpo__band{ display:flex; justify-content:center; align-items:center; gap:var(--s-3); padding:var(--s-3) var(--s-4);
            background:linear-gradient(180deg, var(--brown) 0%, var(--brown-deep) 100%); color:var(--surface);
            font-size:var(--fs-badge); font-weight:var(--fw-bold); letter-spacing:.08em; text-transform:uppercase;
            white-space:nowrap; }
.cpo__lim{ display:inline-flex; align-items:center; gap:var(--s-2); color:var(--gold-b); }
.cpo__lim svg{ flex:0 0 auto; width:var(--ico-md); height:var(--ico-md); }
.cpo__only{ padding-left:var(--s-3); border-left:1px solid rgba(255,255,255,.28); }
@media (max-width:419px){ .cpo__band{ gap:var(--s-2); font-size:min(var(--fs-badge), 2.75vw); letter-spacing:.03em; padding-inline:var(--s-3); }
                          .cpo__only{ padding-left:var(--s-2); }
                          .cpo__lim svg{ width:var(--ico-sm); height:var(--ico-sm); } }
.cpo__in{ display:grid; grid-template-columns:minmax(0, 1fr); gap:var(--s-2); padding:var(--s-5); }
.cpo__offer{ margin:0; font-family:var(--display); font-size:var(--fs-cpo-head); font-weight:var(--fw-normal); line-height:1.1;
             color:var(--ink-2); }
.cpo__row{ display:flex; flex-wrap:wrap; align-items:center; column-gap:var(--s-3); row-gap:var(--s-1); margin:0; }
.cpo__now{ font-family:var(--display); font-size:var(--fs-offer); font-weight:var(--fw-mid); line-height:1;
           letter-spacing:-.02em; color:var(--ink); white-space:nowrap; }
.cpo__was{ font-size:var(--fs-cpo-was); color:var(--ink-3); white-space:nowrap; }
.cpo__save{ padding:var(--s-1) var(--s-3); border-radius:var(--r-pill); background:var(--need); color:var(--surface);
            font-size:var(--fs-badge); font-weight:var(--fw-bold); letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.cpo__half{ margin:0; font-size:var(--fs-sm); line-height:1.45; color:var(--ink-2); }
.cpo__feats{ display:grid; gap:var(--s-3); margin:var(--s-3) 0 0; padding:var(--s-4) 0 0; list-style:none; border-top:1px solid var(--rule); }
.cpo__feats li{ display:flex; align-items:center; gap:var(--s-3); font-size:var(--fs-sm); line-height:1.3; color:var(--ink-2); }
.cpo__feats b{ display:block; font-weight:var(--fw-bold); color:var(--ink); }
.cpo__fi{ flex:0 0 auto; display:grid; place-items:center; width:var(--s-10); height:var(--s-10); border-radius:var(--r-circle);
          background:var(--cream); color:var(--brass); }
.cpo__fi svg{ width:var(--ico-md); height:var(--ico-md); }
@media (max-width:359px){ .cpo__limx{ display:none; } }
.cpo__rev{ display:block; width:100%; height:auto; border-radius:var(--r-card); }
.cpo__act{ display:grid; gap:var(--s-3); }
.cpo__yes{ display:flex; justify-content:center; align-items:center; gap:var(--s-2); white-space:nowrap; }
.cpo__yes{ color:var(--gold-a); border:1px solid var(--brass-2);
           background:linear-gradient(180deg, var(--gold-sheen), transparent 55%), var(--btn-bg);
           box-shadow:var(--btn-shadow), inset 0 1px 0 var(--gold-rim); }
.cpo__yes .cpo__yesp{ color:var(--gold-b); }
.cpo__yesp{ font-weight:var(--fw-mid); opacity:.82; }
.cpo__yesp:not(:empty)::before{ content:"·"; margin-right:var(--s-2); }
.cpo__yes[aria-busy="true"]{ opacity:.7; pointer-events:none; }
.cpo__wallet{ width:100%; }
.cpo__wallet[aria-busy="true"]{ opacity:.7; pointer-events:none; }
.cpo__card, .cpo__close{ margin:0; text-align:center; font-size:var(--fs-sm); line-height:1.45; color:var(--ink-2); }
.cpo__close{ color:var(--ink-3); }
.cpo__close:empty, .cpo__card:empty{ display:none; }
.cpo__err{ display:grid; gap:var(--s-1); padding:var(--s-3) var(--s-4); border:1px solid var(--need); border-radius:var(--r-card);
           background:var(--need-wash); font-size:var(--fs-sm); line-height:1.45; color:var(--ink-2); }
.cpo__err b{ color:var(--need); }
.cpo__no{ width:100%; cursor:pointer; }
.cpo__terms{ margin:0; text-align:center; font-size:var(--fs-micro); color:var(--ink-3); }
.cpo__done{ display:grid; justify-items:center; gap:var(--s-3); padding:var(--s-6) var(--s-4); text-align:center;
            border-radius:var(--r-lg); background:var(--ok-fill); border:1px solid var(--ok-line); }
.cpo__done[hidden]{ display:none; }
.cpo__dtick{ width:var(--cpo-tick); height:var(--cpo-tick); border:0; background:var(--ok); color:var(--surface);
             animation:cpo-pop var(--dur-lg) var(--ease) both; }
.cpo__dtick svg{ width:50%; height:50%; }
@keyframes cpo-pop{ from{ transform:scale(.4); opacity:0; } }
.cpo__dh{ margin:0; font-family:var(--display); font-size:var(--fs-h1); font-weight:var(--fw-normal); line-height:1.1; color:var(--ink); }
.cpo__dh em{ font-style:italic; }
.cpo__dp{ margin:0; max-width:var(--cpo-text); font-size:var(--fs-body); line-height:1.55; color:var(--ink-2); }
.cpo[data-state="done"] > :not(.cpo__paid):not(.cpo__done){ display:none; }
.done__wait{ margin:var(--s-10) 0; text-align:center; font-size:var(--fs-body); color:var(--ink-3); }
.done__copy-line{ margin:0 0 var(--s-4); padding:var(--s-3) var(--s-4); border-radius:var(--r-card); background:var(--ok-fill);
                  border:1px solid var(--ok-line); font-size:var(--fs-sm); line-height:1.5; color:var(--ok-deep); }
.xpo[data-step="see"] .xpo__o, .xpo:not([data-step="see"]) .xpo__s{ display:none; }
.xpo__hero{ padding-bottom:var(--s-6); background:linear-gradient(180deg, var(--cream) 0%, var(--surface) 100%); }
.xpo__art{ align-items:stretch; }
.xpo__art::after{ display:none; }
.xpo__art > :nth-child(2){ animation:none; }
.xpo__next{ display:grid; place-content:center; justify-items:center; gap:var(--s-2); padding:var(--s-3);
            border:2px dashed var(--brass-2); border-radius:var(--r-sm); background:var(--surface);
            color:var(--brass); font-size:var(--fs-sm); font-weight:var(--fw-mid); line-height:1.25; text-align:center; }
.xpo__next svg{ width:var(--ico-md); height:var(--ico-md); }
.xpo__made{ display:grid; justify-items:center; gap:var(--s-4); padding:var(--s-5); border-radius:var(--r-lg); background:var(--cream); }
.xpo__pic{ width:min(78%, var(--cpo-text)); }
.xpo__pic .art{ width:100%; box-shadow:var(--shadow-2); }
.xpo__looks{ width:100%; }
.xpo__looks[hidden]{ display:none; }
.xpo__looks .cfg__opt{ opacity:1; transform:none; }
@media (max-width:359px){ .xpo__looks .cfg__opts{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.xpo__change{ min-height:var(--tap); }
.xpo__ready{ margin:0; text-align:center; font-size:var(--fs-body); line-height:1.45; color:var(--ink-2); }
.xpo__ready[hidden]{ display:none; }
.xpo-bar{ display:grid; justify-items:center; gap:var(--s-2); margin:0 auto var(--s-6); text-align:center; color:var(--surface); }
.xpo-bar[hidden]{ display:none; }
.xpo-bar .lp-back{ margin:0 0 var(--s-2); }
.xpo-bar__t{ margin:0; font-family:var(--display); font-size:var(--fs-h3); line-height:1.2; }
.xpo-bar__s{ margin:0; max-width:var(--cpo-text); font-size:var(--fs-sm); line-height:1.5; opacity:.86; }
body[data-xpo="1"] #photosBack, body[data-xpo="1"] #offerPane{ display:none !important; }
@media (max-width:359px){
  .cpo__why{ grid-template-columns:1fr; }
  .cpo__yesp{ display:none; }
}

.yr-hero{
  padding-block:var(--s-8) var(--s-10);
  background:
    radial-gradient(90% 50% at 50% 30%, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 70%),
    linear-gradient(180deg, var(--wall) 0%, var(--cream) 100%);
}
.yr-hero__in{ display:grid; gap:var(--s-8); justify-items:center; }
.yr-hero__copy{ text-align:center; max-width:30rem; width:100%; }
.yr-stage{ position:relative; width:var(--yr-pic-w); perspective:1400px; }
.yr-pic{
  margin:0; width:100%; border-radius:var(--r-card); overflow:hidden;
  background:var(--surface-2); box-shadow:var(--shadow-2);
}
.yr-pic img{ display:block; width:100%; height:auto; }
.yr-pic:not([data-ready]) img{ opacity:0; }

.yr-h{ margin-bottom:var(--s-3); }
.yr-lede{ margin:0 auto var(--s-6); max-width:32ch; font-size:var(--fs-hero-line); line-height:1.45; color:var(--ink-2); }
.yr-acts{ display:grid; gap:var(--s-3); justify-items:center; }
.yr-acts .btn{ max-width:26rem; text-decoration:none; }
.yr-acts .btn-quiet{ font-size:var(--fs-body); color:var(--ink-2); }
.yr-note{ margin:var(--s-3) 0 0; font-size:var(--fs-body); line-height:1.5; color:var(--ink-2); }
.yr-note a{ color:var(--brass); }
.yr-meta{ margin:var(--s-4) 0 0; font-size:var(--fs-body); color:var(--ink-2); }
.yr .lp-kick{ font-size:var(--fs-body); letter-spacing:.12em; }
.yr-saved{
  display:flex; align-items:flex-start; gap:var(--s-3); max-width:26rem; margin:var(--s-4) auto 0; padding:var(--s-3) var(--s-4);
  border-radius:var(--r-card); background:var(--brass-soft); box-shadow:inset 0 0 0 1px rgba(138,109,51,.28);
  font-size:var(--fs-lead); line-height:1.45; color:var(--ink); text-align:left;
}
.yr-saved[hidden]{ display:none; }
.yr-saved[data-tone="ok"]{ background:var(--ok-fill); box-shadow:inset 0 0 0 1px var(--ok-line); }
.yr-saved__i{ flex:none; display:grid; place-items:center; width:var(--ico-md); height:calc(1.45em); color:var(--brass); }
.yr-saved__i svg{ width:var(--ico-md); height:var(--ico-md); }
.yr-saved[data-tone="ok"] .yr-saved__i{ color:var(--ok); }
.yr-saved[data-tone="warn"] .yr-saved__i{ color:var(--warn); }
.yr-sheet{ display:grid; justify-items:center; gap:var(--s-2); margin:0 0 var(--s-1); }
.yr-sheet[hidden]{ display:none; }
.yr-sheet__t{ margin:0; font-size:var(--fs-body); line-height:1.5; color:var(--ink-2); text-wrap:balance; }
.yr-sheet__t b{ color:var(--ink); white-space:nowrap; }
.yr-sheet__row{
  display:inline-flex; align-items:center; justify-content:space-between; gap:var(--s-8); padding:var(--s-2) var(--s-4);
  border-radius:var(--r-card); background:var(--surface); box-shadow:var(--shadow-1), inset 0 0 0 1px var(--rule);
  font-size:var(--fs-body); color:var(--ink);
}
.yr-sheet__row svg{ width:var(--ico-md); height:var(--ico-md); }
.yr-keep{ margin:var(--s-4) 0 0; font-size:var(--fs-body); line-height:1.5; color:var(--ink-2); text-wrap:pretty; }
.yr-keep svg{ display:inline-block; width:var(--ico-sm); height:var(--ico-sm); margin-right:var(--s-1); vertical-align:-3px; color:var(--brass); }
.yr-app{
  display:grid; gap:var(--s-3); max-width:26rem; margin:0 auto var(--s-6); padding:var(--s-4);
  border-radius:var(--r-card); background:var(--brass-soft); box-shadow:inset 0 0 0 1px rgba(138,109,51,.28); text-align:left;
}
.yr-app[hidden]{ display:none; }
.yr-app__t{ display:flex; gap:var(--s-3); margin:0; font-size:var(--fs-lead); font-weight:var(--fw-bold); line-height:1.4; color:var(--ink); }
.yr-app__t svg{ flex:none; width:var(--ico-md); height:var(--ico-md); margin-top:var(--s-h); color:var(--warn); }
.yr-app__or, .yr-app__said{ margin:0; font-size:var(--fs-body); line-height:1.5; color:var(--ink-2); }
.yr-app__or b, .yr-app__said b{ color:var(--ink); }
.yr-app__said[hidden]{ display:none; }
.yr-app .btn-quiet{ justify-self:start; display:inline-flex; align-items:center; min-height:var(--tap); font-size:var(--fs-body); color:var(--ink); }
.yr-app__link{
  width:100%; min-height:var(--btn-h); padding:var(--s-3) var(--s-4); font:inherit; font-size:var(--fs-input); color:var(--ink);
  background:var(--surface); border:1px solid var(--rule-2); border-radius:var(--btn-r);
}
.yr-app__link[hidden]{ display:none; }
.yr-hand{
  display:grid; gap:var(--s-3); justify-items:center; width:100%; max-width:30rem; padding:var(--s-6) var(--s-5);
  border-radius:var(--r-card); background:var(--surface); box-shadow:var(--shadow-1);
}
.yr-hand__h{ margin:0; font-family:var(--display); font-weight:var(--fw-normal); font-size:var(--fs-h2); color:var(--ink); }
.yr-hand__p{ margin:0; max-width:30ch; font-size:var(--fs-body); line-height:1.5; color:var(--ink-2); }
.yr-hand .btn{ max-width:20rem; }
.lp-gift{ margin:var(--s-3) 0 0; font-size:var(--fs-body); font-weight:var(--fw-strong); color:var(--ok); }
.cfg__freebie{ order:5; display:grid; gap:var(--s-2); margin:0 0 var(--s-3); padding:var(--s-4); border-radius:var(--r-card);
  background:var(--brass-soft); text-align:center; }
.cfg__freebiet, .cfg__freebiesaid{ margin:0; font-size:var(--fs-body); line-height:1.4; color:var(--ink); }
.yr-vid{ margin-top:var(--s-6); }
.yr-vid__name{ margin:0; font-size:var(--fs-sm); color:var(--ink-2); overflow-wrap:anywhere; }
.yr-vid__ok{ display:flex; gap:var(--s-2); align-items:flex-start; max-width:30ch; font-size:var(--fs-sm); line-height:1.4;
  color:var(--ink-2); text-align:left; cursor:pointer; }
.yr-vid__ok input{ flex:none; width:var(--s-5); height:var(--s-5); margin:0; accent-color:var(--ink); }
.yr-rate__stars{ display:flex; justify-content:center; gap:var(--s-2); }
.yr-rate__stars button{
  display:grid; place-items:center; width:var(--tap); height:var(--tap); padding:var(--s-2); border:0; border-radius:var(--r-md);
  background:var(--rule-2); color:#fff; cursor:pointer; -webkit-tap-highlight-color:transparent;
}
.yr-rate__stars button.on{ background:var(--star-green); }
.yr-rate__stars button:focus-visible{ outline:2px solid var(--ink); outline-offset:2px; }
.yr-rate__stars svg{ width:100%; height:100%; }
.yr-rate__form{ display:grid; gap:var(--s-3); justify-items:center; width:100%; text-align:left; }
.yr-rate__form .contact__field{ width:100%; }
.yr-rate__note{ margin:0; font-size:var(--fs-sm); color:var(--ink-3); text-align:center; }
.yr-fab{
  position:fixed; z-index:40; right:calc(var(--s-4) + env(safe-area-inset-right, 0px)); bottom:calc(var(--s-4) + env(safe-area-inset-bottom, 0px));
  display:inline-flex; align-items:center; gap:var(--s-2); min-height:var(--btn-h); padding:0 var(--s-5) 0 var(--s-4);
  border:0; border-radius:var(--btn-r); cursor:pointer; font:inherit; font-size:var(--fs-body); font-weight:var(--fw-bold);
  background:var(--btn-bg); color:var(--surface); box-shadow:var(--btn-shadow);
  transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility 0s linear 0s;
}
.yr-fab svg{ width:var(--ico-md); height:var(--ico-md); }
.yr-fab:focus-visible{ outline:2px solid var(--brass); outline-offset:2px; }
.yr-fab[data-away]{ opacity:0; transform:translateY(var(--s-4)); pointer-events:none; visibility:hidden;
  transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility 0s linear var(--dur); }
@media (prefers-reduced-motion: reduce){ .yr-fab, .yr-fab[data-away]{ transition:none; } }
@media (min-width:1024px) and (hover:hover), (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .yr-hero__in{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); align-items:center; justify-items:stretch; gap:var(--desk-gap); }
  .yr-viewer{ justify-self:end; }
  .yr-hero__copy{ justify-self:start; text-align:left; }
  .yr-hero__copy .lp-kick{ justify-content:flex-start; }
  .yr-lede{ margin-left:0; }
  .yr-acts{ justify-items:start; }
  .yr-hero__copy .yr-sheet{ justify-items:start; }
  .yr-hero__copy .yr-saved, .yr-hero__copy .yr-app{ margin-left:0; }
}

.yr-post{ padding-block:var(--s-8) 0; background:var(--wall); }
.yr-post__in{ display:grid; justify-items:center; }
.yr-post__copy{ text-align:center; max-width:30rem; width:100%; }
.yr-post__copy .yr-lede{ margin-bottom:var(--s-5); }
.yr-post__list{ list-style:none; margin:0; padding:0; display:grid; gap:var(--s-2); text-align:left; }
.yr-post__list li{ border-radius:var(--r-lg); background:var(--surface); box-shadow:var(--shadow-1); overflow:hidden; color:var(--ink-2); }
.yr-post__top{ display:grid; grid-template-columns:var(--post-pic) 1fr; gap:var(--s-4); align-items:start; padding:var(--s-4); }
.yr-post__h{ display:block; font-size:var(--fs-body); color:var(--ink); white-space:nowrap; }
.yr-post__what{ display:block; margin-top:var(--s-1); font-size:var(--fs-sm); line-height:1.4; }
.yr-post__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-2); margin-top:var(--s-2); }
.yr-post__qty{ font-size:var(--fs-sm); font-weight:var(--fw-bold); color:var(--ink); }
.yr-post__tag{ display:inline-flex; align-items:center; gap:var(--s-2); padding:var(--s-1) var(--s-3); border-radius:var(--r-pill); background:var(--brass-soft); color:var(--ink-2); font-size:var(--fs-badge); font-weight:var(--fw-bold); white-space:nowrap; }
.yr-post__tag::before{ content:""; width:var(--s-2); height:var(--s-2); border-radius:var(--r-circle); background:var(--brass); }
.yr-post__tag--sent{ background:var(--ok-wash); color:var(--ok); }
.yr-post__tag--sent::before{ background:currentColor; }
.yr-post__foot{ display:flex; align-items:center; justify-content:space-between; gap:var(--s-3); padding:var(--s-3) var(--s-4); border-top:1px solid var(--rule); background:var(--wall); }
.yr-post__foot small{ display:block; font-size:var(--fs-badge); letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); }
.yr-post__num{ display:block; font-size:var(--fs-micro); color:var(--ink); font-variant-numeric:tabular-nums; letter-spacing:.02em; overflow-wrap:anywhere; }
.yr-post__track.btn{ flex:none; width:auto; min-height:var(--btn-h-sm); padding:0 var(--s-4); border-radius:var(--r-pill); font-size:var(--fs-micro); }
.yr-post__mark{ display:grid; place-items:center; width:var(--post-pic); height:var(--post-pic); border-radius:var(--r-card); background:var(--brass-soft); color:var(--brass); }
.yr-post__pic{ display:block; width:var(--post-pic); height:var(--post-pic); border-radius:var(--r-card); object-fit:cover; background:var(--surface-2); }
.yr-post__mark svg{ width:var(--ico-md); height:var(--ico-md); }

.yr-hero{ overflow:hidden; }
.yr-gift{
  --tx:0deg; --ty:0deg; --tz:1;
  position:absolute; inset:0; z-index:2; padding:0; border:0; cursor:pointer;
  border-radius:var(--r-card); background:var(--gift-paper); box-shadow:var(--shadow-2);
  -webkit-tap-highlight-color:transparent; touch-action:manipulation;
  transform:rotateX(var(--ty)) rotateY(var(--tx)) scale(var(--tz));
  transition:box-shadow .3s ease, transform .3s var(--ease);
}
.yr-gift[hidden]{ display:none; }
.yr-gift:not([data-open]){ animation:yr-jiggle 3.8s var(--ease) 1.6s infinite; }
@keyframes yr-jiggle{
  0%, 72%, 100%{ translate:0 0; rotate:0deg; scale:1; }
  76%{ translate:0 -7px; rotate:-2.6deg; scale:1.03; }
  80%{ rotate:2.6deg; }
  84%{ rotate:-1.8deg; translate:0 -4px; }
  88%{ rotate:1.1deg; }
  93%{ rotate:0deg; translate:0 0; scale:1; }
}
.yr-sur__stage::before{
  content:""; position:absolute; z-index:1; inset:0; border-radius:var(--r-card); pointer-events:none; opacity:0;
  box-shadow:0 0 34px 6px rgba(234,211,154,.6), 0 0 70px 18px rgba(234,211,154,.25);
  transition:opacity .5s ease;
}
.yr-sur__stage[data-wrapped]::before{ opacity:1; animation:yr-glow 3.8s ease-in-out 1.6s infinite; }
@keyframes yr-glow{ 0%, 70%, 100%{ transform:scale(.94); opacity:.7; } 80%{ transform:scale(1.05); opacity:1; } }
.yr-gift__art{ position:absolute; inset:0; border-radius:var(--r-card); }
.yr-sur__stage[data-land] .yr-gift__art{ inset:auto; left:10%; top:-12.5%; width:80%; height:125%; transform:rotate(90deg); }
.yr-gift img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  pointer-events:none; user-select:none; -webkit-user-select:none;
}
.yr-gift__whole{ z-index:4; border-radius:var(--r-card); overflow:hidden; }
.yr-gift__bow{ z-index:3; }
.yr-gift__ribbons{ position:absolute; inset:0; z-index:2; overflow:hidden; border-radius:var(--r-card); }
.yr-gift__strip--t{ clip-path:inset(0 42.1% 56.2% 42.5%); }
.yr-gift__strip--b{ clip-path:inset(55.3% 42.1% 0 42.5%); }
.yr-gift__strip--l{ clip-path:inset(43.4% 49.8% 44.3% 0); }
.yr-gift__strip--r{ clip-path:inset(43.4% 0 44.3% 50.2%); }
.yr-gift__paper{ z-index:1; }
.yr-gift__crumple{ position:absolute; z-index:2; left:-40%; top:-40%; width:180%; height:180%; max-width:none; pointer-events:none; visibility:hidden; }
.yr-gift[data-gl] .yr-gift__crumple{ visibility:visible; }
.yr-gift[data-gl] .yr-gift__paper, .yr-gift[data-gl] .yr-gift__ribbons, .yr-gift[data-gl] .yr-gift__bow{ visibility:hidden; }
.yr-gift .yr-gift__bow3{ display:none; }
.yr-gift__sparks{ position:absolute; inset:0; z-index:5; pointer-events:none; }
.yr-gift__sparks i{
  position:absolute; width:var(--sz, 6px); height:var(--sz, 6px); margin:calc(var(--sz, 6px) / -2) 0 0 calc(var(--sz, 6px) / -2);
  border-radius:var(--r-circle); opacity:0;
  background:radial-gradient(circle, #FFF6DD 0%, #EAD39A 40%, rgba(234,211,154,0) 72%);
}
.yr-gift::after{
  content:""; position:absolute; inset:0; z-index:6; border-radius:var(--r-card); pointer-events:none;
  background:linear-gradient(115deg, transparent 35%, rgba(255,248,230,.16) 47%, rgba(255,248,230,.04) 53%, transparent 62%) no-repeat;
  background-size:250% 100%; background-position:120% 0;
  animation:yr-sheen 4.2s var(--ease) 1.2s infinite;
}
@keyframes yr-sheen{ 0%{ background-position:120% 0; } 45%, 100%{ background-position:-120% 0; } }
.yr-gift__tap{
  position:absolute; z-index:7; left:50%; bottom:7%; transform:translateX(-50%); white-space:nowrap;
  animation:yr-bob 1.9s ease-in-out infinite;
  padding:var(--s-2) var(--s-5); border-radius:var(--r-pill);
  background:rgba(14,14,16,.7); box-shadow:inset 0 0 0 1px rgba(234,211,154,.45), 0 8px 20px -8px rgba(0,0,0,.6);
  font-family:var(--display); font-style:italic; font-size:var(--fs-lead); letter-spacing:.01em; color:#F3E7C8;
  transition:opacity .2s ease;
}
@keyframes yr-bob{ 0%, 100%{ transform:translateX(-50%) translateY(0); } 50%{ transform:translateX(-50%) translateY(-4px); } }
.yr-gift:focus-visible{ outline:2px solid var(--brass); outline-offset:4px; }

.yr-gift[data-open]{ pointer-events:none; background:none; box-shadow:none; animation:yr-press .34s var(--ease) both; }
@keyframes yr-press{ 0%{ transform:scale(1); } 35%{ transform:scale(.965); } 100%{ transform:scale(1); } }
.yr-gift[data-open]::after{ display:none; }
.yr-gift[data-open] .yr-gift__tap{ opacity:0; }
.yr-gift[data-open] .yr-gift__whole{ opacity:0; transition:opacity .14s linear .06s; }
.yr-gift[data-open] .yr-gift__bow{ animation:yr-bow-off .85s cubic-bezier(.45, 0, .55, 1) .12s both; }
@keyframes yr-bow-off{
  0%{ transform:none; opacity:1; }
  32%{ transform:translateY(-5%) scale(1.07) rotate(-2deg); opacity:1; }
  100%{ transform:translateY(-78%) scale(1.24) rotate(-12deg); opacity:0; }
}
.yr-gift[data-open] .yr-gift__strip{ animation:.72s cubic-bezier(.55, 0, .9, .4) both; }
.yr-gift[data-open] .yr-gift__strip--t{ animation-name:yr-strip-t; animation-delay:.36s; }
.yr-gift[data-open] .yr-gift__strip--b{ animation-name:yr-strip-b; animation-delay:.42s; }
.yr-gift[data-open] .yr-gift__strip--l{ animation-name:yr-strip-l; animation-delay:.39s; }
.yr-gift[data-open] .yr-gift__strip--r{ animation-name:yr-strip-r; animation-delay:.45s; }
@keyframes yr-strip-t{ 0%{ transform:none; } 15%{ transform:translateY(1.2%); } 100%{ transform:translateY(-102%); } }
@keyframes yr-strip-b{ 0%{ transform:none; } 15%{ transform:translateY(-1.2%); } 100%{ transform:translateY(102%); } }
@keyframes yr-strip-l{ 0%{ transform:none; } 15%{ transform:translateX(1.2%); } 100%{ transform:translateX(-102%); } }
@keyframes yr-strip-r{ 0%{ transform:none; } 15%{ transform:translateX(-1.2%); } 100%{ transform:translateX(102%); } }
.yr-gift[data-scrunch] .yr-gift__paper{ animation:yr-scrunch 1.1s cubic-bezier(.55, 0, .35, 1) both; transform-origin:55% 40%; }
@keyframes yr-scrunch{
  0%{ transform:none; filter:none; opacity:1; }
  45%{ transform:scale(.42) rotate(-14deg); filter:brightness(.7) contrast(1.3); opacity:1; border-radius:40%; }
  100%{ transform:translate(90%, -120%) scale(.18) rotate(-60deg); opacity:0; border-radius:50%; }
}
.yr-gift[data-open] .yr-gift__sparks i{ animation:yr-spark 1s cubic-bezier(.2, .7, .3, 1) calc(1.7s + var(--d, 0s)) both; }
@keyframes yr-spark{
  0%{ transform:scale(0); opacity:0; }
  20%{ transform:scale(1.2); opacity:1; }
  100%{ transform:translate(var(--dx), var(--dy)) scale(.2); opacity:0; }
}
@media (prefers-reduced-motion: reduce){
  .yr-gift::after, .yr-gift:not([data-open]), .yr-sur__stage[data-wrapped]::before, .yr-gift__tap{ animation:none; }
  .yr-gift{ transform:none; }
  .yr-gift[data-open]{ animation:none; opacity:0; transition:opacity .35s ease; }
  .yr-gift[data-open] .yr-gift__bow, .yr-gift[data-open] .yr-gift__strip, .yr-gift[data-scrunch] .yr-gift__paper,
  .yr-gift[data-open] .yr-gift__sparks i{ animation:none; }
}

.yr-viewer{ width:var(--yr-pic-w); }
.yr-viewer .yr-stage{ width:100%; }
.yr-pic{ position:relative; }
.yr-pic .wall__nav{ z-index:1; width:var(--tap); height:var(--tap); margin-top:calc(var(--tap) / -2); background:rgba(23,24,28,.38); color:#fff; filter:none; box-shadow:0 4px 12px -4px rgba(23,24,28,.4); }
.yr-pic .wall__nav svg{ width:var(--ico-md); height:var(--ico-md); }
.yr-pic .wall__nav[hidden]{ display:none; }
.yr-wait{
  position:absolute; inset:0; display:grid; place-content:center; justify-items:center; gap:var(--s-2); padding:var(--s-4); text-align:center;
  background:linear-gradient(110deg, #EFE8DD 30%, #F8F4EE 50%, #EFE8DD 70%); background-size:250% 100%;
  animation:yr-shimmer 2.4s linear infinite; color:var(--ink-2);
}
.yr-wait[hidden]{ display:none; }
.yr-wait svg{ width:var(--ico-size); height:var(--ico-size); color:var(--brass); }
.yr-wait b{ font-family:var(--display); font-weight:var(--fw-normal); font-size:var(--fs-h2); color:var(--ink); }
.yr-wait--fail{ padding-inline:calc(var(--tap) + var(--s-4)); animation:none; background:var(--surface-2); }
.yr-wait--fail .btn{ margin-top:var(--s-2); }
.yr-pic:focus{ outline:none; }
.yr-pic:focus-visible{ outline:2px solid var(--brass); outline-offset:4px; }
.yr-wait span{ font-size:var(--fs-body); }
@keyframes yr-shimmer{ from{ background-position:150% 0; } to{ background-position:-100% 0; } }
.yr-thumbs{ display:flex; justify-content:center; flex-wrap:wrap; gap:var(--s-2); margin-top:var(--s-4); }
.yr-thumbs[hidden]{ display:none; }
.yr-thumb{
  position:relative; width:var(--thumb); aspect-ratio:4 / 5; padding:0; border:0; border-radius:var(--chip-r); overflow:hidden; cursor:pointer;
  background:var(--surface-2); box-shadow:0 1px 4px rgba(23,24,28,.15); transition:transform .25s var(--ease), box-shadow .25s ease;
}
.yr-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.yr-thumb svg{ position:absolute; inset:0; margin:auto; width:20px; height:20px; color:var(--brass); }
.yr-thumb[aria-selected="true"]{ transform:translateY(-2px); box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ink), 0 6px 14px -6px rgba(23,24,28,.4); }
.yr-thumb:active{ transform:scale(.95); }
.yr-swipe{ margin:var(--s-2) 0 0; text-align:center; font-size:var(--fs-body); color:var(--ink-2); }
.yr-swipe[hidden]{ display:none; }
.yr-printwait{ max-width:30rem; margin:0 auto; padding:var(--s-4) var(--s-5); border-radius:var(--r-xl); text-align:center;
  background:rgba(255,255,255,.7); box-shadow:0 0 0 .5px rgba(51,40,31,.08); font-size:var(--fs-body); color:var(--ink-2); }
.yr-printwait[hidden]{ display:none; }
@media (prefers-reduced-motion: reduce){ .yr-wait{ animation:none; } }
.yr-prep{ margin:0 0 var(--s-4); padding:var(--s-3) var(--s-4); border-radius:var(--r-card); background:var(--brass-soft); font-size:var(--fs-body); color:var(--ink); }
.yr-which{ margin:var(--s-3) 0 0; font-size:var(--fs-body); font-weight:var(--fw-bold); color:var(--brass); }
.yr-frameown{ margin-top:var(--s-2); }

.yr-print{
  padding-block:clamp(64px, 8vw, 120px);
  background:
    radial-gradient(120% 40% at 0% 18%, var(--paper) 0%, rgba(247,246,243,0) 60%),
    radial-gradient(110% 45% at 100% 82%, var(--cfg-ground-glow) 0%, rgba(237,228,216,0) 65%),
    linear-gradient(180deg, var(--cfg-ground-mid) 0%, var(--cfg-ground-end) 60%, var(--wall) 100%);
}
.yr-shop{ display:grid; gap:var(--s-5); max-width:var(--page-narrow); margin:0 auto; }
@media (min-width:1024px) and (hover:hover), (min-width:1024px) and (orientation:landscape), (min-width:1367px){ .yr-shop{ grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr); align-items:start; gap:var(--desk-gap); } .yr-room{ position:sticky; top:var(--s-4); } }
.yr-room__card{
  position:relative; aspect-ratio:25 / 24; border-radius:var(--r-card); overflow:hidden;
  background:linear-gradient(180deg, #FFFFFF 0%, #F8F5F4 100%);
  box-shadow:0 0 0 1px rgba(23,24,28,.08), 0 14px 32px -16px rgba(23,24,28,.35);
  touch-action:pan-y pinch-zoom;
}
.yr-room__scene{ position:absolute; inset:0; background:center bottom / 100% auto no-repeat; }
.yr-room__scene[data-swap]{ animation:yr-scene .45s ease both; }
@keyframes yr-scene{ from{ opacity:.35; } to{ opacity:1; } }
.yr-room__box{ position:absolute; left:0; right:0; bottom:0; aspect-ratio:5 / 4; }
.yr-room__card .wall__dots{ top:auto; bottom:14px; left:auto; right:14px; transform:none; }
.yr-room__art{ transition:width var(--dur) var(--ease), left var(--dur) var(--ease), bottom var(--dur) var(--ease); }
.yr-opts{ display:grid; gap:var(--s-4); }
.yr-opts > *, .yr-pay > *{ order:0; }
.yr-price{ display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--s-2) var(--s-3); margin:0; font-variant-numeric:tabular-nums; }
.yr-price__now{ font-size:var(--fs-price); font-weight:var(--fw-bold); line-height:1; color:var(--ink); }
.yr-price__off{ font-size:var(--fs-lead); font-weight:var(--fw-bold); color:var(--ok-deep); }
.yr-price__off:empty{ display:none; }
@media (prefers-reduced-motion: reduce){ .yr-room__scene[data-swap]{ animation:none; } }
.yr-coverrow{ cursor:pointer; }
.yr-coverrow .cfg__head{ cursor:pointer; }
.yr-coverrow .cfg__tt span{ font-size:var(--fs-body); max-height:none; opacity:1; }
#yrPrintSteps .cfg__right{ display:flex; align-items:center; gap:var(--s-2); }
.yr-coverrow__p{ font-weight:var(--fw-mid); color:var(--ink-3); }
.yr-switch{
  flex:none; appearance:none; -webkit-appearance:none; width:46px; height:28px; margin:0 4px 0 0; border-radius:var(--r-pill);
  background:rgba(23,24,28,.14); position:relative; cursor:pointer; transition:background .25s ease;
}
.yr-switch::after{
  content:""; position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:var(--r-circle); background:#fff;
  box-shadow:0 1px 3px rgba(23,24,28,.3); transition:transform .25s cubic-bezier(.3, .7, .3, 1.3);
}
.yr-switch:checked{ background:var(--ok); }
.yr-switch:checked::after{ transform:translateX(18px); }
.yr-perks{
  list-style:none; margin:0; padding:var(--s-3); display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--s-2);
  border-radius:var(--r-xl); border:1px solid rgba(255,255,255,.75);
  background:linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.5) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 0 0 .5px rgba(51,40,31,.08), 0 8px 22px -12px rgba(51,40,31,.22);
}
.yr-perks[data-n="4"]{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.yr-perks li{
  display:grid; justify-items:center; align-content:start; gap:6px; padding:var(--s-2) 2px; text-align:center;
  font-size:var(--fs-micro); font-weight:var(--fw-mid); line-height:1.2; color:var(--ink);
}
.yr-perks .cfg__ico{ width:36px; height:36px; }
.yr-perks .cfg__ico svg{ width:18px; height:18px; }
.yr-pay{ display:grid; gap:var(--s-3); }
.yr-pay__t{ margin:var(--s-2) 0 0; font-size:var(--fs-body); font-weight:var(--fw-bold); color:var(--ink); }
.yr-express:empty{ display:none; }
.yr-or{ display:flex; align-items:center; gap:var(--s-3); margin:var(--s-1) 0 0; font-size:var(--fs-body); color:var(--ink-2); text-transform:uppercase; letter-spacing:.12em; }
.yr-or::before, .yr-or::after{ content:""; flex:1; height:1px; background:var(--rule); }
.yr-status{ margin:0; padding:var(--s-3) var(--s-4); border-radius:var(--r-card); background:var(--brass-soft); font-size:var(--fs-body); line-height:1.5; color:var(--ink); }
.yr-status[data-tone="bad"]{ background:#FBEDEB; color:var(--need); }
.yr-terms{ margin:0; text-align:center; font-size:var(--fs-micro); line-height:1.45; color:var(--ink-2); text-wrap:balance; }
.yr-buy{ width:100%; }
#yrBuyT{ order:1; } #yrBuyP{ order:2; } #yrBuyW{ order:3; font-size:var(--fs-cta); font-weight:var(--fw-normal); }
#yrBuyS{ order:4; flex-basis:100%; }
.yr-buy[disabled]{ opacity:.6; cursor:default; }
.yr-other{ justify-self:center; }
.yr-promise{ justify-self:center; max-width:100%; min-width:0; }
.yr-tap{ display:grid; gap:var(--s-2); }
.yr-tap__row{ display:flex; align-items:center; gap:var(--s-3); margin:0; padding:var(--s-3) var(--s-4); border-radius:var(--r-card);
  background:var(--paper); box-shadow:inset 0 0 0 1px rgba(23,24,28,.08); }
.yr-tap__ico{ flex:none; display:grid; place-items:center; width:var(--tap); height:var(--tap); border-radius:var(--r-circle); background:var(--surface-2); color:var(--ink); }
.yr-tap__ico svg{ width:var(--ico-md); height:var(--ico-md); }
.yr-tap__ico[data-brand]{ background:none; border-radius:0; }
.yr-tap__ico[data-brand] svg{ width:var(--paymark-w); height:var(--paymark-h); }
.yr-tap__tt{ flex:1; min-width:0; display:grid; line-height:1.3; }
.yr-tap__tt b{ font-size:var(--fs-body); font-weight:var(--fw-bold); color:var(--ink); }
.yr-tap__tt small{ font-size:var(--fs-sm); color:var(--ink-2); overflow-wrap:anywhere; }
.yr-tap__chg{ flex:none; color:var(--ink); }
.yr-bought{ position:relative; max-width:34rem; margin:0 auto; padding:var(--s-8) var(--s-5); text-align:center; border-radius:var(--r-xl);
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.7)); box-shadow:0 0 0 .5px rgba(51,40,31,.08), 0 14px 32px -16px rgba(51,40,31,.3); }
.yr-bought__h{ margin:0 0 var(--s-3); font-family:var(--display); font-weight:var(--fw-normal); font-size:var(--fs-h1); color:var(--ink); }
.yr-bought__h em{ font-style:italic; }
.yr-bought__p{ margin:0 0 var(--s-3); font-size:var(--fs-body); line-height:1.5; color:var(--ink-2); }
.yr-nowrap{ white-space:nowrap; }
.yr-bought .btn-quiet{ margin-top:var(--s-2); }
.yr-bought__sparks{ position:absolute; inset:0; pointer-events:none; }
.yr-bought__sparks i{
  position:absolute; width:var(--sz, 6px); height:var(--sz, 6px); margin:calc(var(--sz, 6px) / -2) 0 0 calc(var(--sz, 6px) / -2);
  border-radius:var(--r-circle); opacity:0; background:radial-gradient(circle, #FFF6DD 0%, #EAD39A 40%, rgba(234,211,154,0) 72%);
  animation:yr-spark 1.1s cubic-bezier(.2, .7, .3, 1) var(--d, 0s) both;
}
.yr-route{ margin:var(--s-6) 0 var(--s-5); }
.yr-route__track{ position:relative; height:4px; margin:0 12.5%; border-radius:var(--r-md); background:repeating-linear-gradient(90deg, rgba(23,24,28,.18) 0 8px, transparent 8px 14px); }
.yr-route__fill{ position:absolute; left:0; top:0; bottom:0; width:0; border-radius:var(--r-md); background:linear-gradient(90deg, var(--ok), #4E9A74); transition:width 1.6s cubic-bezier(.3, .7, .3, 1) .5s; }
.yr-route__parcel{
  position:absolute; top:50%; left:0; width:34px; height:34px; margin:-17px 0 0 -17px; display:grid; place-items:center;
  border-radius:var(--r-circle); background:#17181C; color:#F3E2B2; box-shadow:0 6px 14px -6px rgba(23,24,28,.6);
  transition:left 1.6s cubic-bezier(.3, .7, .3, 1) .5s;
}
.yr-route__parcel svg{ width:18px; height:18px; }
.yr-route[data-go] .yr-route__fill{ width:33.3%; }
.yr-route[data-go] .yr-route__parcel{ left:33.3%; animation:yr-bob2 1.2s ease-in-out 2.1s infinite; }
@keyframes yr-bob2{ 0%, 100%{ transform:translateY(0); } 50%{ transform:translateY(-4px); } }
.yr-route__stops{ list-style:none; margin:var(--s-4) 0 0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--s-1); align-items:start; }
.yr-route__stops li{ display:grid; justify-items:center; align-content:start; gap:2px; font-size:var(--fs-micro); line-height:1.25; font-weight:var(--fw-bold); color:var(--ink-3); text-align:center; white-space:nowrap; }
.yr-route__stops li::before{ content:""; width:12px; height:12px; margin:calc(-1 * var(--s-4) - 8px) 0 var(--s-2); border-radius:var(--r-circle); background:#fff; box-shadow:0 0 0 2px rgba(23,24,28,.2); }
.yr-route__stops li[data-on]{ color:var(--ok); }
.yr-route__stops li[data-on]::before{ background:var(--ok); box-shadow:0 0 0 2px var(--ok); }
.yr-route__stops li[data-now]{ color:var(--ink); }
.yr-route__stops li[data-now]::before{ box-shadow:0 0 0 2px var(--ink); animation:yr-ping 1.4s ease-out 2.1s infinite; }
@keyframes yr-ping{ 0%{ box-shadow:0 0 0 2px var(--ink), 0 0 0 0 rgba(23,24,28,.35); } 100%{ box-shadow:0 0 0 2px var(--ink), 0 0 0 10px rgba(23,24,28,0); } }
.yr-route__stops small{ font-size:var(--fs-micro); font-weight:var(--fw-normal); color:var(--ink-3); white-space:normal; text-wrap:balance; }
.yr-route__days{ display:none; margin:var(--s-3) 0 0; font-size:var(--fs-micro); line-height:1.45; color:var(--ink-3); text-wrap:balance; }
@media (max-width:479px){ .yr-route__stops small{ display:none; } .yr-route__days{ display:block; } }
@media (prefers-reduced-motion: reduce){
  .yr-route__fill, .yr-route__parcel{ transition:none; } .yr-route[data-go] .yr-route__parcel, .yr-route__stops li[data-now]::before, .yr-bought__sparks i{ animation:none; }
}

.yr-phone{
  margin:var(--s-8) var(--s-3); padding-block:clamp(56px, 8vw, 112px); border-radius:var(--r-2xl); color:var(--surface);
  background:
    radial-gradient(60% 45% at 50% 28%, rgba(201,169,100,.16) 0%, rgba(201,169,100,0) 70%),
    linear-gradient(180deg, #1B1C20 0%, var(--yr-stage) 60%, #0F1012 100%);
  box-shadow:0 30px 60px -36px rgba(23,24,28,.8);
}
@media (min-width:1024px) and (hover:hover), (min-width:1024px) and (orientation:landscape), (min-width:1367px){ .yr-phone{ margin-inline:var(--gutter-lg); } }
.yr-phone .lp-kick{ color:#C9A964; }
.yr-phone .lp-h2{ color:#F6F1E7; }
.yr-phone .yr-lede{ color:rgba(246,241,231,.72); }
.yr-phone__in{ display:grid; gap:var(--s-10); justify-items:center; }
.yr-phone__copy{ text-align:center; max-width:30rem; }
.btn--light{ background:linear-gradient(180deg, #FFFFFF, #ECE6DA); color:var(--ink); box-shadow:0 14px 30px -12px rgba(0,0,0,.6), inset 0 1px 0 #fff; }
.yr-device{
  --tx:0deg; --ty:0deg;
  position:relative; width:var(--yr-phone-w); aspect-ratio:1290 / 2796; padding:3px; border-radius:var(--yr-phone-r);
  background:linear-gradient(140deg, #E9E5DD 0%, #9C988F 18%, #55524C 46%, #8E8A82 72%, #DCD7CD 100%);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(255,255,255,.08), 0 0 90px 10px rgba(201,169,100,.12);
  transform:perspective(1000px) rotateX(var(--ty)) rotateY(var(--tx));
  touch-action:pan-y pinch-zoom;
  transition:transform .4s var(--ease);
}
.yr-device::before, .yr-device::after{
  content:""; position:absolute; width:3px; border-radius:var(--r-sm);
  background:linear-gradient(180deg, #CFCAC1, #6E6A63 50%, #B7B2A8);
}
.yr-device::before{
  left:-3px; top:12%; height:24%;
  -webkit-mask-image:linear-gradient(180deg, #000 0 18%, transparent 18% 31%, #000 31% 63%, transparent 63% 69%, #000 69% 100%);
          mask-image:linear-gradient(180deg, #000 0 18%, transparent 18% 31%, #000 31% 63%, transparent 63% 69%, #000 69% 100%);
}
.yr-device::after{ right:-3px; top:24%; height:12%; }
.yr-device__screen{
  position:relative; height:100%; overflow:hidden; border:7px solid #050506; border-radius:var(--yr-screen-r);
  background:#000;
}
.yr-device img{ display:block; width:100%; height:100%; object-fit:cover; transition:opacity .9s ease .1s, transform 1.4s var(--ease); }
.yr-device__island{
  position:absolute; z-index:3; left:50%; top:2.2%; width:31%; height:3.6%; transform:translateX(-50%);
  border-radius:var(--r-pill); background:#000; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.yr-device__lock{
  position:absolute; z-index:2; left:0; right:0; top:8.5%; display:flex; flex-direction:column; align-items:center;
  color:var(--yr-lock-ink); font-family:"SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, "Helvetica Neue", sans-serif;
  transition:opacity .7s ease .45s, transform .9s var(--ease) .45s;
}
.yr-device__date{ font-size:calc(var(--yr-phone-w) * .058); font-weight:var(--fw-bold); letter-spacing:.01em; }
.yr-device__time{ margin-top:-1%; font-size:calc(var(--yr-phone-w) * .25); font-weight:var(--fw-strong); line-height:1; letter-spacing:-.025em; }
.yr-device__act{
  position:absolute; z-index:2; bottom:5.5%; width:13%; aspect-ratio:1; border-radius:var(--r-circle);
  display:grid; place-items:center; color:#fff; background:rgba(40,32,24,.38);
  transition:opacity .7s ease .6s;
}
.yr-device__act svg{ width:52%; height:52%; }
.yr-device__act--l{ left:11%; }
.yr-device__act--r{ right:11%; }
.yr-device__bar{ position:absolute; z-index:2; left:50%; bottom:1.6%; width:36%; height:.55%; min-height:4px; transform:translateX(-50%); border-radius:var(--yr-bar-r); background:rgba(30,24,18,.75); transition:opacity .7s ease .6s; }
.yr-device__glare{
  position:absolute; z-index:4; inset:0; pointer-events:none;
  background:linear-gradient(118deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.04) 28%, rgba(255,255,255,0) 42%);
}
.yr-device[data-empty] .yr-device__lock, .yr-device[data-empty] .yr-device__act, .yr-device[data-empty] .yr-device__bar{ opacity:0; }
.yr-phone .yr-phone__wait{ color:rgba(246,241,231,.88); }
.yr-phone .yr-sheet__t{ color:rgba(246,241,231,.88); }
.yr-phone .yr-sheet__t b{ color:#F6F1E7; }
.yr-phone .yr-acts .btn-quiet{ color:rgba(246,241,231,.92); }
.yr-saved--dark{ background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); color:#F6F1E7; }
.yr-saved--dark .yr-saved__i, .yr-saved--dark[data-tone="ok"] .yr-saved__i{ color:#C9A964; }
.yr-saved--dark[data-tone="ok"]{ background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(201,169,100,.45); }
@media (prefers-reduced-motion: reduce){
  .yr-device, .yr-device img, .yr-device__lock, .yr-device__act, .yr-device__bar{ transition:none; transform:none; }
}
@media (min-width:860px){
  .yr-phone__in{ grid-template-columns:auto minmax(0, 30rem); justify-content:center; align-items:center; gap:var(--desk-gap); }
  .yr-phone__copy{ text-align:left; }
  .yr-phone__copy .lp-kick{ justify-content:flex-start; }
  .yr-phone__copy .yr-lede{ margin-left:0; }
  .yr-phone__copy .yr-acts, .yr-phone__copy .yr-sheet{ justify-items:start; }
  .yr-phone__copy .yr-saved{ margin-left:0; }
}
.yr-steps{
  max-width:34rem; margin:var(--s-10) auto 0; padding:0 var(--s-5); border-radius:var(--r-card);
  background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); color:rgba(246,241,231,.8);
  scroll-margin-top:calc(var(--masthead-h) + var(--s-4));
}
.yr-steps[open]{ padding-bottom:var(--s-5); }
.yr-steps__h{
  display:flex; align-items:center; justify-content:space-between; min-height:var(--btn-h); cursor:pointer; list-style:none;
  font-family:var(--ui); font-size:var(--fs-body); font-weight:var(--fw-bold); color:#F6F1E7;
}
.yr-steps__h::-webkit-details-marker{ display:none; }
.yr-steps__h::after{ content:"+"; font-size:var(--fs-h2); font-weight:var(--fw-normal); transition:transform var(--dur) var(--ease); }
.yr-steps[open] .yr-steps__h::after{ transform:rotate(45deg); }
.yr-steps .yr-tabs, .yr-phone__copy .yr-tabs{ background:rgba(255,255,255,.08); box-shadow:none; }
.yr-steps .yr-tabs button, .yr-phone__copy .yr-tabs button{ min-height:var(--tap); color:rgba(246,241,231,.75); }
.yr-steps .yr-tabs button[aria-selected="true"], .yr-phone__copy .yr-tabs button[aria-selected="true"]{ background:#F6F1E7; color:var(--ink); }
.yr-steps .yr-note{ color:rgba(246,241,231,.88); }
.yr-tabs{ display:inline-flex; gap:var(--s-1); padding:var(--s-1); margin-bottom:var(--s-4); border-radius:var(--r-pill); background:var(--surface); box-shadow:0 0 0 1px var(--rule); }
.yr-tabs button{ min-height:var(--chip-h); padding:0 var(--s-4); border:0; border-radius:var(--r-pill); background:none; font:inherit; font-size:var(--fs-body); font-weight:var(--fw-mid); color:var(--ink-2); cursor:pointer; }
.yr-tabs button[aria-selected="true"]{ background:var(--ink); color:var(--surface); }
.yr-steps__t{ margin:var(--s-3) 0 var(--s-2); font-size:var(--fs-body); font-weight:var(--fw-bold); color:#C9A964; }
.yr-steps__list{ margin:0; padding-left:1.25em; display:grid; gap:var(--s-2); font-size:var(--fs-body); line-height:1.5; color:rgba(246,241,231,.9); }
.yr-steps__list b{ color:#F6F1E7; font-weight:var(--fw-bold); }

.yr-end__in{ display:grid; gap:var(--s-6); justify-items:center; text-align:center; }
.yr-credit{ width:100%; max-width:30rem; padding:var(--s-6) var(--s-5); border-radius:var(--r-card); background:var(--ink); color:var(--surface); }
.yr-credit .lp-kick{ color:var(--brass-soft); }
.yr-credit__amt{ margin:0 0 var(--s-2); font-family:var(--display); font-size:var(--fs-h2); }
.yr-credit__how{ margin:0; font-size:var(--fs-body); line-height:1.5; color:var(--surface-2); text-wrap:pretty; }
.yr-credit__how b{ color:var(--surface); letter-spacing:.04em; user-select:all; -webkit-user-select:all; }
.yr-scratch{
  position:relative; margin:var(--s-4) auto var(--s-3); max-width:20rem; height:calc(var(--btn-h-xl) + var(--s-2));
  border-radius:var(--r-card); background:#F6F1E7; overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(201,169,100,.6), 0 10px 26px -12px rgba(0,0,0,.7);
}
.yr-scratch[hidden]{ display:none; }
.yr-scratch__code{
  position:absolute; inset:0; display:grid; place-items:center;
  font-family:var(--ui); font-size:var(--fs-h2); font-weight:var(--fw-strong); letter-spacing:.14em; color:var(--ink);
  user-select:all; -webkit-user-select:all;
}
.yr-scratch__foil{ position:absolute; inset:0; width:100%; height:100%; touch-action:none; cursor:grab; transition:opacity .6s ease; }
.yr-scratch:not([data-done]), .yr-scratch:not([data-done]) .yr-scratch__code{ user-select:none; -webkit-user-select:none; }
.yr-scratch__hint{
  position:absolute; inset:0; display:grid; place-items:center; pointer-events:none;
  font-size:var(--fs-body); font-weight:var(--fw-bold); letter-spacing:.12em; text-transform:uppercase; color:rgba(60,44,14,.95);
  text-shadow:0 1px 0 rgba(255,240,200,.6); transition:opacity .3s ease;
}
.yr-scratch[data-going] .yr-scratch__hint{ opacity:0; }
.yr-scratch[data-done] .yr-scratch__foil{ opacity:0; pointer-events:none; }
.yr-scratch[data-done] .yr-scratch__code{ animation:yr-code-pop .5s var(--ease) both; }
@keyframes yr-code-pop{ 0%{ transform:scale(.9); } 60%{ transform:scale(1.06); } 100%{ transform:scale(1); } }
.yr-scratch__sparks{ position:absolute; inset:0; pointer-events:none; }
.yr-scratch__sparks i{
  position:absolute; width:var(--sz, 6px); height:var(--sz, 6px); margin:calc(var(--sz, 6px) / -2) 0 0 calc(var(--sz, 6px) / -2);
  border-radius:var(--r-circle); opacity:0; background:radial-gradient(circle, #FFF6DD 0%, #EAD39A 40%, rgba(234,211,154,0) 72%);
  animation:yr-spark .9s cubic-bezier(.2, .7, .3, 1) var(--d, 0s) both;
}
.yr-credit__acts{ display:grid; justify-items:center; gap:var(--s-2); margin-top:var(--s-4); }
.yr-credit__acts .btn{ min-width:12rem; }
.yr-credit__reveal{ color:rgba(246,241,231,.88); font-size:var(--fs-body); }
.yr-credit__copy{ color:rgba(246,241,231,.92); font-size:var(--fs-body); }
.yr-credit__reveal, .yr-credit__copy, .yr-acts .btn-quiet{
  display:inline-flex; align-items:center; justify-content:center; min-height:var(--tap); min-width:var(--tap);
}
.yr-credit__use{ flex-direction:column; gap:2px; width:100%; max-width:20rem; padding-block:var(--s-3); padding-inline:var(--s-4); }
@media (max-width:400px){ .yr-credit .yr-credit__use{ padding-inline:var(--s-2); letter-spacing:.02em; } }
.yr-credit__use small{ display:block; font-size:var(--fs-body); letter-spacing:.02em; text-transform:none; color:var(--ok); white-space:normal; }
@media (max-width:480px){
  .yr-credit .lp-kick{ gap:var(--s-2); letter-spacing:.1em; text-wrap:balance; }
  .yr-credit .lp-kick::before, .yr-credit .lp-kick::after{ width:var(--s-3); }
}
@media (max-width:400px){ .yr-credit .lp-kick::before, .yr-credit .lp-kick::after{ display:none; } }
@media (prefers-reduced-motion: reduce){ .yr-scratch__sparks i, .yr-scratch[data-done] .yr-scratch__code{ animation:none; } }

.legal__lede{ max-width:42rem; margin:0 0 26px; font-size:var(--fs-body); color:var(--ink-2); }
.legal__grid{ display:grid; gap:26px; align-items:start; }
@media (min-width:820px){ .legal__grid{ grid-template-columns:220px minmax(0,1fr); gap:44px; } }
.legal__nav{ display:flex; flex-wrap:wrap; gap:6px; }
@media (min-width:820px){
  .legal__nav{ position:sticky; top:96px; flex-direction:column; flex-wrap:nowrap; gap:1px; }
}
.legal__nav a{
  display:flex; align-items:center; min-height:40px; padding:0 11px;
  border:1px solid var(--rule); border-radius:var(--r-sm); background:var(--surface);
  font-size:var(--btn-fs-quiet); color:var(--ink-2); text-decoration:none;
}
.legal__nav a:hover{ border-color:var(--rule-2); color:var(--ink); }
.legal__nav a[aria-current="page"]{
  border-color:var(--brass-2); background:#FDFBF7; color:var(--ink); font-weight:var(--fw-mid);
  box-shadow:inset 3px 0 0 var(--brass);
}
.legal__body{ min-width:0; max-width:40rem; }
.legal__doc h3{ font-size:var(--fs-h1); line-height:1.14; letter-spacing:-.012em; margin:0 0 4px; }
.legal__meta{ margin:0 0 22px; font-size:var(--fs-xs); color:var(--ink-3); }
.legal__doc h4{
  font-family:var(--ui); font-size:var(--fs-xs); font-weight:var(--fw-bold);
  letter-spacing:.14em; text-transform:uppercase; color:var(--brass);
  margin:26px 0 8px;
}
.legal__doc p{ margin:0 0 11px; font-size:var(--fs-body); line-height:1.62; color:var(--ink-2); max-width:36rem; }
.legal__doc ul{ margin:0 0 11px; padding-left:19px; }
.legal__doc li{ margin:0 0 6px; font-size:var(--fs-body); line-height:1.6; color:var(--ink-2); max-width:36rem; }
.legal__doc b{ color:var(--ink); font-weight:var(--fw-mid); }
.legal__doc a{ color:var(--brass); }
.legal__foot{
  margin:38px 0 0; padding-top:18px; border-top:1px solid var(--rule);
  font-size:var(--fs-xs); color:var(--ink-3);
}
.foot__links{ display:flex; flex-wrap:wrap; gap:0 18px; }
.foot__links a{ display:inline-flex; align-items:center; min-height:40px; color:var(--ink-3); }
.foot__links a:hover{ color:var(--ink); }

body:not([data-route="landing"]) .foot{ display:none; }

.foot{
  background:
    radial-gradient(80% 60% at 50% 0%, rgba(185,154,91,.18), transparent 70%),
    linear-gradient(180deg, var(--brown) 0%, var(--brown-deep) 100%);
  color:rgba(255,255,255,.5);
  padding-block:clamp(40px, 6vw, 72px) calc(34px + env(safe-area-inset-bottom, 0px));
  font-size:var(--fs-xs);
}
.foot__in{ display:grid; gap:var(--s-6); }
@media (min-width:900px){
  .foot__in{ grid-template-columns:1fr auto; align-items:start; column-gap:var(--s-10); }
  .foot__in > .foot__marks, .foot__in > .foot__legal{ grid-column:1 / -1; }
}
.foot__id{ display:grid; gap:var(--s-2); }
.foot__brand{
  font-family:var(--display); font-size:var(--fs-wordmark); letter-spacing:.16em;
  text-transform:uppercase; color:#fff;
}
.foot__line{ margin:0; font-family:var(--display); font-size:var(--fs-hero-line); color:rgba(255,255,255,.72); }
.foot__line em{ font-style:italic; }
.foot__marks{ justify-content:flex-start; margin-top:0; padding-top:var(--s-6); border-top:1px solid rgba(255,255,255,.12); }
.foot nav{ display:flex; flex-wrap:wrap; gap:0 20px; }
.foot nav a{
  display:inline-flex; align-items:center; min-height:40px;
  color:rgba(255,255,255,.62); text-decoration:none;
}
.foot nav a:hover{ color:#fff; }
.foot__legal{ color:rgba(255,255,255,.50); }
.sticky{
  position:fixed; left:0; right:0; bottom:0; z-index:50;
  padding:10px 18px calc(10px + env(safe-area-inset-bottom, 0px));
  background:rgba(247,246,243,.97); border-top:1px solid var(--rule);
}

.sticky{ transition:transform .28s var(--ease), visibility 0s; }
.sticky[data-away="true"]{ transform:translateY(112%); pointer-events:none; visibility:hidden; transition:transform .28s var(--ease), visibility 0s .28s; }
@media (prefers-reduced-motion: reduce){ .sticky{ transition:none; } }
@media (min-width:760px){ .sticky{ display:none; } }
body[data-route="landing"] .foot{ padding-bottom:calc(86px + env(safe-area-inset-bottom, 0px)); }
@media (min-width:760px){ body[data-route="landing"] .foot{ padding-bottom:calc(34px + env(safe-area-inset-bottom, 0px)); } }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
  html{ scroll-behavior:auto; }
}

@media (max-width:759px){
  .btn{ width:100%; min-height:var(--btn-h-lg); font-size:var(--btn-fs-lg); }
  summary{ padding-block:16px; min-height:54px; }

  .foot__in{ flex-direction:column; align-items:flex-start; gap:8px; }
}

@media (min-width:1024px) and (hover:hover), (min-width:1024px) and (orientation:landscape), (min-width:1367px){


  .faq{ margin-inline:auto; }

  body[data-route="cart"] #view-cart{
    display:grid; grid-template-columns:minmax(0,1fr) clamp(340px, 32%, 440px);
    column-gap:var(--desk-gap); align-items:start;
    max-width:var(--page-max); min-height:0; margin-inline:auto; padding-inline:var(--gutter);
  }
  #view-cart > .cart{ padding-inline:0; }
  .cartline{ grid-template-columns:96px 1fr auto; gap:var(--s-5); }
  .totals{
    position:sticky; top:calc(var(--masthead-h) + var(--cart-gap) + var(--s-8)); bottom:auto;
    margin-top:calc(var(--cart-gap) + var(--s-8)); padding:var(--s-6);
    border:1px solid var(--rule); border-radius:var(--r-md);
    box-shadow:var(--shadow-1);
  }
  .totals__in{ padding-inline:0; }
  #sumItems{ display:block; }
  #sumItemsAll{ display:none; }

  body[data-route="cart"] #view-cart{
    max-width:76rem; grid-template-columns:minmax(0,1fr) clamp(340px, 34%, 420px);
    column-gap:var(--s-10); padding-top:var(--s-8); padding-bottom:calc(var(--s-10) + var(--s-6));
  }
  #view-cart > .cart{ padding-top:0; }
  .cart__top{ display:flex; align-items:baseline; justify-content:space-between; gap:var(--s-4); margin:0 0 var(--s-5); }
  .cart__h{ margin:0; font-family:var(--display); font-weight:var(--fw-normal); font-size:var(--fs-h1); letter-spacing:-.01em; }
  .cart__back{ padding:0; border:0; background:none; font:inherit; font-size:var(--fs-sm); color:var(--ink-2); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
  .cart__back:hover{ color:var(--ink); }
  .cart__main{
    padding:var(--s-2) var(--s-8) var(--s-6); border-radius:var(--r-lg); background:var(--surface);
    box-shadow:0 0 0 1px var(--rule), var(--shadow-1);
  }
  .cart__main > .cart__top{ margin:var(--s-5) 0 var(--s-2); }
  .cart__main .cartline{ grid-template-columns:120px minmax(0,1fr) auto; gap:var(--s-6); padding:var(--s-6) 0; border-top:0; }
  .cart__main #cartLine .cartline, .cart__main #cartList .cartline{ border-bottom:1px solid var(--rule); }
  .cart__main .cartline__n{ font-size:var(--fs-h2); }
  .cart__main .cartline__m{ font-size:var(--fs-sm); margin-top:var(--s-1); }
  .cart__main .cartline__amt{ font-size:var(--fs-lead); font-weight:var(--fw-mid); }
  .cart__inc{
    display:block; margin:var(--s-6) 0 0; font-size:var(--fs-xs); font-weight:var(--fw-bold);
    letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3);
  }
  .cart__main #cartPerks .cartline{ grid-template-columns:96px minmax(0,1fr) auto; padding:var(--s-4) 0; border-bottom:0; }
  .cart__main #cartPerks .cartline + .cartline{ border-top:1px dashed var(--rule); }
  .cart__main #cartPerks .perk-ticket{ width:72px; margin-inline:auto; }
  .cart__main #cartPerks .cartline__n{ font-size:var(--fs-lead); }
  .totals{ padding:var(--s-6) var(--s-6) var(--s-5); border-radius:var(--r-lg); background:var(--surface); box-shadow:0 0 0 1px var(--rule), 0 18px 40px -24px rgba(23,24,28,.35); border:0; }
  .totals__h{ display:block; margin:0 0 var(--s-4); padding-bottom:var(--s-4); border-bottom:1px solid var(--rule);
    font-family:var(--display); font-weight:var(--fw-normal); font-size:var(--fs-h2); }
  .totals .trow{ padding:var(--s-1) 0; }
  .totals__go{ margin-top:var(--s-5); min-height:calc(var(--tap) + var(--s-3)); white-space:nowrap; }
  @media (max-width:1199px){ .totals__go{ font-size:var(--fs-lead); } }
  .totals__trust{
    display:grid; gap:var(--s-3); list-style:none; margin:var(--s-5) 0 0; padding:var(--s-5) 0 0; border-top:1px solid var(--rule);
    font-size:var(--fs-sm); color:var(--ink-2);
  }
  .totals__trust li{ display:flex; align-items:center; gap:var(--s-3); min-width:0; overflow-wrap:anywhere; }
  .totals__trust svg{ flex:none; width:var(--ico-md); height:var(--ico-md); color:var(--ok); }

  .contact{
    max-width:var(--page-narrow);
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,32rem);
    grid-template-rows:repeat(4, auto) 1fr;
    column-gap:var(--desk-gap); align-items:start;
  }
  .contact > *{ grid-column:1; }
  .contact__lede{ max-width:30rem; }
  .contact__form, .contact__sent{ grid-column:2; grid-row:1 / -1; margin-top:0; }
  .contact__form{
    padding:var(--s-8); background:var(--surface);
    border:1px solid var(--rule); border-radius:var(--r-md); box-shadow:var(--shadow-1);
  }
  .contact__biz{ max-width:30rem; margin-top:var(--s-6); }

  .legal{ max-width:var(--page-narrow); }
  .legal__grid{ grid-template-columns:240px minmax(0,1fr); gap:var(--desk-gap); }

  #view-done:not([data-ty="making"]):not([data-ty="ready"]):not([data-offer]) > .wrap{
    display:grid; grid-template-columns:auto minmax(0,34rem);
    column-gap:var(--desk-gap); justify-content:center; align-content:start;
  }
  #view-done:not([data-ty="making"]):not([data-ty="ready"]):not([data-offer]) > .wrap > *{ grid-column:2; }
  #view-done:not([data-ty="making"]):not([data-ty="ready"]) .done{ display:contents; }
  #view-done:not([data-ty="making"]):not([data-ty="ready"]) .done__art{
    grid-column:1; grid-row:1 / span 4; width:var(--done-art-w);
    position:sticky; top:calc(var(--masthead-h) + var(--s-6));
  }
  #view-done:not([data-ty="making"]):not([data-ty="ready"]) .done__copy{ grid-column:2; margin-top:var(--s-5); }
  #view-done > .wrap:has(.done__art[hidden]){ column-gap:0; }
  #view-done[data-ty="making"] .done__art, #view-done[data-ty="ready"] .done__art{ position:sticky; top:calc(var(--masthead-h) + var(--s-6)); }
}
.pmodal{ position:fixed; inset:0; z-index:90; display:grid; place-items:center;
         padding:18px; background:rgba(23,24,28,.46); }
.pmodal__card{ width:100%; max-width:520px; max-height:min(84vh,720px);
               display:flex; flex-direction:column; overflow:hidden;
               background:#fff; border-radius:var(--r-card);
               box-shadow:0 24px 64px rgba(23,24,28,.24); }
.pmodal__head{ display:flex; align-items:flex-start; gap:12px; padding:18px 20px 10px; }
.pmodal__head h2{ margin:0; flex:1 1 auto; font-size:var(--fs-h3); line-height:1.3; font-weight:var(--fw-strong); }
.pmodal__x{ flex:0 0 auto; color:var(--ink-2); font-size:var(--fs-body); line-height:1; }
.pmodal__body{ overflow-y:auto; -webkit-overflow-scrolling:touch; padding:0 20px 20px; }
.pmodal__body .legal__doc{ display:block; }
.pmodal__body h3{ font-size:var(--fs-body); margin:16px 0 6px; }
.pmodal__body p, .pmodal__body li{ font-size:var(--fs-sm); line-height:1.6; color:var(--ink-2); }
@media (max-width:420px){
  .pmodal{ padding:0; place-items:end stretch; }
  .pmodal__card{ max-width:none; max-height:92vh; border-radius:var(--r-card) var(--r-card) 0 0; }
}