:root {
    --teal:        #1A9898;
    --teal-dark:   #126E6E;
    --teal-pale:   #D4F0F0;
    --terra:       #CC5833;
    --terra-dark:  #A34020;
    --terra-pale:  #FAE4D8;
    --sand:        #F5EDD8;
    --sand-dark:   #E8D9B8;
    --gold:        #E8B84B;
    --gold-dark:   #C49020;
    --sage:        #6E8C52;
    --pink:        #E0607A;
    --dark:        #1E1612;
    --charcoal:    #2E2420;
    --warm-white:  #FDFAF4;
    --white:       #FFFFFF;
    --text:        #2E2420;
    --text-mid:    #6A5A50;
    --text-light:  #9A8A80;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  html { scroll-behavior:smooth; }
  body { font-family:'Poppins', sans-serif; background:var(--warm-white); color:var(--text); }

  /* ── SUNBURST SVG inline helper ── */
  /* defined as background on pseudo-elements */

  /* ── NAV ── */
  nav {
    position:fixed; top:0; left:0; right:0; z-index:1000;
    background:var(--dark);
    border-bottom:4px solid var(--teal);
    display:flex; align-items:center; justify-content:space-between;
    padding:0 2.5rem; height:96px;
  }
  .nav-logo { display:flex; align-items:center; gap:0.9rem; }
  .nav-logo img { height:64px; width:auto; }
  .nav-wordmark { display:flex; flex-direction:column; line-height:1; }
  .nav-wordmark-top { font-family:'Abril Fatface', cursive; font-size:1rem; color:var(--teal); letter-spacing:0.06em; }
  .nav-wordmark-bot { font-family:'Abril Fatface', cursive; font-size:1rem; color:var(--gold); letter-spacing:0.06em; }
  .nav-links { display:flex; align-items:center; gap:0.2rem; }
  .nav-links button {
    background:none; border:none; cursor:pointer; font-family:'Poppins',sans-serif;
    font-size:0.72rem; font-weight:500; letter-spacing:0.12em; text-transform:uppercase;
    color:rgba(255,255,255,0.65); padding:0.5rem 0.9rem; transition:color 0.2s;
    border-bottom:3px solid transparent;
  }
  .nav-links button:hover, .nav-links button.active { color:var(--teal); border-bottom-color:var(--teal); }
  .nav-book {
    margin-left:1rem; height:auto !important; border-bottom:none !important;
    background:var(--terra) !important; color:var(--white) !important;
    padding:0.6rem 1.4rem !important; font-weight:600 !important;
    letter-spacing:0.1em !important; clip-path:polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
    transition:background 0.2s !important;
  }
  .nav-book:hover { background:var(--terra-dark) !important; }

  /* ── PAGES ── */
  .page { display:none; padding-top:96px; min-height:100vh; }
  .page.active { display:block; }

  /* ── HERO ── */
  .hero {
    background:var(--dark);
    min-height:90vh; display:flex; align-items:center; justify-content:center;
    position:relative; overflow:hidden; padding:5rem 2rem;
  }
  /* Sunburst background */
  .hero-sunburst {
    position:absolute; right:-100px; top:50%; transform:translateY(-50%);
    width:700px; height:700px; opacity:0.06;
  }
  .hero-sunburst-left {
    position:absolute; left:-150px; bottom:-150px;
    width:500px; height:500px; opacity:0.04;
  }
  .hero-teal-block {
    position:absolute; left:0; top:0; bottom:0; width:8px;
    background:linear-gradient(to bottom, var(--teal), var(--gold), var(--terra));
  }
  .hero-content { position:relative; z-index:1; max-width:900px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; }
  @media(max-width:700px){ .hero-content { grid-template-columns:1fr; gap:2rem; text-align:center; } }
  .hero-left {}
  .hero-badge {
    display:inline-flex; align-items:center; gap:0.5rem;
    border:1px solid var(--teal); padding:0.35rem 0.9rem; margin-bottom:1.5rem;
    font-size:0.65rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--teal);
  }
  .hero-badge::before { content:'★'; color:var(--gold); }
  .hero h1 {
    font-family:'Abril Fatface', cursive; font-size:clamp(3rem,7vw,5.5rem);
    line-height:0.95; letter-spacing:0.01em; color:var(--white); margin-bottom:1.2rem;
  }
  .hero h1 .accent { color:var(--teal); display:block; }
  .hero h1 .accent2 { color:var(--gold); }
  .hero-desc {
    font-size:0.9rem; color:rgba(255,255,255,0.6); line-height:1.8; margin-bottom:2rem;
    font-weight:300; max-width:380px;
  }
  .hero-btns { display:flex; gap:1rem; flex-wrap:wrap; }
  .btn-terra {
    background:var(--terra); color:var(--white); font-family:'Poppins',sans-serif;
    font-weight:600; font-size:0.75rem; letter-spacing:0.14em; text-transform:uppercase;
    padding:0.9rem 2rem; border:none; cursor:pointer;
    clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
    transition:background 0.2s;
  }
  .btn-terra:hover { background:var(--terra-dark); }
  .btn-teal-outline {
    background:transparent; color:var(--teal); font-family:'Poppins',sans-serif;
    font-weight:500; font-size:0.75rem; letter-spacing:0.14em; text-transform:uppercase;
    padding:0.9rem 2rem; border:2px solid var(--teal); cursor:pointer; transition:all 0.2s;
  }
  .btn-teal-outline:hover { background:var(--teal); color:var(--white); }
  /* Hero right — retro card */
  .hero-card {
    background:var(--teal); padding:2.5rem; position:relative;
    clip-path:polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
  }
  .hero-card::before {
    content:''; position:absolute; top:12px; left:12px; right:-12px; bottom:-12px;
    background:var(--terra); z-index:-1;
    clip-path:polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
  }
  .hero-card-eyebrow { font-size:0.65rem; letter-spacing:0.25em; text-transform:uppercase; color:rgba(255,255,255,0.7); margin-bottom:0.8rem; }
  .hero-card h2 { font-family:'Abril Fatface',cursive; font-size:1.6rem; color:var(--white); margin-bottom:1.5rem; line-height:1.2; }
  .hero-stat { display:flex; align-items:baseline; gap:0.4rem; margin-bottom:0.6rem; }
  .hero-stat .num { font-family:'Abril Fatface',cursive; font-size:2.2rem; color:var(--gold); }
  .hero-stat .label { font-size:0.78rem; color:rgba(255,255,255,0.75); font-weight:300; }
  .hero-card-divider { width:100%; height:1px; background:rgba(255,255,255,0.2); margin:1.2rem 0; }
  .hero-logo { width:260px; height:auto; display:block; margin:0 auto 1.5rem; }

  /* ── TRUST BAR ── */
  .trust-bar {
    background:var(--teal); display:flex; justify-content:center; gap:0; flex-wrap:wrap;
  }
  .trust-item { padding:0.9rem 2rem; font-size:0.68rem; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:var(--dark); display:flex; align-items:center; gap:0.5rem; }
  .trust-item:not(:last-child) { border-right:1px solid rgba(0,0,0,0.12); }
  .trust-star { color:var(--terra); font-size:0.7rem; }

  /* ── SECTION HELPERS ── */
  .section { padding:5rem 2rem; }
  .section-dark { background:var(--dark); }
  .section-sand { background:var(--sand); }
  .section-teal { background:var(--teal); }
  .section-terra { background:var(--terra); }
  .section-inner { max-width:1100px; margin:0 auto; }
  .retro-eyebrow { font-size:0.65rem; letter-spacing:0.3em; text-transform:uppercase; font-weight:600; }
  .retro-eyebrow-teal { color:var(--teal); }
  .retro-eyebrow-gold { color:var(--gold); }
  .retro-eyebrow-terra { color:var(--terra); }
  .retro-eyebrow-white { color:rgba(255,255,255,0.6); }
  .retro-title { font-family:'Abril Fatface',cursive; line-height:1.05; letter-spacing:0.01em; }
  .retro-title-lg { font-size:clamp(2.2rem,5vw,4rem); }
  .retro-title-md { font-size:clamp(1.8rem,3vw,2.8rem); }
  .retro-title-dark { color:var(--dark); }
  .retro-title-white { color:var(--white); }
  .retro-title-teal { color:var(--teal); }
  .retro-sub { font-family:'DM Serif Display',serif; font-style:italic; font-size:1.15rem; }
  .retro-sub-terra { color:var(--terra); }
  .retro-sub-white { color:rgba(255,255,255,0.75); }
  .retro-body { font-size:0.9rem; line-height:1.9; font-weight:300; color:var(--text-mid); }
  .retro-body-light { color:rgba(255,255,255,0.65); }

  /* Zigzag divider */
  .zig { width:60px; height:12px; margin:1rem 0; background: repeating-linear-gradient(90deg, var(--teal) 0, var(--teal) 8px, transparent 8px, transparent 16px); }
  .zig-terra { background: repeating-linear-gradient(90deg, var(--terra) 0, var(--terra) 8px, transparent 8px, transparent 16px); }
  .zig-gold { background: repeating-linear-gradient(90deg, var(--gold) 0, var(--gold) 8px, transparent 8px, transparent 16px); }
  .zig-center { margin:1rem auto; }

  /* ── WHY US ── */
  .why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:3px solid var(--dark); }
  @media(max-width:700px){ .why-grid { grid-template-columns:1fr; } }
  .why-item { padding:2.5rem 2rem; border-right:3px solid var(--dark); position:relative; transition:background 0.25s; }
  .why-item:last-child { border-right:none; }
  .why-item:nth-child(odd) { background:var(--sand); }
  .why-item:nth-child(even) { background:var(--warm-white); }
  .why-item:hover { background:var(--teal-pale); }
  .why-num { font-family:'Abril Fatface',cursive; font-size:4rem; color:rgba(26,152,152,0.12); line-height:1; position:absolute; top:1rem; right:1.5rem; }
  .why-icon { font-size:2rem; margin-bottom:0.8rem; }
  .why-item h3 { font-family:'Abril Fatface',cursive; font-size:1.05rem; color:var(--dark); margin-bottom:0.5rem; }
  .why-item p { font-size:0.84rem; color:var(--text-mid); line-height:1.75; font-weight:300; }

  /* ── SERVICES CARDS ── */
  .services-masonry { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.5rem; }
  .svc-card {
    border:3px solid var(--dark); background:var(--warm-white); padding:0; overflow:hidden;
    transition:transform 0.2s, box-shadow 0.2s; position:relative;
  }
  .svc-card:hover { transform:translate(-4px,-4px); box-shadow:6px 6px 0 var(--dark); }
  .svc-card-top { padding:2rem 2rem 0; }
  .svc-card-color { height:6px; width:100%; }
  .svc-card-color-teal { background:var(--teal); }
  .svc-card-color-terra { background:var(--terra); }
  .svc-card-color-gold { background:var(--gold); }
  .svc-tag { display:inline-block; background:var(--gold); color:var(--dark); font-size:0.74rem; letter-spacing:0.15em; text-transform:uppercase; padding:0.35rem 0.85rem; margin-bottom:1rem; font-weight:600; border-radius:2px; }
  .svc-card h3 { font-family:'Abril Fatface',cursive; font-size:1.4rem; color:var(--dark); margin-bottom:0.3rem; line-height:1.1; }
  .svc-price { font-family:'Abril Fatface',cursive; font-size:2rem; color:var(--terra); margin:0.5rem 0; }
  .svc-price span { font-family:'Poppins',sans-serif; font-size:0.75rem; color:var(--text-light); font-weight:400; }
  .svc-card p { font-size:0.84rem; color:var(--text-mid); line-height:1.75; font-weight:300; padding:0 2rem 2rem; }

  /* ── AREA SECTION ── */
  .area-wrap { display:flex; flex-wrap:wrap; gap:0.8rem; margin-top:1.5rem; }
  .area-chip { border:2px solid var(--white); color:var(--white); font-size:0.7rem; letter-spacing:0.15em; text-transform:uppercase; padding:0.45rem 1.1rem; font-weight:500; transition:all 0.2s; cursor:default; }
  .area-chip:hover { background:var(--white); color:var(--teal); }

  /* ── FULL SERVICES PAGE ── */
  .svc-table { width:100%; border-collapse:collapse; border:3px solid var(--dark); }
  .svc-table thead tr { background:var(--dark); }
  .svc-table th { padding:1rem 1.5rem; text-align:left; font-family:'Abril Fatface',cursive; font-size:0.95rem; color:var(--teal); letter-spacing:0.05em; }
  .svc-table td { padding:1rem 1.5rem; border-bottom:2px solid var(--sand); font-size:0.9rem; }
  .svc-table tr:last-child td { border-bottom:none; }
  .svc-table tr:nth-child(even) td { background:rgba(245,237,216,0.4); }
  .svc-table td:first-child { font-family:'DM Serif Display',serif; font-size:1rem; color:var(--dark); }
  .price-cell { font-family:'Abril Fatface',cursive; font-size:1.3rem; color:var(--terra); }
  .table-section { margin-bottom:2.5rem; }
  .table-section-header { background:var(--teal); padding:1rem 1.5rem; display:flex; align-items:center; gap:1rem; }
  .table-section-header h3 { font-family:'Abril Fatface',cursive; font-size:1.2rem; color:var(--white); }
  .table-section-header .eyebrow-sm { font-size:0.6rem; letter-spacing:0.2em; text-transform:uppercase; color:rgba(255,255,255,0.65); }
  .size-blocks { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:3px; background:var(--dark); border:3px solid var(--dark); }
  .size-block { background:var(--warm-white); padding:1.8rem 1.2rem; text-align:center; transition:background 0.2s; }
  .size-block:hover { background:var(--teal-pale); }
  .size-sqft { font-size:0.7rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-light); margin-bottom:0.5rem; font-weight:500; }
  .size-price { font-family:'Abril Fatface',cursive; font-size:1.6rem; color:var(--terra); }
  .addon-blocks { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:3px; background:var(--dark); border:3px solid var(--dark); }
  .addon-block { background:var(--sand); padding:1.8rem 1.2rem; text-align:center; }
  .addon-price { font-family:'Abril Fatface',cursive; font-size:1.6rem; color:var(--teal-dark); }
  .addon-name { font-size:0.7rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-mid); margin-top:0.4rem; font-weight:500; }

  /* ── REVIEWS ── */
  .reviews-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.5rem; }
  .rev-card { border:3px solid var(--dark); background:var(--warm-white); padding:2.5rem; position:relative; transition:transform 0.2s, box-shadow 0.2s; }
  .rev-card:hover { transform:translate(-3px,-3px); box-shadow:5px 5px 0 var(--teal); }
  .rev-top-bar { height:5px; position:absolute; top:0; left:0; right:0; }
  .rev-card:nth-child(1) .rev-top-bar, .rev-card:nth-child(4) .rev-top-bar { background:var(--teal); }
  .rev-card:nth-child(2) .rev-top-bar, .rev-card:nth-child(5) .rev-top-bar { background:var(--terra); }
  .rev-card:nth-child(3) .rev-top-bar, .rev-card:nth-child(6) .rev-top-bar { background:var(--gold); }
  .rev-stars { color:var(--gold); font-size:1rem; letter-spacing:0.1em; margin-bottom:1.2rem; }
  .rev-quote { font-family:'DM Serif Display',serif; font-style:italic; font-size:1.05rem; color:var(--dark); line-height:1.7; margin-bottom:1.5rem; }
  .rev-mark { font-family:'Abril Fatface',cursive; font-size:6rem; color:rgba(26,152,152,0.1); position:absolute; bottom:0.5rem; right:1.5rem; line-height:1; }
  .rev-name { font-size:0.75rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--dark); }
  .rev-loc { font-size:0.72rem; color:var(--text-light); margin-top:0.2rem; }
  .rev-divider { width:24px; height:3px; background:var(--teal); margin:0.8rem 0; }
  .rating-block { background:var(--dark); border:3px solid var(--teal); padding:3rem; text-align:center; margin-bottom:3rem; position:relative; overflow:hidden; }
  .rating-block::before { content:'★'; font-family:'Abril Fatface',cursive; font-size:20rem; color:rgba(26,152,152,0.04); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); line-height:1; }
  .rating-big { font-family:'Abril Fatface',cursive; font-size:7rem; color:var(--gold); line-height:1; }
  .rating-stars-big { color:var(--teal); font-size:1.8rem; letter-spacing:0.2em; margin:0.5rem 0; }
  .rating-label { font-size:0.7rem; letter-spacing:0.2em; text-transform:uppercase; color:rgba(255,255,255,0.4); }

  /* ── FAQ ── */
  .faq-wrap { max-width:780px; margin:0 auto; }
  .faq-item { border-bottom:2px solid var(--sand-dark); }
  .faq-btn {
    width:100%; background:none; border:none; text-align:left; padding:1.5rem 0;
    font-family:'DM Serif Display',serif; font-size:1.1rem; color:var(--dark);
    cursor:pointer; display:flex; justify-content:space-between; align-items:center;
    transition:color 0.2s;
  }
  .faq-btn:hover { color:var(--teal); }
  .faq-indicator { width:28px; height:28px; background:var(--dark); color:var(--teal); font-size:1.1rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-weight:bold; transition:all 0.25s; }
  .faq-btn.open .faq-indicator { background:var(--teal); color:var(--white); transform:rotate(45deg); }
  .faq-answer { display:none; padding:0 0 1.5rem 0; font-size:0.88rem; color:var(--text-mid); line-height:1.9; font-weight:300; }
  .faq-answer.open { display:block; }

  /* ── CONTACT ── */
  .contact-layout { display:grid; grid-template-columns:1fr 1.5fr; gap:3rem; align-items:start; }
  @media(max-width:780px){ .contact-layout { grid-template-columns:1fr; } }
  .contact-panel { background:var(--dark); padding:3rem; border:3px solid var(--teal); position:relative; }
  .contact-panel::after { content:''; position:absolute; top:8px; left:8px; right:-8px; bottom:-8px; border:3px solid var(--terra); z-index:-1; }
  .contact-panel h3 { font-family:'Abril Fatface',cursive; font-size:2rem; color:var(--white); margin-bottom:0.3rem; }
  .contact-sub { font-family:'DM Serif Display',serif; font-style:italic; color:var(--teal); font-size:1.1rem; margin-bottom:2rem; }
  .c-detail { display:flex; gap:1rem; margin-bottom:1.5rem; }
  .c-icon { width:38px; height:38px; background:var(--teal); display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0; }
  .c-label { font-size:0.62rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--teal); font-weight:600; margin-bottom:0.3rem; }
  .c-val { font-size:0.88rem; color:rgba(255,255,255,0.75); font-weight:300; line-height:1.6; }
  .form-panel { background:var(--warm-white); border:3px solid var(--dark); padding:3rem; }
  .form-panel h3 { font-family:'Abril Fatface',cursive; font-size:1.8rem; color:var(--dark); margin-bottom:0.3rem; }
  .form-sub { font-family:'DM Serif Display',serif; font-style:italic; color:var(--terra); margin-bottom:2rem; }
  .f-label { font-size:0.63rem; letter-spacing:0.2em; text-transform:uppercase; font-weight:600; color:var(--text-mid); display:block; margin-bottom:0.4rem; }
  .f-group { margin-bottom:1.4rem; }
  .f-group input, .f-group select, .f-group textarea {
    width:100%; padding:0.8rem 1rem; border:2px solid var(--sand-dark);
    font-family:'Poppins',sans-serif; font-size:0.88rem; color:var(--dark);
    background:var(--warm-white); transition:border-color 0.2s; outline:none;
  }
  .f-group input:focus, .f-group select:focus, .f-group textarea:focus { border-color:var(--teal); }
  .f-row { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; }
  @media(max-width:500px){ .f-row { grid-template-columns:1fr; } }
  .f-submit {
    width:100%; padding:1.1rem; background:var(--terra); color:var(--white);
    border:none; font-family:'Poppins',sans-serif; font-weight:600; font-size:0.75rem;
    letter-spacing:0.18em; text-transform:uppercase; cursor:pointer;
    clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
    transition:background 0.2s;
  }
  .f-submit:hover { background:var(--terra-dark); }
  .f-success { display:none; font-family:'DM Serif Display',serif; font-style:italic; font-size:1.05rem; color:var(--teal-dark); border:2px solid var(--teal); padding:1rem; text-align:center; margin-top:1rem; }

  /* ── PAGE BANNER ── */
  .page-banner { background:var(--dark); padding:4.5rem 2rem 3.5rem; position:relative; overflow:hidden; }
  .page-banner::after { content:''; position:absolute; bottom:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--teal),var(--terra),var(--gold)); }
  .page-banner-inner { max-width:1100px; margin:0 auto; }

  /* ── FOOTER ── */
  footer { background:var(--dark); border-top:4px solid var(--teal); padding:4rem 2rem 2rem; }
  .footer-inner { max-width:1100px; margin:0 auto; }
  .footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:3rem; margin-bottom:3rem; }
  @media(max-width:700px){ .footer-grid { grid-template-columns:1fr; gap:2rem; } }
  .f-brand img { height:54px; margin-bottom:1rem; }
  .f-brand-name { font-family:'Abril Fatface',cursive; font-size:1.3rem; }
  .f-brand-name-1 { color:var(--teal); }
  .f-brand-name-2 { color:var(--gold); }
  .f-brand p { font-size:0.82rem; color:rgba(255,255,255,0.45); line-height:1.8; font-weight:300; margin-top:0.8rem; }
  .f-col h4 { font-size:0.62rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--teal); margin-bottom:1.2rem; font-weight:600; }
  .f-col ul { list-style:none; }
  .f-col li { margin-bottom:0.7rem; }
  .f-col button { background:none; border:none; color:rgba(255,255,255,0.5); cursor:pointer; font-family:'Poppins',sans-serif; font-size:0.82rem; font-weight:300; transition:color 0.2s; padding:0; }
  .f-col button:hover { color:var(--teal); }
  .f-col p { font-size:0.82rem; color:rgba(255,255,255,0.5); line-height:1.9; font-weight:300; }
  .footer-bottom { border-top:1px solid rgba(255,255,255,0.08); padding-top:1.5rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; }
  .footer-bottom p { font-size:0.7rem; color:rgba(255,255,255,0.25); letter-spacing:0.06em; }

  /* ── CTA BAND ── */
  .cta-band { background:var(--terra); padding:4rem 2rem; text-align:center; position:relative; overflow:hidden; }
  .cta-band::before { content:'◆'; position:absolute; font-size:30rem; color:rgba(0,0,0,0.06); top:50%; left:50%; transform:translate(-50%,-50%); line-height:1; font-family:sans-serif; }

  @media(max-width:600px){
    nav { padding:0 1rem; }
    .nav-links button:not(.nav-book) { display:none; }
    .section { padding:3rem 1.2rem; }
    .form-panel, .contact-panel { padding:2rem; }
    .hero { min-height:auto; padding:3rem 1.2rem 4rem; }
  }