body[data-page="websites/"]{--website-line:#07131716;--website-fine:#07131709;--website-accent:#02a0a0;font-size:15px;line-height:1.6}
body[data-page="websites/"] .wv-site-header{position:sticky;top:0;height:73px;min-height:73px;max-width:none;padding:8px max(4vw,20px);gap:25px;border-bottom:1px solid #07131728;background:#fcfbf7ec;backdrop-filter:blur(16px)}
body[data-page="websites/"] .wv-site-logo img{width:110px;max-height:55px;object-fit:contain}
body[data-page="websites/"] .wv-nav-start{border-radius:0;border:0;background:var(--orange);box-shadow:none;min-height:40px;padding-inline:18px}
.website-canvas{position:relative;background-image:linear-gradient(to right,var(--website-fine) 1px,transparent 1px),linear-gradient(to bottom,var(--website-fine) 1px,transparent 1px);background-size:calc((100vw - 8vw)/6) 100%,100% 136px;background-position:4vw 0,0 0}
.website-canvas:before,.website-canvas:after{content:"";position:absolute;top:0;bottom:0;left:4vw;width:1px;background:var(--website-line);pointer-events:none;z-index:1}.website-canvas:after{left:auto;right:4vw}
.website-page-inner{max-width:1720px;margin-inline:auto;padding-inline:calc(4vw + 21px)}
.website-section-label,.website-eyebrow,.website-case-index,.website-text-link,.website-case-scope,.website-more-link,.website-scene-caption,.website-reel-item small,.website-hero-meta,.website-flat-caption{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:400;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}
.website-section-label{display:flex;align-items:center;gap:11px;margin:0 0 45px}.website-section-label:before{content:"";width:5px;height:5px;background:var(--teal);display:block}
.website-hero{position:relative;min-height:812px;border-bottom:1px solid var(--website-line);overflow:clip}
.website-hero-content{position:relative;z-index:2;min-height:812px;display:flex;flex-direction:column;pointer-events:none}.website-hero-content a{pointer-events:auto}
.website-eyebrow{display:flex;gap:25px;align-items:center;margin:22px 0 35px}.website-eyebrow span+span:before{content:"•";margin-right:15px}
.website-statement{position:relative;align-self:stretch;margin-top:0;outline:1px solid var(--teal);outline-offset:5px;pointer-events:auto}
.website-statement h1{font-size:clamp(48px,8.2vw,136px);font-weight:400;line-height:.96;letter-spacing:-.045em;margin:0;text-wrap:balance}.website-statement em,.website-closing em{font-family:inherit;font-style:italic;font-synthesis:style;font-weight:400;letter-spacing:-.045em;line-height:.96}
.website-selected-label,.website-dimension{position:absolute;background:var(--teal);color:var(--ink);padding:2px 6px;font:10px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.03em}.website-selected-label{bottom:calc(100% + 6px);left:-6px}.website-dimension{top:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap}.website-handle{position:absolute;width:7px;height:7px;border:1px solid var(--teal);background:var(--canvas)}.website-handle-tl{left:-9px;top:-9px}.website-handle-tr{right:-9px;top:-9px}.website-handle-bl{left:-9px;bottom:-9px}.website-handle-br{right:-9px;bottom:-9px}
.website-hero-lead{width:31%;max-width:420px;align-self:flex-end;margin-top:auto;margin-bottom:58px;padding-top:240px}.website-hero-lead p{font-size:clamp(17px,1.5vw,23px);line-height:1.42;letter-spacing:-.025em;margin:0 0 25px}.website-text-link{display:inline-flex;gap:22px;align-items:center;color:var(--link);text-decoration:none}.website-text-link span{transition:transform .3s}.website-text-link:hover span{transform:translate(3px,-2px)}
.website-hero-meta{display:flex;gap:20px;padding-block:20px;border-top:1px solid var(--website-line);font-size:10px;color:var(--muted)}
.website-wheel{position:absolute;inset:0;perspective:clamp(448px,36vw,704px);opacity:.42;pointer-events:none;overflow:hidden}.website-wheel-rig,.website-wheel-auto,.website-wheel-track{position:absolute;inset:0;transform-style:preserve-3d;display:grid;place-items:center}.website-wheel-rig{transform:rotateX(-14deg) rotateZ(-6deg)}.website-wheel-track{transform:rotateY(14deg)}.website-wheel-panel{--wheel-w:clamp(208px,18vw,352px);--wheel-hole:calc(var(--wheel-w)*.12);position:absolute;left:calc(50% + var(--wheel-hole));top:50%;width:var(--wheel-w);aspect-ratio:16/10;transform-origin:calc(var(--wheel-hole)*-1) 50%;transform-style:preserve-3d;transform:translateY(-50%) rotateY(calc(var(--panel)*45deg))}.website-wheel-face{position:absolute;inset:0;overflow:hidden;border:1px solid #07131733;backface-visibility:hidden;background:var(--canvas);box-shadow:0 24px 64px #0713176b;opacity:.78}.website-wheel-face img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(.88)}.website-wheel-back{transform:rotateY(180deg)}.website-wheel-wash{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,transparent 0%,#fcfbf72e 48%,var(--canvas) 88%),linear-gradient(180deg,#fcfbf757,transparent 45%,#fcfbf7ad)}
.website-work{position:relative;border-bottom:1px solid var(--website-line);padding-top:130px}.website-case{display:grid;grid-template-columns:1fr 1fr;min-height:810px;gap:44px;align-items:start;position:relative}.website-case-art{min-height:640px;position:relative;display:flex;align-items:center;justify-content:center;grid-column:1;grid-row:1}.website-case-copy{grid-column:2;grid-row:1;align-self:start;padding-top:0;min-height:0;display:flex;flex-direction:column}.website-case-reverse .website-case-art{grid-column:2}.website-case-reverse .website-case-copy{grid-column:1}.website-case-index{margin:0 0 25px;color:var(--link);display:flex;justify-content:space-between;gap:15px}.website-case-index span{font-size:10px;color:var(--muted);text-align:right}.website-case h3{font-size:clamp(30px,4.2vw,56px);font-weight:400;line-height:1.03;letter-spacing:-.03em;margin:0 0 22px}.website-case-description{max-width:420px;font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 32px}.website-case-scope{padding:0;margin:0 -21px;list-style:none}.website-case-scope li{border-top:1px solid var(--website-line);padding:10px 21px;font-size:10px}.website-case-scope li:last-child{border-bottom:1px solid var(--website-line)}.website-case-link{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding:17px 21px;border:1px solid var(--ink);background:transparent;text-align:left;margin:28px -21px 0;font-size:14px;color:var(--ink);transition:background .2s}.website-case-link:hover{background:#02a0a011}.website-case-link span:last-child{font-size:20px}.website-flat-cover{width:100%;position:relative;overflow:hidden}.website-flat-cover>img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}.website-flat-caption{display:flex;justify-content:space-between;position:absolute;left:14px;right:14px;bottom:14px;gap:12px;color:#fcfbf7}.website-flat-caption span{background:#071317d9;padding:4px 7px;font-size:9px}.website-work[data-mesh-ready] .website-flat-cover{visibility:hidden}.website-specimen{position:absolute;left:0;top:0;aspect-ratio:1;pointer-events:none;width:598px;z-index:3;color:var(--ink)}.website-specimen canvas{display:block;width:100%;height:100%}.website-more-link{display:inline-flex;gap:20px;align-items:center;text-decoration:none;margin:0 0 75px;color:var(--link)}
.website-responsibility{padding:130px 0 90px;border-bottom:1px solid var(--website-line)}.website-responsibility-grid{display:grid;grid-template-columns:31% 1fr;gap:44px}.website-phone-scene{position:relative;aspect-ratio:.72;background:radial-gradient(ellipse at 15% 10%,#c5f1df,transparent 65%),linear-gradient(140deg,#e4efe6,#99c7b8);display:grid;place-items:center;overflow:hidden}.website-phone-scene:before{content:"";position:absolute;width:160%;height:35%;background:#fcfbf788;transform:rotate(-25deg);top:2%;left:-40%;filter:blur(20px)}.website-phone-shell{position:relative;width:59%;aspect-ratio:.49;background:#071317;border:5px solid #263c37;border-radius:30px;transform:rotate(-9deg);overflow:hidden;box-shadow:14px 21px 18px #173f3940,3px 2px 0 #9fbdb0}.website-phone-shell img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.website-phone-speaker{position:absolute;z-index:2;top:0;left:30%;width:40%;height:12px;background:#071317;border-radius:0 0 12px 12px}.website-scene-caption{position:absolute;bottom:16px;left:15px;right:15px;font-size:9px;letter-spacing:.04em}.website-responsibility-copy h2{font-size:clamp(30px,4.2vw,56px);line-height:1.03;letter-spacing:-.03em;font-weight:400;margin:0 0 45px;max-width:790px}.website-responsibility-bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end}.website-responsibility-bottom>p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}.website-package-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:0;gap:18px}.website-package-facts>div{display:flex;flex-direction:column-reverse}.website-package-facts dd{font-size:40px;line-height:1;letter-spacing:-.065em;margin:0 0 18px}.website-package-facts dt{font:9px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.website-included{padding:125px 0 100px;border-bottom:1px solid var(--website-line)}.website-included-list{margin:0;padding:0;list-style:none}.website-included-list>li{display:grid;grid-template-columns:17% 1fr;border-bottom:1px solid var(--website-line);padding:25px 0 28px;gap:20px}.website-included-list>li>span{font:11px/1.5 ui-monospace,monospace;color:var(--link);padding-top:7px}.website-included-list>li>h3{max-width:680px}.website-included-list h3{font-size:clamp(23px,2.3vw,34px);line-height:1.13;font-weight:400;letter-spacing:-.025em;margin:0}.website-included-list p{font-size:14px;line-height:1.6;margin:0;color:var(--muted);max-width:380px}.website-included-list p a{display:inline-block;color:var(--link);margin-top:6px}.website-included-close{max-width:650px;margin:45px 0 0 18.5%}.website-included-links{display:flex;gap:25px;flex-wrap:wrap}.website-included-close>p{font-size:22px;line-height:1.42;letter-spacing:-.025em;margin:0 0 25px}
.website-reel-section{padding:125px 0 110px;border-bottom:1px solid var(--website-line);overflow:hidden}.website-reel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.website-reel-heading .website-section-label{margin:0}.website-reel-controls{display:flex;gap:8px}.website-reel-controls button{width:40px;height:40px;border:1px solid var(--website-line);background:var(--canvas);color:var(--ink)}.website-reel-controls button:hover{background:#02a0a011}.website-reel{overflow-x:auto;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}.website-reel::-webkit-scrollbar{display:none}.website-reel[data-dragging]{cursor:grabbing;scroll-behavior:auto}.website-reel-track{display:flex;gap:40px;width:max-content;padding:0 calc(4vw + 21px)}.website-reel-item{position:relative;flex:none;padding:0;border:0;width:36vw;max-width:520px;aspect-ratio:4/3;background:#c6ddd4;overflow:hidden;color:var(--canvas);text-align:left;cursor:inherit}.website-reel-item img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;user-select:none}.website-reel-item>span{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:end;gap:15px}.website-reel-item strong,.website-reel-item small{font:9px/1.4 ui-monospace,monospace;background:#071317db;padding:5px 7px;text-transform:uppercase;letter-spacing:.03em}.website-reel-item small{max-width:46%;text-align:right}
.website-closing{padding:110px 0 125px}.website-closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.website-closing h2{margin:0;font-size:clamp(34px,4.2vw,56px);line-height:1.05;font-weight:400;letter-spacing:-.035em}.website-closing nav{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-left:8%;padding-top:8px}.website-closing nav a{display:flex;gap:30px;justify-content:space-between;min-width:230px;text-decoration:none;font-size:22px;line-height:1.3;letter-spacing:-.03em}.website-closing nav a:first-child{color:var(--link)}.website-closing nav a:hover{text-decoration:underline}
.website-project-dialog{width:min(1220px,94vw);max-height:92vh;padding:70px 40px 35px;border:1px solid var(--website-line);background:var(--canvas);color:var(--ink);overflow:auto;box-shadow:0 25px 100px #07131740}.website-project-dialog::backdrop{background:#071317b3;backdrop-filter:blur(9px)}.website-dialog-close{position:absolute;right:22px;top:16px;background:none;border:0;display:flex;gap:30px;align-items:center;font-size:13px;padding:8px}.website-dialog-close span{font-size:25px}.website-dialog-content img{display:block;width:100%;height:auto}.website-dialog-content h2{font-size:34px;letter-spacing:-.04em;line-height:1.2;margin:25px 0 12px}.website-dialog-content p{max-width:760px;color:var(--muted);margin:0 0 20px}.website-dialog-content a{color:var(--link)}
@media(min-width:1800px){.website-canvas:before{left:calc((100vw - 1720px)/2 + 72px)}.website-canvas:after{right:calc((100vw - 1720px)/2 + 72px)}}
@media(max-width:1100px) and (min-width:900px){.website-case{gap:35px;min-height:740px}.website-case-copy{min-height:0}.website-case-art{min-height:560px}.website-responsibility-bottom{grid-template-columns:1fr}.website-package-facts{max-width:340px}.website-included-list>li>div{gap:30px}.website-included-list p{font-size:13px}}
@media(max-width:899px){body[data-page="websites/"] .wv-site-header{padding:5px 20px;height:65px;min-height:65px}.website-canvas{background-size:calc((100vw - 32px)/2) 100%,100% 110px;background-position:16px 0,0 0}.website-canvas:before{left:16px}.website-canvas:after{right:16px}.website-page-inner{padding-inline:30px}.website-hero,.website-hero-content{min-height:733px}.website-eyebrow{flex-direction:column;align-items:flex-start;gap:13px;margin:22px 0 40px;font-size:10px;line-height:1.5;max-width:330px}.website-eyebrow span+span:before{margin-right:10px}.website-mobile-break{display:block}.website-statement h1{font-size:clamp(44px,8.2vw,70px);letter-spacing:-.055em;line-height:.98}.website-statement h1 br{display:none}.website-statement h1 em{display:block;letter-spacing:-.045em}.website-selected-label,.website-dimension{font-size:9px}.website-hero-lead{width:100%;max-width:none;padding-top:250px;margin-bottom:34px}.website-hero-lead p{font-size:17px;line-height:1.42;max-width:450px;margin-bottom:30px}.website-hero-meta{font-size:9px;padding-block:15px}.website-wheel{perspective:120vw;opacity:.3}.website-wheel-panel{--wheel-w:clamp(176px,46vw,256px)}.website-work{padding-top:66px}.website-section-label{margin-bottom:38px;font-size:10px}.website-case,.website-case-reverse{display:flex;flex-direction:column;gap:25px;min-height:0;margin-bottom:70px}.website-case-art,.website-case-reverse .website-case-art{width:100%;min-height:0;display:block}.website-flat-cover>img{aspect-ratio:1.18;object-fit:cover}.website-case-copy,.website-case-reverse .website-case-copy{width:100%;min-height:0}.website-case-index{margin-bottom:17px;font-size:12px}.website-case-index span{font-size:9px}.website-case h3{font-size:30px;letter-spacing:-.03em;margin-bottom:23px}.website-case-description{font-size:15px;margin-bottom:28px}.website-case-scope{margin:0 -14px}.website-case-scope li{padding:10px 14px;font-size:9px}.website-case-link{margin:28px -14px 0;min-height:56px;padding:15px}.website-more-link{margin:0 0 55px}.website-specimen{display:none}.website-work[data-mesh-ready] .website-flat-cover{visibility:visible}.website-responsibility{padding:70px 0 55px}.website-responsibility-grid{grid-template-columns:1fr;gap:32px}.website-phone-scene{aspect-ratio:.85;max-width:470px}.website-phone-shell{width:54%}.website-responsibility-copy h2{font-size:30px;max-width:500px;margin-bottom:25px}.website-responsibility-bottom{grid-template-columns:1fr;gap:28px}.website-responsibility-bottom>p{max-width:480px}.website-package-facts{gap:25px;max-width:400px}.website-package-facts dd{font-size:38px;margin-bottom:10px}.website-package-facts dt{font-size:8px}.website-included{padding:65px 0}.website-included-list>li{grid-template-columns:27px 1fr;gap:15px;padding:23px 0}.website-included-list>li>span{font-size:9px;padding-top:4px}.website-included-list>li>div{display:block}.website-included-list h3{font-size:25px;line-height:1.15;margin-bottom:16px}.website-included-list p{font-size:14px;max-width:480px}.website-included-close{margin:35px 0 0 42px;max-width:480px}.website-included-close>p{font-size:17px}.website-included-close .website-text-link{font-size:9px;gap:10px}.website-reel-section{padding:65px 0}.website-reel-heading{gap:10px;margin-bottom:25px}.website-reel-heading .website-section-label{max-width:210px}.website-reel-controls{gap:5px}.website-reel-controls button{width:30px;height:35px}.website-reel-track{padding-inline:30px;gap:20px}.website-reel-item{width:82vw;max-width:460px}.website-reel-item>span{left:9px;right:9px;bottom:10px;gap:8px}.website-reel-item strong,.website-reel-item small{font-size:8px;padding:4px}.website-closing{padding:65px 0 75px}.website-closing-grid{grid-template-columns:1fr;gap:35px}.website-closing h2{font-size:32px}.website-closing nav{padding:0;gap:16px}.website-closing nav a{font-size:18px;min-width:210px}.website-project-dialog{padding:60px 18px 25px;width:94vw}.website-dialog-content h2{font-size:25px}.website-dialog-content p{font-size:14px}}
@media(max-width:360px){.website-page-inner{padding-inline:25px}.website-statement h1{font-size:36px}.website-hero,.website-hero-content{min-height:730px}.website-eyebrow{font-size:9px}.website-hero-lead{padding-top:240px}.website-case h3{font-size:28px}.website-reel-heading .website-section-label{font-size:9px;max-width:160px}.website-included-list h3{font-size:23px}.website-package-facts{gap:15px}.website-package-facts dd{font-size:34px}.website-closing h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.website-wheel-auto,.website-wheel-rig,.website-wheel-track{animation:none!important;transition:none!important}.website-specimen{display:none}.website-work[data-mesh-ready] .website-flat-cover{visibility:visible}.website-text-link span{transition:none}}

/* October24: ongoing-care composition and compact phone work reel. */
.website-responsibility-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8%;align-items:center}
.website-care-scene{position:relative;aspect-ratio:1.18;isolation:isolate;max-width:580px;width:100%;margin:auto}
.website-care-scene:before{content:"";position:absolute;inset:10% 2% 5%;z-index:-1;background:radial-gradient(ellipse at 38% 45%,#02a0a015,transparent 68%)}
.website-care-browser{position:absolute;top:6%;left:0;width:94%;border:1px solid #b6cbc1;border-radius:11px;background:#fcfbf7;overflow:hidden;box-shadow:0 14px 28px #123d2b12}
.website-care-chrome{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;gap:12px;background:#edf3ed;color:#567168;font-size:9px}
.website-care-chrome>span:first-child{display:flex;gap:4px}.website-care-chrome i{width:4px;height:4px;background:#87b9ae;border-radius:50%}.website-care-chrome i:first-child{background:#ffbd65}.website-care-chrome i:nth-child(2){background:#02a0a0}
.website-care-browser>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.website-care-editor{position:absolute;width:66%;bottom:7%;right:0;background:#fcfbf7;border:1px solid #aac9bd;border-radius:12px;overflow:hidden;box-shadow:0 10px 20px #173f3917}
.website-care-editor-head{display:flex;align-items:center;gap:12px;background:#087b79;color:#fff;padding:13px 16px;font-size:14px;font-weight:600;line-height:1.4}
.website-care-editor-head img{filter:invert(1);width:34px;height:auto}
.website-care-fields{padding:5px 16px 8px}.website-care-fields>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 0;font-size:13px;color:#405c52;border-bottom:1px solid #dce5dd}.website-care-fields>div:last-child{border:0}
.website-care-fields svg{width:18px;height:18px;color:#087b79;flex:none}
@media(max-width:900px){
.website-responsibility-grid{grid-template-columns:1fr;gap:30px}
.website-care-scene{max-width:470px;aspect-ratio:1.22}
.website-reel-item{width:58vw;min-width:180px;max-width:300px}
.website-reel-track{gap:16px;padding-inline:24px}
.website-reel-section{padding:45px 0 50px}
.website-reel-heading{margin-bottom:22px}
.website-reel-controls button{width:44px;height:44px;border-radius:8px;font-size:17px}
.website-reel-item>span{left:8px;right:8px;bottom:8px;gap:5px}
.website-reel-item strong{font-size:10px;line-height:1.35;padding:5px 6px;max-width:100%}
.website-reel-item small{display:none}
}
@media(max-width:500px){
.website-care-scene{aspect-ratio:1.04}
.website-care-browser{width:100%;top:0}
.website-care-editor{width:73%;bottom:0}
.website-care-editor-head{font-size:13px;padding:11px 13px;gap:10px}
.website-care-fields{padding:3px 13px 6px}.website-care-fields>div{font-size:12px;padding-block:9px}
.website-care-chrome{font-size:8px;height:24px}
.website-responsibility{padding-top:55px}
}