/* ShaneHub Websites page V2 — 15 October 2026. Every selector is local to .ws-page (prefixes ws-, nl-, sb-). */
.ws-page{--ws-ivory:#f3efe6;--ws-paper:#fbfaf5;--ws-cobalt:#2443c8;--ws-orange:#f06a2c;--ws-line:#cfd1c6;--ws-muted:#4b5144;--ws-ease:cubic-bezier(.2,.8,.2,1);--ws-head:76px;overflow-x:clip;color:var(--ink)}
.ws-page :is(h2,h3){letter-spacing:-.055em}
.ws-page :is(h1,h2,h3),.ws-cover-next b{isolation:isolate}
.ws-page p{line-height:1.6}
.ws-page [hidden]{display:none!important}
.ws-page .button{font-size:15px;min-height:54px;white-space:normal;text-align:left}
.ws-page .underlink{font-size:15px;min-height:44px}
.ws-section{padding-block:96px}
.ws-page :is(h1,h2,h3,b) mark{position:relative;z-index:-1;background:linear-gradient(transparent 14%,var(--lime) 14%);color:inherit;padding:0 .08em .02em;margin-left:-.04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ws-standfirst{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(20px,1.8vw,25px);line-height:1.5;letter-spacing:-.01em;color:#2b3125;max-width:720px}
.ws-kicker{display:flex;align-items:center;gap:14px;margin-bottom:28px;font:700 14px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em;border-top:3px double currentColor;padding-top:12px}
.ws-kicker>span{background:var(--ink);color:var(--lime);padding:3px 7px;font-size:13px;letter-spacing:.04em}
.ws-kicker-center{justify-content:center;border-top:0;padding-top:0}
.ws-kicker-center:before,.ws-kicker-center:after{content:'';flex:1;border-top:3px double currentColor}
.ws-kicker-dark{color:var(--paper)}
.ws-kicker-dark>span{background:var(--lime);color:var(--ink)}

/* 01 Hero — the campaign artwork is the headline */
.ws-hero{background:var(--ws-ivory);padding-top:26px;border-bottom:1px solid var(--ink)}
.ws-hero-art{position:relative;margin:0 auto;width:min(100%,calc((100svh - 300px) * 1.791));min-width:min(100%,720px)}
.ws-hero-art:before{content:'';position:absolute;inset:16px -16px -16px 16px;background:var(--ws-cobalt)}
.ws-hero-art>img{position:relative;width:100%;height:auto;aspect-ratio:1800/1005;border:2px solid var(--ink);background:#e9e2d2}
.ws-hero-stamp{position:absolute;z-index:2;right:-34px;bottom:-40px;width:132px;height:132px;border-radius:50%;background:var(--ws-orange);color:var(--ink);border:2px solid var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;font:700 13px/1.15 'Courier New',monospace;text-transform:uppercase;letter-spacing:.05em;transform:rotate(-12deg);transition:transform .45s var(--ws-ease),background .25s;box-shadow:4px 4px 0 var(--ink)}
.ws-hero-stamp span{max-width:86px}
.ws-hero-stamp b{font:800 30px/1 var(--font)}
.ws-hero-stamp:hover{transform:rotate(0) scale(1.06);background:var(--lime)}
.ws-hero-copy{max-width:900px;margin:64px auto 0;text-align:center;padding-bottom:56px}
.ws-hero h1{font-size:clamp(42px,5.2vw,78px);line-height:.98;letter-spacing:-.065em;margin:0 0 22px}
.ws-word{display:inline-block}
.ws-hero .ws-standfirst{margin:0 auto 30px}
.ws-actions{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.ws-marquee{background:var(--ink);color:var(--paper);overflow:hidden;border-top:1px solid var(--ink);white-space:nowrap}
.ws-marquee-track{display:inline-flex;animation:ws-marquee 48s linear infinite}
.ws-marquee-track>span{display:inline-flex;align-items:center;font:800 clamp(22px,2.4vw,34px)/1 var(--font);letter-spacing:-.04em;padding:18px 0;text-transform:uppercase}
.ws-marquee i{font-style:normal;color:var(--lime);margin:0 .9em;font-size:.7em}
@keyframes ws-marquee{to{transform:translateX(-50%)}}
body.motion-paused .ws-marquee-track{animation-play-state:paused}

/* 02 What we build — a typographic index with a live preview */
.ws-build{background:var(--paper)}
.ws-build-title{font-size:clamp(40px,5vw,76px);line-height:.98;margin:0 0 54px;max-width:900px}
.ws-build-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:64px;align-items:start}
.ws-index{list-style:none;border-top:2px solid var(--ink)}
.ws-index-row{border-bottom:1px solid var(--ink)}
.ws-index-row>button{width:100%;display:grid;grid-template-columns:64px 1fr 40px;align-items:center;gap:12px;padding:20px 0;text-align:left;position:relative}
.ws-index-row>button:before{content:'';position:absolute;left:0;right:0;bottom:-1px;height:4px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ws-ease)}
.ws-index-row:hover>button:before,.ws-index-row.is-open>button:before{transform:scaleX(1)}
.ws-index-no{font:700 15px 'Courier New',monospace;color:var(--ws-muted)}
.ws-index-name{font-size:clamp(26px,3vw,46px);font-weight:800;letter-spacing:-.055em;line-height:1.05;transition:transform .45s var(--ws-ease)}
.ws-index-row:hover .ws-index-name{transform:translateX(12px)}
.ws-index-row>button i{font-style:normal;font-size:30px;line-height:1;justify-self:end;width:40px;height:40px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;transition:transform .45s var(--ws-ease),background .25s}
.ws-index-row.is-open>button i{transform:rotate(45deg);background:var(--lime)}
.ws-index-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ws-ease)}
.ws-index-row.is-open .ws-index-body{grid-template-rows:1fr}
.ws-index-body>div{overflow:hidden;padding-left:76px}
.ws-index-body p{font-family:Georgia,serif;font-style:italic;font-size:20px;color:#2b3125;margin:4px 0 14px;max-width:560px}
.ws-index-body ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.ws-index-body li{font:700 13px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--ink);padding:6px 10px;background:var(--ws-paper)}
.ws-index-body>div>:last-child{margin-bottom:26px}
.ws-index-proof{display:flex;align-items:center;gap:16px;text-align:left;border:1.5px solid var(--ink);padding:8px 18px 8px 8px;background:#fff;transition:box-shadow .3s,transform .3s}
.ws-index-proof:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.ws-index-proof img{width:96px;height:64px;object-fit:cover;object-position:top}
.ws-index-proof span{display:flex;flex-direction:column}
.ws-index-proof small{font:700 12px 'Courier New',monospace;text-transform:uppercase;color:var(--ws-muted)}
.ws-index-proof b{font-size:17px}
.ws-index-preview{position:sticky;top:calc(var(--ws-head) + 32px);margin:0}
.ws-preview-frame{background:#fff;border:2px solid var(--ink);box-shadow:-14px 14px 0 var(--ws-cobalt);transform:rotate(1.5deg);transition:transform .6s var(--ws-ease)}
.ws-index-preview.is-swapping .ws-preview-frame{transform:rotate(-1deg) scale(.97)}
.ws-preview-bar{display:flex;gap:6px;padding:10px 12px;border-bottom:2px solid var(--ink);background:var(--ws-ivory)}
.ws-preview-bar i,.ws-cover-bar i,.ws-frame-bar i,.ws-device-bar i{width:10px;height:10px;border-radius:50%;border:1.5px solid currentColor}
.ws-preview-frame img{width:100%;aspect-ratio:760/522;object-fit:cover;object-position:top;transition:opacity .35s,transform .6s var(--ws-ease)}
.ws-index-preview.is-swapping img{opacity:0;transform:scale(1.04)}
.ws-preview-frame.is-blank img{opacity:0}
.ws-preview-frame.is-blank{background:repeating-linear-gradient(-45deg,var(--ws-ivory) 0 14px,#fff 14px 28px)}
.ws-index-preview figcaption{margin-top:26px;font:700 14px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em;text-align:right}

/* 03 The work — dark exhibition archive */
.ws-archive{background:var(--ink);color:var(--paper);padding-block:96px 120px;position:relative}
.ws-archive-head{text-align:center;margin-bottom:34px}
.ws-archive-head .ws-kicker{justify-content:center;border-top:0;padding-top:0}
.ws-archive-head h2{font-size:clamp(46px,7vw,112px);line-height:.92;letter-spacing:-.07em;color:var(--paper)}
.ws-archive-head h2 mark{color:var(--ink)}
.ws-archive-head .ws-standfirst{color:#d9dccf;margin:22px auto 0}
.ws-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:110px}
.ws-filter button{color:var(--paper);border:1.5px solid #ffffff59;padding:10px 18px;min-height:44px;font:700 13px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em;transition:background .25s,color .25s,border-color .25s}
.ws-filter button:hover{border-color:var(--lime)}
.ws-filter button[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.ws-covers{list-style:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:120px 40px;align-items:start}
.ws-cover{grid-column:span 6;position:relative;transition:opacity .45s,transform .45s var(--ws-ease)}
.ws-cover:nth-child(8n+1){grid-column:1/span 7}
.ws-cover:nth-child(8n+2){grid-column:8/span 5;margin-top:150px}
.ws-cover:nth-child(8n+3){grid-column:2/span 5}
.ws-cover:nth-child(8n+4){grid-column:7/span 6;margin-top:90px}
.ws-cover:nth-child(8n+5){grid-column:1/span 6}
.ws-cover:nth-child(8n+6){grid-column:7/span 6;margin-top:150px}
.ws-cover:nth-child(8n+7){grid-column:1/span 7}
.ws-cover:nth-child(8n+8){grid-column:8/span 5;margin-top:110px}
.ws-cover.is-hidden{display:none}
.ws-covers.is-filtered .ws-cover{grid-column:span 6!important;margin-top:0!important}
.ws-cover-btn{display:block;width:100%;text-align:left;color:inherit;position:relative;perspective:1200px}
.ws-cover-no{position:absolute;z-index:2;left:-.06em;top:-.64em;font:800 clamp(96px,11vw,176px)/1 var(--font);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:2px var(--lime);pointer-events:none;transition:transform .6s var(--ws-ease),color .4s}
.ws-cover:nth-child(even) .ws-cover-no{left:auto;right:-.04em}
.ws-cover-btn:hover .ws-cover-no,.ws-cover-btn:focus-visible .ws-cover-no{color:var(--lime);transform:translateY(-10px)}
.ws-cover-media{display:block;position:relative;background:#fff;color:var(--ink);border:2px solid var(--paper);overflow:hidden;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .5s var(--ws-ease),box-shadow .5s var(--ws-ease),border-color .3s;box-shadow:0 0 0 #0000}
.ws-cover-btn:hover .ws-cover-media,.ws-cover-btn:focus-visible .ws-cover-media{border-color:var(--lime);box-shadow:14px 14px 0 var(--lime)}
.ws-cover-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--ink);color:var(--paper);border-bottom:2px solid var(--paper);min-height:36px}
.ws-cover-bar i{display:none}
.ws-cover:nth-child(even) .ws-cover-bar small{margin-left:0}
.ws-cover-bar small{margin-left:auto;font:700 11px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em}
.ws-cover-media img{width:100%;height:auto;aspect-ratio:1348/926;object-fit:cover;object-position:top;transition:transform 1.1s var(--ws-ease)}
.ws-cover:nth-child(8n+1) .ws-cover-media img,.ws-cover:nth-child(8n+7) .ws-cover-media img{aspect-ratio:16/9.4}
.ws-cover-btn:hover .ws-cover-media img{transform:scale(1.06)}
.ws-cover-meta{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 20px;padding-top:18px;border-top:0}
.ws-cover-meta small{grid-column:1/-1;font:700 12px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em;color:#b9bdb0;transition:color .3s}
.ws-cover-meta b{font-size:clamp(26px,2.6vw,40px);line-height:1;letter-spacing:-.055em;transition:transform .5s var(--ws-ease)}
.ws-cover-cta{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;background:var(--lime);color:var(--ink);padding:10px 14px;clip-path:inset(0 100% 0 0);transition:clip-path .5s var(--ws-ease)}
.ws-cover-btn:hover .ws-cover-cta,.ws-cover-btn:focus-visible .ws-cover-cta{clip-path:inset(0 0 0 0)}
.ws-cover-btn:hover .ws-cover-meta small{color:var(--lime)}
.ws-cover-btn:hover .ws-cover-meta b{transform:translateX(6px)}
.ws-cover-btn:focus-visible{outline:3px solid var(--lime);outline-offset:8px}
.ws-cover-next .ws-cover-btn{border:2px dashed #ffffff73;min-height:320px;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;transition:border-color .3s,background .3s}
.ws-cover-next .ws-cover-btn:hover{border-color:var(--lime);background:#ffffff0a}
.ws-cover-next-inner{display:flex;flex-direction:column;align-items:center;gap:16px}
.ws-cover-next small{font:700 12px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em;color:#b9bdb0}
.ws-cover-next b{font-size:clamp(32px,3.4vw,52px);line-height:1;letter-spacing:-.06em}
.ws-cover-next b mark{color:var(--ink)}
.ws-cover-next .ws-cover-cta{clip-path:none}
.ws-covers.is-filtered .ws-cover-next{display:none}

/* The project viewer */
.ws-viewer{position:fixed;inset:0;z-index:120;background:var(--v-tint,#efe6d4);color:var(--ink);overflow-y:auto;overscroll-behavior:contain;transition:background-color .6s ease}
.ws-viewer-inner{min-height:100%;display:flex;flex-direction:column;padding:0 clamp(16px,3vw,44px)}
.ws-viewer-top{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:3px double var(--ink);position:sticky;top:0;background:var(--v-tint,#efe6d4);z-index:3;transition:background-color .6s ease}
.ws-viewer-count{font:700 14px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em;background:var(--ink);color:var(--lime);padding:4px 8px}
.ws-viewer-status{font:700 13px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em}
.ws-viewer-status:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ws-cobalt);margin-right:8px;vertical-align:1px}
.ws-viewer-status.is-live:before{background:#2fa84f;box-shadow:0 0 0 4px #2fa84f33}
.ws-viewer-close{margin-left:auto;width:52px;height:52px;border:2px solid var(--ink);border-radius:50%;font-size:30px;line-height:1;display:grid;place-items:center;background:var(--ws-paper);transition:transform .35s var(--ws-ease),background .25s}
.ws-viewer-close:hover{transform:rotate(90deg);background:var(--lime)}
.ws-viewer-grid{flex:1;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.6fr);gap:clamp(28px,4vw,64px);padding:34px 0;align-items:start}
.ws-viewer-info{position:relative;padding-top:56px}
.ws-viewer-no{position:absolute;top:-22px;left:-6px;font:800 150px/1 var(--font);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:2px var(--ink);opacity:.22;pointer-events:none}
.ws-viewer-info small{display:block;font:700 13px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.ws-viewer-info h2{font-size:clamp(38px,4vw,62px);line-height:.98;letter-spacing:-.065em;margin-bottom:16px}
.ws-viewer-title{font-family:Georgia,serif;font-style:italic;font-size:21px;color:#2b3125;line-height:1.45;margin-bottom:12px}
.ws-viewer-info p{color:#2f352b}
.ws-viewer-info h3{font:700 13px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em;margin:24px 0 10px;border-top:1px solid var(--ink);padding-top:14px}
.ws-viewer-info ul{list-style:none;display:grid;gap:8px}
.ws-viewer-info li{display:flex;gap:10px;font-weight:600;font-size:15px}
.ws-viewer-info li:before{content:'';flex:none;width:10px;height:10px;background:var(--lime);border:1.5px solid var(--ink);margin-top:6px}
.ws-viewer-links{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.ws-viewer-links .button{gap:16px}
.ws-viewer-stage{min-width:0;display:flex;flex-direction:column;gap:16px}
.ws-stage-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ws-modes,.ws-sizes{display:inline-flex;border:2px solid var(--ink);background:var(--ws-paper)}
.ws-modes button,.ws-sizes button{padding:9px 16px;min-height:42px;font:700 13px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.05em;transition:background .25s,color .25s}
.ws-modes button+button,.ws-sizes button+button{border-left:2px solid var(--ink)}
.ws-modes button[aria-pressed="true"],.ws-sizes button[aria-pressed="true"]{background:var(--ink);color:var(--lime)}
.ws-modes button:disabled{opacity:.4;cursor:not-allowed}
.ws-zoom{font:700 13px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.05em;padding:9px 14px;min-height:42px;border:2px solid var(--ink);background:var(--ws-paper)}
.ws-zoom[aria-pressed="true"]{background:var(--lime)}
.ws-frame{background:#fff;border:2px solid var(--ink);box-shadow:16px 16px 0 var(--ink);transition:max-width .6s var(--ws-ease),box-shadow .5s;margin-inline:auto;width:100%;max-width:min(1200px,calc((100svh - 330px) * var(--ar,1.456)));min-width:min(100%,560px)}
.ws-frame.is-mobile{max-width:340px;border-radius:30px;padding:10px;background:var(--ink);box-shadow:12px 12px 0 var(--lime)}
.ws-frame-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--ws-ivory);border-bottom:2px solid var(--ink)}
.ws-frame-bar span{margin-left:14px;flex:1;max-width:420px;background:#fff;border:1px solid #0003;padding:4px 12px;font:600 13px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}
.ws-frame.is-mobile .ws-frame-bar{border-radius:20px 20px 0 0;border:0}
.ws-frame-screen{position:relative;overflow:hidden;background:#f4f4f2;aspect-ratio:1348/926}
.ws-frame.is-mobile .ws-frame-screen{aspect-ratio:auto;height:min(620px,62svh);overflow-y:auto;border-radius:0 0 20px 20px;scrollbar-width:thin;overscroll-behavior:contain}
.ws-slide{position:absolute;inset:0;margin:0}
.ws-slide img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s ease-out;transform-origin:var(--zx,50%) var(--zy,50%)}
.ws-frame.is-mobile .ws-slide{position:relative}
.ws-frame.is-mobile .ws-slide img{height:auto;object-fit:initial}
.ws-frame.is-zoom .ws-slide img{transform:scale(1.9);cursor:zoom-out}
.ws-frame.is-zoomable .ws-frame-screen{cursor:zoom-in}
.ws-slide.is-enter{animation:ws-slide-in .6s var(--ws-ease) both}
.ws-slide.is-enter.from-left{animation-name:ws-slide-in-l}
@keyframes ws-slide-in{from{opacity:0;transform:translateX(6%) scale(.98)}to{opacity:1;transform:none}}
@keyframes ws-slide-in-l{from{opacity:0;transform:translateX(-6%) scale(.98)}to{opacity:1;transform:none}}
.ws-scroll-hint{position:absolute;right:12px;bottom:12px;z-index:2;background:var(--ink);color:var(--lime);font:700 12px 'Courier New',monospace;text-transform:uppercase;padding:6px 10px;pointer-events:none;transition:opacity .4s}
.ws-slide-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}
.ws-slide-nav button{width:48px;height:48px;border:2px solid var(--ink);border-radius:50%;font-size:20px;background:var(--ws-paper);transition:background .25s,transform .3s var(--ws-ease)}
.ws-slide-nav button:hover:not(:disabled){background:var(--lime);transform:scale(1.06)}
.ws-slide-nav button:disabled{opacity:.3;cursor:default}
.ws-slide-nav span{font:700 13px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em;min-width:190px;text-align:center}
.ws-thumbs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.ws-thumbs button{width:112px;border:2px solid #0000;padding:3px;background:#ffffff80;transition:border-color .25s,transform .3s var(--ws-ease)}
.ws-thumbs button img{width:100%;height:64px;object-fit:cover;object-position:top}
.ws-thumbs button small{display:block;font:700 10px 'Courier New',monospace;text-transform:uppercase;padding-top:4px}
.ws-thumbs button[aria-current="true"]{border-color:var(--ink);transform:translateY(-3px)}
.ws-viewer-foot{display:grid;grid-template-columns:1fr 1fr;border-top:3px double var(--ink);margin-top:auto}
.ws-viewer-foot button{display:flex;align-items:center;gap:18px;padding:22px 0;text-align:left;transition:background .3s}
.ws-viewer-foot button:last-child{justify-content:flex-end;text-align:right;border-left:1px solid var(--ink)}
.ws-viewer-foot button>span[aria-hidden]{font-size:28px;width:54px;height:54px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;flex:none;transition:transform .4s var(--ws-ease),background .25s}
.ws-viewer-foot button:first-child:hover>span[aria-hidden]{transform:translateX(-6px);background:var(--lime)}
.ws-viewer-foot button:last-child:hover>span[aria-hidden]{transform:translateX(6px);background:var(--lime)}
.ws-viewer-foot button:last-child>span[aria-hidden]{margin-right:4px}
.ws-viewer-foot button:first-child>span[aria-hidden]{margin-left:4px}
.ws-viewer-foot small{display:block;font:700 12px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em}
.ws-viewer-foot b{font-size:clamp(20px,2vw,30px);letter-spacing:-.05em;line-height:1.1}
.ws-viewer.is-turning .ws-viewer-info,.ws-viewer.is-turning .ws-frame{animation:ws-turn .6s var(--ws-ease) both}
.ws-viewer.is-turning.from-left .ws-viewer-info,.ws-viewer.is-turning.from-left .ws-frame{animation-name:ws-turn-l}
.ws-viewer.is-turning .ws-frame{animation-delay:.06s}
@keyframes ws-turn{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:none}}
@keyframes ws-turn-l{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:none}}
.ws-viewer.is-opening{animation:ws-viewer-in .45s ease both}
.ws-viewer.is-opening .ws-viewer-info>*{animation:ws-rise .7s var(--ws-ease) both;animation-delay:calc(.12s + var(--d,0) * .05s)}
.ws-viewer.is-closing{animation:ws-viewer-out .3s ease both}
@keyframes ws-viewer-in{from{opacity:0}to{opacity:1}}
@keyframes ws-viewer-out{to{opacity:0}}
@keyframes ws-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.ws-flip{position:fixed;z-index:121;pointer-events:none;object-fit:cover;object-position:top;border:2px solid var(--ink);margin:0}

/* 04 Website quality demo */
.ws-demo{background:var(--ws-ivory);border-block:1px solid #ddd6c6}
.ws-demo .ws-kicker{justify-content:flex-start}
.ws-demo-title{font-size:clamp(40px,5vw,74px);line-height:.98;text-align:center;margin:0 auto 40px;max-width:980px}
.ws-demo-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:0;border:2px solid var(--ink);background:var(--ws-paper);margin:0 auto 34px;width:max-content;max-width:100%}
.ws-demo-tabs button{display:flex;align-items:center;gap:8px;padding:12px 18px;min-height:48px;font-size:15px;font-weight:700;border-left:2px solid var(--ink);transition:background .25s,color .25s}
.ws-demo-tabs button:first-child{border-left:0}
.ws-demo-tabs button span{font:700 12px 'Courier New',monospace;opacity:.6}
.ws-demo-tabs button[aria-selected="true"]{background:var(--ink);color:var(--lime)}
.ws-demo-tabs button:hover:not([aria-selected="true"]){background:var(--lime)}
.ws-demo-stage{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:start}
.ws-demo-explain{position:sticky;top:calc(var(--ws-head) + 30px);display:flex;flex-direction:column;gap:20px}
.ws-demo-explain p{font-family:Georgia,serif;font-style:italic;font-size:22px;line-height:1.45;color:#2b3125;min-height:5.8em;transition:opacity .3s}
.ws-demo-explain p.is-swap{opacity:0}
.ws-sizes{align-self:flex-start;flex-wrap:wrap}
.ws-demo-note{font:700 12px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--ws-muted)}
.ws-demo-canvas{background:radial-gradient(70% 60% at 50% 0%,#ffffffb3 0,#fff0 70%),repeating-linear-gradient(0deg,#0000 0 31px,#11140f0d 31px 32px),repeating-linear-gradient(90deg,#0000 0 31px,#11140f0d 31px 32px),#e6e9ec;border:2px solid var(--ink);padding:clamp(16px,3vw,40px);display:flex;justify-content:center;min-height:560px;align-items:flex-start;overflow:hidden}

.ws-device{container-type:inline-size;width:100%;max-width:100%;background:#fff;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--ws-cobalt);transition:width .6s var(--ws-ease),border-radius .6s,box-shadow .4s;position:relative;overflow:hidden}
.ws-device[data-device="tablet"]{width:min(100%,640px);border-radius:22px}
.ws-device[data-device="mobile"]{width:min(100%,340px);border-radius:28px}
.ws-device-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--ws-ivory);border-bottom:2px solid var(--ink)}
.ws-device-bar span{margin-left:10px;font:600 12px var(--font);background:#fff;border:1px solid #0003;padding:3px 10px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-loadbar{height:3px;background:var(--ws-cobalt);transform:scaleX(0);transform-origin:left}
.ws-device.is-loading .ws-loadbar{animation:ws-load 1s ease-out both}
@keyframes ws-load{0%{transform:scaleX(0);opacity:1}80%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.nl-site{--nl-teal:#0f5e57;--nl-cream:#f6f2ea;position:relative;font-family:var(--font);color:#16211f;background:#fff}
.nl-site *{transition:outline-color .3s,box-shadow .3s,background .3s}
.nl-serp{display:none;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e3e3e3}
.nl-serp small{display:block;color:#3c4043;font-size:12px}
.nl-serp b{display:block;color:#1a0dab;font-size:17px;font-weight:500;letter-spacing:0;line-height:1.3}
.nl-serp span{display:block;font-size:13px;color:#4d5156}
.nl-nav{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #e7e2d8;position:relative}
.nl-nav>b{font-size:17px;letter-spacing:-.03em;color:var(--nl-teal)}
.nl-nav>b span{font-weight:400;color:#16211f}
.nl-links{display:flex;gap:18px;margin-left:auto;font-size:13px;font-weight:600}
.nl-burger{display:none;margin-left:auto;flex-direction:column;gap:4px;padding:6px}
.nl-burger i{width:20px;height:2px;background:#16211f}
.nl-nav em{font-style:normal;font-size:12px;font-weight:700;background:var(--nl-teal);color:#fff;padding:8px 12px;border-radius:30px}
.nl-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;padding:28px 20px;background:var(--nl-cream);align-items:center}
.nl-hero small{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--nl-teal)}
.nl-hero strong{display:block;font-size:clamp(26px,5.4cqi,46px);line-height:1;letter-spacing:-.05em;margin:10px 0}
.nl-hero p{font-size:14px;color:#46514e;margin-bottom:16px}
.nl-cta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:700}
.nl-cta em{font-style:normal;background:var(--nl-teal);color:#fff;padding:10px 14px;border-radius:30px}
.nl-cta span{padding:9px 13px;border:1.5px solid #16211f;border-radius:30px}
.nl-photo{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3}
.nl-photo img{width:100%;height:100%;object-fit:cover}
.nl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 20px}
.nl-cards div{border:1px solid #e1dccf;border-radius:12px;padding:14px}
.nl-cards b{display:block;font-size:15px;letter-spacing:-.02em}
.nl-cards small{color:var(--nl-teal);font-weight:700}
.nl-contact{display:flex;gap:10px;padding:0 120px 22px 20px;flex-wrap:wrap;align-items:center}
.nl-input{flex:1;min-width:110px;border:1px solid #cfcabd;border-radius:8px;padding:10px 12px;font-size:12px;color:#7a807d}
.nl-contact em{font-style:normal;font-size:12px;font-weight:700;background:#16211f;color:#fff;padding:11px 14px;border-radius:8px}
.nl-wa{position:absolute;right:14px;bottom:14px;background:#25d366;color:#fff;font-size:12px;font-weight:700;padding:9px 13px;border-radius:30px;box-shadow:0 4px 14px #0003}
.nl-speed{position:absolute;left:14px;bottom:14px;display:none;flex-direction:column;align-items:center;background:var(--ink);color:var(--lime);padding:8px 12px;border:2px solid var(--lime)}
.nl-speed b{font-size:24px;line-height:1}
.nl-speed small{font:700 10px 'Courier New',monospace;text-transform:uppercase;color:#fff}
@container (max-width:700px){
 .nl-hero{grid-template-columns:1fr 1fr;padding:22px 18px}
 .nl-cards{grid-template-columns:1fr 1fr}
 .nl-cards div:last-child{grid-column:1/-1}
 .nl-links{gap:12px}
}
@container (max-width:420px){
 .nl-links{display:none}
 .nl-burger{display:flex}
 .nl-nav em{display:none}
 .nl-hero{grid-template-columns:1fr;padding:20px 16px}
 .nl-hero strong{font-size:32px}
 .nl-photo{order:-1;aspect-ratio:16/10}
 .nl-cards{grid-template-columns:1fr;padding:16px}
 .nl-cards div:last-child{grid-column:auto}
 .nl-contact{flex-direction:column;align-items:stretch;padding:0 16px 64px}
 .nl-contact em{text-align:center}
}
/* Feature spotlights */
.ws-device[data-feature] .nl-site>*{transition:opacity .4s}
.ws-device[data-feature="nav"] .nl-nav,.ws-device[data-feature="contact"] .nl-contact,.ws-device[data-feature="contact"] .nl-wa,.ws-device[data-feature="seo"] .nl-serp{outline:3px solid var(--ws-orange);outline-offset:-3px;box-shadow:0 0 0 6px #f06a2c33}
.ws-device[data-feature="nav"] .nl-site>:not(.nl-nav),.ws-device[data-feature="contact"] .nl-site>:not(.nl-contact):not(.nl-wa),.ws-device[data-feature="seo"] .nl-site>:not(.nl-serp):not(.nl-nav):not(.nl-hero){opacity:.35}
.ws-device[data-feature="seo"] .nl-serp{display:block}
.ws-device[data-feature="contact"] .nl-wa{animation:ws-pulse 1.4s ease-in-out 3}
@keyframes ws-pulse{50%{transform:scale(1.12)}}
.ws-device[data-feature="nav"] .nl-links span:first-child{background:var(--lime);padding:0 4px}
.ws-device[data-feature="nav"].is-menu .nl-links{display:flex;position:absolute;top:100%;left:0;right:0;z-index:3;flex-direction:column;gap:0;background:#fff;border-bottom:2px solid var(--ws-orange);animation:ws-drop .45s var(--ws-ease) both}
.ws-device[data-feature="nav"].is-menu .nl-links span{padding:12px 18px;border-top:1px solid #eee}
@keyframes ws-drop{from{opacity:0;transform:translateY(-10px)}}
.ws-device[data-feature="speed"] .nl-speed{display:flex;animation:ws-rise .6s var(--ws-ease) .9s both}
.ws-device[data-feature="edit"] .nl-editable{outline:2px dashed var(--ws-cobalt);outline-offset:3px;background:#2443c80f}
.ws-device[data-feature="edit"] .nl-hero strong:after{content:'';display:inline-block;width:3px;height:.9em;background:var(--ws-cobalt);margin-left:4px;vertical-align:-.08em;animation:ws-caret 1s steps(1) infinite}
@keyframes ws-caret{50%{opacity:0}}
.ws-device[data-feature="responsive"] .nl-site>*{outline:1px dashed #2443c866;outline-offset:-1px}

/* 05 Creative process */
.ws-process{background:var(--paper);padding-top:96px}
.ws-process-art{--sp:1;position:relative;margin:8px auto 0;width:min(calc(100% - 96px),1400px,calc((100svh - 190px) * 1.791));min-width:min(calc(100% - 32px),640px);transform:perspective(1400px) rotateX(calc((1 - var(--sp)) * 10deg)) scale(calc(.86 + var(--sp) * .14)) rotate(calc((1 - var(--sp)) * -2.5deg));transform-origin:50% 100%;will-change:transform}
.ws-process-art:before{content:'';position:absolute;inset:18px -18px -18px 18px;background:var(--ws-orange);transform:translate(calc((1 - var(--sp)) * -18px),calc((1 - var(--sp)) * -18px))}
.ws-process-art img{position:relative;width:100%;height:auto;aspect-ratio:1800/1005;border:2px solid var(--ink);background:#2443c8}
.ws-tape{position:absolute;z-index:2;width:118px;height:30px;background:#d5ff36d9;box-shadow:0 2px 6px #0003;mix-blend-mode:multiply}
.ws-tape.t1{left:-30px;top:22px;transform:rotate(-38deg)}
.ws-tape.t2{right:-30px;top:22px;transform:rotate(38deg)}
.ws-tape.t3{left:50%;bottom:-14px;margin-left:-59px;transform:rotate(-3deg);background:#f3efe6e6;mix-blend-mode:normal}
.ws-board{position:relative;background:var(--paper)}
.ws-board-sticky{padding-block:0 96px}
.ws-board-head{text-align:center;padding-top:88px;margin-bottom:44px}
.ws-board-head h2{font-size:clamp(40px,5vw,74px);line-height:.98}
.ws-board-head .ws-standfirst{margin:18px auto 0}
.ws-board-progress{display:none;height:4px;background:#0000001a;margin:0 auto 26px;width:min(420px,60%)}
.ws-board-progress i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(var(--p,0))}
.ws-board-track{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;width:min(1400px,calc(100% - 96px));margin-inline:auto}
.ws-frame-card{position:relative;background:#fff;border:1.5px solid var(--ink);padding:18px 18px 22px;transform:rotate(var(--r));box-shadow:6px 8px 0 #11140f1a;transition:transform .6s var(--ws-ease),box-shadow .6s}
.ws-frame-card:hover,.ws-frame-card.is-active{transform:rotate(0) translateY(-8px);box-shadow:10px 14px 0 var(--ws-orange)}
.ws-pin{position:absolute;top:-9px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--ws-orange);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.ws-frame-card:nth-child(even) .ws-pin{background:var(--ws-cobalt)}
.ws-sb-art{height:170px;background:var(--ws-ivory);border:1px solid #0002;margin-bottom:18px;position:relative;overflow:hidden}
.ws-stage-no{font:700 13px 'Courier New',monospace;color:var(--ws-muted)}
.ws-frame-card h3{font-size:clamp(28px,2.4vw,38px);line-height:1;margin:4px 0 10px}
.ws-frame-card p{font-size:15px;color:#3a4036}
/* storyboard drawings */
.sb-notes{position:absolute;inset:0;padding:14px}
.sb-notes span{position:absolute;width:44%;padding:8px;font:700 11px/1.25 'Courier New',monospace;background:#fff27a;box-shadow:2px 3px 0 #0002;transform:rotate(var(--t,0))}
.sb-notes span:nth-child(1){left:6%;top:10%;--t:-4deg}
.sb-notes span:nth-child(2){right:6%;top:16%;--t:3deg;background:#cfe0ff}
.sb-notes span:nth-child(3){left:10%;bottom:10%;--t:2deg;background:#ffd4bd}
.sb-notes span:nth-child(4){right:8%;bottom:14%;--t:-3deg;background:var(--lime)}
.sb-wire{position:absolute;inset:14px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:14px 1fr 34px;gap:7px}
.sb-wire i{border:1.5px dashed var(--ink);background:#fff}
.sb-wire .w-nav{grid-column:1/-1}
.sb-wire .w-hero{grid-column:1/-1;background:linear-gradient(135deg,#0000 calc(50% - 1px),var(--ink) 50%,#0000 calc(50% + 1px)),linear-gradient(45deg,#0000 calc(50% - 1px),var(--ink) 50%,#0000 calc(50% + 1px)),#fff}
.sb-swatch{position:absolute;right:-4px;top:26px;display:flex;flex-direction:column;gap:3px;background:#fff;padding:4px;border:1px solid var(--ink)}
.sb-swatch i{width:14px;height:14px;border:0}
.sb-swatch i:nth-child(1){background:var(--ws-cobalt)}.sb-swatch i:nth-child(2){background:var(--ws-orange)}.sb-swatch i:nth-child(3){background:var(--lime)}.sb-swatch i:nth-child(4){background:var(--ink)}
.sb-code{position:absolute;inset:0;background:#15180f;color:#d9dccf;padding:14px;font:12px/1.7 'Courier New',monospace;display:flex;flex-direction:column}
.sb-code b{color:var(--lime);font-weight:400}
.sb-code span{white-space:nowrap;overflow:hidden}
.sb-ok{margin-top:auto;color:var(--lime);font-weight:700}
.sb-redline{position:absolute;inset:14px}
.sb-redline i{position:absolute;left:0;right:0;border:1.5px solid #0003;background:#fff}
.sb-redline .w-hero{top:0;height:58%}
.sb-redline .w-a{bottom:0;height:32%}
.sb-redline span{position:absolute;font:700 11px 'Courier New',monospace;color:#d6311f;border:1.5px solid #d6311f;border-radius:40px;padding:3px 8px;background:#fff;transform:rotate(var(--t,0))}
.sb-redline .r1{left:6%;top:10%;--t:-3deg}.sb-redline .r2{right:4%;top:44%;--t:4deg}.sb-redline .r3{left:12%;bottom:8%;--t:-2deg}
.sb-live{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:14px 16px;background:var(--ws-cobalt);color:#fff}
.sb-url{font:700 12px var(--font);background:#fff;color:var(--ink);padding:4px 10px;border-radius:20px}
.sb-live>b{font-size:34px;letter-spacing:-.06em;line-height:1;color:var(--lime)}
.sb-check{font:700 11px 'Courier New',monospace}

/* 06 Capabilities — classifieds */
.ws-caps{background:var(--ws-paper);border-top:1px solid var(--ink)}
.ws-caps-head{text-align:center;margin-bottom:46px}
.ws-caps-head .ws-kicker{justify-content:center}
.ws-caps-head h2{font-size:clamp(40px,5vw,74px);line-height:.98}
.ws-classifieds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:3px double var(--ink)}
.ws-classifieds article{padding:26px 26px 30px;position:relative}
.ws-classifieds article+article:before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:1px;background:var(--ink);transform-origin:top}
.ws-classifieds h3{font-size:26px;display:inline-block;background:var(--ink);color:var(--paper);padding:4px 10px 6px;margin-bottom:18px;letter-spacing:-.03em}
.ws-classifieds article:nth-child(2) h3{background:var(--ws-cobalt)}
.ws-classifieds article:nth-child(3) h3{background:var(--ws-orange);color:var(--ink)}
.ws-classifieds article:nth-child(4) h3{background:var(--lime);color:var(--ink)}
.ws-classifieds ul{list-style:none;display:grid;gap:0}
.ws-classifieds li{padding:11px 0;border-bottom:1px dotted #0000005c;font-size:16px;font-weight:600;display:flex;gap:10px}
.ws-classifieds li:before{content:'■';font-size:10px;line-height:2.3}

/* 07 Price & quote */
.ws-quote{background:var(--ws-ivory);border-block:1px solid #ddd6c6}
.ws-quote-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:'stamp form' 'copy form';gap:32px 64px;align-items:start}
.ws-price-stamp{grid-area:stamp;justify-self:start;display:flex;flex-direction:column;align-items:center;text-align:center;border:3px solid var(--ink);outline:2px solid var(--ink);outline-offset:6px;padding:20px 34px;background:var(--lime);transform:rotate(-4deg);margin:10px 0 10px 10px}
.ws-price-stamp small{font:700 13px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.12em}
.ws-price-stamp span{font-family:Georgia,serif;font-style:italic;font-size:22px;line-height:1}
.ws-price-stamp strong{font-size:clamp(56px,6vw,86px);line-height:.95;letter-spacing:-.07em}
.ws-price-stamp em{font:700 12px 'Courier New',monospace;font-style:normal;text-transform:uppercase;letter-spacing:.1em;border-top:2px solid var(--ink);padding-top:6px;margin-top:6px}
.ws-quote-copy{grid-area:copy}
.ws-quote-copy h2{font-size:clamp(36px,4vw,60px);line-height:1}
.ws-quote-copy .ws-standfirst{margin:18px 0 24px}
.ws-quote-factors{list-style:none;display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink)}
.ws-quote-factors li{padding:14px 14px 14px 0;border-bottom:1px solid var(--ws-line);font-size:15px;color:var(--ws-muted)}
.ws-quote-factors li:nth-child(even){padding-left:14px;border-left:1px solid var(--ws-line)}
.ws-quote-factors b{display:block;color:var(--ink);font-size:17px}
.ws-quote-form{grid-area:form;background:#fffef9;border:2px solid var(--ink);box-shadow:14px 14px 0 var(--ws-cobalt);padding:30px;display:flex;flex-direction:column;gap:18px}
.ws-quote-form h3{font-size:34px;border-bottom:3px double var(--ink);padding-bottom:12px}
.ws-quote-form label,.ws-quote-form legend{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:15px}
.ws-quote-form label small{font-weight:400;color:var(--ws-muted);display:inline}
.ws-quote-form input[type=text],.ws-quote-form select{font:inherit;font-weight:400;font-size:16px;border:1.5px solid var(--ink);border-radius:0;background:#fff;padding:12px 14px;min-height:50px;color:var(--ink);width:100%}
.ws-quote-form input:focus,.ws-quote-form select:focus{outline:3px solid var(--lime);outline-offset:0;border-color:var(--ink)}
.ws-quote-form input[aria-invalid="true"]{border-color:#c0261a;background:#fff4f2}
.ws-quote-form fieldset{border:0;padding:0;margin:0}
.ws-quote-form legend{margin-bottom:8px;padding:0}
.ws-chips{display:flex;flex-wrap:wrap;gap:8px}
.ws-chips label{position:relative;display:block}
.ws-chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ws-chips span{display:block;border:1.5px solid var(--ink);padding:10px 16px;min-height:44px;font-weight:700;transition:background .2s}
.ws-chips input:checked+span{background:var(--ink);color:var(--lime)}
.ws-chips input:focus-visible+span{outline:3px solid #467600;outline-offset:3px}
.ws-form-error{color:#a0201a;font-weight:700;font-size:15px}
.ws-quote-form .button{justify-content:space-between;width:100%;margin:4px 0 0}
.ws-form-note{color:var(--ws-muted);font-size:13px}

/* 08 Design + hosting */
.ws-together{background:var(--ink);color:var(--paper);padding-block:80px}
.ws-chain{display:flex;align-items:center;justify-content:center;margin-bottom:40px}
.ws-node{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:clamp(20px,2.2vw,30px);font-weight:800;letter-spacing:-.04em;border:2px solid var(--paper);padding:18px 26px;min-width:190px;text-align:center;background:var(--ink)}
.ws-node small{font:700 12px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em;color:#b9bdb0}
.ws-node.is-lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.ws-node.is-lime small{color:var(--ink)}
.ws-link{flex:1;max-width:160px;height:2px;background:repeating-linear-gradient(90deg,var(--paper) 0 8px,#0000 8px 14px);position:relative}
.ws-link:after{content:'';position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:var(--lime);opacity:0}
.ws-together-copy{text-align:center;max-width:760px;margin:0 auto}
.ws-together-copy .ws-kicker{justify-content:center;border-top:0;padding-top:0}
.ws-together-copy .ws-kicker>span{background:var(--lime);color:var(--ink)}
.ws-together-copy h2{font-size:clamp(32px,3.6vw,52px);line-height:1.02;color:var(--paper);margin-bottom:16px}
.ws-together-copy p{color:#d9dccf;font-size:18px;margin-bottom:20px}
.ws-together .underlink{color:var(--lime)}

/* 09 Why ShaneHub */
.ws-why{background:var(--paper)}
.ws-why-title{font-size:clamp(44px,6vw,92px);line-height:.94;text-align:center;margin-bottom:56px;letter-spacing:-.07em}
.ws-why-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:2px solid var(--ink)}
.ws-why-list li{display:grid;grid-template-columns:auto 1fr;gap:4px 22px;align-items:start;padding:26px 0;border-bottom:1px solid var(--ink);position:relative}
.ws-why-no{font:800 64px/.85 var(--font);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1.5px var(--ink);transition:color .4s}
.ws-why-list li:hover .ws-why-no{color:var(--lime);-webkit-text-stroke-color:var(--ink)}
.ws-why-list h3{font-size:clamp(22px,2vw,28px);line-height:1.1;margin-bottom:6px}
.ws-why-list p{color:var(--ws-muted)}
.ws-proof-chip{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:10px;margin-top:12px;font:700 13px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.04em;border:1.5px solid var(--ink);padding:8px 12px;min-height:40px;transition:background .25s,transform .3s var(--ws-ease)}
.ws-proof-chip:hover{background:var(--lime);transform:translateX(4px)}

/* 10 FAQ + final */
.ws-faq{background:var(--ws-ivory);border-top:1px solid #ddd6c6}
.ws-faq-grid{max-width:900px;margin:0 auto}
.ws-faq-grid>div:first-child{text-align:center;margin-bottom:40px}
.ws-faq-grid .ws-kicker{justify-content:center;border-top:0;padding-top:0}
.ws-faq-grid h2{font-size:clamp(40px,5vw,72px);line-height:1}
.ws-faq-grid .ws-standfirst{margin:14px auto 0}
.ws-accordion{border-top:2px solid var(--ink)}
.ws-qa{border-bottom:1px solid var(--ink)}
.ws-qa summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font-size:clamp(19px,1.8vw,24px);font-weight:800;letter-spacing:-.03em}
.ws-qa summary::-webkit-details-marker{display:none}
.ws-qa summary i{flex:none;position:relative;width:34px;height:34px;border:1.5px solid var(--ink);border-radius:50%;transition:transform .4s var(--ws-ease),background .25s}
.ws-qa summary i:before,.ws-qa summary i:after{content:'';position:absolute;left:50%;top:50%;width:13px;height:2px;margin:-1px 0 0 -6.5px;background:var(--ink)}
.ws-qa summary i:after{transform:rotate(90deg);transition:transform .4s var(--ws-ease)}
.ws-qa[open] summary i{background:var(--lime)}
.ws-qa[open] summary i:after{transform:rotate(0)}
.ws-qa summary:hover{color:#2d4a00}
.ws-qa-body{overflow:hidden}
.ws-qa-body p{padding:0 60px 24px 0;font-size:17px;color:#3a4036}
.ws-final{background:var(--ws-cobalt);color:var(--paper);padding-block:110px 120px;text-align:center;position:relative;overflow:hidden}
.ws-final:before{content:'';position:absolute;inset:auto -10% -40% auto;width:60%;aspect-ratio:1;border-radius:50%;background:var(--ws-orange);opacity:.9;transform:translate(var(--fx,0),var(--fy,0))}
.ws-final .wrap{position:relative}
.ws-final-kicker{font-family:Georgia,serif;font-style:italic;font-size:clamp(24px,2.6vw,38px);color:var(--paper);margin-bottom:10px}
.ws-final h2{font-size:clamp(54px,9vw,150px);line-height:.9;letter-spacing:-.075em;color:var(--paper);margin-bottom:46px}
.ws-final h2>span:first-child{display:block}
.ws-final-word{position:relative;display:inline-block}
.ws-final .ws-final-word mark{color:var(--ink)}
.ws-final-word svg{position:absolute;left:-6%;top:-14%;width:112%;height:128%;overflow:visible;pointer-events:none}
.ws-final-word path{fill:none;stroke:var(--paper);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}
.ws-final-actions{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.ws-final .underlink{color:var(--paper)}
.ws-final .underlink:hover{color:var(--lime)}

/* Motion (only when JavaScript and motion are available) */
@media(prefers-reduced-motion:no-preference){
 .ws-js .ws-hero-art>img{clip-path:inset(0 0 100% 0);transition:clip-path 1.2s cubic-bezier(.7,0,.2,1)}
 .ws-js .ws-hero-art:before{transform:translate(-16px,-16px);opacity:0;transition:transform 1s var(--ws-ease) .7s,opacity .4s .7s}
 .ws-js .ws-hero-stamp{opacity:0;transform:rotate(-60deg) scale(.4);transition:transform .8s cubic-bezier(.3,1.5,.5,1) 1.1s,opacity .3s 1.1s,background .25s}
 .ws-js .ws-hero.is-in .ws-hero-art>img{clip-path:inset(0 0 0 0)}
 .ws-js .ws-hero.is-in .ws-hero-art:before{transform:none;opacity:1}
 .ws-js .ws-hero.is-in .ws-hero-stamp{opacity:1;transform:rotate(-12deg)}
 .ws-js .ws-hero.is-in .ws-hero-stamp:hover{transform:rotate(0) scale(1.06);transition-delay:0s}
 .ws-js .ws-word{opacity:0;transform:translateY(.5em) rotate(3deg);transition:opacity .6s,transform .8s var(--ws-ease);transition-delay:calc(.5s + var(--w,0) * .08s)}
 .ws-js .ws-hero.is-in .ws-word{opacity:1;transform:none}
 .ws-js .ws-hero-copy>.ws-kicker,.ws-js .ws-hero-copy>.ws-standfirst,.ws-js .ws-hero-copy>.ws-actions{opacity:0;transform:translateY(16px);transition:opacity .7s .9s,transform .8s var(--ws-ease) .9s}
 .ws-js .ws-hero-copy>.ws-kicker{transition-delay:.35s}
 .ws-js .ws-hero.is-in .ws-hero-copy>*{opacity:1;transform:none}
 .ws-js .ws-index-row{opacity:0;transform:translateX(-40px);transition:opacity .6s,transform .8s var(--ws-ease);transition-delay:calc(var(--i,0) * .07s)}
 .ws-js .ws-index.is-in .ws-index-row{opacity:1;transform:none}
 .ws-js .ws-cover{opacity:0;transform:translateY(80px) scale(.96)}
 .ws-js .ws-cover.is-in{opacity:1;transform:none;transition:opacity .8s,transform 1.1s var(--ws-ease)}
 .ws-js .ws-cover.is-in .ws-cover-no{animation:ws-no-in 1.1s var(--ws-ease) both}
 @keyframes ws-no-in{from{clip-path:inset(0 0 100% 0);transform:translateY(30px)}to{clip-path:inset(-20% -20% -20% -20%);transform:none}}
 .ws-js [data-ws-reveal="curtain"] img{clip-path:inset(0 50% 0 50%);transition:clip-path 1.3s cubic-bezier(.7,0,.2,1)}
 .ws-js [data-ws-reveal="curtain"].is-in img{clip-path:inset(0 0 0 0)}
 .ws-js .ws-process-art:before{opacity:0;transition:opacity .6s .9s}
 .ws-js .ws-process-art.is-in:before{opacity:1}
 .ws-js .ws-tape{opacity:0;scale:1.6;transition:opacity .25s,scale .45s cubic-bezier(.3,1.5,.5,1)}
 .ws-js .is-in>.ws-tape{opacity:1;scale:1}
 .ws-js .is-in>.ws-tape.t1{transition-delay:1.1s}.ws-js .is-in>.ws-tape.t2{transition-delay:1.3s}.ws-js .is-in>.ws-tape.t3{transition-delay:1.5s}
 .ws-js .ws-frame-card{opacity:0;transform:translateY(60px) rotate(calc(var(--r) * 3))}
 .ws-js .ws-board-track.is-in .ws-frame-card{opacity:1;transform:rotate(var(--r));transition:opacity .6s,transform 1s var(--ws-ease);transition-delay:calc(var(--i,0) * .1s)}
 .ws-js .ws-board-track.is-in .ws-frame-card:hover,.ws-js .ws-board-track.is-in .ws-frame-card.is-active{transform:rotate(0) translateY(-8px);transition-delay:0s}
 .ws-frame-card.is-active .sb-notes span,.ws-frame-card:hover .sb-notes span{animation:ws-stick .5s var(--ws-ease) both}
 .ws-frame-card .sb-notes span:nth-child(2){animation-delay:.1s}.ws-frame-card .sb-notes span:nth-child(3){animation-delay:.2s}.ws-frame-card .sb-notes span:nth-child(4){animation-delay:.3s}
 @keyframes ws-stick{from{opacity:0;transform:translateY(-14px) rotate(12deg) scale(1.1)}}
 .ws-frame-card.is-active .sb-wire i,.ws-frame-card:hover .sb-wire i{animation:ws-draw .6s var(--ws-ease) both}
 .ws-frame-card .sb-wire i:nth-child(2){animation-delay:.08s}.ws-frame-card .sb-wire i:nth-child(3){animation-delay:.16s}.ws-frame-card .sb-wire i:nth-child(4){animation-delay:.24s}.ws-frame-card .sb-wire i:nth-child(5){animation-delay:.32s}
 @keyframes ws-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
 .ws-frame-card.is-active .sb-code span,.ws-frame-card:hover .sb-code span{animation:ws-type .5s steps(18) both}
 .ws-frame-card .sb-code span:nth-child(2){animation-delay:.25s}.ws-frame-card .sb-code span:nth-child(3){animation-delay:.5s}.ws-frame-card .sb-code span:nth-child(4){animation-delay:.75s}.ws-frame-card .sb-code span:nth-child(5){animation-delay:1s}
 @keyframes ws-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
 .ws-frame-card.is-active .sb-redline span,.ws-frame-card:hover .sb-redline span{animation:ws-stamp .45s cubic-bezier(.3,1.6,.5,1) both}
 .ws-frame-card .sb-redline .r2{animation-delay:.15s!important}.ws-frame-card .sb-redline .r3{animation-delay:.3s!important}
 @keyframes ws-stamp{from{opacity:0;transform:scale(1.8) rotate(var(--t,0))}}
 .ws-frame-card.is-active .sb-live>*,.ws-frame-card:hover .sb-live>*{animation:ws-rise .5s var(--ws-ease) both}
 .ws-frame-card .sb-live>:nth-child(2){animation-delay:.12s}.ws-frame-card .sb-live>:nth-child(3){animation-delay:.24s}.ws-frame-card .sb-live>:nth-child(4){animation-delay:.36s}.ws-frame-card .sb-live>:nth-child(5){animation-delay:.48s}
 .ws-js .ws-classifieds article+article:before{transform:scaleY(0);transition:transform 1s var(--ws-ease) .2s}
 .ws-js .ws-classifieds.is-in article+article:before{transform:none}
 .ws-js .ws-classifieds h3{clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--ws-ease);transition-delay:calc(var(--i) * .12s)}
 .ws-js .ws-classifieds li{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .6s var(--ws-ease);transition-delay:calc(.3s + var(--i) * .12s)}
 .ws-js .ws-classifieds.is-in h3{clip-path:inset(0)}
 .ws-js .ws-classifieds.is-in li{opacity:1;transform:none}
 .ws-js .ws-classifieds li:nth-child(2){transition-delay:calc(.38s + var(--i) * .12s)}.ws-js .ws-classifieds li:nth-child(3){transition-delay:calc(.46s + var(--i) * .12s)}.ws-js .ws-classifieds li:nth-child(4){transition-delay:calc(.54s + var(--i) * .12s)}
 .ws-js [data-ws-reveal="stamp"]{opacity:0;transform:rotate(-24deg) scale(1.9)}
 .ws-js [data-ws-reveal="stamp"].is-in{opacity:1;transform:rotate(-4deg);transition:transform .55s cubic-bezier(.5,0,.4,1.5),opacity .2s}
 .ws-js .ws-node{opacity:0;transform:scale(.8)}
 .ws-js .ws-chain.is-in .ws-node{opacity:1;transform:none;transition:opacity .5s,transform .6s cubic-bezier(.3,1.5,.5,1)}
 .ws-js .ws-chain.is-in .ws-node:nth-of-type(2){transition-delay:.5s}.ws-js .ws-chain.is-in .ws-node:nth-of-type(3){transition-delay:1s}
 .ws-js .ws-link{clip-path:inset(0 100% 0 0)}
 .ws-js .ws-chain.is-in .ws-link{clip-path:inset(-10px 0 -10px 0);transition:clip-path .5s ease .3s}
 .ws-js .ws-chain.is-in .ws-link:last-of-type{transition-delay:.8s}
 .ws-chain.is-in .ws-link:after{animation:ws-travel 2.4s ease-in-out 1.4s 3}
 @keyframes ws-travel{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}
 .ws-js .ws-why-list li{opacity:0;transform:translateY(30px);transition:opacity .6s,transform .8s var(--ws-ease);transition-delay:calc(var(--i) % 2 * .12s)}
 .ws-js .ws-why-list li.is-in{opacity:1;transform:none}
 .ws-js .ws-why-list li:after{content:'';position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ws-ease) .3s}
 .ws-js .ws-why-list li.is-in:after{transform:scaleX(1)}
 .ws-js .ws-final-word path{stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.6,0,.3,1) .5s}
 .ws-js .ws-final.is-in .ws-final-word path{stroke-dashoffset:0}
 .ws-js .ws-final h2>span:first-child{opacity:0;transform:translateY(40px);transition:opacity .7s,transform .9s var(--ws-ease)}
 .ws-js .ws-final.is-in h2>span:first-child{opacity:1;transform:none}
 .ws-js .ws-page mark.ws-draw{background-color:transparent!important;background-image:linear-gradient(transparent 14%,var(--lime) 14%);background-repeat:no-repeat;background-size:0% 100%;transition:background-size 1s cubic-bezier(.65,.05,.25,1)}
 .ws-js .ws-page mark.ws-draw.is-drawn{background-size:100% 100%}
 /* Desktop storyboard: pinned and scrolled sideways */
 .ws-board.is-pinned .ws-board-sticky{position:sticky;top:var(--ws-head);height:calc(100vh - var(--ws-head));overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-block:20px}
 .ws-board.is-pinned .ws-board-progress{display:block}
 .ws-board.is-pinned .ws-board-track{display:flex;width:max-content;gap:40px;padding:14px max(48px,calc((100vw - 1400px) / 2)) 30px;margin:0;will-change:transform}
 .ws-board.is-pinned .ws-frame-card{width:min(400px,32vw);flex:none}
 .ws-board.is-pinned .ws-sb-art{height:clamp(120px,24vh,210px)}
 .ws-board.is-pinned .ws-frame-card p{font-size:14.5px}
}

/* Responsive */
@media(max-width:1200px){
 .ws-build-grid{gap:40px}
 .ws-board-track{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}
 .ws-classifieds{grid-template-columns:1fr 1fr}
 .ws-classifieds article:nth-child(3):before{display:none}
 .ws-classifieds article:nth-child(n+3){border-top:1px solid var(--ink)}
 .ws-demo-stage{grid-template-columns:1fr}
 .ws-demo-tabs{display:grid;grid-template-columns:repeat(3,auto);width:max-content}
 .ws-demo-tabs button:nth-child(4){border-left:0}
 .ws-demo-tabs button:nth-child(n+4){border-top:2px solid var(--ink)}
 .ws-demo-explain{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}
 .ws-demo-explain p{min-height:0;flex:1 1 100%;text-align:center;font-size:21px}
 .ws-demo-note{order:3}
 .ws-viewer-grid{grid-template-columns:minmax(0,1fr)}
 .ws-viewer-info{padding-top:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px}
 .ws-viewer-info>:is(.ws-viewer-no,small,h2,.ws-viewer-title,p){grid-column:1}
 .ws-viewer-info>:is(h3,ul,.ws-viewer-links){grid-column:2}
 .ws-viewer-info>h3{grid-row:1/span 2;align-self:end}
 .ws-viewer-info>ul{grid-row:3/span 2}
 .ws-viewer-info>.ws-viewer-links{grid-row:5}
}
@media(max-width:900px){
 .ws-section{padding-block:72px}
 .ws-page{--ws-head:64px}
 .ws-hero-art{width:100%;min-width:0}
 .ws-hero-art:before{inset:10px -10px -10px 10px}
 .ws-hero-stamp{width:104px;height:104px;right:-6px;bottom:-46px;font-size:11px}
 .ws-hero-stamp b{font-size:24px}
 .ws-hero-copy{margin-top:72px}
 .ws-build-grid{grid-template-columns:1fr}
 .ws-index-preview{display:none}
 .ws-covers{grid-template-columns:1fr;gap:72px}
 .ws-cover,.ws-covers.is-filtered .ws-cover{grid-column:1/-1!important;margin-top:0!important}
 .ws-cover:nth-child(even){margin-left:8%!important}
 .ws-cover:nth-child(odd){margin-right:8%!important}
 .ws-cover-cta{clip-path:none}
 .ws-cover-meta{grid-template-columns:1fr}
 .ws-cover-cta{justify-self:start}
 .ws-cover-next .ws-cover-btn{min-height:240px}
 .ws-viewer-info{display:block}
 .ws-viewer-top{padding:10px 0}
 .ws-viewer-close{width:46px;height:46px}
 .ws-viewer-no{font-size:110px;top:-10px}
 .ws-viewer-grid{padding:22px 0 30px;gap:30px}
 .ws-frame{box-shadow:8px 8px 0 var(--ink);max-width:100%;min-width:0}
 .ws-zoom{display:none}
 .ws-viewer-foot button{gap:12px;padding:16px 0}
 .ws-viewer-foot button>span[aria-hidden]{width:44px;height:44px;font-size:22px}
 .ws-board-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(78vw,340px);overflow-x:auto;scroll-snap-type:x mandatory;width:100%;padding:14px 24px 30px;scroll-padding-inline:24px;gap:22px;-webkit-overflow-scrolling:touch}
 .ws-frame-card{scroll-snap-align:start}
 .ws-quote-grid{grid-template-columns:1fr;grid-template-areas:'stamp' 'copy' 'form'}
 .ws-why-list{grid-template-columns:1fr}
 .ws-chain{flex-direction:column}
 .ws-link{width:2px;height:44px;flex:none;max-width:none;background:repeating-linear-gradient(180deg,var(--paper) 0 8px,#0000 8px 14px)}
 .ws-link:after{left:-4px!important;top:0}
 .ws-chain.is-in .ws-link:after{animation-name:ws-travel-v}
 @keyframes ws-travel-v{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 10px);opacity:0}}
 .ws-js .ws-link{clip-path:inset(0 0 100% 0)}
 .ws-node{min-width:240px}
 .ws-demo-canvas{min-height:0;padding:14px}
 .ws-demo-tabs{width:auto;display:grid;grid-template-columns:1fr 1fr}
 .ws-demo-tabs button{border-left:0;border-top:2px solid var(--ink)}
 .ws-demo-tabs button:nth-child(-n+2){border-top:0}
 .ws-demo-tabs button:nth-child(even){border-left:2px solid var(--ink)}
}
@media(max-width:600px){
 .ws-page .wrap{width:calc(100% - 32px)}
 .ws-hero{padding-top:16px}
 .ws-hero-copy{margin-top:66px;padding-bottom:44px}
 .ws-hero h1{font-size:40px}
 .ws-standfirst{font-size:19px}
 .ws-actions{flex-direction:column;align-items:stretch;gap:14px}
 .ws-actions .underlink{align-self:center}
 .ws-kicker{font-size:12px;gap:10px}
 .ws-index-row>button{grid-template-columns:38px 1fr 36px;padding:16px 0}
 .ws-index-row>button i{width:34px;height:34px;font-size:24px}
 .ws-index-name{font-size:24px}
 .ws-index-body>div{padding-left:0}
 .ws-index-body p{font-size:18px}
 .ws-filter{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 6px;scrollbar-width:none}
 .ws-filter button{flex:none}
 .ws-cover:nth-child(n){margin-inline:0!important}
 .ws-cover-no{font-size:92px}
 .ws-cover-media{box-shadow:none!important}
 .ws-covers{gap:64px}
 .ws-viewer-info h2{font-size:38px}
 .ws-viewer-title{font-size:19px}
 .ws-viewer-foot b{font-size:17px}
 .ws-viewer-foot small{font-size:10px}
 .ws-slide-nav span{min-width:0;font-size:12px}
 .ws-frame-bar span{font-size:11px;margin-left:8px}
 .ws-frame.is-mobile{max-width:300px}
 .ws-thumbs button{width:84px}
 .ws-thumbs button img{height:50px}
 .ws-demo-title,.ws-board-head h2,.ws-caps-head h2,.ws-faq-grid h2{font-size:38px}
 .ws-why-title{font-size:46px}
 .ws-demo-tabs button{font-size:14px;padding:10px 12px}
 .ws-sizes{width:100%}
 .ws-sizes button{flex:1;padding:9px 8px}
 .ws-classifieds{grid-template-columns:1fr}
 .ws-classifieds article{padding:22px 0}
 .ws-classifieds article:before{display:none}
 .ws-classifieds article+article{border-top:1px solid var(--ink)}
 .ws-quote-factors{grid-template-columns:1fr}
 .ws-quote-factors li:nth-child(even){padding-left:0;border-left:0}
 .ws-quote-form{padding:22px 18px;box-shadow:8px 8px 0 var(--ws-cobalt)}
 .ws-price-stamp{justify-self:center;margin-left:0}
 .ws-why-no{font-size:44px}
 .ws-why-list li{gap:4px 16px}
 .ws-qa-body p{padding-right:0}
 .ws-final{padding-block:84px 90px}
 .ws-final h2{font-size:clamp(48px,14vw,64px)}
 .ws-final-actions{flex-direction:column;gap:16px}
 .ws-node{min-width:0;width:100%}
}
@media(prefers-reduced-motion:reduce){
 .ws-marquee-track{animation:none}
 .ws-page *,.ws-viewer *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
 .ws-viewer,.ws-viewer *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* Round 2: breathing room between headline lines */
.ws-hero h1,.ws-build-title,.ws-demo-title,.ws-board-head h2,.ws-caps-head h2,.ws-quote-copy h2,.ws-why-title,.ws-cover-next b{line-height:1.1}
.ws-archive-head h2{line-height:1.06}
.ws-final h2{line-height:1.02}
.ws-final-word svg{top:-4%;height:116%}
@media(max-width:900px){.ws-process-art{width:calc(100% - 32px);min-width:0}.ws-process-art:before{inset:10px -10px -10px 10px}.ws-tape{width:80px;height:22px}.ws-tape.t3{margin-left:-40px}}
@media(prefers-reduced-motion:reduce){.ws-process-art{transform:none}}

/* Round 3: tablet and phone previews keep a screen-like height; the page scrolls inside */
.ws-page .nl-site{position:static}
.ws-device[data-device="tablet"] .nl-site,.ws-device[data-device="mobile"] .nl-site{height:540px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}
.ws-device[data-device="tablet"] .nl-site::-webkit-scrollbar,.ws-device[data-device="mobile"] .nl-site::-webkit-scrollbar{display:none}
.ws-device[data-device="tablet"] .nl-site{height:500px}
@media(max-width:600px){.ws-device[data-device="tablet"] .nl-site,.ws-device[data-device="mobile"] .nl-site{height:460px}}