/* Ozan Bağıran · The workbench. Brand images keep their original colours. */
@font-face{font-family:Bricolage;src:url('fonts/BricolageGrotesque.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--ground:#1c1916;--raised:#342e28;--deep:#100e0b;--ink:#f2eae0;--muted:#c4b9ad;--line:#67594b;--accent:#ed8b5c;--on-accent:#211a15;--app-ink:var(--ink);--app-muted:var(--muted);--app-bg:var(--ground);--app-accent:var(--accent);--body:Arial,Helvetica,sans-serif;--display:Bricolage,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.65 var(--body);overflow-wrap:break-word}body::before,body::after{display:none}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:var(--display);line-height:1.08;font-weight:650;letter-spacing:-.035em}h1{font-size:clamp(48px,6.5vw,88px)}h2{font-size:clamp(36px,4.7vw,64px)}h3{font-size:28px}h4{font-size:20px}em{font-style:normal;color:var(--accent)}a{color:var(--accent);text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}svg.arrow{width:20px;height:20px;flex-shrink:0}i{font-style:normal}ul{padding-left:1.25rem}p+ p{margin-top:16px}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--on-accent)}[id]{scroll-margin-top:96px}.container,.app-wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.eyebrow,.app-kicker,.app-number,.detail-label{font:500 13px/1.5 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.eyebrow{margin-bottom:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link,.artsticker-skip{position:fixed;top:12px;left:24px;z-index:100;padding:12px 20px;background:var(--accent);color:var(--on-accent);transform:translateY(-200%);border-radius:8px}.skip-link:focus,.artsticker-skip:focus{transform:translateY(0)}
/* Site navigation */
.navbar{position:sticky;top:0;z-index:30;background:var(--ground);border-bottom:1px solid transparent}.navbar.is-scrolled{border-bottom-color:var(--line)}.nav-container{width:min(1200px,calc(100% - 96px));min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.nav-logo{font:650 20px/1.2 var(--display);white-space:nowrap}.nav-logo a,a.nav-logo{color:var(--ink);text-decoration:none}.nav-logo::before,.app-brand::before{content:'';display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:2px;background:var(--accent)}.nav-menu{display:flex;align-items:center;list-style:none;padding:0;margin:0;gap:24px}.nav-menu a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none;font-size:13px}.nav-menu a:hover,.nav-menu a.active{color:var(--ink)}.hamburger{display:none}.btn,.app-store{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 24px;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-weight:600;text-decoration:none;background:transparent;font-size:16px;line-height:1.4}.btn-primary,.app-store{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn:hover,.app-store:hover{background:var(--ink);color:var(--ground);border-color:var(--ink);text-decoration:none}.text-link{display:inline-flex;align-items:center;gap:10px;min-height:48px;color:var(--ink);font-size:16px;text-decoration:none}.text-link:hover{color:var(--accent)}
/* A maker's workbench: real product objects, no generic phone illustration. */
.portfolio-hero{padding:64px 0 96px}.portfolio-hero-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:64px;align-items:center}.hero-copy h1{font-size:clamp(56px,6.8vw,96px);line-height:.99;letter-spacing:-.045em;max-width:650px}.hero-copy h1 em{color:var(--ink)}.hero-intro{color:var(--muted);max-width:490px;margin-top:32px;font-size:16px;line-height:1.75}.hero-buttons{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.hero-footnote{font-size:13px;color:var(--muted);margin-top:40px}.workbench{min-width:0;padding-top:24px}.bench-objects{display:flex;flex-direction:column;gap:32px;padding:16px 16px 28px}.bench-object{--lift:0px;position:relative;display:flex;align-items:center;gap:20px;width:100%;padding:24px;text-align:left;min-height:134px;transform:rotate(var(--tilt)) translateY(var(--lift));background:var(--raised);border:1px solid var(--line);border-radius:20px;color:var(--ink);box-shadow:0 10px 0 var(--deep);transition:transform 220ms cubic-bezier(.2,.8,.2,1)}.bench-object[aria-pressed=true]{border-color:var(--accent)}.bench-object:hover,.bench-object:focus-visible{--tilt:0deg!important;--lift:-4px;z-index:1}.bench-object img{width:80px;height:80px;object-fit:cover;border-radius:18px;flex-shrink:0}.bench-object>span{flex:1;min-width:0}.bench-object strong{display:block;font:650 28px/1.1 var(--display);letter-spacing:-.03em}.bench-object small{display:block;font:13px/1.45 var(--body);margin-top:8px;color:var(--muted)}.bench-object>.arrow{width:16px}.bench-caption{border-top:1px solid var(--line);margin-top:28px;padding:16px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}.bench-caption a{display:inline-flex;align-items:center;gap:6px;min-height:44px;text-decoration:none}.bench-caption>span:first-child{display:flex;align-items:center}.bench-caption .arrow{width:16px;height:16px}
/* Product catalogue */
.portfolio-section{padding:96px 0}.work-section{border-top:1px solid var(--line)}.section-intro{margin-bottom:48px}.split-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:96px;align-items:end}.split-intro>p{color:var(--muted);max-width:440px}.app-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.app-showcase{position:relative;display:flex;flex-direction:column;gap:32px;min-width:0;min-height:410px;padding:28px;background:var(--raised);color:var(--ink);border:1px solid var(--line);border-radius:20px}.app-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-card-top>span{font-size:13px;color:var(--muted);max-width:140px;text-align:right}.portfolio-icon{width:64px;height:64px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;border-radius:16px;color:var(--ink);background:var(--deep);font-size:24px}.portfolio-icon img{width:100%;height:100%;object-fit:cover}.app-card-copy{flex:1}.app-number{margin-bottom:12px}.app-card-copy h3{margin-bottom:16px;font-size:28px;line-height:1.1;max-width:340px}.app-card-copy>p:last-child{font-size:16px;color:var(--muted);line-height:1.65}.app-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.app-card-bottom a{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;color:var(--accent);text-decoration:none}.app-card-bottom a::after{content:'';position:absolute;inset:0;border-radius:20px}.app-showcase:has(a:focus-visible){outline:3px solid var(--accent);outline-offset:5px}.app-showcase:has(a:hover){border-color:var(--accent)}.app-showcase.card-artsticker{grid-column:auto;background:var(--raised);color:var(--ink)}
/* Engineering work uses space and structure, rather than another card grid. */
.lab-section{background:var(--deep)}.lab-card{border-top:1px solid var(--line);padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.lab-meta{grid-column:1/-1;display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.lab-visual{display:flex;align-items:center;gap:16px;padding:32px 0;font-size:13px}.lab-visual span{padding-block:24px;border-block:1px solid var(--line)}.lab-visual i{color:var(--accent)}.lab-card h3{font-size:40px;margin:12px 0 24px}.lab-card>div:last-child>p:last-child{color:var(--muted)}.experience-list{border-top:1px solid var(--line)}.experience-row{display:grid;grid-template-columns:1fr 1.1fr 1.5fr;gap:40px;padding:40px 0;border-bottom:1px solid var(--line)}.experience-date{font-size:13px;color:var(--muted)}.experience-company{color:var(--accent);margin-bottom:8px}.experience-row h3{font-size:28px}.experience-row>p{font-size:16px;color:var(--muted)}.capabilities-section{background:var(--raised)}.capabilities-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end;margin-bottom:48px}.capabilities-heading>p{color:var(--muted);max-width:400px}.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.capability-grid article{border-top:1px solid var(--line);padding-top:24px;position:relative}.capability-grid article>span{font-size:13px;color:var(--muted)}.capability-grid article>i{float:right;color:var(--accent);font-size:20px}.capability-grid h3{font-size:28px;margin:32px 0 16px}.capability-grid p{color:var(--muted);font-size:16px}.about-statement{display:grid;grid-template-columns:1.1fr 1fr;gap:64px}.about-statement p{color:var(--muted)}.specialties{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px;font-size:13px;color:var(--muted)}.profile-details{display:grid;grid-template-columns:1.1fr 1.2fr .65fr;gap:48px;margin-top:64px;padding-top:32px;border-top:1px solid var(--line)}.detail-label{color:var(--accent);margin-bottom:24px}.detail-entry{display:grid;gap:8px;margin-bottom:24px}.detail-entry strong{font-size:20px;color:var(--ink)}.detail-entry span,.detail-entry small{font-size:13px;color:var(--muted)}.certificate-list{list-style:none;padding:0;margin:0}.certificate-list li{font-size:16px;color:var(--muted);margin-bottom:16px}.language-list{display:grid;gap:16px;color:var(--muted);font-size:13px}.language-list strong{display:block;color:var(--ink);font-size:16px}.contact-portfolio{padding-top:48px}.contact-panel{border-top:1px solid var(--line);padding-top:64px}.contact-panel h2{max-width:850px}.contact-lede{margin:32px 0;max-width:570px;color:var(--muted)}.contact-email{display:inline-flex;align-items:center;gap:16px;font:600 clamp(20px,3vw,40px)/1.3 var(--display);overflow-wrap:anywhere}.contact-email i{font-size:.6em}.contact-socials{display:flex;gap:32px;margin-top:24px}.contact-socials a{min-height:44px;display:flex;align-items:center;font-size:16px;color:var(--ink)}
/* Invitations preserve the actual game and timer destinations. */
.tetris-cta,.focus-cta{width:min(1200px,calc(100% - 96px));margin:0 auto 32px}.tetris-cta-card,.focus-cta-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--raised)}.tetris-cta-image{height:300px;overflow:hidden}.tetris-cta-image img{width:100%;height:100%;object-fit:cover}.tetris-cta-copy,.focus-cta-copy{padding:32px 40px 32px 0}.tetris-cta-copy h2,.focus-cta-copy h2{font-size:40px;margin-bottom:16px}.tetris-cta-copy p,.focus-cta-copy p{color:var(--muted);font-size:16px}.tetris-play-button,.focus-open-button{display:inline-flex;align-items:center;gap:16px;color:var(--accent);margin-top:24px;min-height:44px}.focus-cta-scene{position:relative;display:grid;place-items:center;min-height:300px;overflow:hidden;background:var(--deep)}.focus-cta-scene strong{position:relative;z-index:2;font:650 64px/1 var(--display)}.focus-sun{position:absolute;width:100px;height:100px;border:1px solid var(--line);border-radius:50%;top:30px;right:60px}.focus-mountain{position:absolute;width:90%;height:160px;background:var(--raised);clip-path:polygon(0 100%,40% 0,100% 100%);bottom:0;left:-10%}.focus-mountain-front{left:35%;background:var(--line);height:125px}.focus-rain{display:none}.portfolio-footer{padding:40px 0}.portfolio-footer .container{display:flex;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted)}
/* Shared app case studies */
body.app-page,body.artsticker-page{--app-ink:var(--ink);--app-muted:var(--muted);--app-bg:var(--ground);--app-accent:var(--accent);background:var(--ground);color:var(--ink);font-family:var(--body)}.app-nav{width:min(1200px,calc(100% - 96px));margin:auto;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.app-nav a{font-size:13px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.app-nav>div{display:flex;gap:24px}.app-brand{font-family:var(--display);font-weight:650}.app-brand span{display:none}.app-hero{padding:80px 0 64px;overflow:hidden}.app-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}.app-title-row{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin:24px 0}.app-title-row h1,.artsticker-page .app-title-row h1{font-size:clamp(48px,6vw,88px);letter-spacing:-.04em;line-height:1.02;color:var(--ink)}.app-logo{width:64px;height:64px;display:grid;place-items:center;background:var(--raised);border-radius:16px;overflow:hidden;color:var(--accent);font-size:28px}.app-logo img{width:100%;height:100%;object-fit:cover}.app-lede{font-size:20px;color:var(--muted);line-height:1.65;max-width:630px}.app-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}.app-actions>span:not(.app-store){font-size:13px;color:var(--muted)}.app-actions .muted-store{background:var(--raised);border-color:var(--line);color:var(--muted)}.app-hero-visual,.money-visual,.nemio-visual,.meow-visual,.mindful-visual,.absent-visual{display:grid;place-items:center;position:relative;padding:24px;min-height:380px}.app-hero-visual::before,.money-visual::before,.nemio-visual::before,.meow-visual::before,.mindful-visual::before{display:none}.app-hero-visual img{max-height:550px;width:auto;max-width:100%;border-radius:24px;transform:rotate(4deg);box-shadow:16px 20px 0 var(--deep)}.money-visual img,.nemio-visual img,.meow-visual img,.mindful-visual img{width:min(100%,350px);border-radius:64px;transform:rotate(6deg);box-shadow:14px 18px 0 var(--deep)}.artsticker-visual img{box-shadow:16px 20px 0 var(--deep)}.app-section{padding:80px 0}.app-story{display:grid;grid-template-columns:.65fr 1.35fr;gap:64px;border-top:1px solid var(--line)}.app-story h2{font-size:clamp(40px,4.5vw,64px)}.app-story>div>p{margin-top:24px;color:var(--muted);max-width:670px;font-size:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.feature-grid article{padding:24px 0;border-top:1px solid var(--line);min-width:0}.feature-grid i{font-size:20px;color:var(--accent)}.feature-grid h3{font-size:28px;margin:32px 0 16px}.feature-grid p{font-size:16px;color:var(--muted)}.app-quote,.artsticker-page .app-quote,.app-gallery,.essay-architecture{background:var(--raised);color:var(--ink)}.app-quote h2,.app-gallery h2,.essay-architecture h2{margin:24px 0;font-size:clamp(40px,5vw,64px)}.app-quote .app-lede{margin-top:24px}.phone-gallery{display:flex;align-items:flex-start;justify-content:center;gap:24px;margin-top:48px;overflow-x:auto;padding:12px 12px 32px;scroll-snap-type:x mandatory}.phone-gallery img{width:min(24vw,240px);flex-shrink:0;border-radius:20px;scroll-snap-align:start}.absentify-showcase{padding-top:0}.showcase-label{display:flex;justify-content:space-between;gap:24px;margin-bottom:24px;font-size:13px;color:var(--muted)}.absentify-showcase img{width:100%;height:auto;border-radius:20px}.case-study-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end;margin:24px 0 48px}.case-study-heading h2{font-size:clamp(40px,5vw,64px)}.case-study-heading p,.architecture-intro{color:var(--muted)}.stack-list{border-top:1px solid var(--line)}.stack-list>div{display:grid;grid-template-columns:48px 1fr 1.2fr;gap:24px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--line)}.stack-list span{font-size:13px;color:var(--muted)}.stack-list strong{font:600 20px/1.3 var(--display)}.stack-list p{font-size:16px;color:var(--muted)}.architecture-flow,.nemio-flow,.mindful-flow{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:40px}.architecture-flow span,.nemio-flow span,.mindful-flow span{border-block:1px solid var(--line);padding:24px 0;font-size:16px}.architecture-flow i,.nemio-flow i,.mindful-flow i{color:var(--accent)}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:40px 0;border-top:1px solid var(--line)}.app-footer strong{font-family:var(--display);font-size:20px}.app-footer p{font-size:13px;color:var(--muted);margin-top:8px}.legal-links{display:flex;flex-wrap:wrap;gap:24px}.legal-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--muted);text-decoration:none}.legal-links a:hover{color:var(--accent)}.planner-card{width:100%;max-width:350px;padding:32px;border-radius:20px;background:var(--raised);border:1px solid var(--line);transform:rotate(5deg);box-shadow:12px 16px 0 var(--deep)}.planner-day{font-size:13px;color:var(--muted)}.planner-card strong{display:block;font:650 40px/1.1 var(--display);margin:48px 0 32px}.planner-card div{display:grid;gap:12px}.planner-card div span{height:8px;background:var(--line);border-radius:4px}.planner-card div span:nth-child(2){width:70%}.planner-card div span:nth-child(3){width:45%}.mini-calendar{position:absolute;right:5%;top:0;padding:16px;background:var(--accent);color:var(--on-accent);border-radius:12px;font-size:13px;text-align:center}.mini-calendar small{display:block;font-size:28px}
/* Document and help pages: comfortable reading measure, no cards within cards. */
.section{padding:64px 0}.support-hero{padding:64px 0 32px}.support-header,.app-header{display:flex;align-items:center;gap:24px}.support-icon,.app-icon-large{display:grid;place-items:center;width:72px;height:72px;background:var(--raised);color:var(--accent);border-radius:20px;flex-shrink:0;font-size:28px}.support-info h1,.app-info h1{font-size:clamp(40px,5vw,64px)}.support-tagline,.app-tagline{font-size:20px;max-width:800px;color:var(--muted);margin-top:24px}.legal-content{max-width:800px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}.legal-section{margin-bottom:48px}.legal-section h2,.contact-section h2,.faq-section h2,.tips-section h2,.app-links h2{font-size:28px;margin-bottom:24px}.legal-section h3{font-size:20px;margin:24px 0 16px}.legal-section p,.legal-section li,.support-content p{font-size:16px;line-height:1.85;color:var(--muted)}.legal-section li+li{margin-top:8px}.legal-section h2 i,.support-content h2 i{margin-right:12px;color:var(--accent)}.legal-section a{overflow-wrap:anywhere}.legal-footer{border-top:1px solid var(--line);padding-top:32px;color:var(--muted);font-size:13px}.support-content{display:grid;gap:64px;max-width:1000px}.support-content>div{padding:0;border:0;background:none;box-shadow:none}.support-content .contact-section{padding:32px;background:var(--raised);border:1px solid var(--line);border-radius:20px}.support-email{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:clamp(16px,2.5vw,28px);margin-top:16px;overflow-wrap:anywhere}.support-email span{min-width:0;overflow-wrap:anywhere}.email-box{min-width:0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px}.faq-item{padding-top:24px;border-top:1px solid var(--line);min-width:0}.faq-question{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.faq-question i{color:var(--accent);margin-top:3px}.faq-question h4{font-size:20px;line-height:1.3}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.tip-item{display:flex;align-items:flex-start;gap:16px}.tip-item>i{color:var(--accent);margin-top:8px}.app-buttons,.app-links-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.footer{border-top:1px solid var(--line);padding:40px 0}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:32px}.footer-text p{color:var(--muted);font-size:13px}.footer-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.footer-links span{display:none}.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--muted)}.footer-social{display:flex;gap:12px}.footer-social a{display:grid;place-items:center;min-width:44px;min-height:44px;color:var(--ink)}.last-updated,.last-update{font-size:13px;color:var(--muted);margin-top:16px}.highlight-box,.info-box{border-left:2px solid var(--accent);padding:16px 24px;margin:24px 0;background:var(--raised)}
/* ArtSticker's existing resources remain intact under the shared site theme. */
.artsticker-page .app-store{background:var(--accent);color:var(--on-accent)}.artsticker-page h2{line-height:1.1;letter-spacing:-.035em}.artsticker-page a:focus-visible,.artsticker-page summary:focus-visible,.artsticker-preview-grid:focus-visible{outline-color:var(--accent)}.artsticker-doc-header{padding:64px 0 48px}.artsticker-doc-header h1{font-size:clamp(40px,5vw,64px);letter-spacing:-.04em}.artsticker-doc-brand{color:var(--muted)}.artsticker-updated{font-size:13px;color:var(--muted)}.artsticker-toc nav,.artsticker-contact{background:var(--raised);border:1px solid var(--line)}.artsticker-toc{top:24px}.artsticker-toc a{font-size:13px;line-height:1.6;min-height:32px;display:flex;align-items:center}.artsticker-document .artsticker-toc h2{font-size:13px;color:var(--muted)}.artsticker-prose p,.artsticker-prose li,.artsticker-help p{color:var(--muted)}.artsticker-email{color:var(--accent)}.artsticker-faq summary{color:var(--ink)}.artsticker-faq details{border-color:var(--line)}.artsticker-resources{font-size:13px}.artsticker-preview figcaption,.artsticker-gallery-help,.artsticker-visual figcaption{font-size:13px;color:var(--muted)}.artsticker-preview-grid{scrollbar-color:var(--accent) var(--raised)}.artsticker-preview a{background:var(--deep);box-shadow:none}.artsticker-visual img{border-radius:24px}.artsticker-showcase-heading h2{font-size:clamp(40px,5vw,64px)}.artsticker-pro h2{font-size:clamp(40px,5vw,64px)}
@media(min-width:1500px){.portfolio-hero{padding-top:96px;padding-bottom:120px}}
@media(max-width:1100px){.nav-container,.container,.app-wrap,.app-nav,.tetris-cta,.focus-cta{width:calc(100% - 64px)}.portfolio-hero-grid,.app-hero-grid{gap:40px}.bench-object{padding:20px;gap:16px}.bench-object img{width:64px;height:64px}.bench-object strong{font-size:24px}.app-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-intro{gap:48px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-details{gap:32px}.nav-menu{gap:16px}.nav-menu a{font-size:13px}.app-title-row h1{font-size:64px}.bench-object>.arrow{display:none}}
@media(max-width:800px){.nav-container{min-height:76px}.hamburger{display:grid;align-content:center;gap:5px;width:44px;height:44px;border:1px solid var(--line);background:var(--raised);border-radius:8px;padding:12px;color:var(--ink)}.hamburger span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform 160ms}.hamburger.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-menu{display:none;position:absolute;top:76px;left:0;right:0;padding:24px 32px;background:var(--raised);border-block:1px solid var(--line);gap:4px}.nav-menu.active{display:grid}.nav-menu a{display:flex;min-height:48px;font-size:16px}.portfolio-hero{padding:48px 0 64px}.portfolio-hero-grid{grid-template-columns:1fr;gap:48px}.hero-copy h1{font-size:clamp(56px,10vw,88px)}.workbench{max-width:540px;width:100%;margin-inline:auto;padding-top:0}.bench-object{min-height:118px}.bench-object strong{font-size:28px}.bench-object img{width:72px;height:72px}.bench-object>.arrow{display:block}.hero-footnote{margin-top:24px}.portfolio-section{padding:64px 0}.split-intro,.about-statement,.capabilities-heading,.lab-card{grid-template-columns:1fr;gap:32px}.lab-meta{grid-column:auto}.experience-row{grid-template-columns:1fr 1.5fr;gap:16px 32px}.experience-row>p{grid-column:2}.profile-details{grid-template-columns:1fr 1fr}.detail-block:last-child{grid-column:1/-1}.language-list{display:flex;gap:40px}.app-hero-grid,.app-story,.case-study-heading{grid-template-columns:1fr;gap:40px}.app-hero{padding:48px 0}.app-title-row h1,.artsticker-page .app-title-row h1{font-size:clamp(48px,8vw,64px)}.app-hero-visual,.money-visual,.nemio-visual,.meow-visual,.mindful-visual,.absent-visual{min-height:280px;padding:32px}.app-hero-visual img{max-height:430px}.money-visual img,.nemio-visual img,.meow-visual img,.mindful-visual img{width:260px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-grid h3{margin-top:24px}.app-section{padding:64px 0}.phone-gallery{justify-content:flex-start}.phone-gallery img{width:220px}.tetris-cta-card,.focus-cta-card{gap:32px}.tetris-cta-copy,.focus-cta-copy{padding-right:24px}.tetris-cta-copy h2,.focus-cta-copy h2{font-size:32px}.tetris-cta-image,.focus-cta-scene{height:340px;min-height:340px}.artsticker-doc-layout{grid-template-columns:1fr}.artsticker-toc{position:static}.artsticker-toc nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.nav-container,.container,.app-wrap,.app-nav,.tetris-cta,.focus-cta{width:calc(100% - 48px)}.nav-logo{font-size:20px}.nav-menu{padding-inline:24px}.hero-copy h1{font-size:56px}.eyebrow{font-size:13px;max-width:280px}.hero-intro{margin-top:24px}.hero-buttons{gap:16px;margin-top:24px}.hero-buttons .btn{padding:12px 16px;font-size:16px}.hero-footnote{max-width:290px}.bench-objects{gap:28px;padding-inline:6px}.bench-object{padding:16px;gap:16px;min-height:110px;border-radius:16px}.bench-object img{width:60px;height:60px;border-radius:14px}.bench-object strong{font-size:24px}.bench-object small{font-size:13px}.bench-object>.arrow{display:none}.bench-caption{gap:0}.bench-caption>span:first-child{max-width:100px}.app-showcase-grid{grid-template-columns:1fr}.app-showcase{min-height:370px;padding:24px;gap:28px}.app-card-copy h3{font-size:28px}.section-intro{margin-bottom:32px}.experience-row{grid-template-columns:1fr;gap:16px}.experience-row>p{grid-column:auto}.lab-visual{gap:12px;font-size:13px;padding:0;flex-wrap:wrap}.capability-grid{grid-template-columns:1fr}.profile-details{grid-template-columns:1fr;gap:40px}.detail-block:last-child{grid-column:auto}.about-statement{gap:24px}.specialties{gap:12px 24px}.contact-email{font-size:20px;gap:8px}.contact-panel{padding-top:48px}.tetris-cta-card,.focus-cta-card{grid-template-columns:1fr;gap:0}.tetris-cta-image,.focus-cta-scene{height:240px;min-height:240px}.tetris-cta-copy,.focus-cta-copy{padding:24px}.portfolio-footer .container{flex-direction:column;gap:8px}.app-nav{min-height:80px;gap:16px;align-items:center}.app-nav>div{gap:16px;flex-wrap:wrap;justify-content:flex-end}.app-brand{max-width:140px}.app-brand::before{flex-shrink:0}.app-title-row{flex-direction:column}.app-lede{font-size:20px}.app-story>div>p{font-size:16px}.app-actions{gap:16px}.app-store{padding-inline:16px;font-size:16px}.app-footer{align-items:flex-start;flex-direction:column}.legal-links{gap:24px}.case-study-heading{gap:24px}.stack-list>div{grid-template-columns:24px 1fr;gap:12px}.stack-list p{grid-column:2}.architecture-flow,.nemio-flow,.mindful-flow{gap:16px}.support-header{align-items:flex-start;flex-direction:column}.support-info h1{font-size:40px}.support-tagline{font-size:16px}.support-hero{padding:40px 0 0}.section{padding:48px 0}.support-content .contact-section{padding:24px}.support-email{font-size:16px;max-width:100%;align-items:flex-start}.faq-grid,.tips-grid{grid-template-columns:1fr;gap:32px}.footer-content{align-items:flex-start;flex-direction:column}.artsticker-toc nav{grid-template-columns:1fr}.artsticker-doc-header{padding-top:40px}.artsticker-document .artsticker-policy-section h2,.artsticker-document .artsticker-help h2{font-size:24px}.artsticker-preview-grid{scroll-padding-inline:4px}.artsticker-contact{padding:24px}.artsticker-doc-brand{align-items:center}.artsticker-visual{padding:16px}.showcase-label{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.bench-object,.bench-object:hover,.bench-object:focus-visible{transform:none}}

/* R2 polish: glyph marks are not pretend app-icon tiles. */
.lens-icon,.vocab-icon,.essay-icon{background:transparent;border-radius:0;place-items:center start;font-size:32px;color:var(--accent)}
.bench-object{font-size:16px}
@media(max-width:560px){.support-hero{padding-top:32px}.support-hero+.section{padding-top:32px}}