:root{--bg:#111311;--surface:#1b1e1b;--ink:#f0efe6;--muted:#b0b3a9;--mint:#d9f2dc;--coral:#ed8174;--line:#343830;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace;--ease:cubic-bezier(.22,1,.36,1);--accent:var(--mint);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.wrap{width:calc(100% - 112px);max-width:1400px;margin:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--coral);outline-offset:6px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}h1,h2{letter-spacing:-.065em;line-height:1.07}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-80px;left:20px;z-index:101;padding:10px;background:var(--mint);color:var(--bg)}.skip:focus{top:10px}.progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--mint),var(--coral));z-index:100}.header{height:100px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);position:relative;z-index:30;max-width:1600px;margin:auto}.identity{display:flex;align-items:center;gap:17px;font-weight:650;font-size:17px;line-height:1.3}.monogram{font:800 40px/.85 var(--display);letter-spacing:-5px;color:var(--mint);border-right:1px solid var(--line);padding-right:22px}.monogram span{font-size:18px;letter-spacing:-2px;vertical-align:top;color:var(--coral)}.identity-sub{display:block;font:8px var(--mono);letter-spacing:.13em;color:var(--muted);margin-top:7px}.header nav{display:flex;gap:34px;font-size:13px}.header nav a{position:relative}.header nav a:after,.text-link:after{content:'';position:absolute;bottom:-7px;left:0;right:0;height:1px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a:hover:after,.text-link:hover:after{transform:scaleX(1)}.nav-contact{display:flex;align-items:center;gap:38px;border:1px solid #60655b;border-radius:30px;padding:9px 19px;font-size:13px;transition:background .2s}.nav-contact:hover{background:var(--surface)}.nav-contact span{font-size:23px}.menu-toggle{display:none;background:none;font-size:25px}.mobile-nav{background:var(--surface);padding:20px 28px;position:absolute;z-index:50;left:0;right:0}.mobile-nav a{display:block;padding:13px;border-bottom:1px solid var(--line)}[hidden]{display:none!important}
.hero{position:relative;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:760px;padding-top:45px;padding-bottom:100px;gap:18px}.eyebrow,.section-label,.hero-bottom,.human-number{font:10px/1.6 var(--mono);letter-spacing:.11em;font-weight:400}.hero-copy{position:relative;z-index:3;padding-bottom:10px}.hero-copy .eyebrow{font-size:9px;display:flex;align-items:center;gap:9px;margin-bottom:30px}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #d9f2dc40}.hero h1{font-size:clamp(60px,6.7vw,105px);line-height:1.1;letter-spacing:-.066em;white-space:nowrap}.hero h1 em{color:var(--accent);transition:color .5s}.hero-intro{color:var(--muted);font-size:17px;line-height:1.8;margin-top:26px;letter-spacing:-.01em}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:3px;padding:15px 22px;font-size:13px;font-weight:550;transition:background .2s,transform .25s}.button:hover{transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.primary{background:var(--mint);color:var(--bg)}.primary:hover{background:var(--coral)}.text-link{font-size:13px;position:relative;display:inline-flex;align-items:center;gap:25px;background:none;padding:0}.text-link span{font-size:22px}.hero-footnote{display:flex;align-items:center;gap:14px;margin-top:48px;font-size:11px;color:var(--muted);line-height:1.65}.asterisk{display:flex;align-items:center;flex:0 0 auto}.portrait-scene{height:590px;position:relative;isolation:isolate;touch-action:pan-y}.portrait-frame{position:absolute;width:87%;height:100%;left:8%;top:0;overflow:hidden;mask-image:linear-gradient(to bottom,#000 88%,transparent 100%);border-radius:46% 46% 0 0;touch-action:pan-y}.portrait-motion{position:absolute;inset:0;transition:filter .5s;touch-action:pan-y}.portrait-motion img,.portrait-motion canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.portrait-motion img{transition:opacity .25s ease}.portrait-motion canvas{display:none}.portrait-motion.portrait-ready canvas{display:block}.portrait-motion.portrait-ready img{opacity:0;pointer-events:none}.orbit{position:absolute;inset:8% -1% 6%;border:1px solid #697b6847;border-radius:50%;z-index:-1;transform:rotate(-20deg)}.orbit-two{inset:13% -8% 15%;transform:rotate(21deg);border-color:#dba09226}.orbit-point{position:absolute;left:4%;top:38%;width:10px;height:10px;background:var(--coral);border-radius:50%;box-shadow:0 0 20px #ed817438;z-index:2}.scene-coordinates{font:8px var(--mono);letter-spacing:.17em;color:#9baf97;position:absolute;top:185px;left:5%;transform:rotate(-90deg);transform-origin:left}.name-sticker{position:absolute;right:-5px;top:39px;background:var(--mint);color:var(--bg);padding:11px 20px 10px;transform:rotate(10deg);z-index:4;border-radius:5px;box-shadow:0 10px 30px #0003}.name-sticker span{display:block;font:7px var(--mono);text-align:center;letter-spacing:.09em}.name-sticker strong{font:italic 52px/1.2 Georgia,serif;display:block;text-align:center;letter-spacing:-4px}.floating-label{position:absolute;left:-12%;bottom:135px;padding:10px 15px;background:#1d241fe6;border:1px solid #4d5c4c;border-radius:3px;font:10px var(--mono);transform:rotate(-7deg);z-index:4}.floating-label span{color:var(--mint);font-size:17px;margin-right:10px}.portrait-toggle{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px;white-space:nowrap;border:1px solid #6b796450;background:#20261fe8;padding:10px 15px;border-radius:50px;font:9px var(--mono);z-index:5}.portrait-toggle[aria-pressed=false] .status-dot{background:#899082;box-shadow:none}.portrait-hint{position:absolute;bottom:-12px;text-align:center;left:0;right:0;font:8px var(--mono);color:var(--muted)}.hero-bottom{position:absolute;bottom:27px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px}.hero-bottom a{font:24px var(--sans);display:grid;place-content:center;border:1px solid var(--line);border-radius:50%;width:36px;height:36px}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:20px 0;color:var(--muted)}.ticker>div{width:max-content;display:flex;align-items:center;gap:42px;font:500 18px var(--display);letter-spacing:.1em;animation:ticker 36s linear infinite}.ticker span{color:var(--coral);font-size:23px}.section{padding-top:110px;padding-bottom:110px}.section-label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:55px;font-size:9px}.section-label span:first-child{color:var(--mint)}h2{font-size:clamp(40px,4.7vw,72px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about h2 em{color:var(--mint)}.about-note{display:flex;gap:14px;margin-top:47px;font:11px/1.7 var(--mono);color:var(--muted)}.about-note>span{color:var(--coral);font:30px var(--sans)}.about-copy p{color:var(--muted);font-size:15px;margin-bottom:19px}.about-copy .lead{font-size:23px;color:var(--ink);line-height:1.5;letter-spacing:-.035em}.about-copy .text-link{margin-top:12px}.proof-row{margin-top:75px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr 1fr}.proof-row>div{padding:34px 0}.proof-row>div+div{border-left:1px solid var(--line);padding-left:40px}.proof-row strong{font:500 clamp(28px,3.3vw,48px) var(--display);letter-spacing:-.05em}.proof-row strong span{font-size:22px;color:var(--coral);margin-left:10px}.proof-row p{font-size:11px;margin-top:7px;color:var(--muted)}.work{padding-top:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px;gap:30px}.section-heading>p{color:var(--muted);font-size:14px;padding-bottom:7px}.work h2 em{color:var(--coral)}.work-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:40px 30px}.project{text-align:left;background:none;padding:0;min-width:0}.project-art{height:440px;position:relative;overflow:hidden;background:#a6997c;border-radius:3px}.project-art>img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.project:hover .project-art>img{transform:scale(1.045)}.kitchen-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 35%,#0009)}.project-brand{position:absolute;top:25px;left:28px;font-weight:700;font-size:17px;letter-spacing:-.05em;z-index:2;color:#fff}.art-type{font:650 75px/.97 var(--display);letter-spacing:-.07em;position:absolute;bottom:59px;left:28px;z-index:2;color:white}.art-type span{font-size:50px;font-weight:400;margin-left:25px;color:var(--mint)}.art-caption{position:absolute;bottom:26px;left:28px;font:8px var(--mono);letter-spacing:.1em;color:white;z-index:2}.project-open{position:absolute;right:20px;top:20px;border:1px solid #ffffff60;border-radius:50%;height:42px;width:42px;display:grid;place-content:center;font-size:23px;z-index:3;transition:background .2s,color .2s}.project:hover .project-open{background:var(--mint);color:var(--bg)}.project-meta{display:flex;justify-content:space-between;gap:20px;padding-top:21px}.project-meta .eyebrow{font-size:8px;color:var(--muted)}.project-meta h3{font-size:19px;font-weight:500;letter-spacing:-.035em;margin-top:6px}.project-meta>span{font:10px var(--mono);color:var(--muted)}.fresh-art{background:#e1e8b7}.fresh-art>img{object-position:center 60%;opacity:.97}.fresh-art .project-brand{color:#263e2d}.fresh-art .project-open{color:#263e2d;border-color:#263e2d60}.fresh-copy{position:absolute;left:28px;top:76px;font:600 42px/1.02 var(--display);letter-spacing:-.055em;color:#233e2b;max-width:90%;background:#eef1d5e0;padding:12px 16px;border-radius:2px}.fresh-stamp{position:absolute;bottom:30px;right:20px;width:90px;height:90px;border-radius:50%;background:var(--coral);color:#263e2d;font:11px/1.6 var(--mono);display:grid;place-content:center;text-align:center;transform:rotate(12deg);border:1px dashed #263e2d}.project-system{grid-column:1/-1}.system-art{position:relative;background:var(--mint);color:#1d3225;padding:44px 48px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;min-height:300px}.system-intro .eyebrow{font-size:9px}.system-intro h3{font-size:47px;letter-spacing:-.06em;line-height:1.1;margin:20px 0 15px}.system-intro>p:last-child{font-size:13px;line-height:1.5}.system-art .project-open{border-color:#263e2d66}.channel-map{height:235px;position:relative;width:330px;justify-self:center}.map-ring{position:absolute;border:1px solid #607d625c;border-radius:50%;inset:10px 52px;transform:rotate(-20deg)}.map-ring:before,.map-ring:after{content:'';position:absolute;inset:35px -30px;border:1px solid #607d625c;border-radius:50%;transform:rotate(40deg)}.map-ring:after{transform:rotate(-40deg)}.map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:1px solid #75997d;border-radius:50%;background:var(--mint);display:flex;justify-content:center;align-items:center;flex-direction:column;font:600 17px var(--display);letter-spacing:-.03em}.map-core>span{font:7px var(--mono);letter-spacing:.17em;margin-top:6px}.channel{position:absolute;font:9px var(--mono);letter-spacing:.07em;border:1px solid #6d8466;padding:8px 13px;border-radius:30px;background:var(--mint);transition:transform .4s}.c1{top:0;left:130px}.c2{right:0;top:107px}.c3{bottom:0;left:114px}.c4{top:107px;left:-7px}.project:hover .channel{transform:translateY(-5px)}.approach{border-block:1px solid var(--line);background:#161916}.approach-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:95px}.approach h2 em{color:var(--mint)}.brain-graphic{display:flex;align-items:center;gap:14px;margin-top:60px;font:8px var(--mono);color:var(--muted)}.brain-lines{width:95px;height:65px;border:1px solid var(--mint);border-radius:50%;position:relative;transform:rotate(-20deg)}.brain-lines:before,.brain-lines:after{content:'';position:absolute;inset:7px -8px;border:1px solid var(--coral);border-radius:50%;transform:rotate(55deg)}.brain-lines:after{transform:rotate(-35deg);border-color:var(--mint)}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;gap:20px;align-items:center;cursor:pointer;padding:25px 0}summary::-webkit-details-marker{display:none}summary>span:first-child{font:10px var(--mono);color:var(--muted)}summary h3{font-size:18px;letter-spacing:-.03em;flex:1}.plus{font-size:21px;color:var(--mint);transition:transform .3s}details[open] .plus{transform:rotate(45deg)}.principle-body{padding:0 0 28px 35px}.principle-body p{font-size:14px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}.tags span{font:9px var(--mono);border:1px solid #45503e;border-radius:30px;padding:6px 10px;color:var(--mint)}.ai-panel{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px}.ai-art{height:350px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#d9f2dc08,transparent 65%)}.ai-orbit{position:absolute;width:240px;height:135px;border:1px solid #d9f2dc70;border-radius:50%;transform:rotate(-30deg);animation:orbit 28s linear infinite}.a2{transform:rotate(30deg);animation-direction:reverse;border-color:#ed817488}.a3{transform:rotate(90deg);animation-duration:38s}.ai-core{font-size:155px;color:var(--mint);line-height:1;transition:color .5s,transform 1s}.ai-caption{position:absolute;bottom:5px;font:8px var(--mono);letter-spacing:.16em;color:var(--muted)}.ai-copy .eyebrow{color:var(--coral);margin-bottom:25px;font-size:9px}.ai-copy h2{font-size:clamp(38px,3.8vw,58px)}.ai-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:25px;max-width:510px}.ai-copy>p.ai-aside{font-size:12px;margin-top:16px}.ai-copy .text-link{margin-top:25px}.off-clock{border-top:1px solid var(--line);padding-top:95px}.off-clock h2 em{color:var(--coral)}.human-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.human-card{position:relative;min-height:370px;border:1px solid var(--line);padding:25px 25px 30px;overflow:hidden}.human-number{font-size:8px;color:var(--muted)}.human-card h3{font-size:23px;letter-spacing:-.04em;margin:0 0 10px}.human-card p{font-size:13px;color:var(--muted);max-width:260px}.human-card .text-link{margin-top:15px;font-size:11px}.art-doodle{height:180px;position:relative}.plant-card{background:#1d251e}.bonsai{height:180px;width:100%;color:var(--mint);padding:15px}.dog-type{font:600 55px/.9 var(--display);letter-spacing:-.07em;color:var(--mint);height:180px;padding-top:25px}.dog-type em{font-size:65px;color:var(--coral)}.dog-type>span{position:absolute;right:25px;top:90px;font-size:35px}.curiosity-row{display:flex;gap:25px;align-items:center;margin-top:30px;padding:25px 0;border-block:1px solid var(--line);flex-wrap:wrap}.curiosity-row>span{font:8px var(--mono);color:var(--muted)}.curiosity-row>p{font-size:11px;flex:1}.curiosity-row b{color:var(--coral);margin:0 10px}.curiosity-row>button{background:none;font-size:11px;padding:8px 0;color:var(--mint)}.curiosity-row>button span{margin-left:10px}.contact{border-top:1px solid var(--line);padding-bottom:80px;position:relative}.contact>.eyebrow{font-size:9px;color:var(--muted);margin-bottom:23px}.contact h2{font-size:clamp(48px,6.2vw,96px);position:relative}.contact h2 em{color:var(--mint)}.contact h2>a{position:absolute;right:0;bottom:5px;border:1px solid #5b6456;border-radius:50%;width:100px;height:100px;display:grid;place-items:center;font-size:65px;transition:background .2s,color .2s}.contact h2>a:hover{background:var(--mint);color:var(--bg)}.contact-bottom{margin-top:40px;display:flex;justify-content:space-between;gap:30px;align-items:center}.contact-bottom>p{font-size:13px;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:25px;font:9px var(--mono);color:var(--muted)}dialog{background:var(--surface);color:var(--ink);border:1px solid #5b6456;padding:50px;width:min(740px,calc(100% - 32px));max-height:85vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-close{position:sticky;top:0;float:right;background:var(--mint);color:var(--bg);border-radius:50%;width:36px;height:36px;font-size:24px;z-index:2}dialog .eyebrow{font-size:9px;color:var(--coral);margin:15px 0 20px}dialog h2{font-size:45px;max-width:530px}dialog p{color:var(--muted);font-size:15px;margin-top:22px}dialog h3{font-size:20px;margin-top:30px}dialog .dialog-facts{padding:20px 0;border-block:1px solid var(--line);margin-top:30px;display:flex;flex-wrap:wrap;gap:20px;font:10px var(--mono);color:var(--mint)}dialog .text-link{margin-top:30px}.reveal-ready{opacity:0;transform:translateY(23px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal-ready.in-view{opacity:1;transform:none}body.remixed{--accent:var(--coral)}body.remixed .ai-core{color:var(--coral);transform:rotate(90deg)}body.remixed .portrait-motion{filter:hue-rotate(-12deg)}body.bat-mode .hero h1 em{color:var(--coral)}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes orbit{to{transform:rotate(330deg)}}
@media(min-width:1500px){.hero{min-height:840px}.portrait-scene{height:665px}.hero h1{font-size:105px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px}.header nav{gap:20px}.hero{min-height:670px}.portrait-scene{height:490px}.hero-copy .eyebrow{font-size:7px}.hero h1{font-size:6.8vw}.hero-intro{font-size:15px}.floating-label{left:-7%;font-size:8px}.name-sticker{right:-5px;padding:8px 12px;top:30px}.name-sticker strong{font-size:43px}.name-sticker span{font-size:6px}.hero-actions{gap:20px}.hero-footnote{margin-top:30px}.about-grid,.approach-grid{gap:45px}.project-art{height:370px}.art-type{font-size:60px}.fresh-copy{font-size:34px}.ai-panel{gap:30px}.contact h2>a{width:80px;height:80px;font-size:50px}.curiosity-row{gap:15px}.human-card{padding:20px}.dog-type{font-size:48px}.dog-type em{font-size:57px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:78px;padding:0 20px}.identity{font-size:14px;gap:12px}.identity-sub{font-size:6px}.monogram{font-size:34px;padding-right:17px}.header nav,.nav-contact{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:85px;gap:5px;min-height:auto}.hero h1{font-size:clamp(48px,10.8vw,79px);white-space:normal}.hero-copy .eyebrow{font-size:7px;margin-bottom:23px;letter-spacing:.06em}.hero-intro{font-size:15px;margin-top:20px}.hero-actions{margin-top:25px;gap:24px}.button{font-size:12px;padding:13px 17px;gap:22px}.hero-actions .text-link{font-size:12px;gap:12px}.hero-footnote{display:none}.portrait-scene{height:480px;max-width:410px;width:100%;justify-self:center;margin-top:17px}.portrait-frame{width:86%;left:7%}.orbit-one{inset:8% 2% 7%}.orbit-two{inset:17% -1% 17%}.name-sticker{top:34px;right:6px}.floating-label{left:0;bottom:114px}.scene-coordinates{left:6%;top:185px}.hero-bottom{font-size:7px;bottom:21px;gap:15px}.hero-bottom>span:last-child{display:none}.hero-bottom a{width:32px;height:32px}.ticker{padding:15px 0}.ticker>div{font-size:13px;gap:25px}.ticker span{font-size:18px}.section{padding-block:70px}.section-label{margin-bottom:35px;font-size:8px}.section-label span:last-child{display:none}h2{font-size:46px}.about-grid{grid-template-columns:1fr;gap:30px}.about-note{display:none}.about-copy .lead{font-size:20px}.about-copy p{font-size:14px}.proof-row{grid-template-columns:1fr;margin-top:40px}.proof-row>div{padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.proof-row>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.proof-row strong{font-size:32px;white-space:nowrap}.proof-row strong span{font-size:17px}.proof-row p{font-size:10px;text-align:right;max-width:145px;margin:0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:23px;font-size:13px}.work{padding-top:5px}.work-grid{grid-template-columns:1fr;gap:35px}.project-art{height:400px}.art-type{font-size:65px}.project-meta h3{font-size:18px}.fresh-copy{font-size:38px}.system-art{grid-template-columns:1fr;padding:30px 25px;gap:30px}.system-intro h3{font-size:43px}.system-intro>p:last-child br{display:none}.channel-map{width:280px;height:225px}.c1{left:109px}.c3{left:84px}.approach-grid{grid-template-columns:1fr;gap:35px}.approach-heading h2 br:last-of-type{display:none}.brain-graphic{display:none}summary{gap:14px;padding:23px 0}summary h3{font-size:16px}.principle-body{padding-left:28px}.principle-body p{font-size:13px}.ai-panel{grid-template-columns:1fr;gap:35px}.ai-art{height:230px;order:2}.ai-copy h2{font-size:42px}.ai-orbit{width:190px;height:95px}.ai-core{font-size:120px}.ai-caption{bottom:-8px}.human-grid{grid-template-columns:1fr}.human-card{min-height:330px;padding:25px}.human-card p{max-width:100%}.art-doodle{height:170px}.bonsai{height:170px}.dog-type{height:170px;font-size:60px}.dog-type em{font-size:65px}.dog-type>span{right:50px}.curiosity-row{display:block;margin-top:25px}.curiosity-row>p{margin:12px 0;font-size:12px;line-height:2}.curiosity-row b{margin:0 6px}.contact h2{font-size:clamp(42px,9.8vw,69px)}.contact h2>a{display:none}.contact-bottom{display:block;margin-top:28px}.contact-bottom>p{font-size:13px}.contact-bottom .button{margin-top:25px}.footer{font-size:8px;flex-wrap:wrap;gap:15px;padding-block:22px}.footer>span:nth-child(2){order:3;flex-basis:100%}.footer>a{margin-left:auto}dialog{padding:25px}dialog h2{font-size:36px}dialog p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.portrait-motion{transform:none!important}}

/* Clip decorative orbits without introducing a horizontal scroll surface. */
main{overflow:clip}

/* Editorial refinement: clear rhythm, visible leadership, quieter chrome. */
.header{position:sticky;top:0;background:rgb(17 19 17 / .91);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hero{min-height:max(680px,calc(100svh - 100px));padding-top:42px;padding-bottom:96px}
.hero:before{content:'';position:absolute;inset:-80px -80px -10px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 78% 41%,#4554402d,transparent 47%),radial-gradient(ellipse at 97% 60%,#75403816,transparent 39%)}
.hero-copy{animation:hero-enter .85s var(--ease) both}.portrait-scene{animation:portrait-enter 1.1s var(--ease) .12s both;height:clamp(500px,65svh,650px)}
.hero-intro{max-width:470px}.hero-copy .eyebrow{letter-spacing:.09em}.hero-footnote p{line-height:1.9}
.hero h1 em{position:relative}.hero h1 em:after{content:'';position:absolute;left:2%;right:0;bottom:-7px;height:5px;border-top:1px solid var(--accent);border-radius:50%;transform:rotate(-3deg);opacity:.65}
.name-sticker{transition:transform .4s var(--ease),box-shadow .4s}.name-sticker:hover{transform:rotate(3deg);box-shadow:0 16px 35px #0005}
.portrait-hint{bottom:-8px;font-size:9px}.portrait-direction{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:100px;height:14px;margin:0;appearance:none;background:transparent;opacity:0;transition:opacity .2s;z-index:6;cursor:ew-resize}
.portrait-scene:focus-within .portrait-direction,.portrait-direction:hover{opacity:1}.portrait-direction:focus-visible{outline:2px solid var(--coral);outline-offset:6px;border-radius:10px}
.portrait-direction::-webkit-slider-runnable-track{height:2px;background:#7e8d7780}.portrait-direction::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:var(--mint);margin-top:-3.5px}
.portrait-direction::-moz-range-track{height:2px;background:#7e8d7780}.portrait-direction::-moz-range-thumb{border:0;width:9px;height:9px;border-radius:50%;background:var(--mint)}
.about{padding-bottom:95px}.about-copy p{max-width:620px}.proof-row p{font-size:12px;max-width:220px}
.mandate{background:#e8ecdf;color:#1d2c23;position:relative;overflow:hidden;padding-block:92px}
.mandate .section-label{color:#626e5d}.mandate .section-label span:first-child{color:#355940}.scope-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:end;margin-bottom:56px}
.scope-heading h2{font-size:clamp(46px,5vw,76px)}.scope-heading h2 em{color:#536d49}.scope-heading>p{max-width:400px;font-size:15px;line-height:1.9;color:#52604f;padding-bottom:6px}
.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #a9b4a0;border-left:1px solid #bfc8b5}
.scope-item{display:flex;position:relative;gap:17px;padding:31px 27px 31px 22px;border-right:1px solid #bfc8b5;border-bottom:1px solid #bfc8b5;transition:background .35s;min-height:228px}
.scope-item:hover{background:#d6dfca}.scope-number{font:9px var(--mono);color:#6f7f65;padding-top:6px}.scope-item h3{font-size:20px;letter-spacing:-.04em;margin-bottom:14px;padding-right:19px}.scope-item p{font-size:13px;line-height:1.85;color:#52604f}.scope-meta{display:block;font:7px/1.8 var(--mono);letter-spacing:.06em;margin-top:22px;color:#5e7454}.scope-symbol{position:absolute;right:20px;top:24px;font-size:25px;line-height:1;color:#7e9871;transition:transform .35s var(--ease)}.scope-item:hover .scope-symbol{transform:rotate(-14deg) scale(1.2)}
.scope-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:28px}.scope-bottom>span:first-child{font:8px var(--mono);letter-spacing:.1em;color:#62735a}.scope-bottom p{font-size:14px;color:#52604f}.scope-bottom strong{font-weight:550;color:#263b2c}.scope-flower{font-size:32px;color:#597d4c;line-height:1}
.work{padding-top:110px}.project-role{color:var(--muted);font-size:12px;line-height:1.75;max-width:490px;margin-top:12px;padding-right:20px}.project-meta h3{font-size:21px}.project-meta>span{padding-top:3px}.project-art{border-radius:4px;isolation:isolate}.project-art:before{content:'';position:absolute;inset:0;border:1px solid #ffffff15;z-index:4;pointer-events:none;border-radius:inherit}.project-art>img{transition:transform 1s var(--ease),filter .7s}.project:hover .project-art>img{transform:scale(1.035)}.project-open{transition:background .25s,color .25s,transform .35s}.project:hover .project-open{transform:rotate(45deg)}
.project-system{margin-top:10px}.system-art{min-height:330px}.map-ring{box-shadow:0 0 60px #7995750a}.channel{transition:transform .45s var(--ease),border-color .3s}.project-system:hover .channel{transform:translateY(-4px);border-color:#829877}.project-system:hover .map-core{box-shadow:0 0 55px #cfe8c720}
.leadership-note{border-top:1px solid #53614c;border-bottom:1px solid #53614c;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;position:relative;margin-top:90px;padding:65px 0 72px}
.leadership-mark{display:flex;align-items:center;justify-content:center;gap:10px;min-height:240px;position:relative}.leadership-mark:before{content:'';position:absolute;width:220px;height:220px;border:1px solid #58634f;border-radius:50%}.leadership-mark span{font:90px/.8 var(--display);color:var(--mint);z-index:1}.leadership-mark span:nth-child(1){transform:translateY(34px);opacity:.3}.leadership-mark span:nth-child(2){transform:translateY(0);opacity:.6}.leadership-mark span:nth-child(3){transform:translateY(-34px);color:var(--coral)}
.leadership-copy .eyebrow{color:#a9b6a0;font-size:8px;margin-bottom:25px}.leadership-copy h3{font-size:clamp(42px,4.5vw,65px);line-height:1.06;letter-spacing:-.06em;margin-bottom:26px}.leadership-copy h3 em{color:var(--mint)}.leadership-copy>p:not(.eyebrow){max-width:535px;color:var(--muted);font-size:14px;line-height:1.85;margin-top:15px}.leadership-signature{position:absolute;left:8%;bottom:38px;width:145px;max-height:55px;opacity:.75}
.ai-panel{grid-template-columns:1fr 1fr;gap:75px;align-items:center}.ai-art.experiment-art{height:410px;border:1px solid #48503f;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a241b,#242820 70%);overflow:hidden;border-radius:6px;position:relative}.experiment-top,.experiment-bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;font:8px var(--mono);letter-spacing:.05em;color:#b5c1aa;position:relative;z-index:3}.experiment-top{border-bottom:1px solid #46523d}.live-dot{display:flex;align-items:center;gap:7px;font-size:7px}.live-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--mint)}.experiment-bottom{border-top:1px solid #46523d;margin-top:auto;font-size:7px}.experiment-bottom>span:last-child{font-size:18px}
.portrait-film{height:305px;position:relative;margin:0 10px;display:flex;align-items:center;justify-content:center;isolation:isolate}.portrait-film figure{margin:0;width:43%;height:265px;position:absolute;border:1px solid #6e776550;border-radius:7px;box-shadow:0 14px 25px #0005;overflow:hidden;background:#111;transition:transform .7s var(--ease)}.portrait-film img{width:100%;height:100%;object-fit:cover}.film-left{transform:translateX(-60%) rotate(-10deg);z-index:0;filter:brightness(.75)}.film-center{transform:translateY(4px);z-index:2}.film-right{transform:translateX(60%) rotate(10deg);z-index:1;filter:brightness(.75)}.experiment-art:hover .film-left{transform:translateX(-67%) rotate(-14deg)}.experiment-art:hover .film-right{transform:translateX(67%) rotate(14deg)}.experiment-art:hover .film-center{transform:translateY(-6px)}
.ai-copy h2{font-size:clamp(39px,3.8vw,60px)}.ai-copy .eyebrow{font-size:8px}.ai-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;max-width:560px}.ai-copy .ai-aside{font-size:13px;margin-top:18px;color:#b0b7a8}.making-of{margin:24px 0 28px;border-top:1px solid #424b3d;border-bottom:1px solid #424b3d}.making-of summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font:11px var(--mono);list-style:none;color:var(--mint)}.making-of summary::-webkit-details-marker{display:none}.making-of summary span{font-size:19px}.making-of[open] summary span{transform:rotate(45deg)}.making-of p{padding-bottom:18px;font-size:12px;line-height:1.8;color:var(--muted)}
.human-card{transition:transform .45s var(--ease),border-color .4s;overflow:hidden}.human-card:hover{transform:translateY(-5px);border-color:#879678}.art-doodle{transition:transform .7s var(--ease)}.art-card:hover .art-doodle{transform:rotate(8deg) scale(1.04)}.plant-card:hover .bonsai{transform:rotate(-3deg)}.bonsai{transition:transform .7s var(--ease)}.dog-card:hover .dog-type>span{transform:rotate(15deg) translateY(-4px)}.dog-type>span{transition:transform .45s}
.contact{position:relative}.contact:before{content:'';position:absolute;inset:0 -70px;background:radial-gradient(ellipse at 75% 100%,#43583b35,transparent 65%);z-index:-1;pointer-events:none}.contact h2{font-size:clamp(52px,6.4vw,100px)}.contact h2>a{transition:transform .5s var(--ease),background .25s,color .25s}.contact h2>a:hover{transform:rotate(45deg)}.site-motion{background:none;padding:0;font:inherit;display:flex;gap:10px;align-items:center;color:var(--muted)}.site-motion:hover{color:var(--mint)}.footer{align-items:center;flex-wrap:wrap}.footer>span:nth-child(2){margin-left:auto}.footer>a{margin-left:0}
body.remixed{--accent:var(--coral);--mint:#f0c8b4}.remixed .hero:before{background:radial-gradient(ellipse at 78% 41%,#854c403b,transparent 49%)}.remixed .mandate{background:#efdcd0}.remixed .scope-item:hover{background:#e5caba}.remixed .scope-grid,.remixed .scope-item{border-color:#c8aa96}.remixed .scope-heading h2 em{color:#9d5e48}.remixed .scope-symbol,.remixed .scope-flower{color:#a36c51}.remixed .experiment-art{background:linear-gradient(135deg,#30221e,#25251f 70%)}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}.motion-paused .portrait-scene,.motion-paused .hero-copy{animation:none}.motion-paused .portrait-film figure,.motion-paused .project-art>img,.motion-paused .human-card{transition:none}
@keyframes hero-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes portrait-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero{min-height:670px}.portrait-scene{height:500px}.scope-heading{gap:45px;grid-template-columns:1.2fr 1fr}.scope-grid{grid-template-columns:1fr 1fr}.scope-item{min-height:220px}.ai-panel{gap:35px}.ai-art.experiment-art{height:370px}.portrait-film figure{height:240px}.leadership-note{gap:40px}.leadership-mark span{font-size:75px}.leadership-signature{left:6%}.ai-copy h2{font-size:42px}.scope-heading h2{font-size:60px}}
@media(max-width:760px){
.header{height:76px}.hero{padding-top:30px;padding-bottom:88px;min-height:0;gap:0;text-align:center}.hero-copy{display:contents;animation:none}.hero-copy .eyebrow{order:1;justify-content:center;font-size:6px;letter-spacing:.045em;margin-bottom:19px;gap:7px}.hero h1{order:2;font-size:clamp(44px,11.8vw,70px);line-height:1.02}.hero h1 em:after{bottom:-4px}.portrait-scene{order:3;height:380px;max-width:340px;margin-top:25px;margin-bottom:32px}.hero-intro{order:4;font-size:14px;line-height:1.75;margin-top:0;max-width:330px;justify-self:center}.desktop-break{display:none}.hero-actions{order:5;justify-content:center;margin-top:23px;gap:26px}.hero-footnote{display:none}.hero-bottom{font-size:6px;bottom:23px}.hero-bottom>span:first-child{letter-spacing:.03em}.hero-bottom a{width:29px;height:29px}.name-sticker{top:25px;right:-1px;padding:9px 13px}.name-sticker strong{font-size:42px}.name-sticker span{font-size:5px}.floating-label{bottom:91px;left:-3px;font-size:7px;padding:8px 10px}.scene-coordinates{font-size:6px;top:154px;left:6%}.portrait-toggle{bottom:2px;font-size:8px;padding:9px 13px;gap:8px}.portrait-hint{bottom:-21px;font-size:7px}.portrait-direction{bottom:-42px;opacity:.55}.orbit-point{width:7px;height:7px}.hero:before{inset:-40px -20px;background:radial-gradient(ellipse at 50% 44%,#4e61412b,transparent 58%)}
.about{padding-bottom:65px}.proof-row p{font-size:10px;max-width:150px}.mandate{padding-block:65px}.scope-heading{display:block;margin-bottom:33px}.scope-heading h2{font-size:46px}.scope-heading>p{font-size:13px;margin-top:25px;line-height:1.8}.scope-heading>p br{display:none}.scope-grid{grid-template-columns:1fr}.scope-item{padding:24px 23px 25px 17px;min-height:0;gap:15px}.scope-item h3{font-size:20px;margin-bottom:10px}.scope-item p{font-size:12px}.scope-meta{font-size:7px;margin-top:14px}.scope-symbol{top:21px;right:18px}.scope-bottom{gap:14px;align-items:start;padding-top:23px}.scope-bottom>span:first-child{display:none}.scope-bottom p{font-size:12px;max-width:275px}.scope-flower{font-size:28px}.work{padding-top:70px}.project-role{font-size:11px;padding-right:0;margin-top:10px}.project-meta h3{font-size:18px}.project-art{height:380px}.project-system{margin-top:0}.system-art{min-height:0}.leadership-note{grid-template-columns:1fr;gap:0;margin-top:55px;padding:33px 0 45px}.leadership-mark{display:none}.leadership-copy .eyebrow{font-size:7px;margin-bottom:22px;max-width:250px}.leadership-copy h3{font-size:45px}.leadership-copy>p:not(.eyebrow){font-size:13px}.leadership-signature{position:static;margin-top:30px;width:120px;max-height:45px}.ai-panel{grid-template-columns:1fr;gap:37px}.ai-art.experiment-art{height:350px;order:2}.portrait-film{height:265px}.portrait-film figure{height:230px;width:43%}.experiment-top,.experiment-bottom{padding:14px 17px;font-size:7px}.experiment-bottom{font-size:6px}.ai-copy h2{font-size:42px}.ai-copy>p:not(.eyebrow){font-size:13px}.ai-copy .ai-aside{font-size:12px}.making-of summary{font-size:10px}.human-card:hover{transform:none}.contact h2{font-size:clamp(40px,10vw,70px)}.footer{gap:18px;font-size:8px}.footer>span:nth-child(2){order:4;flex-basis:100%;margin:0}.footer .site-motion{margin-left:auto}.footer>a{margin-left:0}.contact-bottom>p br{display:none}
}
@media(max-width:360px){.hero-copy .eyebrow{font-size:5px}.hero h1{font-size:40px}.portrait-scene{height:350px}.hero-actions{gap:20px}.scope-heading h2{font-size:41px}.scope-item h3{font-size:18px}.scope-symbol{font-size:22px}.scope-item{gap:11px;padding-left:13px;padding-right:18px}.ai-copy h2{font-size:36px}.portrait-film figure{height:210px}.ai-art.experiment-art{height:330px}.portrait-film{height:245px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.portrait-scene{animation:none}.human-card:hover,.project-open,.portrait-film figure{transition:none}.portrait-motion img{transition:none}}

html:has(body.motion-paused){scroll-behavior:auto}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{transition:none!important}

.experiment-art .experiment-top,.experiment-art .experiment-bottom{width:100%}
.experiment-art .portrait-film{width:calc(100% - 20px);flex:1;min-height:0}
@media(max-width:760px){.hero-copy .eyebrow{font-size:8px}.portrait-scene{margin-bottom:44px}}
@media(max-width:360px){.hero-copy .eyebrow{font-size:7px}}

.mobile-nav{position:fixed;top:76px;max-height:calc(100svh - 76px);overflow:auto;box-shadow:0 18px 30px #0004}
@media(min-width:761px){.mobile-nav{display:none}}

/* Hero v3: let the character share the page instead of sitting inside a card. */
.hero .portrait-scene{height:clamp(520px,67svh,700px);width:100%;max-width:none;margin-top:0;justify-self:center}
.hero .portrait-frame{top:0;bottom:auto;left:50%;right:auto;width:auto;height:100%;aspect-ratio:2 / 3;transform:translateX(-50%);border-radius:0;overflow:visible;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 79%,transparent 99%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 79%,transparent 99%);mask-composite:intersect}
.hero .portrait-motion{inset:0}
.hero .portrait-motion img,.hero .portrait-motion canvas{object-fit:contain}
.hero .name-sticker{top:auto;bottom:21%;left:3%;right:auto;padding:10px 18px 8px;transform:rotate(-7deg);box-shadow:0 8px 20px #0002}
.hero .name-sticker strong{font-size:48px;line-height:1.05}
.hero .name-sticker span{font-size:6px;letter-spacing:.09em}
.hero .name-sticker:hover{transform:rotate(-3deg);box-shadow:0 8px 20px #0002}
.hero .portrait-toggle{bottom:17px;background:#171b16e8;border-color:#67735e55;font-size:9px;padding:10px 15px}
.hero .portrait-hint{bottom:-9px;font-size:9px;letter-spacing:.01em}
.hero .portrait-controls{position:absolute;bottom:-48px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:17px;width:155px;height:36px;z-index:6;opacity:0;pointer-events:none;transition:opacity .15s ease}
.hero .portrait-controls:focus-within{opacity:1;pointer-events:auto}
.hero .portrait-direction,.hero .portrait-elevation{position:static;left:auto;bottom:auto;transform:none;margin:0;appearance:none;background:transparent;opacity:1;transition:none;cursor:ew-resize;accent-color:var(--mint)}
.hero .portrait-direction{width:104px;height:18px}
.hero .portrait-elevation{width:18px;height:34px;writing-mode:vertical-lr;direction:rtl;cursor:ns-resize}
.hero .portrait-direction:focus-visible,.hero .portrait-elevation:focus-visible{outline:2px solid var(--coral);outline-offset:5px;border-radius:10px}
.hero .portrait-elevation::-webkit-slider-runnable-track{width:2px;background:#7e8d7780}
.hero .portrait-elevation::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:var(--mint);margin-left:-3.5px}
.hero .portrait-elevation::-moz-range-track{width:2px;background:#7e8d7780}
.hero .portrait-elevation::-moz-range-thumb{border:0;width:9px;height:9px;border-radius:50%;background:var(--mint)}
.hero .portrait-keyboard-hint{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font:8px/1.4 var(--mono);white-space:nowrap;color:var(--muted)}
@media(min-width:761px) and (max-width:1100px){.hero .portrait-scene{height:530px}.hero .name-sticker{left:-3%;bottom:21%;padding:9px 15px 7px}.hero .name-sticker strong{font-size:43px}}
@media(max-width:760px){.hero .portrait-scene{height:390px;max-width:340px;margin-top:12px;margin-bottom:64px}.hero .name-sticker{left:2%;bottom:24%;padding:8px 13px 7px}.hero .name-sticker strong{font-size:37px}.hero .name-sticker span{font-size:5px}.hero .portrait-toggle{bottom:10px;font-size:8px;padding:9px 13px}.hero .portrait-hint{bottom:-14px;font-size:8px}.hero .portrait-controls{bottom:-53px}.hero .portrait-keyboard-hint{font-size:7px}.hero .portrait-frame{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 79%,transparent 99%);mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 79%,transparent 99%)}}
@media(max-width:360px){.hero .portrait-scene{height:350px;max-width:300px;margin-top:10px}.hero .name-sticker{left:-2%;bottom:25%}.hero .name-sticker strong{font-size:33px}.hero .portrait-hint{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero .portrait-controls,.hero .name-sticker{transition:none}.hero .name-sticker:hover{transform:rotate(-7deg)}}

/* V4 — the complete palette from Tom’s original bow-and-arrow artwork. */
:root{
  --red:#ce4545;
  --coral:#d1736c;
  --rose:#d3a193;
  --cream:#d5cebb;
  --paper:#f4f0e9;
  --mint:#d8fce2;
  --ink:var(--paper);
  --muted:#beb9ad;
  --line:#403d38;
}
.section-label span:first-child{color:var(--coral)}
.about h2{color:var(--paper)}
.about h2 em{color:var(--coral)}
.about-grid{align-items:center;grid-template-columns:.82fr 1.18fr;gap:90px}
.about-illustration{margin:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:240px;margin-top:35px}
.about-illustration img{width:100%;height:285px;object-fit:contain;object-position:center}
.about-illustration figcaption{font:9px/1.6 var(--mono);letter-spacing:.09em;color:var(--rose);margin-top:20px;text-align:center}
.about-copy .lead{color:var(--paper)}
.about-copy .text-link{color:var(--coral)}
.proof-row strong{color:var(--rose)}
.proof-row>div:first-child strong{color:var(--coral)}
.proof-row>div:last-child strong{color:var(--mint)}
.proof-row{border-color:#4d4540}
.proof-row>div+div{border-color:#4d4540}

/* Cream gives the full marketing remit a quieter, editorial setting. */
.mandate{background:var(--cream);color:#191919}
.mandate .section-label,.mandate .section-label span:first-child{color:#554b43}
.scope-heading h2 em{color:#97383a}
.scope-heading>p,.scope-item p,.scope-bottom p{color:#4c4540}
.scope-grid,.scope-item{border-color:#aaa08e}
.scope-number,.scope-meta,.scope-bottom>span:first-child{color:#5d4d47}
.scope-symbol,.scope-flower{color:#97383a}
.scope-item:hover{background:#e2dbca}
.scope-bottom strong{color:#211d19}

/* Full-width color chapters, with the content grid kept aligned. */
.work,.ai,.faq,.contact{position:relative;isolation:isolate}
.work:before,.ai:before,.faq:before,.contact:before{
  content:'';position:absolute;inset:0 auto 0 50%;width:100vw;
  transform:translateX(-50%);z-index:-1;pointer-events:none;
}
.work{--ink:#191617;--muted:#352425;--line:#9e514e;color:var(--ink);padding-block:96px}
.work:before{background:var(--coral)}
.work .section-label,.work .section-label span:first-child{color:#352425}
.work .section-heading h2 em{color:var(--paper)}
.work .section-heading>p,.work .project-role,.work .project-meta .eyebrow{color:#352425}
.work .project-meta h3{color:#191617}
.work .project-meta>span{color:#352425}
.work .project-art{color:var(--paper)}
.work .project-art .project-open{color:var(--paper);border-color:#ffffff85}
.work .project-art .art-type{color:var(--paper)}
.work .system-art{background:#231c1d;border:0;color:var(--paper)}
.work .system-intro>p{color:var(--cream)}
.work .map-ring{border-color:#8d5a55}
.work .map-core{background:var(--cream);color:#201c1c;box-shadow:none}
.work .channel{border-color:#88645d;background:#342426;color:var(--paper)}
.work .project-system .project-meta .eyebrow{color:#352425}
.work .project-system:hover .channel{border-color:var(--cream)}
.work .project-system:hover .map-core{box-shadow:0 0 45px #d5cebb20}
.approach{background:#181818}
.approach h2 em,.leadership-copy h3 em{color:var(--coral)}
.approach .principles details{border-color:#49413d}
.principle-body p{color:var(--muted)}
.tags span{border-color:#67514d;color:var(--rose)}
.brain-graphic{color:var(--rose)}
.leadership-note{border-color:#5b4541}
.leadership-copy .eyebrow{color:var(--rose)}
.leadership-mark:before{border-color:#72504b}
.leadership-mark span:nth-child(1){color:var(--cream)}
.leadership-mark span:nth-child(2){color:var(--rose)}
.leadership-mark span:nth-child(3){color:var(--coral)}

.ai{--ink:#211d1b;--muted:#544c46;--line:#c5bbad;color:var(--ink)}
.ai:before{background:var(--paper)}
.ai .section-label,.ai .section-label span:first-child{color:#8d3536}
.ai-copy .eyebrow,.ai-copy h2 em{color:#a2383a}
.ai-copy .ai-aside{color:#544c46}
.ai .text-link,.ai .making-of summary{color:#8d3536}
.ai .making-of{border-color:#c5bbad}
.ai-art.experiment-art{background:linear-gradient(135deg,#281e1e,#171818);border-color:#6b4b47;color:var(--paper)}
.experiment-top,.experiment-bottom{border-color:#634843;color:var(--cream)}

.off-clock h2 em{color:var(--rose)}
.human-card{border:0;color:#171717}
.human-card h3,.human-card p,.human-card .human-number,.human-card .text-link{color:#242020}
.art-card{background:var(--rose)}
.plant-card{background:var(--cream)}
.dog-card{background:var(--mint)}
.art-card .art-doodle{color:#97383a}
.plant-card .bonsai{color:#584c43}
.dog-card .dog-type,.dog-card .dog-type em,.dog-card .dog-type>span{color:#233b2b}
.human-card .text-link:after{background:#242020}



/* The original illustrated head follows scroll as a decorative portrait. */
.human-heading{position:relative;align-items:center;gap:36px}
.human-heading>p{margin-left:auto;max-width:290px}
.head-spin-portrait{width:135px;min-height:160px;display:grid;place-items:center;position:relative;pointer-events:none}

.head-spin-portrait img{width:83px;height:109px;object-fit:contain;transform:rotate(var(--head-turn,-9deg));transform-origin:50% 50%}





.faq{--ink:#231f1c;--muted:#554c45;--line:#b7aa99;color:var(--ink);padding-block:100px}
.faq:before{background:var(--cream)}
.faq .section-label,.faq .section-label span:first-child{color:#673f38}
.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}
.faq-heading h2{font-size:clamp(42px,4.8vw,70px)}
.faq-heading h2 em{color:#97383a}
.faq-heading>p{max-width:310px;margin-top:27px;font-size:14px;color:#554c45;line-height:1.85}
.faq-list{border-top:1px solid #a99a86}
.faq-item{border-bottom:1px solid #a99a86}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;font:500 19px/1.4 var(--display);letter-spacing:-.035em;color:#231f1c}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .faq-question{font:inherit;color:inherit}
.faq-item summary .faq-toggle{font:26px/1 var(--sans);font-weight:300;flex:0 0 25px;color:#97383a;text-align:center;transition:transform .2s ease}
.faq-item[open] summary .faq-toggle{transform:rotate(45deg)}
.faq-item summary:hover{color:#97383a}
.faq-answer{padding:0 40px 25px 0;max-width:640px}
.faq-answer p{font-size:14px;line-height:1.85;color:#4c4540}
.faq a:focus-visible,.faq summary:focus-visible{outline-color:#97383a}

.contact{--ink:#fff;--muted:#fff;--line:#ffffff55;color:#fff;padding-block:95px 85px}
.contact:before{background:var(--red)}
.contact .section-label,.contact .section-label span:first-child,.contact>.eyebrow,.contact-bottom>p{color:#fff}
.contact-composition{display:grid;grid-template-columns:1.35fr .65fr;gap:45px;align-items:center}
.contact h2{font-size:clamp(50px,5.7vw,86px)}
.contact h2 em{color:var(--paper)}
.contact h2>a{display:none}
.contact-art{width:100%;max-height:320px;object-fit:contain;transform:rotate(-5deg);transition:transform .6s var(--ease)}
.contact:hover .contact-art{transform:rotate(0deg) translateX(7px)}
.contact .button.primary{background:var(--paper);color:#221c1a}
.contact .button.primary:hover{background:var(--mint)}
.footer{padding-block:26px}
body.remixed{--accent:var(--coral)}
.remixed .mandate{background:var(--rose)}
.remixed .scope-item:hover{background:#dfb7a9}
.remixed .scope-grid,.remixed .scope-item{border-color:#ac8071}
.remixed .scope-heading h2 em,.remixed .scope-symbol,.remixed .scope-flower{color:#713530}
.remixed .experiment-art{background:linear-gradient(135deg,#35201f,#171818)}
@media(max-width:1100px){
  .about-grid{gap:45px}.about-illustration img{height:285px}
  .faq-layout{gap:45px}.contact-composition{gap:25px;grid-template-columns:1.4fr .6fr}
  .head-spin-portrait{flex-basis:115px;width:115px}
}
@media(max-width:760px){
  .about-grid{grid-template-columns:1fr;gap:28px}
  .about-illustration{width:160px;margin:28px auto 8px}.about-illustration img{height:195px}.about-illustration figcaption{font-size:8px;margin-top:12px}
  .about-copy{order:1}.about .proof-row{margin-top:38px}
  .work{padding-block:65px}.work .project-meta h3{font-size:19px}
  .human-heading{display:grid;grid-template-columns:1fr 110px;gap:10px 18px}
  .human-heading h2{font-size:44px}.human-heading>p{grid-column:1/-1;grid-row:2;margin:12px 0 5px;max-width:100%}
  .head-spin-portrait{width:110px;min-height:132px;grid-row:1;grid-column:2}.head-spin-portrait img{width:67px;height:86px}
  .faq{padding-block:65px}.faq-layout{grid-template-columns:1fr;gap:32px}.faq-heading h2{font-size:44px}.faq-heading>p{font-size:13px;margin-top:20px;max-width:300px}
  .faq-item summary{font-size:17px;padding:22px 0;gap:16px}.faq-answer{padding-right:20px}.faq-answer p{font-size:13px}
  .contact{padding-block:65px 55px}.contact-composition{grid-template-columns:1fr;gap:25px}.contact h2{font-size:clamp(42px,10vw,65px)}
  .contact-art{max-height:205px;width:85%;justify-self:center;transform:rotate(-4deg)}
  .contact-bottom{margin-top:20px}.contact:hover .contact-art{transform:rotate(-4deg)}
}
@media(max-width:360px){.human-heading{grid-template-columns:1fr 88px;gap:12px}.human-heading h2{font-size:38px}.head-spin-portrait{width:88px;min-height:112px}.head-spin-portrait img{width:56px;height:73px}.faq-heading h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.contact:hover .contact-art{transform:rotate(-5deg)}}

.motion-paused .contact:hover .contact-art{transform:rotate(-5deg)}

.faq-archer{display:block;width:200px;height:380px;object-fit:contain;margin:34px 0 0 40px}
@media(max-width:760px){.faq-archer{width:135px;height:250px;margin:27px auto 0}}

/* V5: signature-led identity, clearer channel ownership, quieter hero. */
.identity>.signature-mark{display:flex;align-items:center;justify-content:center;width:112px;height:50px;border-right:1px solid var(--line);padding-right:18px;flex:0 0 auto}
.identity>.signature-mark img{width:94px;height:46px;object-fit:contain;filter:brightness(0) invert(1);opacity:.94}
.hero-bottom{justify-content:center}
.scope-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.scope-item{display:block;padding:25px 24px 28px;min-height:300px}
.scope-number{display:block;padding:0;margin-bottom:22px}
.scope-item h3{padding-right:0;font-size:20px;min-height:48px;margin-bottom:12px}
.scope-item p{font-size:13px;line-height:1.8}
.scope-meta{margin-top:19px}
.scope-symbol{top:22px;right:23px;font-size:24px}
.work{--ink:#fff;--muted:#fff;--line:#ffffff55;color:#fff}
.work:before{background:var(--red)}
.work .section-label,.work .section-label span:first-child,.work .section-heading>p,.work .project-role,.work .project-meta .eyebrow,.work .project-meta h3,.work .project-meta>span,.work .project-system .project-meta .eyebrow{color:#fff}
.work .section-heading h2 em{color:var(--cream)}
.off-clock{border-top:1px solid var(--line)}
@media(max-width:1100px){
 .scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .scope-item{display:flex;gap:20px;min-height:240px;padding:29px}
 .scope-number{padding-top:5px;margin:0}.scope-item h3{min-height:0;padding-right:22px}
 .identity>.signature-mark{width:91px;padding-right:14px}.identity>.signature-mark img{width:76px;height:42px}
 .identity{gap:14px}
}
@media(max-width:760px){
 .identity>.signature-mark{width:65px;height:38px;padding-right:10px}.identity>.signature-mark img{width:54px;height:34px}
 .identity{gap:11px;font-size:15px}.identity-sub{font-size:6px;letter-spacing:.1em}
 .scope-grid{grid-template-columns:1fr}
 .scope-item{padding:25px 23px 26px 17px;gap:15px;min-height:0}
 .scope-item h3{font-size:20px;margin-bottom:10px}.scope-item p{font-size:13px}
 .scope-number{padding-top:6px}.scope-meta{font-size:7px;margin-top:16px}.scope-symbol{top:24px;right:19px}
}
@media(max-width:360px){.identity{font-size:13px}.identity-sub{font-size:5.5px}.scope-item{padding-left:14px;gap:12px}}

.work button:focus-visible{outline-color:#fff}
.head-spin-portrait img{width:112px;height:112px}
@media(max-width:760px){.head-spin-portrait img{width:88px;height:88px}}
@media(max-width:360px){.head-spin-portrait img{width:72px;height:72px}}
/* Reclaim the space left by the removed hero motion caption. */
.hero .portrait-controls{bottom:3px}
@media(max-width:760px){.hero .portrait-scene{margin-bottom:24px}}

/* Two small invitations to play; the original hero layout remains intact. */
.portrait-hit-target{position:absolute;z-index:4;left:9%;top:4%;width:82%;height:72%;border:0;border-radius:48%;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-y}
.portrait-hit-target:focus-visible{outline:1px dashed var(--mint);outline-offset:5px;background:#d6f4dc03}
.hero .avatar-actions{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:8;white-space:nowrap}
.batman-toggle{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:10px 16px;background:#191d19e8;border:1px solid #77816c66;border-radius:30px;color:var(--ink);font:10px/1.2 var(--mono);letter-spacing:.02em;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.batman-toggle svg{color:var(--mint);transition:transform .22s ease}
.batman-toggle:hover{border-color:var(--mint);background:#242c25;transform:translateY(-2px)}
.batman-toggle:active{transform:translateY(0) scale(.97)}
.batman-toggle[aria-pressed="true"]{background:#d5f3de;color:#17241c;border-color:#d5f3de}
.batman-toggle[aria-pressed="true"] svg{color:#17241c;transform:scale(1.12)}
.batman-toggle:focus-visible{outline:2px solid var(--coral);outline-offset:5px}
.batman-toggle:disabled{opacity:.5;cursor:default}
.batman-state{font-size:8px;letter-spacing:.10em;opacity:.65;border-left:1px solid currentColor;padding-left:10px;margin-left:2px}
.portrait-reply{position:absolute;right:0;top:20%;z-index:7;pointer-events:none;padding:12px 17px;background:var(--mint);color:#17241c;border-radius:16px 16px 16px 2px;font:italic 26px/1.1 Georgia,serif;box-shadow:0 10px 28px #0002;opacity:0;transform:translate(0,12px) rotate(5deg) scale(.92);transition:opacity .16s ease,transform .26s cubic-bezier(.2,.7,.25,1)}
.portrait-reply::after{content:'';position:absolute;right:10px;bottom:5px;width:48px;height:6px;border-bottom:1px solid #17241c80;border-radius:50%;transform:rotate(-7deg)}
.portrait-scene.is-greeting .portrait-reply{opacity:1;transform:translate(0,0) rotate(5deg) scale(1)}
.portrait-scene.is-greeting .name-sticker{box-shadow:0 0 22px #d5f3de25}
.hero .portrait-scene:has(.avatar-actions) .portrait-controls{bottom:-39px}
@media(max-width:760px){.hero .portrait-scene:has(.avatar-actions){margin-bottom:36px}.hero .avatar-actions{bottom:-8px}.batman-toggle{min-height:40px;padding:10px 14px;font-size:9px}.portrait-reply{right:0;top:17%;font-size:21px;padding:9px 13px}.portrait-reply::after{width:38px;bottom:3px}.hero .portrait-scene:has(.avatar-actions) .portrait-controls{bottom:-50px}}
@media(prefers-reduced-motion:reduce){.batman-toggle,.batman-toggle svg,.portrait-reply{transition:none}.batman-toggle:hover,.batman-toggle:active{transform:none}}
.motion-paused .portrait-reply{transition:none}
.hero .portrait-scene.is-batman .portrait-frame{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 3%,#000 79%,transparent 99%);mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 3%,#000 79%,transparent 99%)}
@media(max-width:760px){.hero .portrait-scene:has(.portrait-controls:focus-within){margin-bottom:64px}}
@media(max-width:360px){.hero-actions{gap:18px}.hero-actions .button{padding:13px 15px;gap:14px;white-space:nowrap;font-size:11px}.hero-actions .text-link{gap:10px;white-space:nowrap;font-size:11px}}

/* V11 — the whole growth system, a personal signature, and scroll-led play. */
.project[hidden]{display:none!important}
.work-grid{grid-template-columns:minmax(0,1fr)}
.work .project-system{width:100%;margin-top:0}
.work .system-art{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;min-height:430px;padding:44px 54px}
.work .system-intro h3{font-size:clamp(40px,4.2vw,64px);line-height:1.06}
.work .system-intro>p:last-child{line-height:1.8}
.work .project-system .project-meta{padding-top:25px}
.work .project-system .project-role{max-width:760px}
.channel-map{width:100%;max-width:440px;height:340px;isolation:isolate}
.work .map-ring{inset:26px 34px;transform:none;z-index:-1}
.map-ring:before,.map-ring:after{inset:46px -20px;transform:rotate(33deg)}
.map-ring:after{transform:rotate(-33deg)}
.map-core{top:50%;width:116px;height:116px;font-size:17px;z-index:1}
.channel{left:auto;right:auto;top:auto;bottom:auto;max-width:none;padding:10px 13px;font-size:9px;line-height:1.2;white-space:nowrap;transform:translate(-50%,-50%);z-index:2}
.channel.c1{left:50%;top:8%}.channel.c2{left:81%;top:29%}.channel.c3{left:81%;top:71%}.channel.c4{left:50%;top:92%}.channel.c5{left:19%;top:71%}.channel.c6{left:19%;top:29%}
.project:hover .channel,.project-system:hover .channel{transform:translate(-50%,calc(-50% - 3px))}
.art-doodle{display:flex;align-items:center;justify-content:center}
.human-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(150px,.48fr);gap:26px;align-items:center}
.human-heading h2{font-size:clamp(38px,4vw,62px);line-height:1.1}
.human-heading>p{margin:0;max-width:270px}
@media(max-width:1100px){
 .work .system-art{padding:38px;gap:30px}
 .human-heading{gap:20px}
}
@media(max-width:1000px){
 .work .system-art{grid-template-columns:minmax(0,1fr);gap:34px;padding:38px 40px}
 .work .system-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:end}
 .work .system-intro>.eyebrow{grid-column:1/-1;margin-bottom:17px}
 .work .system-intro>p:last-child{max-width:270px;font-size:13px;padding-bottom:3px}
 .channel-map{max-width:460px}
}
@media(max-width:760px){
 .work .system-art{padding:30px 20px;gap:26px}
 .work .system-intro{display:block;padding-right:15px}
 .work .system-intro h3{font-size:43px}
 .work .system-intro>p:last-child{margin-top:18px;padding:0;max-width:290px}
 .channel-map{max-width:370px;height:330px}
 .work .map-ring{inset:26px 22px}
 .map-core{width:96px;height:96px;font-size:15px}
 .map-core>span{font-size:6px}
 .channel{font-size:8px;padding:9px 10px;letter-spacing:.045em}
 .human-heading{grid-template-columns:minmax(0,1fr) 110px;gap:20px}
 .human-heading h2{grid-column:1/-1;grid-row:1;font-size:clamp(30px,8.8vw,52px)}
 .human-heading>p{grid-column:1;grid-row:2;margin:0;max-width:240px;align-self:center}
 .head-spin-portrait{grid-column:2;grid-row:2}
}
@media(max-width:360px){
 .channel{padding:8px 8px;font-size:7.5px}
 .human-heading{grid-template-columns:minmax(0,1fr) 88px;gap:16px}
 .human-heading h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.head-spin-portrait img{transform:rotate(-9deg)}}

/* Keep the restored business-building headline on a deliberate two-line measure. */
.scope-heading{grid-template-columns:minmax(0,1.5fr) minmax(245px,.8fr);gap:clamp(32px,5vw,80px)}
.scope-heading h2{font-size:clamp(38px,4.2vw,66px)}
@media(max-width:1000px){.scope-heading{grid-template-columns:minmax(0,1fr);gap:26px}.scope-heading>p{max-width:580px}}
@media(max-width:760px){.scope-heading h2{font-size:clamp(30px,7.6vw,48px)}.scope-heading>p{margin-top:24px}}

/* A personal field note: Michigan roots, a birthday, and a place called home. */
.personal-details{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(35px,7vw,110px);align-items:center;margin-top:65px;padding:0}
.personal-details .eyebrow{color:var(--coral);margin:0 0 24px}
.personal-details h3{font-family:var(--display);font-size:clamp(35px,3.8vw,58px);font-weight:500;letter-spacing:-.06em;line-height:1.07;margin:0}
.personal-details h3 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;color:var(--rose)}
.personal-facts{display:grid;grid-template-columns:1fr 1.15fr;column-gap:36px;row-gap:27px;margin:36px 0 0}
.personal-facts>div{padding-top:17px;border-top:1px solid #514741;min-width:0}
.personal-facts dt{font:8px/1.5 var(--mono);letter-spacing:.10em;color:#afa69a;margin-bottom:9px}
.personal-facts dd{margin:0;color:var(--ink);font-size:clamp(16px,1.6vw,22px);letter-spacing:-.025em;line-height:1.35}
.personal-facts .age-unit{font-size:.7em;color:#c2b7a9;letter-spacing:0}
.personal-map{width:100%;max-width:410px;margin:0;justify-self:end}
.personal-map img{display:block;width:100%;height:auto;object-fit:contain}
.personal-map figcaption{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:2px;font:8px/1.6 var(--mono);letter-spacing:.10em;color:var(--rose)}
.personal-map figcaption span{font:italic 15px/1.5 Georgia,'Times New Roman',serif;letter-spacing:0;color:#c4b9aa}
@media(max-width:1000px){.personal-details{gap:40px}.personal-facts{column-gap:22px}.personal-facts dd{font-size:17px}}
@media(max-width:760px){.personal-details{grid-template-columns:minmax(0,1fr);margin-top:40px;padding-top:0;gap:28px}.personal-details .eyebrow{font-size:8px;margin-bottom:20px}.personal-details h3{font-size:clamp(35px,10vw,48px)}.personal-facts{column-gap:20px;row-gap:23px;margin-top:30px}.personal-facts dd{font-size:16px}.personal-map{max-width:310px;justify-self:center}.personal-map figcaption{gap:13px}}
@media(max-width:360px){.personal-facts{column-gap:15px;grid-template-columns:1fr 1.1fr}.personal-facts dd{font-size:14px}.personal-map{max-width:275px}}

/* V13: one signature, an archery-inspired divider, and clear growth promises. */
.arrow-divider{display:block;flex:none;width:56px;height:24px;object-fit:contain}
.hero-mark{display:flex;align-items:center;flex:none;width:48px}
.hero-mark .arrow-divider{width:45px;transform:rotate(-38deg)}
.scope-symbol .arrow-divider{width:38px;height:24px;transform:rotate(-38deg);filter:brightness(.7) saturate(1.5)}
.ticker>.ticker-track{gap:0;animation-duration:44s}
.ticker-group{display:flex;align-items:center;flex:none;gap:40px;padding-right:40px}
.ticker .ticker-item{color:inherit;font:inherit;letter-spacing:.09em;white-space:nowrap}
.ticker .arrow-divider{opacity:.95}
.art-doodle .sketch-doodle{display:block;width:min(100%,260px);height:180px;object-fit:contain}
@media(max-width:760px){
 .ticker-group{gap:25px;padding-right:25px}
 .ticker .arrow-divider{width:42px;height:22px}
 .art-doodle .sketch-doodle{height:170px}
}

/* V14: companion illustrations for the things Tom makes, grows, and loves. */
.human-illustration{position:relative;display:flex;align-items:center;justify-content:center;height:205px;margin:8px -10px 18px}
.human-illustration>img{display:block;width:100%;height:100%;object-fit:contain}
.dog-illustration{padding-bottom:26px}
.dog-names{position:absolute;bottom:0;left:0;right:0;text-align:center;font:20px/1.2 var(--display);letter-spacing:-.035em;color:#234333}
.dog-names em{font-family:Georgia,'Times New Roman',serif;font-size:1.16em;letter-spacing:-.04em}
@media(max-width:1100px) and (min-width:761px){.human-illustration{height:180px;margin-inline:-7px}.dog-names{font-size:17px}}
@media(max-width:760px){.human-illustration{height:215px;max-width:330px;margin:10px auto 20px}.dog-illustration{padding-bottom:28px}}