/* Portfolio compositions: static responsive imagery, original project names. */
#work .portfolio-note{font-size:10px;color:#9e9f92;margin:-20px 0 55px;letter-spacing:.03em}
#work .case-study{margin:0 0 90px;min-width:0}
#work .case-stage{position:relative;overflow:hidden;isolation:isolate;border:1px solid #ffffff20;background:#24261f;height:620px;padding:35px}
#work .website-screen{position:relative;overflow:hidden;border:1px solid #ffffff24;box-shadow:0 24px 65px #0004;background:#eeeade;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
#work .screen-bar{height:27px;background:#20221e;color:#a7a79a;display:flex;align-items:center;gap:5px;padding:0 12px;font-size:7px;letter-spacing:.12em}
#work .screen-bar i{width:4px;height:4px;background:#7a7c70;border-radius:50%}
#work .screen-bar span{margin:auto;font-weight:400}
#work .screen-bar b{font-weight:400}
#work .site-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 28px;font-size:8px;letter-spacing:.03em;position:relative;z-index:2}
#work .site-nav strong{font-size:9px;letter-spacing:.12em;font-weight:500}
#work .site-nav b{font-weight:400;padding:7px 12px;border:1px solid currentColor;font-size:7px}
#work .photo-page{position:relative;height:calc(100% - 27px);color:#fff4df;overflow:hidden}
#work img{display:block;width:100%;height:100%;object-fit:cover}
#work .photo-page>img{position:absolute;inset:0;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
#work .photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#17100dd9,transparent 72%),linear-gradient(90deg,#17100d40,transparent 80%)}
#work .screen-headline{position:absolute;left:35px;bottom:90px;z-index:2}
#work .screen-headline small,#work .ui-headline+small{font-size:8px;letter-spacing:.16em}
#work .screen-headline>div{font:400 clamp(30px,4.5vw,65px)/1.04 Fraunces,Georgia,serif;letter-spacing:-.035em;margin:17px 0 25px}
#work .screen-headline>span{display:inline-block;border-bottom:1px solid #fff6;font-size:9px;padding-bottom:8px}
#work .screen-foot{position:absolute;left:35px;right:35px;bottom:25px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #fff5;padding-top:12px;font-size:7px;letter-spacing:.09em}
#work .mini-device{position:absolute;z-index:3;width:165px;height:315px;border:6px solid #292b25;border-radius:22px;box-shadow:0 18px 45px #0005;background:#f0ede4;color:#333b2e;padding:24px 12px 14px;overflow:hidden;transform:rotate(5deg);transition:transform .65s}
#work .device-island{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:38px;height:7px;background:#292b25;border-radius:10px}
#work .mini-device>small{display:block;font-size:6px;letter-spacing:.12em;margin:5px 0 12px}
#work .mini-device img{height:110px;margin:0 -12px;width:calc(100% + 24px);object-fit:cover}
#work .device-title{font:400 20px/1.08 Fraunces,Georgia,serif;letter-spacing:-.03em;margin:12px 0}
#work .mini-device p{font-size:7px;line-height:1.55;margin:8px 0}
#work .ui-cta{display:inline-block;font-size:9px;padding:9px 12px;background:#2e382b;color:#eeeade;letter-spacing:.02em}
#work .mini-device .ui-cta{display:block;font-size:7px;padding:9px 7px;margin-top:12px;text-align:center}
#work .case-caption{display:grid;grid-template-columns:55px 1fr 1fr auto;gap:25px;align-items:start;margin-top:26px;position:relative;border-bottom:1px solid #ffffff20;padding-bottom:30px}
#work .case-number{font:italic 38px/1 Fraunces,Georgia,serif;color:#a89673;letter-spacing:-.05em}
#work .case-caption .eyebrow{color:#b8a37c;font-size:9px;margin-bottom:10px}
#work .case-caption h3{font:400 clamp(22px,2.5vw,35px)/1.12 Fraunces,Georgia,serif;letter-spacing:-.025em;color:#f0ece1}
#work .case-caption>p{font-size:13px;color:#aaa99d;line-height:1.75}
#work .case-tags{display:flex;flex-wrap:wrap;gap:6px 15px;margin-top:15px}
#work .case-tags span{font-size:8px;color:#8e9281;white-space:nowrap}
#work .case-link{font-size:11px;white-space:nowrap;border-bottom:1px solid #b7a17a60;padding:4px 0 7px;min-height:36px}
#work .case-link:hover{color:#d2bd91}
#work .live-link{font-size:10px;color:#b6a785;grid-column:2;padding-top:2px}
#work .renovation-stage{padding:25px;background:linear-gradient(130deg,#51493c,#827462)}
#work .renovation-screen{height:100%;transform:rotate(-1deg)}
#work .renovation-device{right:45px;bottom:18px;transform:rotate(7deg)}
#work .restaurant-stage{height:680px;background:radial-gradient(ellipse at 10% 70%,#604a3430,transparent 70%),#24221b;padding:0}
#work .restaurant-word{position:absolute;z-index:2;top:34px;left:35px;font:42px/1.08 Fraunces,Georgia,serif;letter-spacing:-.04em;color:#d9c9a9}
#work .dining-screen{position:absolute;top:85px;right:30px;width:76%;height:520px;transform:rotate(1.5deg)}
#work .dining-screen .screen-headline{bottom:50px}
#work .dining-screen .photo-shade{background:linear-gradient(0deg,#1e1711b0,transparent 80%)}
#work .reservation-ticket{position:absolute;left:28px;bottom:42px;z-index:3;padding:24px;background:#ece3d1;color:#41392b;width:230px;box-shadow:10px 15px 40px #0004;transform:rotate(-4deg)}
#work .reservation-ticket>small{display:block;font-size:6px;letter-spacing:.13em}
#work .reservation-ticket strong{display:block;font:25px Fraunces,Georgia,serif;margin:10px 0 18px}
#work .reservation-ticket>div{display:flex;gap:25px;font-size:8px;border-bottom:1px solid #51442d50;padding-bottom:12px}
#work .reservation-ticket>b{display:block;margin-top:13px;font-size:8px;font-weight:400}
#work .dining-device{right:55px;bottom:12px;transform:rotate(7deg);background:#2e2a21;color:#e7dac2}
#work .dining-device .ui-cta{background:#b8a17b;color:#211f19}
#work .realestate-stage{height:670px;background:linear-gradient(120deg,#c1c5b9,#9fa89b);color:#3a493c;padding:0}
#work .estate-side{position:absolute;left:35px;top:80px;max-width:29%}
#work .estate-side>small{font-size:7px;letter-spacing:.1em}
#work .estate-side>div{font:48px/1.06 Fraunces,Georgia,serif;margin:22px 0;letter-spacing:-.045em}
#work .estate-side p{font-size:12px;color:#5b6859}
#work .estate-screen{position:absolute;right:45px;top:30px;width:64%;height:590px;background:#19353c;transform:rotate(-2deg)}
#work .estate-screen>img{height:calc(100% - 27px);object-fit:contain}
#work .estate-device{left:65px;bottom:25px;transform:rotate(5deg);height:270px;background:#eff0e8}
#work .ui-field{font-size:8px;padding:13px 0;border-bottom:1px solid #3c4d3130;display:flex;justify-content:space-between}
#work .commerce-stage{height:650px;padding:40px 55px;background:linear-gradient(145deg,#bfb4a2,#d8d0bf)}
#work .commerce-screen{height:100%;color:#45382a;background:#f3eee5;transform:rotate(-1deg)}
#work .commerce-main{display:grid;grid-template-columns:42% 58%;height:calc(100% - 143px)}
#work .commerce-main>div{padding:45px 30px 30px}
#work .commerce-main small,#work .clinic-main small{font-size:7px;letter-spacing:.14em}
#work .ui-headline{font:400 48px/1.07 Fraunces,Georgia,serif;letter-spacing:-.035em;margin:20px 0}
#work .commerce-main p,#work .clinic-main p{font-size:11px;line-height:1.7;margin-bottom:22px}
#work .commerce-main>img{object-position:57% center}
#work .commerce-main .ui-cta{background:#4f3c29}
#work .product-strip{height:50px;padding:15px 28px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #574b3830;font-size:8px;gap:10px}
#work .product-strip>span{font-size:6px;letter-spacing:.1em}
#work .product-strip b{font-weight:400}
#work .commerce-device{right:25px;bottom:20px;transform:rotate(7deg);height:350px;width:180px;background:#f8f3e9;border-color:#4a3a2e}
#work .commerce-device .device-island{background:#4a3a2e}
#work .commerce-device>img{height:150px;margin-top:-5px;object-position:65% center}
#work .commerce-device>small{margin-top:15px;font-size:5px}
#work .commerce-device .ui-cta{background:#4f3c29}
#work .swatches{display:flex;align-items:center;gap:6px;font-size:6px}
#work .swatches i{display:block;width:10px;height:10px;border-radius:50%;background:#39291c;border:1px solid #b5a38b}
#work .swatches i:nth-child(2){background:#e2d4b9}
#work .clinic-stage{height:620px;background:linear-gradient(125deg,#d0d4c8,#e7e6dc);padding:35px 55px 70px;color:#3a4736}
#work .clinic-screen{height:100%;background:#f9f8f0;transform:rotate(1deg)}
#work .clinic-main{display:grid;grid-template-columns:44% 56%;height:calc(100% - 138px)}
#work .clinic-main>div{padding:30px}
#work .clinic-main .ui-headline{font-size:43px}
#work .care-services{height:45px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:8px;padding:0 30px;background:#e8ede1}
#work .specialist-note{position:absolute;bottom:35px;left:90px;background:#f7f5ec;border:1px solid #b1b8a880;display:flex;gap:12px;align-items:center;padding:15px 20px;box-shadow:0 10px 35px #69776120;transform:rotate(-2deg)}
#work .specialist-note>span{font-size:24px;color:#889777}
#work .specialist-note strong{font-size:10px;font-weight:400;display:block}
#work .specialist-note small{font-size:7px;color:#89917e;display:block;margin-top:3px}
#work .clinic-device{right:24px;bottom:20px;background:#f6f7ef;transform:rotate(-6deg);height:325px}
#work .booking-days{display:flex;justify-content:space-between;gap:5px;font-size:6px;margin-top:15px;text-align:center}
#work .booking-days>span{padding:6px 9px;background:#e8ecdf;border:1px solid #a5b09350}
#work .booking-days b{display:block;font-size:12px;font-weight:400}
#work .booking-time{display:flex;gap:8px;font-size:7px;margin:13px 0}
#work .booking-time>span{border:1px solid #66745460;padding:4px 8px}
#work .case-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
#work .case-pair>.case-study:nth-child(2){margin-top:90px}
#work .case-pair .case-caption{grid-template-columns:35px 1fr auto;gap:16px}
#work .case-pair .case-caption>p{grid-column:2/4;font-size:12px}
#work .case-pair .case-number{font-size:30px}
#work .case-pair .case-caption h3{font-size:27px}
#work .case-pair .case-link{font-size:9px}
#work .case-pair .case-stage{height:420px;padding:20px}
#work .cafe-screen{height:100%;transform:rotate(-2deg)}
#work .cafe-screen .photo-page{height:calc(100% - 65px)}
#work .cafe-screen .screen-headline{left:25px;bottom:35px}
#work .cafe-screen .screen-headline>div{font-size:45px}
#work .cafe-screen .site-nav{padding:15px}
#work .cafe-menu{height:38px;background:#e9ddc6;color:#4c4030;display:flex;align-items:center;justify-content:space-around;font-size:7px;letter-spacing:.07em}
#work .cafe-stage{background:#514738}
#work .case-pair .trade-stage{background:#adb6a2;padding:24px 22px 65px;color:#3e4935}
#work .trade-screen{height:100%;background:#f0eee5;transform:rotate(2deg)}
#work .trade-screen .site-nav{padding:18px 16px}
#work .trade-main{padding:22px 22px 20px}
#work .trade-main small{font-size:6px;letter-spacing:.06em}
#work .trade-main .ui-headline{font-size:35px;margin:13px 0}
#work .trade-main p{font-size:8px;margin:12px 0}
#work .trade-services{display:flex;justify-content:space-between;gap:8px;padding:14px 15px;border-top:1px solid #3e493530;font-size:5px}
#work .trade-services b{font-size:7px;font-weight:400}
#work .quote-note{position:absolute;bottom:15px;right:20px;background:#33442c;color:#e8e6d9;padding:14px 20px;box-shadow:0 8px 25px #29382330;transform:rotate(-3deg)}
#work .quote-note small{font-size:5px;letter-spacing:.12em;display:block}
#work .quote-note strong{font:16px Fraunces,Georgia,serif;display:block;margin:5px 0}
#work .quote-note>span{font-size:6px}
#work .product-heading{border-top:1px solid #ffffff20;padding-top:45px;margin:15px 0 55px;display:grid;grid-template-columns:1fr 2fr;gap:20px}
#work .product-heading .eyebrow{grid-row:span 2}
#work .product-heading h2{font-size:50px}
#work .product-heading p:last-child{color:#a5a697;font-size:13px}
#work .app-pair .case-stage{padding:30px 18px 50px;height:425px}
#work .app-screen{height:100%;border-radius:5px;transform:rotate(-1.5deg)}
#work .app-top{padding:15px 16px;border-bottom:1px solid #ffffff15;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:6px}
#work .app-top strong{font-size:12px;font-weight:500}
#work .app-top b{font-size:5px;font-weight:400;padding:5px 7px;border:1px solid currentColor;border-radius:3px}
#work .ai-stage{background:linear-gradient(140deg,#acae9c,#71796b);color:#394c38}
#work .ai-stage .app-screen{background:#f2f2e9;color:#394c38}
#work .ai-stage .app-top{border-color:#394c381a}
#work .ai-shell{display:flex;height:calc(100% - 73px)}
#work .ai-shell>aside{padding:25px 12px;line-height:3;font-size:7px;background:#e3e6d9;min-width:82px;white-space:nowrap}
#work .ai-main{padding:23px 17px;flex:1;min-width:0}
#work .ai-main>small{font-size:5px;letter-spacing:.1em}
#work .ai-main .ui-headline{font-size:28px;margin:12px 0 20px}
#work .ai-prompt{background:#fff8;border:1px solid #6b7a5230;border-radius:4px;padding:10px;font-size:6px;display:flex;justify-content:space-between}
#work .ai-tools{display:flex;gap:8px;margin-top:15px;font-size:7px}
#work .ai-tools>span{padding:10px 8px;background:#e6e9dc;flex:1}
#work .ai-tools small{display:block;color:#889079;font-size:5px;margin-top:5px}
#work .document-line{font-size:5px;margin-top:16px;color:#7c8970}
#work .stage-note{position:absolute;bottom:17px;right:23px;font-size:6px;letter-spacing:.1em}
#work .crypto-stage{background:linear-gradient(140deg,#29332a,#181d18);color:#bbd0a0}
#work .crypto-stage .app-screen{background:#14201b;color:#c8dab7;transform:rotate(2deg)}
#work .crypto-main{padding:22px;display:grid;grid-template-columns:1.5fr 1fr;gap:20px}
#work .crypto-main small{font-size:5px;letter-spacing:.1em}
#work .crypto-main .ui-headline{font-size:27px;margin:12px 0 24px;color:#e4ecdf}
#work .chart-heading{font-size:6px;display:flex;justify-content:space-between}
#work .market-chart{display:block;width:100%;height:auto;margin-top:15px;color:#afc996}
#work .crypto-main aside{padding-top:5px;min-width:0}
#work .crypto-row{border-bottom:1px solid #c8dab730;padding:16px 0;font-size:6px}
#work .crypto-main aside p{font-size:5px;color:#889f7e;margin-top:15px}
#work .flow-stage{background:linear-gradient(135deg,#abafa2,#c5c9bc);color:#485842}
#work .flow-stage .app-screen{background:#e9ede1;transform:rotate(1.5deg)}
#work .flow-main{padding:25px 20px;background-image:radial-gradient(#6d815218 .8px,transparent .8px);background-size:12px 12px;height:calc(100% - 75px)}
#work .flow-main>small{font-size:5px;letter-spacing:.08em}
#work .flow-main .ui-headline{font-size:30px;margin:10px 0 25px}
#work .workflow{display:flex;align-items:center;gap:7px}
#work .workflow>div{padding:12px 9px;background:#f7f8f0;border:1px solid #73866550;border-radius:3px;box-shadow:0 4px 8px #3045230d;flex:1;min-width:0}
#work .workflow i{font-size:5px;font-style:normal;color:#78916a;display:block}
#work .workflow b{font-size:7px;display:block;margin:5px 0;font-weight:500}
#work .workflow small{font-size:5px;display:block}
#work .workflow>span{font-size:12px;color:#7b926c}
#work .workflow-log{display:flex;justify-content:space-between;gap:10px;font-size:5px;margin-top:23px;padding-top:10px;border-top:1px solid #6d815240}
#work .sport-stage{background:linear-gradient(135deg,#5a6548,#323b2a);color:#dce3c8}
#work .sport-stage .app-screen{background:#1d271e}
#work .sport-main{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding:35px 20px}
#work .sport-main small{font-size:5px;letter-spacing:.1em;color:#aabe83}
#work .sport-main .ui-headline{font-size:28px;margin:14px 0 25px}
#work .sport-topics{display:flex;flex-direction:column;gap:10px;font-size:6px;color:#92a67c}
#work .radar{color:#a2bf75;text-align:center}
#work .radar svg{width:100%;height:auto}
#work .radar>span{font-size:5px;letter-spacing:.07em}
#work .business-stage{height:500px;background:#d3c7af;color:#4b483a;display:flex;align-items:center;gap:50px;padding:45px}
#work .business-type{min-width:47%;position:relative;z-index:2}
#work .business-type>small{font-size:7px;letter-spacing:.1em}
#work .business-type>div{font:55px/1.08 Fraunces,Georgia,serif;letter-spacing:-.045em;margin:20px 0}
#work .business-type p{font-size:12px;color:#726b55;line-height:1.75}
#work .business-screens{display:flex;gap:20px;width:50%;transform:rotate(-8deg)}
#work .small-site{min-width:160px;height:330px;background:#f4eddf;border:7px solid #f4eddf;box-shadow:10px 20px 30px #59462c30;position:relative}
#work .small-site:nth-child(2){transform:translateY(55px)}
#work .small-site:nth-child(3){transform:translateY(-30px)}
#work .small-site img{height:calc(100% - 40px)}
#work .small-site span{font-size:6px;display:block;padding:14px 6px;letter-spacing:.06em}
/* Effects run once on intersection. Content stays visible without JS. */
@media(prefers-reduced-motion:no-preference){#work .case-study.reveal-ready .case-stage{opacity:.05;transform:translateY(26px);clip-path:inset(0 0 8% 0)}#work .case-study.reveal-ready .case-caption{opacity:.1;transform:translateY(12px)}#work .case-study.reveal-ready .case-stage,#work .case-study.reveal-ready .case-caption{transition:opacity .75s,transform .75s cubic-bezier(.2,.8,.2,1),clip-path .85s cubic-bezier(.2,.8,.2,1)}#work .case-study.reveal-ready .case-caption{transition-delay:.12s}#work .case-study.is-visible .case-stage,#work .case-study.is-visible .case-caption{opacity:1;transform:none;clip-path:inset(0)} }
@media(hover:hover) and (pointer:fine){#work .case-study:hover .photo-page>img{transform:scale(1.035)}#work .case-study:hover .mini-device{transform:rotate(1deg) translateY(-5px)}#work .case-study:hover .case-number{color:#d6c49f}#work .case-number{transition:color .3s}}
@media(max-width:900px){#work .case-stage{height:540px}#work .screen-headline>div{font-size:45px}#work .site-nav{padding:15px 20px}#work .restaurant-stage{height:580px}#work .dining-screen{height:440px}#work .restaurant-word{font-size:34px}#work .realestate-stage{height:560px}#work .estate-side{left:25px;top:55px}#work .estate-side>div{font-size:34px}#work .estate-screen{right:25px;height:490px}#work .commerce-stage,#work .clinic-stage{padding:30px 30px 55px}#work .commerce-main>div,#work .clinic-main>div{padding:25px 20px}#work .commerce-main .ui-headline,#work .clinic-main .ui-headline{font-size:36px}#work .mini-device{width:140px;height:290px}#work .commerce-device{height:310px;width:150px}#work .clinic-device{height:300px}#work .case-caption{grid-template-columns:40px 1fr 1fr;gap:20px}#work .case-link{grid-column:2}#work .case-pair{gap:25px}#work .case-pair .case-stage{height:380px;padding:20px 12px}#work .case-pair .case-caption{grid-template-columns:30px 1fr}#work .case-pair .case-caption>p{grid-column:2}#work .case-pair .case-caption h3{font-size:25px}#work .case-pair .case-link{grid-column:2}#work .ai-shell>aside{display:none}#work .app-top>span{display:none}#work .app-pair .case-stage{height:350px;padding-bottom:30px}#work .crypto-main{padding:20px 14px;grid-template-columns:1fr}#work .crypto-main aside{display:none}#work .crypto-main .ui-headline{font-size:26px;margin-bottom:12px}#work .flow-main{padding:20px 14px}#work .flow-main .ui-headline{font-size:26px}#work .workflow{gap:4px}#work .workflow>div{padding:9px 5px}#work .workflow small{display:none}#work .sport-main{padding:25px 15px;grid-template-columns:1.2fr 1fr}#work .sport-main .ui-headline{font-size:25px}#work .business-stage{height:430px;padding:30px}#work .business-type>div{font-size:45px}#work .business-type{min-width:55%}}
@media(max-width:600px){#work .portfolio-note{font-size:9px;margin:-10px 0 30px;max-width:270px}#work .case-study{margin-bottom:55px}#work .case-stage{height:435px;padding:12px}#work .screen-bar{height:23px;padding:0 8px;font-size:5px;letter-spacing:.07em}#work .screen-bar i{width:3px;height:3px}#work .site-nav{padding:14px 13px;gap:8px}#work .site-nav strong{font-size:7px;letter-spacing:.07em}#work .site-nav>span{display:none}#work .site-nav b{font-size:6px;padding:5px 7px;white-space:nowrap}#work .photo-page{height:calc(100% - 23px)}#work .screen-headline{left:20px;bottom:75px;right:12px}#work .screen-headline small{font-size:6px}#work .screen-headline>div{font-size:36px;margin:15px 0 21px}#work .screen-headline>span{font-size:8px}#work .screen-foot{left:20px;right:20px;bottom:22px;font-size:5px;display:block}#work .screen-foot>span:last-child{display:none}#work .mini-device{width:108px;height:210px;border-width:4px;border-radius:16px;padding:17px 8px 9px}#work .device-island{top:5px;width:28px;height:5px}#work .mini-device>small{font-size:4px;letter-spacing:.06em;margin:5px 0 9px}#work .mini-device img{height:70px;margin:0 -8px;width:calc(100% + 16px)}#work .device-title{font-size:14px;margin:9px 0}#work .mini-device p{font-size:5px;margin:5px 0}#work .mini-device .ui-cta{font-size:5px;padding:7px 4px;margin-top:8px}#work .renovation-stage{height:440px;padding:10px 10px 40px}#work .renovation-device{right:11px;bottom:12px;transform:rotate(5deg);height:203px}#work .renovation-screen{transform:none}#work .renovation-screen .screen-headline{bottom:92px}#work .renovation-screen .screen-headline>div{font-size:32px}#work .restaurant-stage{height:460px;padding:12px 12px 55px}#work .restaurant-word{display:none}#work .dining-screen{position:relative;inset:auto;width:100%;height:100%;transform:none}#work .dining-screen .screen-headline{bottom:60px;right:12px}#work .dining-screen .screen-headline>div{font-size:34px}#work .reservation-ticket{left:15px;bottom:12px;width:155px;padding:13px;transform:rotate(-3deg)}#work .reservation-ticket>small{font-size:4px}#work .reservation-ticket strong{font-size:17px;margin:5px 0 10px}#work .reservation-ticket>div{font-size:5px;padding-bottom:7px;gap:15px}#work .reservation-ticket>b{font-size:5px;margin-top:8px}#work .dining-device{right:14px;bottom:12px;height:215px}#work .realestate-stage{height:510px;padding:12px 12px 48px}#work .estate-side{display:none}#work .estate-screen{position:relative;inset:auto;width:100%;height:100%;transform:none}#work .estate-screen>img{height:calc(100% - 23px);object-fit:contain}#work .estate-device{left:auto;right:13px;bottom:9px;height:181px;background:#eff0e8;transform:rotate(4deg)}#work .estate-device .device-title{font-size:15px;margin-bottom:7px}#work .estate-device p{font-size:5px;margin-bottom:5px}#work .ui-field{font-size:6px;padding:8px 0}#work .estate-device .ui-cta{margin-top:7px}#work .commerce-stage{height:490px;padding:12px 12px 40px}#work .commerce-screen{transform:none}#work .commerce-main{position:relative;display:block;height:calc(100% - 110px);overflow:hidden;background:#ede2d0}#work .commerce-main>img{position:absolute;inset:0;object-position:68% center;opacity:.95}#work .commerce-main>div{position:absolute;z-index:2;left:0;top:0;bottom:0;width:100%;padding:24px 20px;background:linear-gradient(90deg,#f3eee5ee,#f3eee530 70%,transparent)}#work .commerce-main .ui-headline{font-size:38px;margin:20px 0 14px}#work .commerce-main small{font-size:6px}#work .commerce-main p{font-size:9px;margin-bottom:18px}#work .commerce-main .ui-cta{font-size:7px;padding:8px 10px}#work .product-strip{height:35px;font-size:5px;padding:10px 12px;gap:10px}#work .product-strip>span{display:none}#work .commerce-device{right:13px;bottom:12px;width:116px;height:244px}#work .commerce-device>img{height:98px}#work .commerce-device>small{font-size:4px;margin-top:10px}#work .commerce-device .device-title{font-size:14px}#work .swatches{font-size:4px;gap:4px}#work .swatches i{width:7px;height:7px}#work .clinic-stage{height:485px;padding:12px 12px 48px}#work .clinic-screen{transform:none}#work .clinic-main{position:relative;display:block;height:calc(100% - 108px);overflow:hidden}#work .clinic-main>img{position:absolute;inset:0;object-position:70% center}#work .clinic-main>div{position:absolute;z-index:2;inset:0;padding:22px 18px;background:linear-gradient(90deg,#f9f8f0f0,#f9f8f04a 80%,transparent)}#work .clinic-main .ui-headline{font-size:33px;margin:20px 0 17px}#work .clinic-main small{font-size:5px}#work .clinic-main p{font-size:9px}#work .clinic-main .ui-cta{font-size:7px}#work .care-services{height:35px;font-size:5px;padding:0 12px;gap:10px}#work .specialist-note{left:14px;bottom:12px;padding:12px 10px;gap:6px;max-width:160px}#work .specialist-note>span{font-size:16px}#work .specialist-note strong{font-size:7px}#work .specialist-note small{font-size:5px}#work .clinic-device{right:12px;bottom:11px;height:227px;width:113px}#work .booking-days{font-size:4px;gap:3px;margin-top:10px}#work .booking-days>span{padding:4px 5px}#work .booking-days b{font-size:9px}#work .booking-time{font-size:5px;gap:5px;margin:9px 0}#work .booking-time>span{padding:3px 5px}#work .case-caption{grid-template-columns:30px 1fr!important;gap:12px!important;margin-top:22px;padding-bottom:25px}#work .case-number{font-size:28px!important}#work .case-caption h3{font-size:26px!important;line-height:1.14}#work .case-caption .eyebrow{font-size:8px}#work .case-caption>p{grid-column:2!important;font-size:12px!important}#work .case-link{grid-column:2;font-size:11px!important;justify-self:start;min-height:44px;padding-top:8px}#work .case-tags{gap:5px 11px;margin-top:12px}#work .case-tags span{font-size:7px}#work .case-pair{grid-template-columns:1fr;gap:0}#work .case-pair>.case-study:nth-child(2){margin-top:0}#work .case-pair .case-stage{height:400px;padding:14px}#work .cafe-screen{transform:none}#work .cafe-screen .screen-headline>div{font-size:43px}#work .cafe-screen .site-nav{padding:13px}#work .case-pair .trade-stage{padding:14px 14px 55px;height:420px}#work .trade-screen{transform:none}#work .trade-main{padding:28px 22px}#work .trade-main .ui-headline{font-size:34px}#work .trade-main small{font-size:5px}#work .trade-main p{font-size:8px}#work .trade-services{padding:12px 14px}#work .quote-note{bottom:12px;right:20px;padding:12px 18px}#work .product-heading{display:block;margin:0 0 35px;padding-top:35px}#work .product-heading h2{font-size:38px;margin:20px 0}#work .product-heading p:last-child{font-size:12px}#work .app-pair .case-stage{height:365px;padding:18px 12px 40px}#work .app-screen{transform:none!important}#work .app-top{padding:15px;font-size:6px}#work .app-top strong{font-size:13px}#work .app-top b{font-size:6px}#work .ai-main{padding:25px 20px}#work .ai-main .ui-headline{font-size:30px}#work .ai-main>small{font-size:5px}#work .ai-prompt{font-size:7px;padding:12px}#work .ai-tools{font-size:8px}#work .ai-tools small{font-size:6px}#work .document-line{font-size:6px}#work .crypto-main{padding:23px 20px;grid-template-columns:1fr}#work .crypto-main .ui-headline{font-size:30px}#work .chart-heading{font-size:7px}#work .crypto-main small{font-size:6px}#work .market-chart{height:83px}#work .flow-main{padding:23px 17px}#work .flow-main .ui-headline{font-size:30px;margin:12px 0 23px}#work .workflow>div{padding:12px 7px}#work .workflow i{font-size:5px}#work .workflow b{font-size:7px}#work .workflow-log{font-size:5px}#work .sport-main{padding:34px 18px;grid-template-columns:1.25fr 1fr}#work .sport-main .ui-headline{font-size:28px}#work .sport-topics{font-size:7px}#work .sport-main small{font-size:5px}#work .stage-note{font-size:5px;bottom:15px;right:18px}#work .business-stage{height:420px;display:block;padding:30px 22px}#work .business-type{min-width:0}#work .business-type>div{font-size:40px;margin:16px 0}#work .business-type>small{font-size:6px}#work .business-type p{font-size:10px}#work .business-screens{position:absolute;bottom:-80px;left:26px;gap:15px;transform:rotate(-8deg)}#work .small-site{min-width:100px;height:225px;border-width:5px}#work .small-site:nth-child(2){transform:translateY(20px)}#work .small-site:nth-child(3){transform:translateY(-25px)}#work .small-site span{font-size:4px;padding:12px 2px}}
@media(max-width:600px) and (prefers-reduced-motion:no-preference){#work .case-study.reveal-ready .case-stage{clip-path:none;transform:translateY(15px);transition:opacity .5s,transform .5s}#work .case-study.reveal-ready .case-caption{transition-delay:0}}
@media(prefers-reduced-motion:reduce){#work .case-stage,#work .case-caption{opacity:1!important;transform:none!important;clip-path:none!important}#work .website-screen,#work .mini-device,#work .photo-page>img{transition:none!important}}
@media(max-width:600px){#work .renovation-screen .screen-headline{bottom:145px}#work .renovation-screen .screen-headline>div{font-size:30px}#work .dining-screen .screen-headline{bottom:145px}#work .dining-screen .screen-headline>div{font-size:31px}}