#construction{padding:100px 0 60px;background:#f5f6f8;color:var(--ink);overflow:hidden;border-top:1px solid var(--line)}#construction .ct-subtitle{font-size:19px;font-weight:500;margin:0 0 14px}#construction .ct-topline{border-top:1px solid var(--line);padding:22px 0 0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;letter-spacing:1px;color:#68717b}#construction button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}#construction #ct-motion{border:1px solid #ccd1d9;border-radius:30px;background:transparent;padding:10px 15px;font-size:10px;white-space:nowrap}#construction .ct-gallery{height:490px;position:relative;overflow:clip;touch-action:pan-y;cursor:grab;perspective:1400px;user-select:none;-webkit-user-select:none}#construction .ct-gallery.dragging{cursor:grabbing}#construction .ct-gallery:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}#construction .ct-halo{position:absolute;width:min(80%,900px);height:140px;bottom:13px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#18242e20,transparent 65%);filter:blur(16px)}#construction .ct-deck{position:absolute;inset:0;transform-style:preserve-3d}#construction .ct-card{position:absolute;top:55px;left:50%;width:255px;height:346px;margin-left:-127.5px;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:0 30px 35px -26px #161f2355,0 1px 3px #17273818;will-change:transform;transform-style:preserve-3d;isolation:isolate}#construction .face{border-radius:8px;overflow:hidden;width:100%;height:100%;padding:24px;text-align:left;border:1px solid #d4d9e0;background:#fff;color:#151a22}#construction .card-meta{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px}#construction .card-meta strong{font-size:27px;letter-spacing:-1.5px;font-weight:500}#construction .card-meta>span{color:#67717d}#construction .site-preview{display:block;object-fit:cover;object-position:top;width:100%;height:146px;margin:18px 0 17px;border-radius:2px;background:#f1f3f6;border:1px solid #e3e7eb;pointer-events:none}#construction .card-title{font:700 27px Arial,sans-serif;letter-spacing:-1px;margin:0 0 7px}#construction .card-sub{font-size:9px;letter-spacing:.2px;color:#65707b}#construction .card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:12px;border-top:1px solid #e3e7eb;font-size:9px;color:#616c77}#construction .card-bottom i{font-style:normal;font-size:22px;color:var(--accent)}#construction .ct-controls{text-align:center}#construction .ct-selector{display:flex;gap:28px;align-items:center;justify-content:center}#construction .ct-selector>button{border:1px solid #ccd1d9;background:transparent;width:44px;height:44px;border-radius:50%;font-size:20px}#construction .ct-selector>button:hover{background:white}#construction .ct-current{display:flex;gap:12px;font-size:12px;font-variant-numeric:tabular-nums}#construction .ct-slash{color:#949ca5}#construction .ct-hint{font-size:10px;color:#707b87;margin:22px 10px 6px;line-height:1.8}#construction .ct-dots{display:flex;justify-content:center;gap:4px}#construction .ct-dots button{border:0;background:transparent;padding:14px;display:grid;place-items:center}#construction .ct-dots button:before{content:"";width:5px;height:5px;border-radius:10px;background:#c4cbd4}#construction .ct-dots button[aria-current=true]:before{width:20px;background:var(--accent)}#construction .ct-note{font-size:10px;line-height:1.9;color:#75808b;margin-top:30px;text-align:center}@media(max-width:700px){#construction{padding:70px 0 45px}#construction .section-title{font-size:clamp(43px,12vw,64px)}#construction .ct-topline{font-size:8px;letter-spacing:.3px}#construction #ct-motion{font-size:9px;padding:9px 12px}#construction .ct-gallery{height:415px;perspective:1100px}#construction .ct-card{width:222px;height:314px;margin-left:-111px;top:45px}#construction .face{padding:20px}#construction .site-preview{height:126px;margin:15px 0}#construction .card-title{font-size:25px}#construction .card-bottom{margin-top:17px;padding-top:10px}#construction .ct-subtitle{font-size:17px}#construction .ct-note{font-size:9px}}@media(max-width:359px){#construction .ct-hint{font-size:9px}}

#construction .ct-card,#construction .ct-deck{touch-action:pan-y;-webkit-user-select:none;user-select:none}#construction .ct-card{-webkit-touch-callout:none}

#construction .ct-gallery[data-industry="construction"] .ct-card[data-id="0"] .site-preview{object-position:50% 75%}#construction .ct-gallery[data-industry="construction"] .ct-card[data-id="1"] .site-preview{object-position:center}

#construction .ct-industry-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 24px}#construction .ct-industry-tabs button{font-size:13px;min-height:46px;min-width:100px;padding:12px 24px;border:1px solid #cbd2dc;border-radius:30px;background:transparent}#construction .ct-industry-tabs button[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}#construction .ct-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}#construction .ct-gallery[data-industry="restaurant"] .site-preview{object-position:center}

#construction .ct-gallery[data-industry="salon"] .site-preview,#construction .ct-gallery[data-industry="apparel"] .site-preview{object-position:center}

/* Industry selection: editorial panels, consistent with the studio palette. */
#construction .ct-industry-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px;margin:8px 0 30px;background:#e9edf2;border:1px solid #dce2ea;border-radius:14px}
#construction .ct-industry-tabs button{position:relative;display:flex;align-items:center;gap:14px;text-align:left;min-width:0;min-height:100px;padding:20px 17px;border:1px solid transparent;border-radius:9px;background:transparent;color:#657181;transition:background .18s,color .18s,box-shadow .18s}
#construction .ct-industry-tabs button[aria-selected="true"]{background:#fff;color:#151c27;border-color:#d8e0eb;box-shadow:0 4px 14px #1831530b}
#construction .ct-industry-tabs button[aria-selected="true"]:after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:3px;background:var(--accent);border-radius:3px 3px 0 0}
#construction .ct-industry-tabs button:hover{color:#1c2b40;background:#ffffff80}
#construction .ct-industry-tabs button[aria-selected="true"]:hover{background:#fff}
#construction .ct-industry-index{font-size:10px;font-variant-numeric:tabular-nums;align-self:start;padding-top:3px;color:#8994a4}
#construction .ct-industry-copy{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}
#construction .ct-industry-copy>span{font-size:9px;letter-spacing:.1em;white-space:nowrap}
#construction .ct-industry-copy>strong{font-size:15px;font-weight:500;letter-spacing:.02em;white-space:nowrap}
#construction .ct-industry-arrow{font-size:18px;color:#a2acba;align-self:end}
#construction [aria-selected="true"] .ct-industry-index,#construction [aria-selected="true"] .ct-industry-arrow{color:var(--accent)}
#construction .ct-current-industry{display:flex;align-items:center;gap:20px}
#construction .ct-current-industry h3{font-size:14px;letter-spacing:.02em;color:#354151;margin:0;font-weight:500}
#construction .ct-current-industry>span{font-size:8px;letter-spacing:.12em}
@media(max-width:1000px){#construction .ct-industry-tabs button{gap:10px;padding:18px 12px}#construction .ct-industry-copy>span{font-size:8px;letter-spacing:.04em}#construction .ct-industry-copy>strong{font-size:13px}}
@media(max-width:700px){#construction .ct-industry-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:5px;gap:5px;border-radius:12px;margin-top:4px}#construction .ct-industry-tabs button{min-height:88px;padding:16px 12px;gap:10px}#construction .ct-industry-copy{gap:9px}#construction .ct-industry-copy>strong{font-size:14px}#construction .ct-industry-copy>span{font-size:8px;letter-spacing:.07em}#construction .ct-industry-index{font-size:9px}#construction .ct-industry-arrow{font-size:16px}#construction .ct-current-industry{align-items:start;flex-direction:column;gap:7px}#construction .ct-current-industry h3{font-size:13px}#construction .ct-current-industry>span{font-size:7px}#construction .ct-industry-tabs button[aria-selected="true"]:after{left:12px;right:12px}}
@media(max-width:359px){#construction .ct-industry-tabs button{padding:14px 9px;gap:7px}#construction .ct-industry-copy>strong{font-size:12px}#construction .ct-industry-copy>span{font-size:7px}#construction .ct-industry-arrow{font-size:14px}}
@media(prefers-reduced-motion:reduce){#construction .ct-industry-tabs button{transition:none}}
/* Shared coastal palette; individual demo sites retain their own concepts. */
#construction{background:#eff1ef;color:var(--ink);border-color:#cfd6d5}#construction .ct-industry-tabs{background:#e4e8e7;border-color:#cdd5d4}#construction .ct-industry-tabs button{color:#526168}#construction .ct-industry-tabs button[aria-selected=true]{background:#fafbf8;color:#0b1418;border-color:#cdd5d4;box-shadow:0 4px 14px #233c4010}#construction .ct-industry-tabs button:hover{background:#fafbf8aa;color:#18262c}#construction .ct-industry-tabs button[aria-selected=true]:hover{background:#fafbf8}#construction .ct-industry-index{color:#68787f}#construction .ct-industry-arrow{color:#7a898f}#construction .ct-current-industry h3{color:#18262c}#construction .ct-topline{color:#526168;border-color:#cdd5d4}#construction #ct-motion{border-color:#cbd4d2;background:transparent;color:#3f5058}#construction .face{background:#fafbf8;color:#0b1418;border-color:#d3dbd9}#construction .card-sub,#construction .card-meta>span,#construction .card-bottom{color:#4b5d64}#construction .card-bottom{border-color:#d9dfdc}#construction .ct-card{box-shadow:0 30px 35px -26px #203b4350}#construction .ct-selector>button{border-color:#cbd4d2;color:#26373f}#construction .ct-selector>button:hover{background:#fafbf8}#construction .ct-hint,#construction .ct-note{color:#526168}#construction .ct-dots button:before{background:#bdc9c6}#construction .ct-dots button[aria-current=true]:before{background:var(--accent)}#construction .site-preview{border-color:#dce1de}#construction .ct-slash{color:#68787f}

/* A short customization note below the template library. */
#construction .ct-custom-note{display:grid;grid-template-columns:1fr 2fr;gap:32px;margin-top:32px;padding:28px 30px;background:#fafbf8;border:1px solid #cdd5d4;border-radius:10px}
#construction .ct-custom-note h3{margin:0;font-size:20px;font-weight:500;line-height:1.7;color:#18262c}
#construction .ct-custom-note p{margin:0;font-size:13px;line-height:2;color:#3f5058;overflow-wrap:anywhere}
#construction .ct-custom-note p+p{margin-top:8px}
#construction .ct-custom-note strong{font-weight:600;color:#0b1418}
@media(max-width:700px){#construction .ct-custom-note{grid-template-columns:1fr;gap:12px;margin-top:26px;padding:22px 20px}#construction .ct-custom-note h3{font-size:18px}#construction .ct-custom-note p{font-size:12px}}

/* Keep the template heading on one line at narrow phone widths. */
#construction #construction-title{font-size:clamp(32px,9.2vw,110px);white-space:nowrap}

/* Full collection handoff; existing carousel layout is retained. */
#construction .collection-link{font-size:12px;margin:0 0 25px}#construction .collection-link a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}#construction .site-preview{object-position:top!important}