*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:13px;color:#191919}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px dotted #14256b;outline-offset:2px}#desktop{position:relative;height:100dvh;overflow:hidden;background:#4695db url('assets/wallpaper.png') center center/cover no-repeat}.desktop-icons{position:absolute;top:20px;left:12px;display:grid;gap:16px;z-index:1}.desktop-icon{width:95px;min-height:78px;border:1px solid transparent;background:transparent;color:#fff;text-shadow:1px 1px 2px #14243c;text-align:center;display:flex;align-items:center;flex-direction:column;gap:3px;padding:5px;font-size:12px}.desktop-icon:hover,.desktop-icon:focus-visible{background:#2667ab69;border:1px dotted #fff}.icon{height:46px;font-size:37px;line-height:45px;text-shadow:none}.icon.ie{font:bold italic 50px/45px Arial;color:#1671c5;text-shadow:2px 2px #f4cd22,-2px -1px #e4f5fc}.taskbar{position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(#3979d7 0%,#245ac3 22%,#1e50af 80%,#1a459e);display:flex;align-items:center;z-index:100;border-top:1px solid #759ce2;box-shadow:0 -2px 5px #102e6c5e}#start-button{height:39px;min-width:97px;border:0;border-radius:0 13px 13px 0;color:#fff;background:linear-gradient(#72b855,#288731 48%,#287b2a);font-size:19px;font-weight:bold;font-style:italic;text-shadow:1px 2px #19561d;box-shadow:inset 0 2px #b9e4a4,2px 1px 4px #123d75}.flag{font-style:normal;font-size:21px;color:#f5d84c;margin-right:5px}.quick{display:flex;align-items:center;padding:0 8px;gap:3px}.quick button{border:0;background:none;color:#fff;min-width:25px;height:28px;font-size:15px;font-weight:bold}.quick button:hover{background:#ffffff36}.quick .divider{height:23px;border-left:1px solid #0b3d91;border-right:1px solid #7aaceb;margin:0 5px}.quick .social{font-family:Arial;font-size:14px}.quick .social[title*="Instagram"]{font-size:21px}.tray{margin-left:auto;background:#16a4e1;border-left:1px solid #90d6f2;height:100%;display:flex;align-items:center;gap:12px;padding:0 14px;color:#fff;white-space:nowrap;font-size:12px}#tasks{display:flex;gap:3px;min-width:0;overflow:hidden;height:33px;align-items:center}.task{min-width:95px;max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;border:1px solid #7aa0dc;background:linear-gradient(#4b8cdd,#2865c0);color:#fff;border-radius:3px;padding:6px 10px}.task.active{background:linear-gradient(#1250a8,#3272ce);box-shadow:inset 1px 1px 3px #0a3a81}#start-menu{position:absolute;bottom:40px;left:0;width:410px;background:#fff;border:2px solid #1c54ad;border-bottom:0;border-radius:9px 9px 0 0;z-index:99;box-shadow:5px -5px 22px #20314a77;overflow:hidden}#start-menu[hidden]{display:none}.start-head{height:65px;background:linear-gradient(#1652a8,#3a83d3);display:flex;align-items:center;gap:12px;color:white;font-size:18px;padding:8px 15px;text-shadow:1px 1px #174589}.avatar{display:grid;place-items:center;width:45px;height:45px;background:#e8e9e0;border:2px solid white;border-radius:5px;color:#2c60a0;text-shadow:none;font-weight:bold}.start-main{display:grid;grid-template-columns:1.05fr .95fr}.start-left,.start-right{padding:12px 8px;display:flex;flex-direction:column;gap:2px}.start-right{background:#d9e7fa;border-left:1px solid #a4c5ec}.start-main button{border:0;background:transparent;text-align:left;padding:8px 9px;border-radius:2px;color:#1f2f46}.start-main button:hover{background:#2868c6;color:#fff}.start-right strong{font-size:12px;color:#425c7e;padding:8px}.start-left hr{width:100%;border:0;border-top:1px solid #ddd}.start-foot{background:#2a72c7;color:#e9f4ff;padding:10px 14px;text-align:right}.window{position:absolute;top:11%;left:17%;width:min(850px,76vw);height:min(620px,75vh);background:#f6f6f1;border:3px solid #1c55ae;border-top:0;border-radius:9px 9px 5px 5px;box-shadow:5px 9px 22px #1c335a91;display:flex;flex-direction:column;overflow:hidden;z-index:5}.window.doc-window{width:min(730px,68vw);left:24%;top:15%}.titlebar{height:34px;flex-shrink:0;background:linear-gradient(#6aa4f1 0%,#1663c7 13%,#0752bb 62%,#2267c6);display:flex;align-items:center;padding:0 5px 0 9px;color:white;font-weight:bold;text-shadow:1px 1px #12438c;gap:8px;cursor:grab;touch-action:none}.titlebar .title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar button{width:24px;height:23px;background:linear-gradient(#83aef2,#1552b1);border:1px solid #fff;border-radius:3px;color:white;font-weight:bold;font-size:17px;line-height:16px;text-shadow:1px 1px #1a459b;padding:0}.titlebar button.close{background:linear-gradient(#f4a581,#d82916)}.toolbar{background:#edece5;border-bottom:1px solid #b3b2a9;height:27px;display:flex;align-items:center;gap:22px;padding:0 12px}.tools{display:flex;align-items:center;gap:7px;background:#f7f6ef;border-bottom:1px solid #c6c5bc;height:39px;padding:0 12px}.tools button{background:none;border:0;padding:5px 7px;border-radius:3px}.tools button:hover{background:#d9e7fc}.address{background:#e7e8e2;display:flex;align-items:center;gap:6px;padding:5px 10px;border-bottom:1px solid #c9cbc5;color:#555}.address span{background:white;border:1px solid #aab3b9;padding:3px 8px;flex:1;color:#283649;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-main{min-height:0;flex:1;display:flex;background:#fff}.sidebar{width:175px;flex-shrink:0;background:linear-gradient(#778ed4,#627cca);padding:12px 9px;display:flex;flex-direction:column;gap:10px}.sidebox{background:#dce7fa;border-radius:4px;overflow:hidden;color:#183b77}.sidebox b{display:block;background:linear-gradient(#fff,#cad9f4);padding:7px 9px;font-size:12px}.sidebox p{padding:0 9px 8px;font-size:11px;line-height:1.4}.file-area{flex:1;overflow:auto;padding:22px 24px;background:#fff}.file-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:22px 15px;align-content:start}.file-item{border:1px solid transparent;background:none;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:7px 3px;min-height:96px;word-break:break-word}.file-item:hover,.file-item:focus-visible{background:#dfecff;border:1px dotted #688dc4}.file-icon{font-size:49px;line-height:50px;height:54px;display:grid;place-items:center;text-shadow:1px 2px 2px #6684a454}.file-icon.word{color:#2554a8;font:bold 38px/50px Georgia;background:#fff;border:2px solid #4776bf;width:45px;height:52px;box-shadow:4px 4px #b5c4d4}.file-icon.presentation{color:#c7682b;font:bold 38px/50px Georgia;background:#fff;border:2px solid #d98d4c;width:45px;height:52px}.file-icon.photo{font-size:43px}.file-item span:last-child{font-size:12px;line-height:1.25}.statusbar{height:24px;flex-shrink:0;background:#edece7;border-top:1px solid #c2c5c8;padding:4px 10px;color:#555;font-size:11px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.gallery-card{border:1px solid #c0c4c9;background:#f7f7f7;text-align:left;padding:6px;box-shadow:2px 2px 0 #e1e1dc}.gallery-card:hover{border-color:#2d6eb8;background:#e9f1fc}.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#dfe6eb}.gallery-card strong{display:block;padding:8px 4px 2px;font-size:12px}.gallery-card small{display:block;padding:0 4px 5px;color:#5d6873}.note{padding:10px 0;color:#53606b;line-height:1.5}.word-ui{background:#d4d4d0;padding:20px;min-height:100%;overflow:auto}.paper{max-width:550px;min-height:580px;margin:auto;background:white;padding:55px 52px;box-shadow:2px 3px 9px #6668;font-family:Georgia,serif;font-size:15px;line-height:1.65}.paper h1{font-size:28px;margin:0 0 5px}.paper h2{font-size:17px;margin:28px 0 7px}.paper .sub{font:12px Tahoma;color:#596573;border-bottom:1px solid #777;padding-bottom:20px}.paper p{margin:16px 0}.viewer{padding:18px;background:#333b43;min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.viewer img{max-width:100%;max-height:430px;object-fit:contain;box-shadow:0 5px 17px #0007}.viewer p{color:#fff;max-width:600px;line-height:1.5}.placeholder{padding:30px;max-width:550px;line-height:1.5}.placeholder h2{font-size:18px}.fun{font-family:'Comic Sans MS',Tahoma,sans-serif;font-size:18px;color:#4b3473}.toast{position:absolute;bottom:56px;right:16px;z-index:120;background:#ffffda;border:1px solid #56584d;border-radius:4px;padding:12px 18px;box-shadow:2px 4px 12px #0005;max-width:260px}
@media(max-width:700px){.desktop-icons{grid-template-columns:repeat(3,82px);gap:6px;top:15px;left:5px}.desktop-icon{width:82px}.window,.window.doc-window{left:3px!important;top:48px!important;width:calc(100vw - 6px);height:calc(100dvh - 91px)}.sidebar{display:none}.file-area{padding:16px}.file-list{grid-template-columns:repeat(3,1fr);gap:14px 4px}.gallery{grid-template-columns:repeat(2,1fr);gap:9px}.quick .social{display:none}.task{max-width:100px;min-width:60px}#start-menu{width:min(410px,100vw)}.paper{padding:30px 24px}.toolbar{gap:14px}.brand{display:none}}
.window.portfolio-window{width:min(1040px,80vw);height:min(750px,78vh);left:10%;top:8%}.window.project-window{width:min(1020px,78vw);height:min(760px,82vh);left:13%;top:7%}.gallery-card{position:relative}.gallery-kind{display:block;padding:0 4px 5px;font-size:11px;color:#667483}.gallery-fallback{aspect-ratio:4/3;background:#e8ecf2;display:grid;place-items:center;font-size:48px}.case-study{background:#f3f3ef;min-height:100%;font-family:Arial,sans-serif}.case-head{background:#fff;border-bottom:1px solid #ccd0d1;padding:30px 38px 27px}.case-head span{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#567197}.case-head h1{font:700 clamp(28px,3vw,45px)/1.05 Arial,sans-serif;letter-spacing:-.035em;margin:11px 0}.case-head p{font-size:14px;color:#607080;margin:0}.case-intro{background:white;padding:22px 38px 31px;display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}.brief-row{border-top:1px solid #b7c5d2;padding-top:12px}.brief-row h3{margin:0 0 7px;text-transform:uppercase;letter-spacing:.09em;font-size:11px;color:#456a98}.brief-row p{font-size:15px;line-height:1.5;margin:0;max-width:410px}.case-note{margin:18px 38px;padding:12px 16px;background:#fff4d8;border-left:3px solid #d6aa45;font-size:13px;line-height:1.5;color:#5c574a}.case-images{padding:24px 38px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start}.case-images figure{margin:0;background:#fff;border:1px solid #c8ced1;padding:8px;box-shadow:2px 4px 10px #394b5e22}.case-images img{width:100%;height:auto;display:block;max-height:680px;object-fit:contain;background:#e9e9e7}.case-images figcaption{padding:8px 3px 2px;font-size:12px;color:#66737c}
@media(max-width:700px){.window.portfolio-window,.window.project-window{left:3px!important;top:48px!important;width:calc(100vw - 6px);height:calc(100dvh - 91px)}.case-head{padding:22px}.case-intro{padding:20px 22px;grid-template-columns:1fr}.case-images{padding:16px;grid-template-columns:1fr}.case-note{margin:14px 22px}}
.window.project-window{width:min(1320px,94vw);height:calc(100dvh - 72px);left:3vw;top:16px}.window.project-window .sidebar{display:none}.window.project-window .file-area{padding:0}.case-study{background:#fff;color:#202a31;font-family:Arial,Helvetica,sans-serif}.story-mast{padding:clamp(35px,6vw,82px) clamp(28px,7vw,105px) 55px;background:#f5f4f0}.story-kicker{font:700 12px Arial;text-transform:uppercase;letter-spacing:.14em;color:#3e719d}.story-kicker span{padding:0 7px;color:#9ca9af}.story-mast h1{font:700 clamp(42px,7vw,96px)/.96 Arial;letter-spacing:-.065em;margin:28px 0 20px;max-width:950px}.story-client{font-size:15px;color:#5e6b76;margin:0 0 48px}.story-deck{font-size:clamp(20px,2.1vw,30px);line-height:1.25;letter-spacing:-.02em;max-width:850px;margin:0}.story-hero{padding:26px clamp(20px,4vw,60px) 45px;background:#ecebe7}.story-hero .story-media{max-width:1250px;margin:auto}.story-hero img{max-height:720px;object-fit:contain}.story-media{margin:0;min-width:0}.story-media img{width:100%;height:auto;display:block;background:#e8e8e6}.story-media figcaption{font-size:12px;line-height:1.4;letter-spacing:.02em;color:#53616b;padding:12px 0 0}.case-facts{padding:65px clamp(28px,7vw,105px);display:grid;grid-template-columns:repeat(3,1fr);gap:25px 50px}.case-fact{border-top:1px solid #9eb0bc;padding-top:18px}.case-fact h3{font:700 12px Arial;text-transform:uppercase;letter-spacing:.14em;color:#2d6ca5;margin:0 0 18px}.case-fact p{font-size:17px;line-height:1.5;margin:0;max-width:400px}.story-chapter{padding:75px clamp(28px,7vw,105px);border-top:1px solid #d4d9da}.story-chapter:nth-of-type(even){background:#f5f6f4}.chapter-copy{display:grid;grid-template-columns:62px 1fr;column-gap:22px;max-width:950px;margin:0 0 38px}.chapter-number{font-size:13px;color:#3073a8;padding-top:8px}.chapter-copy h2{font-size:clamp(30px,3.6vw,50px);line-height:1.05;letter-spacing:-.05em;margin:0 0 20px}.chapter-copy p{grid-column:2;font-size:17px;line-height:1.55;max-width:680px;margin:0;color:#4e5b63}.chapter-media{display:grid;grid-template-columns:1fr;gap:35px}.chapter-media.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-media .story-media img{max-height:600px;object-fit:contain;background:#e9e9e6}.story-outcome{background:#163b61;color:#fff;padding:55px clamp(28px,7vw,105px);display:grid;grid-template-columns:1fr 2fr;gap:30px}.story-outcome span{font-size:12px;letter-spacing:.14em;text-transform:uppercase}.story-outcome p{font-size:clamp(20px,2.4vw,32px);line-height:1.3;margin:0}.case-note{margin:30px clamp(28px,7vw,105px);background:#fff8e8;padding:18px 20px;border-left:3px solid #b68b35;color:#594c35;font-size:14px;line-height:1.5}.story-end{display:flex;align-items:center;justify-content:space-between;padding:45px clamp(28px,7vw,105px);color:#657480;font-size:12px;text-transform:uppercase;letter-spacing:.13em}.story-end button{border:1px solid #8b9eb0;background:#fff;padding:10px 16px;font-size:13px;color:#295e91;text-transform:none;letter-spacing:0}
@media(max-width:700px){.window.project-window{left:3px!important;top:48px!important;width:calc(100vw - 6px);height:calc(100dvh - 91px)}.story-mast{padding:36px 22px}.story-mast h1{font-size:43px}.story-client{margin-bottom:30px}.story-deck{font-size:20px}.story-hero{padding:15px 15px 30px}.case-facts{grid-template-columns:1fr;padding:45px 22px;gap:25px}.story-chapter{padding:48px 22px}.chapter-copy{grid-template-columns:1fr}.chapter-copy p{grid-column:1}.chapter-media.multiple{grid-template-columns:1fr}.story-outcome{grid-template-columns:1fr;padding:45px 22px}.story-end{padding:35px 22px}}
/* Classic desktop chrome; project content remains a clean reading surface. */
#desktop{background:#3d838a}
.taskbar{background:#c5c7c6;border-top:2px solid #f4f4f4;box-shadow:inset 0 1px #fff;gap:5px}
#start-button{height:33px;min-width:79px;border:2px outset #f4f4f4;border-radius:0;background:#c5c7c6;box-shadow:none;color:#161616;text-shadow:none;font:700 16px Tahoma,Arial,sans-serif;font-style:normal;margin-left:3px}
.flag{color:#17398d;font-size:17px;text-shadow:none}
.quick button{color:#1c4a87;text-shadow:none}.quick button:hover{background:#edf0ee}.quick .divider{border-left:1px solid #8d9393;border-right:1px solid #fff}
.tray{background:#c5c7c6;border-left:2px inset #e5e5e5;color:#1e2729;gap:9px}
.task{background:#c5c7c6;color:#191919;border:2px outset #ebebeb;border-radius:0;box-shadow:none}.task.active{background:#b1b5b6;border:2px inset #ededed;box-shadow:none}
.window,.window.doc-window,.window.portfolio-window{border:2px solid #b9bbba;border-radius:0;background:#c6c7c5;box-shadow:2px 2px 0 #2229,5px 7px 0 #17343e40}
.titlebar{height:26px;border-radius:0;background:linear-gradient(90deg,#13207a,#3262b0);padding:0 3px 0 6px;text-shadow:none}
.titlebar button{width:19px;height:18px;border:2px outset #f1f1f1;border-radius:0;background:#c5c7c6!important;color:#111;font:700 13px/12px Tahoma,sans-serif;text-shadow:none;padding:0}
.toolbar,.tools,.address,.statusbar{background:#c6c7c5;border-color:#8d9294}
.sidebar{background:#c5c7c5;border-right:1px solid #888}
.sidebox{background:#e6e6e5;color:#222;border-radius:0;border:1px solid #989b9b}
.sidebox b{background:#d9dada}
#start-menu{border:2px solid #bebebe;border-radius:0;box-shadow:3px 3px 0 #22363b55}
.start-head,.start-foot{background:#243c90}.start-right{background:#d9dce3}
.window.project-window{width:calc(100vw - 24px);height:calc(100dvh - 45px);left:12px!important;top:3px!important;max-width:none;border:2px solid #b9bbba;border-radius:0;box-shadow:2px 2px 0 #2229,5px 7px 0 #17343e40}
.window.project-window .toolbar,.window.project-window .tools,.window.project-window .address{display:none}
.window.project-window .statusbar{height:19px;padding:2px 9px}
@media(max-width:700px){.window.project-window{width:calc(100vw - 6px);height:calc(100dvh - 45px);left:3px!important;top:3px!important}.quick{gap:0;padding:0 2px}.tray{padding:0 6px}}
.window-main{position:relative}
.busy-overlay{position:absolute;inset:0;z-index:8;background:#0b5d63;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font:13px Tahoma,Verdana,sans-serif}
.busy-hourglass{width:68px;height:120px;background:#0b5d63 url('assets/hourglass-reference.jpg') no-repeat;background-size:260px 260px;background-position:center;animation:hourglass-flip 1.2s linear infinite;transform-origin:center}
@keyframes hourglass-flip{0%,39%{transform:rotate(0deg)}50%,89%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.busy-hourglass{animation:none}}
/* Campaign presentations */
.social-phone-media{display:flex;flex-direction:column;align-items:center;background:#ecece8;padding:26px 14px}.social-phone-media figcaption{width:100%;max-width:420px}.phone-mockup{width:min(100%,360px);background:#111;border:7px solid #171a1e;border-radius:39px;padding:8px;box-shadow:0 15px 30px #0004}.phone-top{height:30px;background:#fff;border-radius:24px 24px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:700 11px Arial}.phone-mockup img{width:100%;height:auto;max-height:none!important;aspect-ratio:1;object-fit:contain;background:#fff}.phone-actions{background:#fff;font-size:25px;padding:10px 16px 4px}.phone-actions span{float:right}.phone-caption{background:#fff;border-radius:0 0 23px 23px;padding:0 16px 15px;font:12px Arial;color:#303030}
/* Desktop games */
.window.project-window:has(.game-shell){width:min(950px,92vw);height:min(790px,calc(100dvh - 67px));left:4vw;top:12px}.game-shell{min-height:100%;padding:28px clamp(18px,4vw,46px) 50px;background:#008080;color:#fff;font-family:Tahoma,Arial,sans-serif}.game-head h1{font:700 30px Tahoma;margin:0 0 8px}.game-head p{font-size:14px;line-height:1.5;margin:0 0 18px}.game-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 16px;font-size:14px}.game-controls button,.snake-pad button{background:#d8d8d8;border:2px solid;border-color:white #666 #666 white;color:#161616;min-height:32px;padding:5px 13px}.game-controls button:active,.snake-pad button:active{border-color:#666 white white #666}.snake-board{width:min(100%,540px);aspect-ratio:1;display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(18,1fr);border:4px ridge #ddd;background:#d5e8c3}.snake-cell{border:1px solid #a7c99755}.snake-cell.snake-head{background:#173f32}.snake-cell.snake-body{background:#427a4c}.snake-cell.apple{background:#d72f36;border-radius:50%;box-shadow:inset -3px -3px #8e1115}.snake-message{font-size:15px;min-height:35px;margin:13px 0}.snake-pad{display:flex;flex-direction:column;width:150px;align-items:center;gap:4px}.snake-pad>div{display:flex;gap:4px}.snake-pad button{min-width:45px;padding:6px}.solitaire-shell{background:#008072}.sol-board{min-width:630px;max-width:850px}.sol-top{display:flex;justify-content:space-between;margin:22px 0 34px}.sol-stock-zone,.sol-foundations{display:flex;gap:12px}.sol-slot{position:relative;width:78px;height:110px;background:#006e66;border:2px solid #d2d7d5;border-radius:5px;display:grid;place-items:center;color:#b7dcd5;font-size:36px;padding:0;cursor:pointer}.sol-slot.selected,.sol-card-button.selected .playing-card{outline:3px solid #fff25b;outline-offset:2px}.playing-card{display:block;position:relative;width:76px;height:108px;border:1px solid #444;border-radius:5px;background:#fff;color:#171717;box-shadow:1px 2px 2px #0003;font:700 17px Georgia;text-align:left}.playing-card.red{color:#bd2326}.playing-card.face-down{background:repeating-linear-gradient(45deg,#172d70,#172d70 6px,#e5e8f7 7px,#e5e8f7 9px);display:grid;place-items:center;color:#fff;border:5px double #fff;font-size:28px}.card-corner{position:absolute;top:6px;left:6px}.card-corner.bottom{top:auto;left:auto;bottom:6px;right:6px;transform:rotate(180deg)}.card-center{position:absolute;top:35px;left:0;right:0;text-align:center;font-size:34px}.sol-columns{display:grid;grid-template-columns:repeat(7,78px);gap:12px}.sol-column{position:relative}.sol-card-button{position:absolute;left:0;width:78px;height:110px;border:0;background:none;padding:0;text-align:left;cursor:pointer}.sol-card-button:hover .playing-card{box-shadow:0 0 0 2px #fff8}.sol-column .empty{width:78px}.solitaire-shell .file-area{overflow:auto}@media(max-width:700px){.game-shell{padding:20px 14px 40px}.sol-board{transform-origin:top left;zoom:.56}.game-head h1{font-size:25px}.snake-board{max-width:450px}}
/* WaterAid media: one deliberate full-width asset per row */
.case-study .chapter-media,.case-study .chapter-media.multiple{display:flex;flex-direction:column;align-items:center;gap:56px}.case-study .chapter-media>.story-media{width:100%;max-width:1050px}.case-study .chapter-media>.story-media img{width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;margin:auto}.case-study .chapter-media>.story-media:has(img[src*="wa-r2-infographic"]) img{max-width:595px}.case-study .chapter-media>.story-media:has(img[src*="wa-r1-poster"]) img{max-width:650px}.case-study .story-hero .ooh-media img{width:100%;max-height:none;object-fit:contain}.social-scene{max-width:1050px!important}.social-composition{position:relative;isolation:isolate;height:clamp(390px,56vw,690px);background:radial-gradient(ellipse at 50% 76%,#c7c7c7 0%,#e6e6e6 46%,#d5d5d5 100%);overflow:hidden;display:grid;place-items:center}.social-device{position:absolute;z-index:1;top:3%;left:37%;width:29%;height:93%;background:#151719;border:7px solid #1c1f22;border-radius:35px;transform:rotate(11deg);box-shadow:8px 18px 22px #0006;overflow:hidden}.device-camera{position:absolute;top:4px;left:34%;width:33%;height:16px;background:#090a0b;border-radius:0 0 12px 12px;z-index:2}.device-top{height:34px;background:#24272a;color:#fff;padding:7px 13px;font:11px Arial}.device-top span{float:right}.device-screen{height:89%;background:#c2c2c2}.device-avatar{width:19px;height:19px;background:#8c8c8c;border-radius:50%;position:absolute;top:40px;left:10px}.device-handle{padding:7px 0 8px 36px;color:#fff;font:11px Arial}.device-view{height:76%;background:#aaa}.device-foot{padding:10px;color:#fff;font-size:18px}.device-bottom{position:absolute;bottom:7px;left:38%;width:24%;height:3px;background:#fff;border-radius:2px}.social-card{position:absolute;width:39%!important;max-height:none!important;height:auto!important;aspect-ratio:1;object-fit:contain;z-index:2;border:5px solid #f8f8f8;border-radius:18px;box-shadow:10px 16px 24px #0004;background:#fff}.social-card-0{left:5%;top:12%;transform:rotate(-10deg)}.social-card-1{right:4%;top:28%;transform:rotate(9deg)}.social-scene figcaption{padding-top:14px}.social-composition img{margin:0!important}@media(max-width:700px){.social-composition{height:380px}.social-device{width:45%;left:28%;border-width:5px}.social-card{width:54%!important;border-width:3px}.social-card-0{left:-4%;top:17%}.social-card-1{right:-4%;top:33%}}
/* A scattered but usable desktop */
.desktop-icons{position:absolute;inset:0 0 40px;display:block;pointer-events:none}.desktop-icons .desktop-icon{position:absolute;pointer-events:auto;width:110px;min-height:83px}.desktop-icons [data-path="portfolio"]{top:8%;left:7%}.desktop-icons [data-path="pictures"]{top:27%;left:31%}.desktop-icons [data-path="about"]{top:10%;left:68%}.desktop-icons [data-path="games"]{top:53%;left:13%}.desktop-icons [data-path="trash"]{top:63%;left:55%}.desktop-icons [data-path="internet"]{top:40%;left:82%}
/* Campaign folder shows the two pieces of work immediately */
.window:has(.campaign-overview){width:min(1160px,87vw);height:min(770px,83vh);left:6vw;top:6vh}.window:has(.campaign-overview) .file-area{padding:0;background:#ecebe6}.campaign-overview{padding:24px clamp(18px,3vw,42px) 46px}.campaign-brief{width:100%;display:flex;align-items:center;gap:22px;text-align:left;background:#fff;border:1px solid #b8b8b2;padding:16px 22px;margin:0 0 24px;box-shadow:2px 2px 0 #c6c6bf;color:#20242a}.campaign-brief .file-icon{flex:none;transform:scale(.82)}.campaign-brief strong,.campaign-preview strong{display:block;font-size:19px;line-height:1.2}.campaign-brief small,.campaign-preview small{display:block;font-size:14px;line-height:1.5;color:#53616b;margin-top:6px}.campaign-brief:hover,.campaign-preview:hover{outline:2px solid #2363a4;outline-offset:-2px}.campaign-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.campaign-preview{display:block;text-align:left;padding:0;background:#fff;border:1px solid #b8b8b2;box-shadow:3px 3px 0 #c6c6bf;min-width:0;color:#20242a}.campaign-preview img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;background:#ced4d8}.campaign-preview>span{display:block;padding:19px 20px 22px}.campaign-preview small{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:700px){.desktop-icons [data-path="portfolio"]{top:4%;left:5%}.desktop-icons [data-path="pictures"]{top:21%;left:55%}.desktop-icons [data-path="about"]{top:35%;left:8%}.desktop-icons [data-path="games"]{top:52%;left:58%}.desktop-icons [data-path="trash"]{top:69%;left:8%}.desktop-icons [data-path="internet"]{top:78%;left:63%}.desktop-icons .desktop-icon{width:95px}.window:has(.campaign-overview){left:4px!important;top:45px!important;width:calc(100vw - 8px);height:calc(100dvh - 90px)}.campaign-previews{grid-template-columns:1fr}.campaign-overview{padding:18px}.campaign-preview img{aspect-ratio:16/10}}
.film-media video{display:block;width:100%;height:auto;max-height:650px;background:#111}.case-study .chapter-media .film-media{width:100%}
/* Epigenius enters through a document and one large case preview. */
.eucerin-overview .campaign-previews{grid-template-columns:minmax(0,1fr)}.eucerin-overview .campaign-preview img{aspect-ratio:16/9;object-fit:contain;background:#e7e7e5}.eucerin-overview .campaign-preview strong{font-size:22px}
.deck-media{display:block;max-width:1000px!important}.laptop-mockup{width:min(100%,900px);margin:0 auto 18px}.laptop-screen{border:14px solid #202327;border-bottom-width:18px;border-radius:13px 13px 4px 4px;box-shadow:0 12px 25px #0003;background:#f5f5f5;overflow:hidden}.laptop-inner{position:relative;aspect-ratio:16/9;background:#fff}.deck-slide{position:absolute;inset:0;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;object-fit:contain;background:#fff;opacity:0;animation:deck-cycle 16s infinite}.deck-slide-0{animation-delay:0s}.deck-slide-1{animation-delay:4s}.deck-slide-2{animation-delay:8s}.deck-slide-3{animation-delay:12s}@keyframes deck-cycle{0%,21%{opacity:1}25%,100%{opacity:0}}.laptop-base{height:19px;width:109%;margin-left:-4.5%;background:linear-gradient(#dde0e1,#8b9399 68%,#565f65);border-radius:1px 1px 45% 45%;box-shadow:0 10px 17px #0003}.laptop-base:before{content:"";display:block;width:16%;height:5px;background:#79828a;margin:auto;border-radius:0 0 7px 7px}@media(prefers-reduced-motion:reduce){.deck-slide{animation:none;opacity:0}.deck-slide-0{opacity:1}}@media(max-width:700px){.laptop-screen{border-width:7px;border-bottom-width:10px}.laptop-base{height:12px}}
/* CancerGuard: keep the supplied key visuals at their native resolution. */
.cancerguard-overview .campaign-previews{grid-template-columns:minmax(0,1fr)}
.cancerguard-overview .campaign-preview img{aspect-ratio:842/595;object-fit:contain;background:#eae8e3;max-width:842px;margin:auto}
.window.project-window:has(img[src="assets/cg-kv-en-alt.webp"]) .story-hero img{width:min(100%,842px);height:auto;margin:auto}
.window.project-window:has(img[src="assets/cg-kv-en-alt.webp"]) .story-media:has(img[src="assets/cg-kv-ar.webp"]) img{max-width:842px}
.window.project-window:has(img[src="assets/cg-kv-en-alt.webp"]) .story-media:has(img[src*="cg-social-"]) img{max-width:520px}
/* Festival opens as a single campaign with its sections in one case study. */
.festival-overview .campaign-previews{grid-template-columns:minmax(0,1fr)}
.festival-overview .campaign-preview img{aspect-ratio:16/9;object-fit:contain;background:#e9e8e5}
.foh-laptop-image{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important}
.case-study .story-media:has(img[src="assets/foh-email-ar.webp"]) img{max-width:650px}
.case-coverage{padding:65px clamp(28px,7vw,105px);background:#f4f5f2;border-top:1px solid #d4d9da}.case-coverage h2{font-size:clamp(30px,3.6vw,50px);margin:14px 0 27px;letter-spacing:-.05em}.coverage-list{display:grid;gap:0;max-width:890px}.coverage-list a{display:block;padding:17px 4px;border-top:1px solid #b8c5ca;color:#215a89;font-size:16px;line-height:1.4;text-decoration:none}.coverage-list a:last-child{border-bottom:1px solid #b8c5ca}.coverage-list a:hover{text-decoration:underline}.story-media figcaption a{color:#215a89}
/* Five selected event photographs: three across on wide screens. */
.case-study .chapter-media.event-grid,.case-study .chapter-media.event-grid.multiple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.case-study .chapter-media.event-grid>.story-media{min-width:0;width:100%;max-width:none}.case-study .chapter-media.event-grid img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#e8e8e6}.case-study .chapter-media.event-grid figcaption{font-size:13px;line-height:1.45}@media(max-width:900px){.case-study .chapter-media.event-grid,.case-study .chapter-media.event-grid.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.case-study .chapter-media.event-grid,.case-study .chapter-media.event-grid.multiple{grid-template-columns:1fr}.case-study .chapter-media.event-grid img{aspect-ratio:auto}}
.panadol-phone-set{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,70px);padding:clamp(28px,5vw,70px);background:#d8ddec;min-height:650px}.panadol-phone{width:min(39%,355px);background:#17191c;border:7px solid #15171b;border-radius:43px;padding:7px;box-shadow:12px 22px 32px #17223959;transform:rotate(-5deg)}.panadol-phone:nth-child(2){transform:rotate(5deg) translateY(32px)}.panadol-phone-screen{background:#fff;border-radius:33px;overflow:hidden;color:#1d2125}.panadol-phone-status{height:30px;padding:9px 19px 0;font:700 11px Arial}.panadol-phone-status span{float:right}.panadol-phone-header{height:45px;display:flex;align-items:center;gap:8px;padding:5px 13px;font:13px Arial}.panadol-avatar{width:26px;height:26px;border-radius:50%;background:#1857ad;color:#fff;display:grid;place-items:center;font-weight:bold}.panadol-dots{margin-left:auto}.panadol-phone-screen>img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:4/5;object-fit:cover;background:#fff;margin:0!important}.panadol-phone-actions{padding:12px 15px 3px;font-size:23px}.panadol-phone-actions span{float:right}.panadol-phone-caption{padding:2px 15px 14px;font:12px Arial}.panadol-phone-home{height:18px;background:#fff;position:relative}.panadol-phone-home:after{content:"";position:absolute;width:32%;height:4px;border-radius:8px;background:#181818;left:34%;bottom:6px}@media(max-width:700px){.panadol-phone-set{min-height:0;flex-direction:column;padding:34px 16px 55px;gap:32px}.panadol-phone,.panadol-phone:nth-child(2){width:min(83%,355px);transform:none}}
.hcp-tablet-stage{background:#dce1e8;padding:clamp(24px,4vw,65px);display:grid;place-items:center}.hcp-tablet{background:#151719;padding:15px 24px;border-radius:27px;box-shadow:10px 20px 25px #0004;width:100%;max-width:950px}.case-study .chapter-media .hcp-tablet img{width:100%;max-width:100%;border-radius:8px;aspect-ratio:4/3;object-fit:contain;background:#fff}.hcp-slide-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:17px;background:#edf0f4}.hcp-slide-controls button{padding:9px 16px;border:1px solid #8f9cab;background:#fff;color:#153a78;font:14px Arial}.hcp-slide-count{font:14px Arial;min-width:62px;text-align:center}.hcp-overview .campaign-previews,.panadol-overview .campaign-previews{grid-template-columns:1fr}.hcp-overview .campaign-preview img{aspect-ratio:16/9;object-fit:contain}@media(max-width:700px){.hcp-tablet{padding:8px 12px;border-radius:17px}.hcp-slide-controls{gap:10px}.hcp-slide-controls button{padding:8px 12px}}
.case-study .chapter-media .story-media:has(img[src="assets/hcp-email-mockup-v2.webp"]){max-width:1050px;overflow:visible}.case-study .chapter-media .story-media img[src="assets/hcp-email-mockup-v2.webp"]{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
.viatris-overview .campaign-previews{grid-template-columns:1fr}.viatris-overview .campaign-preview img{aspect-ratio:2048/1243;object-fit:contain}
.chapter-media.social-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.social-archive-grid .story-media{margin:0}.social-archive-grid .story-media img{width:100%;height:auto;object-fit:contain;image-rendering:auto}.iqos-preview img{max-height:460px;object-fit:contain!important;background:#edecef}.case-study:has(.social-archive-grid) .story-hero img{max-height:640px;width:auto;max-width:100%;margin:auto;display:block}@media(max-width:700px){.chapter-media.social-archive-grid{grid-template-columns:1fr}.social-archive-grid .story-media{max-width:380px;margin:auto}}
/* Shared carousel and story presentation templates. */
.carousel-mockup-stage{display:flex;align-items:center;gap:18px;overflow-x:auto;padding:60px 30px;background:linear-gradient(135deg,#d0d1d3,#ededee);min-height:400px;scroll-snap-type:x proximity}.carousel-mockup-card{flex:0 0 220px;background:white;box-shadow:0 16px 24px #0002;transform:rotate(-7deg);scroll-snap-align:center}.carousel-main-phone{flex-basis:250px;border:9px solid #101010;border-radius:35px;overflow:hidden;position:relative;transform:rotate(-7deg);padding-top:26px}.mock-phone-notch{position:absolute;z-index:3;top:8px;left:50%;transform:translateX(-50%);width:76px;height:15px;background:#080808;border-radius:12px}.mock-feed-top{display:flex;justify-content:space-between;font-size:12px;padding:0 12px 8px}.mock-feed-account{font-size:14px;padding:12px;display:flex;justify-content:space-between}.numbered-art{position:relative}.numbered-art img{display:block;width:100%;height:auto!important;object-fit:contain!important;image-rendering:auto}.slide-number{position:absolute;right:10px;top:10px;padding:5px 8px;border-radius:16px;background:#111d;color:#fff;font-size:13px;line-height:1}.mock-feed-actions{padding:10px;font-size:18px}.mock-feed-actions span{float:right}.mock-slide-label{font-size:14px;text-align:center;padding:8px 4px;color:#343434}.mock-home-bar{width:75px;height:4px;border-radius:4px;background:#181818;margin:12px auto}.story-phone-row{display:flex;gap:26px;overflow-x:auto;padding:32px 24px;background:#f4f4f4;scroll-snap-type:x proximity}.story-phone-wrap{flex:0 0 235px;scroll-snap-align:center}.story-phone-frame{position:relative;background:#080808;border:8px solid #080808;border-radius:32px;overflow:hidden;padding-top:25px;box-shadow:0 12px 24px #0002}.story-phone-art{position:relative}.story-phone-art img{display:block;width:100%;height:auto!important;object-fit:contain!important;image-rendering:auto}.story-ui{position:absolute;left:8px;right:8px;top:5px;color:white;text-shadow:0 1px 3px #000}.story-progress{display:flex;gap:3px;margin-bottom:9px}.story-progress i{height:2px;flex:1;background:#ffffff66}.story-progress i.active{background:white}.story-account{display:flex;justify-content:space-between;font-size:12px}.story-reply{padding:10px 5px;color:white;font-size:12px;display:flex;justify-content:space-between}.story-phone-frame .mock-home-bar{background:white}.chapter-media.storyboard-strip{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:20px;padding:4px 4px 20px;scroll-snap-type:x proximity}.storyboard-strip .story-media{flex:0 0 220px;width:220px;min-width:220px;margin:0;scroll-snap-align:start}.storyboard-strip .story-media img{width:100%;height:auto;object-fit:contain;image-rendering:auto}.storyboard-strip figcaption{font-size:14px}.case-study .story-hero:has(.carousel-template){padding:0}.case-study .story-hero .carousel-template img{max-height:none;width:100%;margin:0}.case-study .story-hero .carousel-template{margin:0}@media(max-width:700px){.carousel-mockup-stage{padding:45px 24px}.carousel-mockup-card{flex-basis:195px}.carousel-main-phone{flex-basis:225px}.storyboard-strip .story-media{flex-basis:200px;min-width:200px;width:200px}}
.static-group-stage{display:flex;justify-content:center;align-items:center;gap:35px;padding:45px 30px;background:#f2f2f3;overflow-x:auto}.static-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;flex:0 0 430px;transform:rotate(5deg)}.static-post-card{background:white;box-shadow:0 8px 16px #0002}.static-post-card img{width:100%!important;height:auto!important;max-height:none!important;display:block;object-fit:contain!important}.static-post-card .mock-feed-account{font-size:12px;padding:8px}.static-post-card .mock-feed-actions{font-size:15px;padding:7px}.static-overview-phone{position:relative;flex:0 0 255px;border:9px solid #111;border-radius:34px;background:white;overflow:hidden;padding-top:25px;transform:rotate(7deg);box-shadow:0 14px 25px #0003}.static-overview-phone img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}.carousel-mockup-stage.carousel-ribbon{background:#f7f6fb;gap:0;align-items:center}.carousel-ribbon .carousel-mockup-card{transform:none;flex:0 0 250px;box-shadow:0 10px 20px #0002}.carousel-ribbon .carousel-main-phone{margin-right:-12px;z-index:1;flex-basis:255px}.carousel-ribbon .carousel-mockup-card:not(.carousel-main-phone){border:1px solid #eee}.case-study .story-hero:has(.static-group-template){padding:0}.case-study .story-hero .static-group-template{margin:0}@media(max-width:700px){.static-group-stage{justify-content:flex-start;padding:35px 20px;gap:24px}.static-post-grid{flex-basis:330px;gap:12px}.static-overview-phone{flex-basis:225px}.carousel-ribbon .carousel-mockup-card{flex-basis:215px}}
/* Keep storyboards horizontal despite the shared campaign media column. */
.case-study .chapter-media.storyboard-strip,.case-study .chapter-media.multiple.storyboard-strip{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start;justify-content:flex-start;gap:20px;overflow-x:auto;width:100%;padding:8px 4px 24px;scroll-snap-type:x proximity}
.case-study .chapter-media.storyboard-strip>.story-media{flex:0 0 220px;width:220px;min-width:220px;max-width:220px;margin:0;scroll-snap-align:start}
.case-study .chapter-media.storyboard-strip>.story-media img{width:100%;height:auto;max-height:none;object-fit:contain;image-rendering:auto}
.feed-post-stage{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:28px;padding:36px 20px;background:#e9e9eb}.feed-post-mockup{flex:1 1 240px;max-width:330px;min-width:0;background:white;box-shadow:0 12px 30px #0002;border:1px solid #ddd}.case-study .feed-post-mockup img{display:block;width:100%!important;height:auto!important;object-fit:contain!important;image-rendering:auto}.feed-lavender{background:#e9e3f0}.story-video-stage{display:flex;justify-content:center;padding:32px 20px;background:#eee}.story-video-stage .story-phone-frame{width:290px;max-width:100%;padding-top:28px}.story-video-stage video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#000}.story-video-account{color:#fff;font-size:12px;padding:8px}.story-video-stage .mock-home-bar{background:#fff}.case-study .story-hero .feed-post-template{max-width:none}.case-study .story-hero:has(.feed-post-template){padding:0}
/* Portrait wallpaper and pixel desktop icons. */
#desktop{background:#070c15 url('assets/portrait-desktop.png') center bottom/cover no-repeat}.pixel-ui-icon{display:inline-block;width:32px;height:32px;object-fit:contain;image-rendering:pixelated;vertical-align:middle}.desktop-icon .icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:none;border:none;text-shadow:none}.desktop-icon .pixel-ui-icon{width:54px;height:54px}.desktop-icon{color:#fff;text-shadow:1px 1px 2px #000,0 0 5px #000}.quick .pixel-ui-icon{width:22px;height:22px}.file-icon .pixel-ui-icon{width:40px;height:40px}.toolbar .pixel-ui-icon,.start-left .pixel-ui-icon{width:22px;height:22px}@media(max-width:650px){#desktop{background-size:auto 100%;background-position:center bottom}}
.titlebar .pixel-ui-icon{width:18px;height:18px}.tools .pixel-ui-icon{width:20px;height:20px}
.file-icon .game-file-icon{width:48px;height:48px}.case-study .hcp-tablet-stage{padding:40px 20px;background:#ecebed}.case-study .hcp-tablet{background:#111;border:12px solid #111;border-radius:24px;box-shadow:0 15px 28px #0003;max-width:950px;margin:auto}.case-study .chapter-media .hcp-tablet img,.case-study .story-hero .hcp-tablet img{aspect-ratio:16/9;width:100%;height:auto;object-fit:contain;background:#fff}
/* Preserve the original Adobe content layouts inside the retro window. */
.adobe-page{background:#fff;color:#231f20;padding:48px 5%;font-family:Arial,sans-serif;min-height:100%}.adobe-page header{text-align:center;margin-bottom:35px}.adobe-page h1{font-size:30px;font-weight:500}.adobe-modules{max-width:1200px;margin:auto}.adobe-module{display:flow-root;margin:0 auto;padding-bottom:25px;max-width:100%;box-sizing:border-box}.adobe-center{text-align:center}.adobe-module img{display:block;width:100%;height:auto;image-rendering:auto!important}.adobe-module .tree-wrapper{display:flex;gap:24px;align-items:flex-start}.adobe-module .tree-child-wrapper{min-width:0}.adobe-module .project-module{max-width:100%;margin:0 auto;box-sizing:border-box}.adobe-module .rich-text{line-height:1.6;overflow-wrap:anywhere}.adobe-module .rich-text p{margin:0 0 18px}.adobe-module .grid--main{display:grid;grid-template-columns:repeat(var(--adobe-columns,3),minmax(0,1fr));gap:10px}.adobe-module .grid__item-container{min-width:0;width:auto!important}.adobe-module .grid__item-filler{display:none}.adobe-module .embed-content{border:0}.adobe-module a{color:inherit}.adobe-module .button-container{text-align:center}.adobe-module .button{display:inline-block;padding:10px 18px;border:1px solid #888}.adobe-module form{display:none}@media(max-width:600px){.adobe-page{padding:28px 5%}.adobe-module .tree-wrapper{flex-direction:column}.adobe-module .tree-child-wrapper{width:100%}.adobe-module .grid--main{gap:5px}.adobe-page h1{font-size:24px}}
/* One editorial presentation system for the existing and imported projects. */
.case-study.adobe-style{max-width:1200px;margin:auto;background:#fff;color:#231f20}.adobe-style .story-mast{padding:48px 5% 30px;text-align:center}.adobe-style .story-mast h1{font:500 30px/1.2 Arial,sans-serif;letter-spacing:0;margin:0 auto 16px;max-width:none}.adobe-style .story-kicker{font-size:12px;letter-spacing:0;text-transform:none;margin-bottom:12px}.adobe-style .story-client{font-size:15px;margin:0}.adobe-style .story-hero{padding:0 5% 30px;background:#fff}.adobe-style .case-facts{display:block;padding:12px 10% 30px}.adobe-style .case-fact{border:0;padding:0;margin:0 0 24px}.adobe-style .case-fact h3{font:600 18px Arial;letter-spacing:0;text-transform:none;color:#231f20;margin:0 0 12px}.adobe-style .case-fact p{max-width:none;font-size:15px;line-height:1.6}.adobe-style .story-chapter{padding:25px 5% 35px;border:0;background:white}.adobe-style .chapter-copy{display:block;margin:0 auto 25px;max-width:960px}.adobe-style .chapter-number{display:none}.adobe-style .chapter-copy h2{font:500 23px/1.3 Arial;letter-spacing:0;text-align:center;margin:0 0 16px}.adobe-style .chapter-copy p{font-size:15px;line-height:1.6;color:#231f20;max-width:none}.adobe-style .chapter-media{gap:25px}.adobe-style .story-outcome{display:block;background:#fff;color:#231f20;padding:25px 10%;border-top:0}.adobe-style .story-outcome span{font:600 18px Arial;letter-spacing:0;text-transform:none}.adobe-style .story-outcome p{font-size:15px;line-height:1.6;margin-top:12px}.adobe-style .story-end{padding:25px 5%;text-transform:none;letter-spacing:0}.adobe-style .case-coverage{padding:25px 5%;background:white}.adobe-style .case-coverage h2{font:500 23px Arial;letter-spacing:0}.adobe-style .story-media figcaption{font-size:12px;color:#666;letter-spacing:0}@media(max-width:600px){.adobe-style .story-mast{padding:28px 5%}.adobe-style .story-mast h1{font-size:24px}.adobe-style .case-facts{padding:12px 5% 24px}}
.adobe-module .project-module{display:flow-root}.adobe-module .tree-child-wrapper .project-module{margin-bottom:24px}.adobe-module .contact-form{display:block;max-width:680px;margin:auto}.adobe-module .contact-form input,.adobe-module .contact-form textarea{display:block;width:100%;padding:12px;border:1px solid #ccc;margin:8px 0 20px;font:15px Arial;box-sizing:border-box}.adobe-module .contact-form textarea{min-height:150px}.adobe-module .contact-form-sent{display:none}
/* NRfit presentation layouts use a restrained reading size. */
.nrfit-page .adobe-modules{max-width:850px}.nrfit-page .adobe-module{width:100%!important;float:none!important;clear:both}.nrfit-page .adobe-module img{max-width:660px;margin:0 auto}.nrfit-page .adobe-module .tree-wrapper img{max-width:100%}.nrfit-page .adobe-module .grid--main img{max-width:100%}.nrfit-page .adobe-module .rich-text{max-width:760px;margin:auto}
.asset-translation{display:block;color:#666;font:13px/1.5 Arial,sans-serif;text-align:center;margin:8px 0 14px}.adobe-module .grid__item-container .asset-translation{margin:6px 0}.gallery-card .asset-translation{padding:0 8px;margin:6px 0;font-size:12px}.gallery-fallback.folder-preview{background:#f1f1ed}.gallery-fallback.folder-preview img{width:80px;height:80px;aspect-ratio:auto;object-fit:contain;image-rendering:pixelated}
.window.internet-window{width:min(860px,85vw);height:min(650px,78vh)}.internet-window .window-main{min-height:0}.internet-window .file-area{display:flex;flex-direction:column;background:#fff}.internet-browser{display:flex;flex-direction:column;min-height:100%;flex:1}.internet-tabs{display:flex;gap:3px;padding:6px 6px 0;background:#c0c0c0;border-bottom:1px solid #888}.internet-tabs button{font:14px Tahoma,Arial;padding:9px 20px;background:#bcbcbc;border:2px outset #e6e6e6;border-bottom:0;border-radius:4px 4px 0 0;color:#222}.internet-tabs button[aria-selected="true"]{background:white;position:relative;top:1px;font-weight:bold}.internet-tabs button:focus-visible{outline:2px dotted #000;outline-offset:-5px}.internet-screen{flex:1;display:grid;place-items:center;padding:35px 18px;background:white}.internet-unavailable{text-align:center;font-family:Tahoma,Arial;color:#333}.internet-page-icon{width:48px;height:48px;image-rendering:pixelated}.internet-unavailable h1{font-size:24px;margin:16px 0 8px}.internet-unavailable p{font-size:15px;margin:0 0 25px}.internet-refresh{display:flex;flex-direction:column;align-items:center;gap:10px;color:#006b40;text-decoration:none;margin:20px auto;width:190px;padding:14px}.internet-refresh span{font:100px/1 Arial;display:block}.internet-refresh strong{font:16px Tahoma,Arial;text-decoration:underline}.internet-refresh:hover{background:#f0f4f0}.internet-refresh:focus-visible{outline:2px dotted #333}.internet-unavailable small{font-size:12px;color:#777}.internet-window .address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photography-album{background:white;color:#222;padding:35px 5%;font-family:Arial,sans-serif}.photography-album header{max-width:850px;margin:0 auto 30px}.photography-album h1{font-size:25px;font-weight:500;text-align:center}.photography-album header p{font-size:16px;line-height:1.65;margin-top:25px}.photography-album figure{margin:0 auto 30px;max-width:1100px}.photography-album img{width:100%;height:auto;display:block;image-rendering:auto}.photo-original-text{max-width:900px;margin:25px auto}.photography-album footer{text-align:center;padding:20px;font-size:14px}.photography-album footer a{color:#325c80}.window.photo-window{width:min(1150px,90vw);height:calc(100dvh - 85px)}.photo-window .file-area{padding:0}.photo-window .sidebar{display:none}@media(max-width:600px){.window.internet-window,.window.photo-window{width:calc(100vw - 6px);left:3px!important;top:40px!important;height:calc(100dvh - 88px)}.internet-tabs button{padding:9px 8px;font-size:13px;flex:1}.internet-tabs{gap:2px}.internet-screen{padding:20px 12px}.photography-album{padding:25px 4%}.photography-album h1{font-size:22px}}
/* Desktop arrangement, contact and complete photograph viewing */
.desktop-icons [data-path="portfolio"]{top:10%;left:68%}.desktop-icons [data-path="pictures"]{top:16px;left:12px}.desktop-icons [data-path="about"]{top:110px;left:12px}.desktop-icons [data-path="games"]{top:204px;left:12px}.desktop-icons [data-path="email"]{top:40%;left:calc(82% - 110px)}
.internet-refresh{color:#2868c6}.internet-refresh .refresh-icon{width:100px;height:100px;image-rendering:auto}.internet-refresh:hover{background:#eef4ff}
.window.photo-window{width:calc(100vw - 16px);height:calc(100dvh - 56px);left:8px!important;top:8px!important}.photography-album{padding:20px 6% 45px}.photography-album header{margin-bottom:20px}.photography-album figure{padding:32px;margin:0 auto 40px;max-width:1100px;text-align:center}.photography-album img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 300px);object-fit:contain;margin:auto;image-rendering:auto}.photography-album figcaption{margin-top:14px}
.contact-compose{max-width:620px;margin:auto;padding:32px;color:#222}.contact-compose h1{font-size:24px}.email-form{display:grid;gap:16px;margin:25px 0}.email-form label{display:grid;gap:6px;font-weight:bold}.email-form input,.email-form textarea{width:100%;padding:10px;border:2px inset #ddd;background:white;font:15px/1.5 Tahoma,Arial;resize:vertical}.email-form button{justify-self:start;padding:10px 18px;background:#c0c0c0;border:2px outset #eee}.email-form small{font-size:12px;color:#555}.contact-compose a{color:#2868c6}.cv-view{padding:24px;background:#fff;text-align:center}.cv-view>a{display:inline-block;margin-bottom:24px;color:#2868c6}.cv-view img{display:block;width:100%;max-width:1000px;height:auto;margin:auto;image-rendering:auto}.window.cv-window{width:min(1050px,94vw);height:calc(100dvh - 72px);left:3vw!important;top:16px!important}
@media(max-width:700px){.desktop-icons [data-path="portfolio"]{top:10%;left:68%}.desktop-icons [data-path="pictures"]{top:12px;left:8px}.desktop-icons [data-path="about"]{top:106px;left:8px}.desktop-icons [data-path="games"]{top:200px;left:8px}.desktop-icons [data-path="internet"]{top:60%;left:55%}.desktop-icons [data-path="email"]{top:60%;left:calc(55% - 110px)}.window.photo-window{left:3px!important;top:3px!important;width:calc(100vw - 6px);height:calc(100dvh - 46px)}.photography-album figure{padding:20px 8px}.photography-album img{max-height:calc(100dvh - 280px)}.contact-compose{padding:22px}.cv-view{padding:12px}}
.photography-album header p,.photo-original-text{text-align:center}.photography-album header p{max-width:720px;margin:20px auto;line-height:1.7}.clean-document{max-width:680px;padding:48px 55px;min-height:0;font-family:Georgia,serif}.clean-document h1{font-size:30px}.clean-document h2{margin-top:30px;font-size:19px}.clean-document p{font-size:16px;line-height:1.8}.clean-document .intro{font-size:18px}.file-icon:has(img[src*="pixel-email"]){position:relative}.file-icon:has(img[src*="pixel-email"])::after{content:'↗';position:absolute;bottom:0;left:0;background:white;color:#2868c6;border:1px solid #777;font:16px Arial;padding:0 2px}.papers-window{width:min(1100px,94vw);height:calc(100dvh - 72px);left:3vw!important;top:16px!important}.papers-presentation{display:flex;min-height:100%;background:#dedede}.papers-presentation nav{width:200px;padding:15px;display:flex;flex-direction:column;gap:12px;background:#c0c0c0}.papers-presentation nav button{padding:14px 10px;text-align:left;border:2px outset white;background:#ececec}.papers-presentation nav button[aria-pressed="true"]{border-color:#2868c6;color:#1a4a91}.papers-slides{flex:1;min-width:0;padding:25px}.certificate-slide{background:white;min-height:100%;padding:28px;text-align:center}.certificate-slide[hidden]{display:none}.certificate-slide h1{font-size:24px;margin:0 0 10px}.certificate-slide p{font-size:15px;line-height:1.6}.certificate-slide img{max-width:100%;max-height:calc(100dvh - 350px);height:auto;width:auto;object-fit:contain}.certificate-slide small{display:block;color:#666;margin-top:16px}.cv-view{background:#fff}.cv-view img{opacity:1;filter:none;mix-blend-mode:normal}@media(max-width:700px){.clean-document{padding:30px 24px}.papers-presentation{display:block}.papers-presentation nav{width:100%;flex-direction:row;padding:8px;gap:5px}.papers-presentation nav button{flex:1;padding:10px 6px;font-size:12px}.papers-slides{padding:12px}.certificate-slide{padding:20px 12px}.certificate-slide img{max-height:calc(100dvh - 390px)}}
/* Launch pass: readable case studies and usable contact fields on small screens. */
@media(max-width:700px){.window.project-window{left:3px!important;top:8px!important;width:calc(100vw - 6px);height:calc(100dvh - 51px)}.window.project-window .file-area{padding:0}.adobe-style .story-mast{padding:28px 6% 22px}.adobe-style .story-mast h1{font-size:26px;overflow-wrap:break-word}.adobe-style .chapter-copy,.adobe-style .case-facts{padding-left:7%;padding-right:7%}.case-fact p,.chapter-copy p{font-size:16px;line-height:1.7}.chapter-media.multiple{display:flex;flex-direction:column}.chapter-media img{max-width:100%;height:auto;object-fit:contain}.contact-compose input,.contact-compose textarea{font-size:16px}.desktop-icons [data-path="trash"]{top:78%;left:12px}.quick{padding:0 5px}.tray{padding:0 7px;gap:5px}.internet-tabs button{min-width:0;overflow-wrap:anywhere}.tools{gap:3px;padding:0 5px}.tools button{font-size:12px;padding:5px}.titlebar .title{min-width:0}}