:root{--bg:#16140f;--panel:#1e1b15;--ink:#eee8db;--soft:#b2a998;--dim:#8f8575;--accent:#f49b4c;--line:#353027;--max:1160px;--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse 780px 660px at 92% 6%,#36241760,transparent),var(--bg);color:var(--ink);font:17px/1.65 var(--font);-webkit-font-smoothing:antialiased}::selection{background:#f49b4c45}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:32px}.wordmark{font-size:21px;font-weight:750;letter-spacing:-.8px}.brand-dot{color:var(--accent)}nav{display:flex;gap:32px;font-size:13px;color:var(--soft)}nav a:hover,.text-link:hover{color:var(--accent)}.skip-link{position:absolute;left:20px;top:-100px;z-index:10;background:var(--ink);color:var(--bg);padding:10px}.skip-link:focus{top:10px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:var(--accent);margin:0 0 22px}.tiny-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:2px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:35px;align-items:center;padding-block:80px 100px}.hero h1{font-size:clamp(52px,6.4vw,83px);line-height:1.04;letter-spacing:-4px;font-weight:740;margin:0 0 30px}h1 span,h2 span{color:var(--accent)}.hero-lede{font-size:18px;line-height:1.7;max-width:490px;color:var(--soft);margin-bottom:27px}.text-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:24px}.text-link span{color:var(--accent);font-size:20px}.hero-art{position:relative;min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit{position:absolute;inset:35px 0;border:1px solid #f49b4c12;border-radius:50%;transform:rotate(-20deg);background:radial-gradient(ellipse,#f08a2c0d,transparent 65%)}.mascot-personal,.mascot-lab{position:relative;display:flex;align-items:center;gap:12px}.mascot-personal{align-self:flex-start;margin-left:20px}.mascot-lab{align-self:flex-end;margin-right:15px}.hero-art img{object-fit:contain;filter:drop-shadow(0 10px 35px #f08a2c22)}.mascot-personal img{width:155px;height:155px}.mascot-lab img{width:170px;height:170px}.art-label{font-size:19px;font-weight:700;letter-spacing:-.5px}.art-label small{display:block;font-size:12px;color:var(--soft);font-weight:400;letter-spacing:0;margin-top:5px}.art-connection{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--dim);position:relative;margin:5px 0}.art-connection span{height:1px;width:35px;background:var(--line)}.art-caption{position:relative;font-size:11px;color:var(--dim);margin:12px 0 0;letter-spacing:.5px}.intro-strip{border-block:1px solid var(--line);background:#ffffff02}.intro-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:36px;padding-block:28px}.intro-strip p{color:var(--soft);font-size:16px;margin:0;line-height:1.75}.intro-strip strong{font-weight:550;color:var(--ink)}.strip-note{font-size:12px;color:var(--dim);line-height:1.8;flex-shrink:0}.section{padding-block:100px}.section-heading{max-width:700px;margin-bottom:42px}h2{font-size:clamp(35px,4vw,53px);line-height:1.13;letter-spacing:-1.8px;font-weight:690;margin:0 0 24px}.section-lede{color:var(--soft);font-size:18px;max-width:650px;margin:0;line-height:1.75}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-card{border:1px solid var(--line);border-radius:18px;padding:30px;background:linear-gradient(155deg,#f49b4c07,transparent 65%),var(--panel)}.workshop{background:linear-gradient(155deg,#eee8db05,transparent 65%),var(--panel)}.product-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.product-number{font-size:10px;letter-spacing:1.5px;color:var(--dim);font-weight:700}.product-top img{object-fit:contain}.product-card h3{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:0 0 15px}.product-card h3 span{color:var(--accent)}.product-summary{font-size:21px;line-height:1.45;margin:0 0 20px;letter-spacing:-.4px}.product-description{font-size:14px;line-height:1.8;color:var(--soft);margin:0 0 27px;min-height:76px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{border-top:1px solid var(--line);padding-block:15px}.feature-list strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.feature-list span{display:block;color:var(--soft);font-size:13px;line-height:1.65;max-width:370px}.product-foot{font-size:11px;letter-spacing:.3px;color:var(--soft);border-top:1px solid var(--line);margin-top:12px;padding-top:23px}.screens-grid,.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}figure{margin:0;min-width:0}.image-button{display:block;width:100%;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:0;cursor:zoom-in}.image-button img{display:block;width:100%;height:auto;aspect-ratio:auto;transition:filter .2s}.image-button:hover img{filter:brightness(1.13)}.image-zoom{position:absolute;right:12px;bottom:12px;border:1px solid #ffffff22;background:#16140fd9;color:var(--ink);border-radius:6px;padding:0 8px;font-size:18px}figcaption{display:flex;gap:12px;padding-top:14px;font-size:12px;color:var(--dim);flex-wrap:wrap}figcaption span{color:var(--ink);font-weight:600}.screenshot-note{color:var(--dim);font-size:11px;margin:20px 0 0}.handoff{border-block:1px solid var(--line);background:radial-gradient(ellipse 700px 450px at 0% 50%,#f49b4c06,transparent)}.handoff-heading{max-width:820px}.idea-example{border-left:2px solid var(--accent);padding:3px 0 3px 26px;margin:40px 0 45px;max-width:710px}.example-label{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--dim)}.idea-example p{font-size:25px;line-height:1.5;letter-spacing:-.6px;margin:13px 0}.example-signature{font-size:12px;color:var(--dim)}.journey{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:30px;margin:0}.journey li{position:relative;border-top:1px solid var(--line);padding-top:20px}.journey li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);position:absolute;top:-3px;left:0}.journey-number{font-size:11px;color:var(--accent)}.journey h3{font-size:16px;letter-spacing:-.3px;margin:12px 0 8px}.journey p{font-size:13px;color:var(--soft);line-height:1.75;margin:0}.handoff-close{font-size:14px;color:var(--soft);margin:43px 0 0}.handoff-close strong{color:var(--ink);font-weight:500}.process{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.process-intro>p:not(.eyebrow){color:var(--soft);font-size:15px;line-height:1.8}.process-intro .process-pull{color:var(--accent)!important;font-size:21px!important;letter-spacing:-.5px;margin-top:30px}.process-steps{list-style:none;margin:0;padding:0}.process-steps li{display:flex;gap:25px;border-top:1px solid var(--line);padding:25px 0}.process-steps li>span{font-size:12px;color:var(--accent);padding-top:4px}.process-steps h3{font-size:18px;letter-spacing:-.3px;margin:0 0 8px}.process-steps p{font-size:14px;color:var(--soft);line-height:1.75;margin:0}.work-detail{padding-bottom:100px}.detail-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:center}.detail-heading .eyebrow{grid-column:1/-1}.detail-heading p:last-child{color:var(--soft);font-size:16px;max-width:450px}.detail-grid{margin-top:10px}.contact{border-top:1px solid var(--line);padding-block:85px 95px}.contact>p:not(.eyebrow){color:var(--soft);max-width:580px;font-size:17px}.contact-links{display:flex;align-items:center;gap:35px;margin-top:30px;flex-wrap:wrap}.contact-primary{display:flex;gap:25px;align-items:center;border-bottom:1px solid #f49b4c55;padding-bottom:8px;font-size:21px;letter-spacing:-.4px}.contact-primary:hover{color:var(--accent)}.contact-primary span{color:var(--accent)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:25px 35px}footer .wordmark{font-size:16px}footer p,footer>span{font-size:11px;color:var(--dim);margin:0}dialog{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:50px 12px 12px;width:min(1300px,94vw);max-height:94dvh;color:var(--ink)}dialog::backdrop{background:#080705dd;backdrop-filter:blur(8px)}dialog img{display:block;width:100%;height:auto;max-height:calc(94dvh - 75px);object-fit:contain}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:transparent;color:var(--soft);cursor:pointer;font-size:13px;padding:5px}.dialog-close span{margin-left:12px;font-size:19px}
@media(min-width:1500px){.hero{padding-block:110px 125px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:20px;padding-block:65px 75px}.hero h1{letter-spacing:-2.5px}.hero .eyebrow{font-size:9px}.mascot-personal{margin-left:0}.mascot-lab{margin-right:0}.mascot-personal img{width:120px;height:120px}.mascot-lab img{width:135px;height:135px}.art-label{font-size:16px}.art-label small{font-size:10px}.process{gap:45px}.product-card{padding:24px}.journey{gap:20px}}
@media(max-width:720px){.site-header{padding-block:24px}nav{gap:17px;font-size:11px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding-block:45px 55px;gap:20px}.hero h1{font-size:clamp(48px,10.7vw,70px);letter-spacing:-2.5px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-lede{font-size:17px}.hero-art{min-height:315px;max-width:400px;width:100%;margin:auto}.orbit{inset:0 15px}.mascot-personal img{width:110px;height:110px}.mascot-lab img{width:130px;height:130px}.mascot-personal{margin-left:15px}.mascot-lab{margin-right:15px}.art-caption{margin-top:8px}.intro-strip .wrap{padding-block:24px}.intro-strip p{font-size:14px}.strip-note{display:none}.section{padding-block:65px}.product-grid,.screens-grid,.detail-grid,.process{grid-template-columns:1fr}.product-grid{gap:20px}.product-description{min-height:0}.product-card{padding:25px}.screens-grid{gap:28px}.journey{grid-template-columns:1fr 1fr;row-gap:30px}.idea-example p{font-size:21px}.handoff-close strong{display:block;margin-top:5px}.process{gap:25px}.detail-heading{display:block}.detail-heading p:last-child{font-size:15px}.work-detail{padding-bottom:65px}.detail-grid{gap:28px}.contact{padding-block:65px}.contact-primary{font-size:clamp(17px,4.5vw,21px);gap:15px}.contact-links{gap:24px}footer{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%}footer>span{margin-left:auto}h2{letter-spacing:-1.2px}.section-lede{font-size:16px}}
@media(max-width:380px){.wrap{width:calc(100% - 36px)}nav{gap:12px}.wordmark{font-size:19px}.hero .eyebrow{font-size:9px}.product-card{padding:20px}.journey{grid-template-columns:1fr}.hero h1{font-size:45px}.mascot-personal{margin-left:0}.mascot-lab{margin-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.product-tour{margin-top:22px;color:var(--accent);font-size:13px;gap:15px}
/* Keep the two tour links aligned even when feature descriptions wrap. */
.product-card{display:flex;flex-direction:column}
.product-card .feature-list{flex:1}
.product-card .product-tour{align-self:flex-start}