:root{--ink:#182225;--muted:#526063;--bg:#f1f3f1;--white:#fff;--line:#b7c1c0;--blue:#4558e6;--blue-dark:#2436a2;--orange:#ff7856;--pale-blue:#dce3ef;--pale-green:#dce7db;--mono:'IBM Plex Mono',monospace;--display:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}::selection{background:var(--orange);color:var(--ink)}.wrap{width:min(100% - 88px,1280px);margin-inline:auto}.skip-link{position:absolute;left:12px;top:-70px;z-index:100;padding:12px 17px;background:var(--ink);color:white}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:20;background:var(--bg);border-bottom:1px solid var(--ink)}.header-inner{height:80px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:inline-flex;align-items:center;gap:12px;font:800 20px var(--display);letter-spacing:-.055em;white-space:nowrap}.brand-flower{display:grid;place-items:center;width:39px;height:39px;background:var(--ink);font-size:0;color:white}.brand-flower:after{content:'AN';font:800 14px var(--display);letter-spacing:-.08em}.brand-period{color:var(--orange)}.site-nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700}.site-nav>a:not(.nav-hello){position:relative;padding:8px 0}.site-nav>a:not(.nav-hello):after{content:'';position:absolute;left:0;bottom:3px;width:0;height:2px;background:var(--blue);transition:width .2s}.site-nav>a:hover:after,.site-nav>a[aria-current=page]:after{width:100%}.site-nav .nav-hello{padding:12px 18px;border:1px solid var(--ink);background:var(--ink);color:white;transition:background .2s}.site-nav .nav-hello:hover{background:var(--blue)}.nav-hello span{margin-left:16px}.menu-toggle{display:none}
.kicker,.eyebrow,.card-number,.case-number,.coming-label,.visual-caption{font:600 10px/1.5 var(--mono);letter-spacing:.08em}.kicker{color:#5e6b6d;margin-bottom:24px}.kicker span{color:var(--blue);margin-left:10px}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.065em}h1{font-size:clamp(58px,6.1vw,86px);line-height:1.04}h2{font-size:clamp(42px,4.4vw,62px);line-height:1.08}h3{font-size:clamp(26px,2.7vw,38px);line-height:1.14}h1 em,h2 em{font-style:normal;color:var(--blue)}.section{padding:105px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:53px;padding:0 20px;border:1px solid var(--ink);font-size:12px;font-weight:700;white-space:nowrap;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-ink{background:var(--ink);color:white}.button-ink:hover{background:var(--blue)}.button-outline{background:transparent}.button-outline:hover{background:var(--ink);color:white}.button-row{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.text-link,.under-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:12px;font-weight:700}.text-link:hover,.under-link:hover{color:var(--blue)}
.home-hero{background:#e7eceb;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:55px;min-height:620px}.hero-copy{padding:80px 0}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);margin-bottom:28px}.eyebrow-dot{width:8px;height:8px;background:var(--orange)}.hero-copy h1{max-width:680px;margin-bottom:27px}.hand-underline{color:var(--blue);white-space:normal}.hand-underline:after{display:none}.hero-lead{max-width:530px;color:var(--muted);font-size:17px;line-height:1.65;margin-bottom:33px}.hero-aside{display:flex;align-items:center;gap:11px;margin-top:67px;color:#5e6c70;font:10px/1.6 var(--mono)}.scribble-arrow{font:27px var(--display);color:var(--orange)}.hero-collage{position:relative;min-height:480px;background:var(--blue);display:grid;place-items:center;overflow:hidden}.hero-collage:before{content:'';position:absolute;top:0;right:0;width:42%;height:100%;background:#5f72f4;clip-path:polygon(37% 0,100% 0,100% 100%,0 100%)}.collage-sun,.sticky-note,.collage-star{display:none}.paper-main{position:relative;z-index:1;width:83%;max-width:450px;background:#f8f9fa;border:1px solid var(--ink);box-shadow:15px 15px 0 rgba(8,23,74,.28);padding:26px 30px}.paper-header,.paper-footer{display:flex;align-items:center;justify-content:space-between;color:#5a6566;font:600 10px var(--mono);letter-spacing:.05em}.paper-header{padding-bottom:15px;border-bottom:1px solid #b9c4c7}.paper-main p{font:800 clamp(31px,3.2vw,44px)/1.14 var(--display);letter-spacing:-.06em;margin:32px 0}.paper-main p em{font-style:normal;color:var(--blue)}.paper-checks{display:grid;gap:0;margin-bottom:23px}.paper-checks span{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #d3dadd;font-size:12px}.paper-checks b{display:grid;place-items:center;width:21px;height:21px;background:var(--orange);color:var(--ink);font-size:13px}.paper-footer{padding-top:15px;border-top:1px solid #b9c4c7}.paper-footer span{display:none}.hero-bottom{display:flex;justify-content:space-between;padding:0 0 22px;color:#637073;font:600 10px var(--mono)}.hero-bottom span:last-child{color:var(--blue);font-size:17px}
.marquee-band{background:var(--ink);color:white}.marquee-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:56px;font:600 10px var(--mono);letter-spacing:.04em}.marquee-band b{color:var(--orange);font-size:15px}.intro-section{background:white}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.intro-grid h2{max-width:560px}.intro-copy{padding-top:32px}.intro-copy p{max-width:570px;color:var(--muted);font-size:16px;line-height:1.7}.intro-copy .under-link{margin-top:13px}
.home-work{background:var(--bg)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head h2{margin-bottom:0}.section-head .under-link{margin-bottom:8px}.head-note{max-width:300px;color:#667174;font-size:13px;line-height:1.55;margin:0}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preview-card{display:block;background:white;border:1px solid var(--ink);transition:transform .2s,box-shadow .2s}.preview-card:hover{transform:translateY(-5px);box-shadow:8px 8px 0 var(--blue)}.preview-art{position:relative;height:260px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--ink)}.preview-lime .preview-art{background:var(--blue)}.preview-peach .preview-art{background:var(--orange)}.art-list:before,.art-radar:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.15) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(255,255,255,.15) 50%,transparent 50.2%);background-size:38px 38px}.art-doodle,.radar-note{display:none}.list-sheet{position:relative;display:grid;grid-template-columns:24px 1fr;gap:13px;width:260px;background:white;padding:25px;border:1px solid var(--ink);box-shadow:10px 10px 0 rgba(0,0,0,.2);font:600 12px var(--mono)}.list-sheet i{font-style:normal;color:var(--blue)}.radar-ring{position:absolute;border:1px solid var(--ink);border-radius:50%}.ring-one{width:230px;height:230px}.ring-two{width:155px;height:155px}.ring-three{width:75px;height:75px;background:white}.radar-heart{z-index:1;font-size:0}.radar-heart:after{content:'QA';font:800 38px var(--display);letter-spacing:-.08em}.preview-copy{position:relative;min-height:225px;padding:28px 30px}.card-number{color:var(--blue)}.preview-copy h3{max-width:420px;margin:13px 0}.preview-copy p{max-width:430px;color:#5a686b;font-size:14px;line-height:1.6;margin:0 25px 0 0}.card-arrow{position:absolute;right:28px;bottom:24px;font:25px var(--display)}
.side-quest{background:#e1e7e6}.side-quest-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.side-quest h2{max-width:570px}.side-quest p:not(.kicker){max-width:540px;color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:27px}.side-art{position:relative;height:390px;background:var(--blue);overflow:hidden}.side-art:before{content:'STORY STACK';position:absolute;left:35px;top:40px;width:73%;color:white;font:800 60px/1 var(--display);letter-spacing:-.08em}.side-art:after{content:'BOOZE BUCKET';position:absolute;right:0;bottom:0;width:52%;height:42%;padding:30px;background:var(--orange);color:var(--ink);font:800 34px/1 var(--display);letter-spacing:-.06em}.side-card,.side-squiggle{display:none}
.contact-strip{background:var(--orange);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.contact-strip-inner{min-height:230px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-strip h2{margin:0;max-width:850px}.contact-strip h2 em{color:var(--ink)}.contact-strip .kicker{color:#373d39;margin-bottom:10px}.site-footer{background:var(--ink);color:white}.footer-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .brand{font-size:19px}.site-footer .brand-flower{background:var(--orange);color:var(--ink)}.site-footer .brand-flower:after{color:var(--ink)}.footer-inner>span,.footer-inner>div{font:600 10px var(--mono)}.footer-inner>div{display:flex;gap:27px}.footer-inner a:hover{color:var(--orange)}
.page-hero{overflow:hidden;border-bottom:1px solid var(--ink)}.page-hero-grid,.projects-hero-grid,.about-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center;min-height:490px}.page-hero h1{max-width:800px;margin-bottom:24px}.page-hero p:not(.kicker){max-width:640px;color:var(--muted);font-size:16px;line-height:1.65}.work-hero{background:#e9eceb}.page-hero-art{position:relative;min-height:420px}.work-hero-art{display:grid;place-items:center;background:var(--blue);margin:40px 0}.giant-check{display:grid;place-items:center;width:235px;height:235px;border:5px solid white;border-radius:50%;color:white;font:200px/1 var(--display);transform:rotate(-7deg)}.work-sticker,.art-spark{display:none}.stat-band{background:var(--ink);color:white}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr)}.stat-grid>div{display:flex;align-items:center;gap:16px;min-height:118px;padding:22px 30px;border-right:1px solid #566266}.stat-grid>div:first-child{padding-left:0}.stat-grid>div:last-child{border:0}.stat-grid strong{color:var(--orange);font:800 42px var(--display);letter-spacing:-.07em;white-space:nowrap}.stat-grid span{max-width:175px;font-size:12px;line-height:1.4}
.case-section{background:white}.case-card{display:grid;grid-template-columns:1fr 1fr;min-height:440px;margin-bottom:18px;border:1px solid var(--ink)}.case-card:last-child{margin-bottom:0}.case-reverse .case-art{order:2;border-right:0;border-left:1px solid var(--ink)}.case-art{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:350px;border-right:1px solid var(--ink)}.case-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(24,34,37,.1) 50%,transparent 50.1%),linear-gradient(transparent 49.9%,rgba(24,34,37,.1) 50%,transparent 50.1%);background-size:34px 34px}.case-art-lime{background:#d7e5de}.case-art-blue{background:#d7e0ee}.case-art-peach{background:#e7e7e2}.case-art-label{position:absolute;top:25px;left:25px;font:600 10px var(--mono)}.tally-sheet{position:relative;width:65%;min-width:260px;padding:25px;background:white;border:1px solid var(--ink);box-shadow:11px 11px 0 rgba(24,34,37,.16)}.tally-title{font:600 11px var(--mono);margin-bottom:21px}.tally-row{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #c8d1cf;font:12px var(--mono)}.tally-row b{color:var(--blue)}.art-loop{display:none}.bug-note{position:relative;padding:34px;background:var(--blue);color:white;border:1px solid var(--ink);box-shadow:10px 10px 0 rgba(24,34,37,.15)}.bug-note-icon{display:none}.bug-note b{font:800 clamp(28px,3vw,43px)/1.12 var(--display);letter-spacing:-.06em}.flow-bubble{position:relative;z-index:1;display:grid;place-items:center;width:120px;height:105px;background:white;border:1px solid var(--ink);font:700 20px var(--mono)}.flow-bubble-dark{background:var(--blue);color:white}.flow-arrow{z-index:2;margin:0 18px;font:48px var(--display)}.flow-caption{position:absolute;bottom:30px;font:600 10px var(--mono)}.case-copy{display:flex;flex-direction:column;justify-content:center;padding:43px 50px}.case-number{color:var(--blue);margin-bottom:24px}.case-copy h3{font-size:clamp(32px,3.3vw,46px);margin-bottom:21px}.case-copy p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:15px}.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.chip-row span{padding:8px 11px;border:1px solid #b4bfc0;color:#4e5e60;font:600 10px var(--mono)}.work-method{background:#e4e8e7;padding:95px 0}.method-grid,.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.method-grid h2{margin-bottom:0}.method-grid p:not(.kicker),.story-grid p{color:var(--muted);font-size:16px;line-height:1.7}.method-grid .under-link{margin-top:12px}
.projects-hero{background:#e2e8e8}.projects-hero-grid{grid-template-columns:1fr .9fr;min-height:520px}.projects-hero .hero-asterisk{display:none}.projects-hero-art{position:relative;min-height:400px;margin:50px 0;background:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:35px;overflow:hidden}.projects-hero-art:before{content:'STORY STACK';display:block;color:white;font:800 clamp(40px,4vw,62px)/1 var(--display);letter-spacing:-.07em}.projects-hero-art:after{content:'BOOZE BUCKET';display:block;color:var(--orange);font:800 clamp(40px,4vw,62px)/1 var(--display);letter-spacing:-.07em}.project-doodle,.sketch-card{display:none}.projects-note{background:var(--blue);color:white}.note-inner{display:flex;align-items:center;gap:20px;padding:18px 0}.note-flower{display:none}.note-inner:before{content:'NOTE';font:600 10px var(--mono);color:var(--orange)}.note-inner p{max-width:920px;margin:0;font-size:13px;line-height:1.6}.projects-section{background:white}.project-showcase{display:grid;gap:18px}.project-feature{display:grid;grid-template-columns:1fr 1fr;min-height:465px;border:1px solid var(--ink);background:#f8f9f8}.project-feature-reverse .project-feature-art{order:2;border-right:0;border-left:1px solid var(--ink)}.project-feature-art{position:relative;display:grid;place-items:center;min-height:390px;overflow:hidden;border-right:1px solid var(--ink)}.project-feature-art .visual-caption{position:absolute;top:25px;left:25px;color:var(--ink)}.project-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:40px 46px}.project-feature-copy h3{font-size:clamp(32px,3.3vw,45px);margin:12px 0 21px}.project-feature-copy p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:14px}.project-feature-copy .chip-row{margin-top:12px}.story-art{background:var(--blue)}.story-art .visual-caption{color:white}.story-book{position:absolute;border:1px solid var(--ink)}.book-back{width:61%;height:67%;background:#e4e9ef;transform:translate(-9%,3%)}.book-front{display:flex;flex-direction:column;justify-content:space-between;width:61%;height:67%;padding:24px;background:var(--ink);color:white;transform:translate(11%,-7%)}.book-front span{font:800 37px/1 var(--display);letter-spacing:-.06em}.book-front b{display:grid;place-items:center;width:50px;height:50px;background:var(--orange);color:var(--ink);font:21px var(--body)}.story-device{position:absolute;right:5%;bottom:7%;width:150px;padding:13px;background:white;border:1px solid var(--ink);font:600 9px var(--mono)}.story-device i{display:block;margin-top:10px;color:var(--blue);font-style:normal;letter-spacing:.4em}.project-art-spark{display:none}.bucket-art{background:#d8e0df}.bucket-outer{position:relative;width:290px;height:290px;border:2px solid var(--ink);border-radius:50%;background:#f5f6f3}.bucket-outer:before,.bucket-outer:after{content:'';position:absolute;z-index:1;background:var(--ink)}.bucket-outer:before{width:1px;height:116%;left:50%;top:-8%}.bucket-outer:after{height:1px;width:116%;left:-8%;top:50%}.bucket-inner{position:absolute;inset:20px;border:1px solid var(--ink);border-radius:50%;background:#eef0ec}.bucket-center{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border:2px solid var(--ink);border-radius:50%;background:var(--orange);font:40px var(--display)}.bottle{position:absolute;z-index:2;top:39%;width:31px;height:85px;border:2px solid var(--ink);background:var(--blue)}.bottle-one{left:15%;transform:rotate(-20deg)}.bottle-two{right:15%;transform:rotate(20deg)}.glass{position:absolute;z-index:2;width:29px;height:29px;border:2px solid var(--ink);border-radius:50%;background:white}.glass-one{top:10%;left:43%}.glass-two{bottom:10%;left:43%}.glass-three{top:43%;left:10%}.glass-four{top:43%;right:10%}.bucket-label{position:absolute;bottom:28px;right:28px;padding:8px 11px;background:var(--ink);color:white;font:600 10px var(--mono)}.skills-art{background:#dfe5e2}.skills-art .stack-card{position:absolute;display:grid;place-items:center;width:200px;height:80px;border:1px solid var(--ink);font:800 23px var(--display);letter-spacing:-.05em}.skills-art .stack-one{background:white;transform:translate(-45px,-87px)}.skills-art .stack-two{background:var(--blue);color:white;transform:translate(4px,0)}.skills-art .stack-three{background:var(--orange);transform:translate(51px,87px)}.project-philosophy{background:#dbe2e2;padding:86px 0}.philosophy-grid{display:grid;grid-template-columns:.35fr 1fr;gap:60px;align-items:center}.big-flower{display:grid;place-items:center;width:190px;height:190px;background:var(--blue);font-size:0}.big-flower:after{content:'→';color:white;font:100px var(--display)}.philosophy-grid h2{max-width:800px}.philosophy-grid p:not(.kicker){max-width:670px;color:var(--muted);font-size:16px;line-height:1.7}
.about-hero{background:#e5e9e5}.about-hero-grid{min-height:480px}.about-hero-art{position:relative;min-height:360px;background:var(--blue);display:grid;place-items:center;margin:50px 0}.about-hero-art:after{content:'AN';color:white;font:800 180px var(--display);letter-spacing:-.13em}.about-sticker,.about-spark{display:none}.story-section{background:white}.story-grid h2{max-width:580px}.story-grid>div:last-child{padding-top:33px}.journey-section{padding:95px 0;background:var(--bg)}.journey-list{border-top:1px solid var(--ink)}.journey-list article{display:grid;grid-template-columns:190px 1fr 25px;gap:28px;padding:26px 0;border-bottom:1px solid var(--line)}.journey-list article>span{padding-top:7px;font:600 10px var(--mono);color:var(--blue)}.journey-list h3{font-size:26px;margin-bottom:8px}.journey-list p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.journey-list b{color:var(--orange);font-size:20px}.about-details{background:white}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px}.detail-grid h2{max-width:720px;margin-bottom:30px}.large-chips span{padding:10px 12px}.detail-aside{display:grid;gap:15px}.detail-note{padding:28px;border:1px solid var(--ink);background:#e6ebea}.detail-note:nth-child(2){background:#e1e6f4}.detail-icon{display:none}.detail-note h3{font-size:27px;margin-bottom:13px}.detail-note p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}
@media(max-width:1100px){.wrap{width:min(100% - 60px,1280px)}.hero-grid{gap:35px}.hero-copy h1{font-size:clamp(53px,6vw,74px)}.site-nav{gap:18px}.stat-grid>div{padding-inline:17px}.stat-grid strong{font-size:36px}.side-quest-grid{gap:45px}.case-copy,.project-feature-copy{padding:33px}}
@media(max-width:780px){.wrap{width:min(100% - 38px,1280px)}.header-inner{height:69px}.brand{font-size:19px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:43px;height:43px;border:0;background:transparent}.menu-toggle span{width:24px;height:2px;background:var(--ink)}.site-nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--ink);padding:12px 19px 20px;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:14px 6px}.site-nav .nav-hello{margin-top:8px}.section{padding:72px 0}h1{font-size:clamp(49px,10.5vw,72px)}h2{font-size:clamp(38px,8.8vw,55px)}.hero-grid,.intro-grid,.side-quest-grid,.page-hero-grid,.projects-hero-grid,.about-hero-grid,.method-grid,.story-grid,.detail-grid{display:block}.hero-grid{min-height:0}.hero-copy{padding:70px 0 38px}.hero-copy h1{font-size:clamp(51px,10.5vw,70px)}.hero-lead{font-size:16px}.hero-aside{margin-top:44px}.hero-collage{min-height:390px;margin-bottom:25px}.paper-main{width:84%;padding:20px}.paper-main p{font-size:clamp(30px,8vw,42px)}.hero-bottom{padding-bottom:20px}.marquee-band .wrap{flex-wrap:wrap;justify-content:center;gap:10px 17px;padding:15px 0}.marquee-band span{font-size:9px}.intro-copy{padding-top:20px}.intro-copy p{font-size:16px}.section-head{display:block}.section-head .under-link{margin-top:18px}.preview-grid{grid-template-columns:1fr}.preview-art{height:240px}.preview-copy{min-height:205px}.side-art{height:290px;margin-bottom:33px}.side-art:before{font-size:48px}.side-art:after{font-size:28px}.contact-strip-inner{display:block;padding:44px 0}.contact-strip h2{margin-bottom:25px}.footer-inner{min-height:120px;flex-wrap:wrap;padding:23px 0;gap:16px}.footer-inner>span{order:3;width:100%}.page-hero-grid,.projects-hero-grid,.about-hero-grid{padding-top:65px;min-height:0}.page-hero-art,.projects-hero-art,.about-hero-art{min-height:310px;margin:30px 0}.giant-check{width:175px;height:175px;font-size:145px}.stat-grid{grid-template-columns:1fr}.stat-grid>div,.stat-grid>div:first-child{min-height:0;padding:18px 0;border-right:0;border-bottom:1px solid #566266}.stat-grid>div:last-child{border-bottom:0}.stat-grid strong{width:110px}.stat-grid span{max-width:300px}.case-card,.project-feature{display:block}.case-art,.case-reverse .case-art,.project-feature-art,.project-feature-reverse .project-feature-art{min-height:300px;border:0;border-bottom:1px solid var(--ink)}.case-reverse .case-art,.project-feature-reverse .project-feature-art{order:0}.case-copy,.project-feature-copy{padding:32px 27px}.case-copy h3,.project-feature-copy h3{font-size:36px}.work-method{padding:70px 0}.method-grid>div:last-child{margin-top:23px}.projects-hero-art:before,.projects-hero-art:after{font-size:clamp(34px,9vw,55px)}.note-inner{align-items:start}.project-philosophy{padding:70px 0}.philosophy-grid{display:block}.big-flower{width:105px;height:105px;margin-bottom:25px}.big-flower:after{font-size:62px}.about-hero-art:after{font-size:135px}.story-grid>div:last-child{padding-top:18px}.journey-section{padding:72px 0}.journey-list article{grid-template-columns:1fr 20px;gap:7px}.journey-list article>span{grid-column:1/3}.journey-list h3{font-size:24px}.detail-aside{margin-top:32px}}
@media(max-width:420px){.hero-copy h1{font-size:46px}.button-row{gap:20px}.paper-main p{font-size:30px}.paper-header,.paper-footer{font-size:8px}.paper-checks span{font-size:11px}.preview-copy{padding:23px}.side-art:before{font-size:41px}.side-art:after{font-size:24px}.tally-sheet{min-width:220px}.flow-bubble{width:85px;height:80px;font-size:14px}.flow-arrow{margin:0 8px}.bucket-outer{width:225px;height:225px}.bucket-inner{inset:14px}.bucket-center{width:58px;height:58px;font-size:31px}.bottle{width:25px;height:65px}.glass{width:23px;height:23px}.bucket-label{right:12px;bottom:11px;font-size:9px}.story-device{right:2%;bottom:4%;width:116px}.book-front span{font-size:28px}.skills-art .stack-card{width:155px;height:65px;font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Booze Bucket prototype photography */
.bucket-art{min-height:560px;background:#dfe7e6;padding:46px 24px 22px}
.bucket-hero-image{position:absolute;top:12px;display:block;width:auto;max-width:96%;height:800px;object-fit:contain;filter:drop-shadow(0 18px 17px rgba(24,34,37,.17))}
.bucket-original-link{position:absolute;left:25px;bottom:29px;padding:8px 11px;background:var(--ink);color:white;font:600 10px var(--mono);letter-spacing:.04em}
.bucket-original-link:hover{background:var(--blue)}
.bucket-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:stretch;margin:-1px 0 0;border:1px solid var(--ink);background:#eef2f0}
.bucket-gallery-intro{display:flex;flex-direction:column;justify-content:center;padding:30px 34px}
.bucket-gallery-intro h3{font-size:30px;margin:11px 0 12px}
.bucket-gallery-intro p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.bucket-gallery-shot{position:relative;display:grid;place-items:center;min-height:290px;overflow:hidden;border-left:1px solid var(--ink);background:#e2e9e6;transition:background .2s}
.bucket-gallery-shot:nth-child(3){background:#e1e7ee}
.bucket-gallery-shot:hover{background:#d5e0dd}
.bucket-gallery-shot img{position:absolute;top:8px;display:block;width:auto;max-width:95%;height:460px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(24,34,37,.16));transition:transform .2s}
.bucket-gallery-shot:hover img{transform:translateY(-5px)}
.bucket-gallery-shot span{position:absolute;bottom:15px;left:18px;font:600 10px var(--mono);letter-spacing:.05em}
@media(max-width:780px){.bucket-art{min-height:450px;padding:42px 16px 12px}.bucket-hero-image{height:660px}.bucket-gallery{grid-template-columns:1fr 1fr}.bucket-gallery-intro{grid-column:1/-1;padding:27px}.bucket-gallery-shot{min-height:270px}.bucket-gallery-shot:nth-child(2){border-left:0}.bucket-gallery-shot img{height:405px}}
@media(max-width:420px){.bucket-art{min-height:400px}.bucket-hero-image{height:590px}.bucket-original-link{left:10px;bottom:11px;font-size:9px}.bucket-gallery{gap:0}.bucket-gallery-shot{min-height:230px}.bucket-gallery-shot img{height:355px;max-width:none}.bucket-gallery-shot span{left:10px;bottom:11px;font-size:9px}}

/* Story Stack app screenshots */
.story-art{min-height:560px;background:#dce4ee;padding:48px 20px 30px}
.story-art .visual-caption{color:var(--ink)}
.story-main-shot{display:block;height:500px;aspect-ratio:1071/2248;overflow:hidden;border:1px solid #17202a;box-shadow:12px 14px 0 rgba(24,34,37,.13);transition:transform .2s}
.story-main-shot:hover{transform:translateY(-5px)}
.story-main-shot img{display:block;width:100%;height:100%;object-fit:cover}
.story-art-hint{position:absolute;right:22px;bottom:22px;font:600 10px var(--mono);letter-spacing:.04em}
.story-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:stretch;margin:-1px 0 0;border:1px solid var(--ink);background:#eef2f5}
.story-gallery-intro{display:flex;flex-direction:column;justify-content:center;padding:30px 34px}
.story-gallery-intro h3{font-size:30px;margin:11px 0 12px}
.story-gallery-intro p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.story-gallery-shot{position:relative;display:grid;place-items:center;min-height:435px;overflow:hidden;border-left:1px solid var(--ink);background:#dce5f0;transition:background .2s}
.story-gallery-shot:nth-child(3){background:#e8e0e3}
.story-gallery-shot:hover{background:#cbd9ea}
.story-gallery-shot img{display:block;width:auto;height:380px;max-width:90%;object-fit:contain;border:1px solid #1b2430;box-shadow:8px 10px 0 rgba(24,34,37,.12);transition:transform .2s}
.story-gallery-shot:nth-child(2) img{position:absolute;top:-250px;height:680px;max-width:95%}
.story-gallery-shot:hover img{transform:translateY(-5px)}
.story-gallery-shot span{position:absolute;z-index:1;bottom:14px;left:18px;padding:8px 11px;background:var(--ink);color:white;font:600 10px var(--mono);letter-spacing:.05em}
@media(max-width:780px){.story-art{min-height:520px}.story-main-shot{height:460px}.story-gallery{grid-template-columns:1fr}.story-gallery-intro{padding:27px}.story-gallery-shot{min-height:450px;border-left:0;border-top:1px solid var(--ink)}.story-gallery-shot img{height:395px}.story-gallery-shot:nth-child(2) img{height:680px}}
@media(max-width:420px){.story-art{min-height:465px}.story-main-shot{height:410px}.story-art-hint{right:12px;bottom:10px;font-size:9px}.story-gallery-shot{min-height:420px}.story-gallery-shot img{height:365px}.story-gallery-shot:nth-child(2) img{height:680px}}
.launcher-art{background:#dce6e3}
.launcher-shot{display:block;width:min(58%,285px);height:365px;overflow:hidden;border:6px solid #1b2224;border-radius:24px 24px 0 0;box-shadow:18px 18px 0 rgba(24,34,37,.13);transform:translateY(46px);transition:transform .2s}
.launcher-shot:hover{transform:translateY(39px)}
.launcher-shot img{display:block;width:100%;height:auto}
.launcher-art-hint{position:absolute;right:22px;bottom:17px;padding:8px 10px;background:var(--ink);color:white;font:600 10px var(--mono);letter-spacing:.05em}
@media(max-width:780px){.launcher-shot{height:290px;transform:translateY(35px)}.launcher-shot:hover{transform:translateY(30px)}}
.projects-hero-art:before{order:1}
.projects-hero-art:after{order:2}
.projects-hero-launcher{order:3;display:block;margin-top:4px;color:#a9c5c2;font:800 clamp(38px,3.5vw,56px)/1 var(--display);letter-spacing:-.07em;white-space:nowrap}
@media(max-width:780px){.projects-hero-launcher{font-size:clamp(28px,7.5vw,48px)}}

/* Readability pass: keep long-form copy comfortable on phones and desktops. */
.preview-copy p,.case-copy p,.project-feature-copy p,.journey-list p,.detail-note p{font-size:16px;line-height:1.65}
.head-note,.note-inner p,.bucket-gallery-intro p,.story-gallery-intro p{font-size:15px;line-height:1.6}
.stat-grid span{font-size:14px;line-height:1.5;max-width:230px}
@media(max-width:780px){.stat-grid strong{width:130px;font-size:34px}}