:root{color-scheme:dark;--panel:#202120;--sidebar:#282927;--muted:#a2a4a0;--line:#ffffff16;--accent:#ec7954;--blue:#087bf4;--dock:53px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Arial,sans-serif;font-size:14px;color:#f3f2ee}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #72b9ff;outline-offset:3px}a{color:inherit;text-decoration:none}button svg{pointer-events:none}svg.icon{width:20px;height:20px;display:block;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}button:hover:not(:disabled){filter:brightness(1.12)}.desktop{height:100%;isolation:isolate;background:#191b19 url('/assets/wall-3582.jpg') center/cover;position:relative}.desktop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b100b25,#12170e0d,#080b0944);z-index:-1}.menubar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:5px 22px;position:relative;z-index:600}.wordmark{font-size:37px;font-weight:750;letter-spacing:-3px;line-height:1}.wordmark span{color:var(--accent)}.menuleft,.utilities{display:flex;align-items:center;gap:18px}.workspace-label{font-size:11px;color:#b2b4ac;letter-spacing:.1em}.utilities{gap:16px;font-size:12px}.utilities button{padding:6px}.utilities .explore-pill{background:#ffffff18;border:1px solid #ffffff1a;border-radius:20px;padding:5px 12px}.clock{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.desktop-body{position:absolute;inset:52px 0 100px}.identity{position:absolute;left:38%;top:15%;width:31%;height:72%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.monogram{font-family:Georgia,serif;font-size:clamp(180px,26vw,400px);line-height:.85;font-style:italic;color:#eeeee5;text-shadow:3px 8px 0 #a7aa9d,10px 20px 35px #000b;transform:rotate(-8deg);position:relative;filter:drop-shadow(0 0 1px #fff)}.monogram:after{content:"";position:absolute;width:.13em;height:.13em;border-radius:50%;background:var(--accent);right:-.1em;bottom:.035em;box-shadow:2px 5px 0 #874e34}.identity .overline{font-size:10px;letter-spacing:.25em;text-transform:uppercase;margin:35px 0 10px;color:#c1c3b9}.identity h1{font-size:clamp(19px,2vw,27px);max-width:360px;font-weight:500;letter-spacing:-.7px;line-height:1.23;margin:0}.identity .support{font-size:12px;color:#acb0a5;max-width:300px;line-height:1.6}.identity .hero-links{display:flex;gap:12px;pointer-events:auto;margin-top:13px}.hero-links button{font-size:11px;padding:8px 12px;border:1px solid #ffffff30;border-radius:20px;background:#242820a0}.pin-card{position:absolute;width:clamp(180px,19vw,285px);padding:8px;border-radius:10px;background:#272826;border:1px solid #ffffff18;box-shadow:0 16px 30px #0005;text-align:left;transition:transform .2s,box-shadow .2s}.pin-card:hover{transform:rotate(0deg) translateY(-6px)!important;box-shadow:0 22px 35px #0008}.pin-card .pin{position:absolute;left:52%;top:-14px;width:13px;height:19px;background:linear-gradient(100deg,#aa161a,#ff3940,#b71921);border-radius:8px;transform:rotate(24deg);box-shadow:3px 6px 4px #0009}.mini-bar{display:flex;gap:4px;height:11px;align-items:flex-start}.mini-bar i{width:5px;height:5px;border-radius:50%;background:#ff6259}.mini-bar i:nth-child(2){background:#ffbd2e}.mini-bar i:nth-child(3){background:#28c840}.cover{background:var(--cover,#c4c9ba);color:#172019;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-radius:4px;aspect-ratio:1.83;padding:17px}.cover:after{content:"";width:120px;height:120px;position:absolute;border:1px solid currentColor;border-radius:50%;right:-30px;bottom:-60px;opacity:.16;box-shadow:0 0 0 25px #ffffff12,0 0 0 50px #ffffff12}.cover .cover-small{font-size:8px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.cover strong{font-size:clamp(25px,3.2vw,47px);font-weight:750;letter-spacing:-2px;line-height:1;z-index:1}.cover .cover-bottom{font-size:9px;opacity:.8}.card-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 3px 2px}.card-caption b{font-size:12px;white-space:nowrap}.card-caption small{font-size:8px;color:#aaa;text-align:right}.pin-card:nth-child(1){left:4.5%;top:6%;transform:rotate(6deg)}.pin-card:nth-child(2){left:16%;top:38%;transform:rotate(-3deg)}.pin-card:nth-child(3){left:7%;top:69%;transform:rotate(-5deg)}.folders{position:absolute;right:2.2%;top:0;width:23%;height:80%}.folder{position:absolute;width:93px;padding:10px 3px;border-radius:8px;text-align:center}.folder:hover,.folder.selected{background:#ffffff16}.folder img{width:68px;height:58px;object-fit:contain;filter:drop-shadow(1px 5px 5px #0005)}.folder span{display:block;font-size:11px;line-height:1.3;margin:5px 0;text-shadow:0 1px 3px #000}.folder:nth-child(1){right:0;top:2%}.folder:nth-child(2){left:4%;top:17%}.folder:nth-child(3){right:0;top:33%}.folder:nth-child(4){left:0;top:49%}.folder:nth-child(5){right:0;top:66%}.folder:nth-child(6){left:8%;top:83%}.folder-note{position:absolute;right:20%;top:0;color:#c3c5ba;font-family:Georgia,serif;font-style:italic;font-size:15px;transform:rotate(-10deg);width:160px}.folder-note svg{margin:8px 0 0 35px;width:44px;height:35px}.desktop-footer{position:absolute;bottom:25px;left:23px;color:#94998b;font-size:10px;line-height:1.8;letter-spacing:.04em}.desktop-footer b{color:#d2d6c9;font-weight:500}.stack{position:absolute;right:24px;bottom:25px;width:260px;z-index:2}.stack:before,.stack:after{content:"";position:absolute;inset:-8px 8px 8px;border:1px solid #ffffff20;background:#343630;border-radius:18px;z-index:-1}.stack:after{inset:-15px 17px 15px;background:#292c27;z-index:-2}.widget{width:100%;background:#ffffff12;backdrop-filter:blur(25px);border:1px solid #ffffff30;border-radius:18px;display:flex;align-items:center;padding:12px;gap:12px;text-align:left;box-shadow:0 5px 12px #0005}.widget-mark{display:grid;place-items:center;width:60px;height:62px;flex-shrink:0;background:var(--cover);border-radius:11px;color:#252b22;font-size:22px;font-weight:750}.widget small{font-size:10px;color:#b0b2aa}.widget b{display:block;font-size:13px;margin:4px 0 8px}.widget span{font-size:10px;color:#ccc}.dock{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;display:flex;align-items:center;gap:10px;padding:10px 12px 12px;z-index:650;border:1px solid #ffffff30;border-radius:21px;background:linear-gradient(#ffffff21,#ffffff16);box-shadow:0 8px 20px #0005,inset 0 1px 1px #ffffff15;backdrop-filter:blur(25px)}.dock-button{width:var(--dock);height:var(--dock);position:relative;padding:0;flex-shrink:0}.dock-visual{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:12px;box-shadow:inset 0 1px 2px #ffffff70,0 3px 5px #0004;transition:transform .15s;transform-origin:bottom}.dock-button:hover .dock-visual,.dock-button:focus-visible .dock-visual{transform:translateY(-5px) scale(1.15)}.dock-button .tooltip{display:none;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translateX(-50%);background:#393a38dd;backdrop-filter:blur(15px);padding:6px 10px;border:1px solid #ffffff20;border-radius:7px;white-space:nowrap;font-size:12px}.dock-button:hover .tooltip,.dock-button:focus-visible .tooltip{display:block}.dock-button.running:after{content:"";width:4px;height:4px;background:#d2d3ce;border-radius:50%;position:absolute;bottom:-8px;left:calc(50% - 2px)}.dock-visual svg{width:32px;height:32px;stroke-width:1.7}.dock-visual.apps{background:#eeefec;color:#599bdf}.dock-visual.links{background:linear-gradient(#59c9ff,#0668d7);color:white;border:4px solid #e7ecef}.dock-visual.about{background:linear-gradient(#63ec70,#10b637);color:#fff}.dock-visual.contact{background:linear-gradient(#50b9ff,#0478ed);color:#fff}.dock-visual.photos{background:#f2f1ef;color:#d56c6a}.dock-visual.work{box-shadow:none;background:none}.dock-visual.work img{width:56px}.dock-visual.trash{background:linear-gradient(#ddd,#9a9b97);color:#5c6259;clip-path:polygon(10% 6%,90% 6%,80% 100%,20% 100%)}.dock-separator{height:43px;width:5px;cursor:ew-resize;border-right:1px solid #ffffff40;margin:0 1px;touch-action:none}.window{position:absolute;left:8%;top:8%;width:84%;height:77%;min-width:380px;min-height:300px;display:flex;flex-direction:column;border-radius:13px;border:1px solid #ffffff24;background:var(--panel);box-shadow:0 25px 100px #0008,0 5px 12px #0006;overflow:hidden;resize:both;animation:window-in .2s ease-out}.window.focused{border-color:#ffffff35}.window.hidden{display:none}.window.maximized{left:10px!important;top:50px!important;width:calc(100% - 20px)!important;height:calc(100% - 150px)!important;resize:none}.titlebar{flex-shrink:0;height:47px;display:flex;align-items:center;gap:14px;padding:0 16px;background:#272825;cursor:grab;user-select:none;touch-action:none;border-bottom:1px solid #ffffff08}.traffic{display:flex;align-items:center;gap:8px}.traffic button{width:12px;height:12px;border-radius:50%;padding:0;display:grid;place-items:center;font-size:10px;color:transparent;background:#ff5f57}.traffic:hover button{color:#5c1b15}.traffic button:nth-child(2){background:#febc2e}.traffic button:nth-child(3){background:#28c840}.traffic button:nth-child(3):hover{color:#004909}.window-title{font-size:12px;font-weight:600;color:#ddd;flex:1;text-align:center;padding-right:42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-content{flex:1;min-height:0;overflow:auto;position:relative}.app-layout{display:flex;height:100%;min-height:0}.sidebar{background:#292a27;width:185px;flex-shrink:0;padding:22px 10px;overflow:auto;border-right:1px solid #ffffff08}.sidebar small{display:block;padding:0 10px 9px;color:#8e9287;font-size:10px}.sidebar button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border-radius:6px;font-size:12px;margin-bottom:2px}.sidebar button svg{width:17px;color:#6bacd6}.sidebar button.active{background:#ffffff14}.content-area{flex:1;min-width:0;display:flex;flex-direction:column}.toolbar{min-height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:10px 18px;flex-wrap:wrap}.toolbar strong{font-size:13px}.toolbar .spacer{flex:1}.toolbar input{width:180px;max-width:100%;border-radius:7px;padding:6px 10px;border:1px solid #ffffff1c;background:#ffffff09;font-size:11px}.nav-buttons,.view-buttons{display:flex;border-radius:18px;background:#ffffff0a}.icon-button{padding:7px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.icon-button svg{width:17px;height:17px}.icon-button.active{background:#ffffff18}.file-space{flex:1;overflow:auto;padding:24px}.files{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px 12px;align-content:start}.file{border-radius:8px;padding:10px;text-align:center;min-width:0;border:1px solid transparent}.file.selected{background:#1577d430;border-color:#4795e25e}.file .thumb{height:69px;width:100%;max-width:115px;display:flex;align-items:center;justify-content:center;background:var(--cover);color:#232a21;font-weight:700;font-size:25px;border:3px solid #e6e7df;border-radius:5px;margin:0 auto 14px;box-shadow:0 3px 7px #0004}.file b{display:block;font-size:11px;font-weight:500;line-height:1.5}.file small{display:block;color:#85a5b7;font-size:10px;line-height:1.6;margin-top:4px}.files.list{display:block}.files.list .file{display:flex;text-align:left;align-items:center;gap:18px;width:100%;border-bottom:1px solid var(--line)}.files.list .thumb{width:48px;height:32px;font-size:12px;margin:0}.files.list small{margin-left:auto;max-width:200px}.files.columns{grid-template-columns:1fr 1fr;gap:0}.files.columns .file{grid-column:1;display:flex;gap:10px;align-items:center;text-align:left}.files.columns .thumb{width:35px;height:28px;font-size:10px;margin:0}.files.columns .file small{display:none}.file-preview{border-left:1px solid var(--line);padding:20px;grid-column:2;grid-row:1 / span 12}.file-preview h3{font-size:19px;font-weight:500}.file-preview p{font-size:12px;color:var(--muted);line-height:1.7}.files.gallery{display:flex;gap:10px;flex-wrap:wrap}.files.gallery .file{width:100px}.files.gallery .thumb{height:46px}.gallery-preview{width:100%;text-align:center;background:#151714;padding:30px;border-radius:8px;margin-bottom:10px}.gallery-preview .cover{max-width:420px;margin:auto}.gallery-preview p{color:var(--muted);font-size:12px}.statusbar{font-size:10px;color:#90978a;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:9px 17px}.statusbar button{padding:0;color:#b4b9af;font-size:10px}.selection-actions{display:flex;gap:8px;align-items:center}.primary{background:#087bf4;border-radius:7px;padding:9px 15px;font-size:12px;color:white}.secondary{background:#ffffff10;border:1px solid #ffffff16;border-radius:7px;padding:9px 13px;font-size:12px}.empty{margin:auto;text-align:center;padding:50px 25px;max-width:500px}.empty .empty-icon{margin:0 auto 20px;color:#848d7e}.empty svg{width:50px;height:50px}.empty h2{font-size:23px;letter-spacing:-.6px;font-weight:500}.empty p{color:var(--muted);line-height:1.7;font-size:13px}.empty .primary{margin-top:15px}.project{background:#0a0b0a;height:100%;display:flex;flex-direction:column}.project-toolbar{position:relative;display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid #ffffff16;flex-shrink:0}.project-counter{font-size:10px;color:#aaa;white-space:nowrap;margin:0 6px}.section-tabs{display:flex;gap:5px;flex:1;overflow:auto;scrollbar-width:none}.section-tabs button{font-size:11px;white-space:nowrap;border-radius:20px;background:#ffffff12;padding:8px 12px}.section-tabs .active{background:#efefea;color:#111}.project-scroll{overflow:auto;flex:1;scroll-behavior:smooth;scroll-padding-top:26px}.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:50px 48px 35px}.project h1{font-size:clamp(32px,4.5vw,68px);font-weight:600;line-height:1.04;letter-spacing:-2.5px;margin:0 0 20px}.project .subtitle{color:#a4a89e;font-size:19px;line-height:1.4}.project .intro-text{font-size:18px;line-height:1.6;color:#d5d8cf;padding-top:4px}.metadata{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:22px 48px;border-top:1px solid var(--line);margin:0 0 15px}.metadata small{display:block;font-size:10px;color:#878e80;margin-bottom:9px}.metadata p{font-size:12px;line-height:1.7;margin:0}.project-banner{padding:24px 48px;background:var(--cover);color:#22291f;display:flex;justify-content:space-between;gap:30px;align-items:center}.project-banner strong{font-size:50px;letter-spacing:-3px}.project-banner span{font-size:11px;line-height:1.8;max-width:210px}.case-section{padding:40px 48px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.7fr;gap:35px}.case-section h2{font-size:24px;font-weight:500;margin:0;letter-spacing:-.6px}.prose p,.prose li{color:#b8bdb0;font-size:14px;line-height:1.9}.prose p:first-child{margin-top:0}.prose ul{margin:0;padding-left:18px}.project-end{padding:30px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}.project-end small{color:#7f8879;font-size:10px}.profile-page{padding:45px;max-width:1000px;margin:auto}.eyebrow{color:#9eaa94;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.profile-page h1{font-size:55px;font-weight:550;letter-spacing:-2px;margin:18px 0 26px}.profile-page h2{font-size:24px;letter-spacing:-.5px;font-weight:500;margin-top:40px}.profile-page .lede{font-size:20px;line-height:1.6}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.capabilities h3{font-size:14px;line-height:1.5}.capabilities ul{padding-left:16px}.capabilities li{font-size:12px;color:#a5ae9e;line-height:1.9}.experience{padding:24px 0;border-top:1px solid var(--line)}.experience h3{margin:0 0 7px;font-size:18px}.experience small{color:#d6a07d}.messages{height:100%;display:flex}.conversation{width:210px;background:#292a27;padding:20px 12px;flex-shrink:0}.conversation button{width:100%;background:#ffffff12;border-radius:9px;padding:13px;display:flex;gap:10px;text-align:left;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:#c4cbb8;color:#222;font-family:Georgia,serif;font-size:26px;display:grid;place-items:center;flex-shrink:0}.conversation b{display:block;font-size:12px}.conversation small{font-size:10px;color:#a5aa9e}.message-main{flex:1;min-width:0;display:flex;flex-direction:column}.message-header{border-bottom:1px solid var(--line);padding:13px 22px;display:flex;gap:10px;align-items:center}.message-header b{font-size:12px;display:block}.message-header small{font-size:10px;color:var(--muted)}.message-header a{margin-left:auto;font-size:11px;color:#87b5e4}.bubbles{padding:25px;overflow:auto;flex:1}.bubble{max-width:85%;padding:12px 15px;background:#393c35;border-radius:16px 16px 16px 4px;font-size:13px;line-height:1.7;margin-bottom:16px}.bubble.outgoing{background:#126bcd;margin-left:auto;border-radius:16px 16px 4px 16px;overflow-wrap:anywhere}.bubble small{display:block;font-size:9px;opacity:.65;margin-top:6px}.topic-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.topic-buttons button{font-size:11px;border:1px solid #74b4ee60;border-radius:16px;padding:8px 12px;color:#a2cbef}.message-compose{padding:12px 20px 18px;border-top:1px solid var(--line)}.notice{font-size:10px;color:#939e89;line-height:1.6}.message-compose form{display:flex;gap:8px}.message-compose input{background:#ffffff08;border:1px solid #ffffff25;border-radius:15px;padding:9px 13px;min-width:0;flex:1}.mail{padding:30px 36px;max-width:850px;margin:auto}.mail h1{font-size:28px;font-weight:500;letter-spacing:-.7px;margin:0 0 12px}.mail p{line-height:1.7;color:#aab2a2;font-size:12px}.mail label{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);color:#a8afa1;font-size:12px}.mail label span{min-width:95px}.mail input,.mail select{background:transparent;border:0;color:#e8eae3;flex:1;min-width:0;outline-offset:5px}.mail select option{background:#252822}.mail textarea{width:100%;min-height:150px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:20px 0;color:#e8eae3;line-height:1.8;resize:vertical}.mail-actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:15px}.draft-preview{padding:20px;border:1px solid #6d8961;border-radius:10px;margin-top:25px;background:#71836815;overflow-wrap:anywhere}.draft-preview h3{font-size:14px}.draft-preview pre{white-space:pre-wrap;font:inherit;line-height:1.8;font-size:12px}.links-app{padding:25px 7%;background:radial-gradient(at 70% 100%,#38483455,transparent 70%);min-height:100%}.addressbar{display:flex;gap:10px;align-items:center}.addressbar input{flex:1;border:1px solid #ffffff25;background:#ffffff0c;border-radius:9px;padding:10px 15px;min-width:0}.links-app h1{font-size:32px;font-weight:500;letter-spacing:-1px;margin:45px 0 20px}.favourites{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.favourite{border-radius:10px;background:#ffffff08;padding:20px;text-align:left;min-height:130px;border:1px solid #ffffff0c}.favourite svg{width:26px;height:26px;color:#a8bfa1;margin-bottom:20px}.favourite b{font-size:12px}.links-app h2{font-size:16px;font-weight:500;margin-top:35px}.recent{display:flex;flex-wrap:wrap;gap:10px}.recent button{background:#ffffff08;border-radius:6px;padding:9px 12px;font-size:11px}.terminal{background:#10130f;min-height:100%;padding:20px;color:#c3d6ae;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.terminal pre{font:inherit;white-space:pre-wrap;margin:0;overflow-wrap:anywhere}.terminal form{display:flex;gap:8px;align-items:center}.terminal input{flex:1;min-width:0;border:0;background:none;color:inherit;font:inherit;outline:none}.terminal .prompt{color:#e7b08b}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0005;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-start;padding-top:18vh}.spotlight{background:#2d302beF;backdrop-filter:blur(30px);border:1px solid #ffffff30;box-shadow:0 30px 100px #0008;border-radius:15px;width:min(610px,calc(100% - 30px));overflow:hidden}.spotlight-head{display:flex;align-items:center;padding:17px 18px;gap:13px;border-bottom:1px solid var(--line)}.spotlight input{font-size:20px;background:none;border:0;flex:1;min-width:0;outline:none}.spotlight-head button{font-size:10px;color:#b1b8a9}.spotlight-results{max-height:380px;overflow:auto;padding:8px}.spotlight-results button{width:100%;padding:12px;display:flex;align-items:center;gap:14px;text-align:left;border-radius:8px}.spotlight-results button.selected{background:#087bf4}.spotlight-results small{display:block;font-size:10px;opacity:.6;margin-top:4px}.spotlight-footer{display:flex;justify-content:space-between;padding:11px 20px;font-size:9px;color:#adb3a7;border-top:1px solid var(--line)}.popover{position:absolute;z-index:800;top:52px;left:18px;border:1px solid #ffffff28;border-radius:10px;background:#33372ded;backdrop-filter:blur(25px);width:250px;padding:7px;box-shadow:0 15px 50px #0008}.popover button,.popover a{padding:9px 12px;font-size:12px;display:block;text-align:left;width:100%;border-radius:5px}.popover button:hover,.popover a:hover{background:#087bf4}.popover hr{border:0;border-top:1px solid var(--line);margin:5px}.popover small{display:block;font-size:10px;color:#a9b29c;padding:6px 12px}.popover.controls{left:auto;right:17px;width:270px;padding:20px}.popover label{display:block;font-size:12px;margin:10px 0}.popover input{width:100%}.notification{position:absolute;z-index:700;right:20px;top:65px;width:310px;display:flex;gap:12px;padding:17px;border:1px solid #ffffff2c;border-radius:14px;background:#35392fe6;backdrop-filter:blur(30px);box-shadow:0 5px 20px #0005;animation:window-in .25s}.notification b{font-size:12px}.notification p{font-size:11px;line-height:1.6;margin:7px 0;color:#c2c8b8}.notification .primary{font-size:10px;padding:6px 9px}.notification .dismiss{position:absolute;right:7px;top:5px;color:#a5ae98;font-size:14px}.toast{position:fixed;bottom:108px;left:50%;transform:translateX(-50%);z-index:1200;background:#3d4436f5;border:1px solid #ffffff25;padding:12px 20px;font-size:12px;border-radius:10px;max-width:90%;box-shadow:0 8px 25px #0006}.pause-screen{position:fixed;inset:0;z-index:1500;display:grid;place-content:center;text-align:center;background:#151a15f5;backdrop-filter:blur(30px)}.pause-screen .wordmark{font-size:80px;margin-bottom:40px}.pause-screen h1{font-size:25px;font-weight:400}.pause-screen button{margin:20px auto}.loading{position:fixed;inset:0;background:#131611;z-index:2000;display:grid;place-content:center;text-align:center;pointer-events:none;transition:opacity .35s}.loading p{font-size:11px;color:#909a85;margin-top:25px}.loading .wordmark{font-size:65px}.loading.done{opacity:0}.standalone{height:100%;overflow:auto;background:#0b0d0a}.standalone-nav{height:65px;display:flex;justify-content:space-between;align-items:center;padding:15px 35px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#151813f0;backdrop-filter:blur(15px);z-index:3}.standalone-nav .wordmark{font-size:29px}.standalone-nav a:last-child{font-size:12px}.standalone .project{height:calc(100% - 65px)}.standalone .profile-page{padding-top:60px}.document{padding:35px;max-width:800px;margin:auto}.document h1{font-size:30px;font-weight:500}.document .secondary{display:inline-block;margin-bottom:30px}.media-toolbar{padding:16px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.media-toolbar label{font-size:11px;display:flex;gap:10px;align-items:center}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--thumb,160px),1fr));gap:15px;padding:20px}.media-grid img{width:100%;aspect-ratio:1.3;object-fit:cover}.media-grid small{display:block;font-size:11px;padding:5px}.viewer{height:100%;display:flex;flex-direction:column;background:#111}.viewer-stage{flex:1;min-height:0;overflow:auto;display:grid;place-items:center}.viewer-stage img{max-width:90%;max-height:55vh;object-fit:contain;transition:transform .2s}.viewer .toolbar{justify-content:center}.viewer-caption{text-align:center;padding:12px;color:#bbb;font-size:11px}.mobile-label{display:none}@keyframes window-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1600px){.desktop-body{inset:70px 0 110px}.pin-card:nth-child(1){top:8%}.pin-card:nth-child(2){top:37%}.pin-card:nth-child(3){top:66%}.folder{width:110px}.folder img{width:78px;height:67px}.folder span{font-size:13px}.identity .overline{margin-top:50px}.desktop-footer{bottom:35px}.stack{bottom:35px}}@media(max-height:780px) and (min-width:801px){.pin-card{width:190px}.cover{padding:12px;aspect-ratio:2.05}.cover strong{font-size:31px}.pin-card:nth-child(1){top:4%}.pin-card:nth-child(2){top:36%;left:14%}.pin-card:nth-child(3){top:67%}.identity{top:7%;height:83%}.monogram{font-size:230px}.identity .overline{margin-top:20px}.identity h1{font-size:22px}.folder img{width:54px;height:45px}.folder span{font-size:10px}.stack{width:230px}.desktop-footer{font-size:9px}.widget-mark{width:45px;height:45px}.widget b{font-size:11px}}@media(max-width:1000px){.workspace-label{display:none}.pin-card{width:180px}.pin-card:nth-child(2){left:12%}.cover strong{font-size:28px}.card-caption{gap:5px}.card-caption b{font-size:10px}.card-caption small{font-size:7px}.stack{width:215px}.desktop-footer{max-width:160px}.identity{left:35%;width:35%}.identity h1{font-size:23px}.folder-note{right:9%;width:140px}.folder{width:80px}.folder img{width:56px}.dock{gap:8px}.utilities{gap:10px}.sidebar{width:155px}.project-intro{padding:30px;gap:25px}.metadata,.case-section,.project-end{padding:25px 30px}.project-banner{padding:20px 30px}.conversation{width:165px}.window{left:4%;width:92%}}@media(max-width:800px){.menubar{padding:8px 15px}.wordmark{font-size:32px}.clock{font-size:10px}.utilities{gap:6px}.utilities .explore-pill{display:none}.desktop-body{inset:65px 0 100px}.identity{left:28%;width:43%;top:0;height:52%}.monogram{font-size:220px}.identity .overline{margin-top:15px;font-size:8px}.identity h1{font-size:20px}.identity .support{font-size:10px}.hero-links{display:none!important}.pin-card{width:30%}.pin-card:nth-child(1){left:3%;top:55%}.pin-card:nth-child(2){left:35%;top:61%}.pin-card:nth-child(3){left:66%;top:55%}.folders{right:0;left:0;top:0;width:100%;height:50%}.folder{width:80px}.folder:nth-child(1){left:3%;right:auto;top:0}.folder:nth-child(2){left:3%;top:35%}.folder:nth-child(3){left:3%;right:auto;top:70%}.folder:nth-child(4){left:auto;right:3%;top:0}.folder:nth-child(5){right:3%;top:35%}.folder:nth-child(6){left:auto;right:3%;top:70%}.folder-note{display:none}.desktop-footer{display:none}.stack{right:25px;bottom:115px;width:235px}.window,.window.maximized{left:8px!important;top:54px!important;width:calc(100% - 16px)!important;height:calc(100% - 146px)!important;min-width:0;resize:none}.project-intro{grid-template-columns:1fr}.project h1{font-size:42px}.metadata{gap:20px;grid-template-columns:1fr 1fr}.case-section{grid-template-columns:1fr;gap:18px}.conversation{display:none}.profile-page{padding:25px}.capabilities{grid-template-columns:1fr}.project-counter{display:none}.project-toolbar{padding:9px}.sidebar{width:145px}.favourites{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){:root{--dock:40px}.menubar{height:51px}.utilities{gap:2px}.utilities .country-button{display:none}.clock{max-width:90px;font-size:9px;text-align:right;line-height:1.4;white-space:normal}.desktop-body{inset:65px 0 94px}.identity{left:23%;width:54%;height:45%;top:0}.monogram{font-size:150px}.identity h1{font-size:17px;max-width:210px}.identity .overline{font-size:7px;letter-spacing:.1em;margin:17px 0 8px}.identity .support{display:none}.folders{top:42%;height:50%;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:0;align-content:start;padding:0 22px}.folder{position:static!important;width:100%;padding:8px 5px}.folder img{width:55px;height:47px}.folder span{font-size:10px;max-width:100px;margin:3px auto 0;min-height:27px}.pin-cards{display:none}.stack{display:none}.dock{gap:7px;padding:9px 9px 12px;border-radius:18px;bottom:max(12px,env(safe-area-inset-bottom))}.dock-visual{border-radius:9px}.dock-visual svg{width:26px;height:26px}.dock-visual.work img{width:43px}.dock-separator{height:30px;width:3px;margin:0}.window,.window.maximized{left:0!important;top:50px!important;width:100%!important;height:calc(100% - 132px)!important;border-radius:12px 12px 0 0;min-height:0}.titlebar{height:42px;padding:0 14px}.traffic{gap:10px}.traffic button{width:14px;height:14px}.sidebar{width:108px;padding:15px 5px}.sidebar button{font-size:10px;padding:9px 7px;gap:6px}.sidebar button svg{width:14px;flex-shrink:0}.sidebar small{font-size:9px;padding-left:7px}.toolbar{padding:10px;gap:6px}.toolbar input{width:100%;order:5}.toolbar .spacer{display:none}.toolbar strong{font-size:11px}.toolbar .icon-button{padding:5px}.toolbar .icon-button svg{width:15px}.file-space{padding:12px}.files{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:10px}.file{padding:5px}.file .thumb{height:51px;font-size:20px}.file b{font-size:10px}.file small{font-size:9px}.files.list .file{gap:8px;flex-wrap:wrap}.files.list .file small{margin-left:0}.files.columns{display:block}.files.columns .file-preview{border:0}.statusbar{padding:9px;font-size:8px}.selection-actions{display:block}.project-intro{padding:28px 20px;gap:15px}.project h1{font-size:34px;letter-spacing:-1.4px}.project .subtitle{font-size:16px}.project .intro-text{font-size:14px}.metadata{padding:20px;grid-template-columns:1fr;gap:15px}.project-banner{padding:20px}.project-banner strong{font-size:38px}.project-banner span{font-size:9px}.case-section{padding:28px 20px}.case-section h2{font-size:22px}.project-end{padding:25px 20px;flex-direction:column;align-items:flex-start}.profile-page h1{font-size:40px}.profile-page .lede{font-size:17px}.mail{padding:24px 20px}.mail h1{font-size:24px}.mail label{font-size:11px}.mail label span{min-width:66px}.mail textarea{min-height:120px}.mail-actions{flex-direction:column;align-items:flex-start}.message-header{padding:12px}.bubbles{padding:18px}.bubble{max-width:95%;font-size:12px}.message-compose{padding:10px}.message-compose input{font-size:11px}.favourites{gap:10px}.favourite{padding:16px;min-height:115px}.links-app h1{font-size:27px;margin-top:30px}.notification{right:10px;top:60px;width:calc(100% - 20px);max-width:310px}.project-toolbar .icon-button{padding:5px}.section-tabs button{font-size:10px;padding:7px 10px}.standalone-nav{padding:15px 20px}.standalone .project{height:calc(100% - 65px)}.toast{font-size:11px;bottom:95px}.empty{padding:30px 15px}.empty h2{font-size:19px}.empty p{font-size:12px}.mobile-label{display:block;position:absolute;bottom:0;text-align:center;width:100%;color:#949f87;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:500px){.traffic{gap:2px}.traffic button{position:relative;width:30px;height:32px;background:transparent!important}.traffic button:before{content:"";position:absolute;left:8px;top:9px;width:14px;height:14px;border-radius:50%;background:#ff5f57}.traffic button:nth-child(2):before{background:#febc2e}.traffic button:nth-child(3):before{background:#28c840}.titlebar{gap:5px}.window-title{padding-right:70px}}

/* Supplied profile portrait and project media */
.identity{left:38%;top:3%;height:94%;width:31%;justify-content:center}
.portrait-paper{pointer-events:auto;position:relative;isolation:isolate;display:block;flex-shrink:0;width:clamp(185px,20vw,290px);padding:10px 10px 0;background:#f2eee3;transform:rotate(-5deg);box-shadow:0 16px 40px #0008;border:1px solid #fff8;transition:transform .2s;margin:0 0 4px}
.portrait-paper:before,.portrait-paper:after{content:"";position:absolute;inset:-3px;background:#e3dfd2;border:1px solid #ffffffc0;z-index:-2;transform:rotate(6deg);box-shadow:0 5px 12px #0004}
.portrait-paper:after{inset:3px;background:#faf7ee;transform:rotate(-4deg);z-index:-1}
.portrait-paper:hover{transform:rotate(-2deg) translateY(-3px)}
.paper-photo{display:block;position:relative;background:#101e36;overflow:hidden;aspect-ratio:5/6}
.paper-photo img{display:block;width:100%;height:100%;object-fit:cover}
.paper-caption{display:block;color:#363932;font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.3;padding:12px 0 11px}.paper-caption span{display:block;font:8px -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:.13em;margin-top:5px;text-transform:uppercase;color:#777969}
.identity .overline{margin:25px 0 10px;letter-spacing:.16em}.identity h1{font-size:clamp(18px,1.7vw,25px)}.identity .support{margin:10px 0 0}.identity .hero-links{margin-top:12px}
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}.image-cover{padding:0!important;background:#f5f3f5;display:grid;place-items:center}.image-cover:after{display:none}.image-cover img{width:100%;height:100%;object-fit:contain}.thumb img{width:100%;height:100%;object-fit:contain;border-radius:5px}.profile-heading{display:flex;gap:28px;align-items:center}.profile-portrait{object-fit:cover;border:7px solid #efeee5;transform:rotate(-3deg);box-shadow:0 10px 24px #0005}.profile-heading h1{font-size:clamp(32px,4vw,55px);margin:12px 0 20px}.profile-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.profile-actions a{display:inline-block}.contact-direct{font-size:12px}.resume-preview{width:100%;height:65vh;margin-top:22px;border:0;background:#fff}.document.resume-document{max-width:none}.project-image-banner{padding:0!important;background:#f8f6f8!important;display:block!important;height:auto!important;min-height:0!important}.project-image-banner img{width:100%;height:auto;display:block}.project-gallery{padding:50px 45px;border-top:1px solid var(--line)}.gallery-heading{max-width:600px;margin-bottom:38px}.gallery-heading h2{font-size:34px;letter-spacing:-1px;margin:10px 0}.gallery-heading p{color:#bfc2bb;line-height:1.7}.asset-group{margin-bottom:42px}.asset-group h3{font-size:18px;font-weight:500;margin:0 0 18px}.case-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-gallery-grid.landscape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery-grid.wide-grid{grid-template-columns:1fr}.case-asset{padding:0;text-align:left;min-width:0}.asset-image{display:block;background:#f1edf1;border-radius:7px;overflow:hidden}.asset-image img{display:block;width:100%;height:auto}.asset-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.6;color:#b7bcb2;padding:12px 2px}.website-asset .asset-image{height:400px}.website-asset img{object-fit:cover;object-position:top;width:100%;height:100%}.media-grid img{object-fit:contain!important;background:#f1edf1}.viewer-stage.long-image{display:block;overflow:auto;padding:18px;text-align:center}.viewer-stage.long-image img{width:min(100%,1200px);height:auto;max-height:none;object-fit:contain}.standalone~#windows .window{z-index:900}.viewer-stage{overflow:auto}.asset-group:last-child{margin-bottom:0}
@media(min-width:801px) and (max-height:780px){.portrait-paper{width:clamp(155px,18vw,215px);padding:8px 8px 0}.paper-caption{font-size:14px;padding:8px 0}.paper-caption span{font-size:7px}.identity{top:0;height:100%}.identity .overline{margin:20px 0 8px}.identity h1{font-size:20px}.identity .support{font-size:11px}.identity .hero-links{margin-top:7px}}
@media(min-width:801px) and (max-height:650px){.portrait-paper{width:160px}.identity .support{display:none}.identity .overline{margin-top:15px}}
@media(max-width:1000px) and (min-width:801px){.identity{left:35%;width:35%}.portrait-paper{width:195px}.project-gallery{padding:30px}.case-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.identity{left:28%;width:43%;top:0;height:52%}.portrait-paper{width:clamp(140px,20vw,190px);padding:7px 7px 0}.paper-caption{font-size:12px;padding:6px 0}.paper-caption span{display:none}.identity .overline{font-size:8px;margin:17px 0 7px;letter-spacing:.08em}.identity h1{font-size:17px}.identity .support{display:none}.project-gallery{padding:28px 20px}.case-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-heading{gap:20px}.profile-portrait{width:100px;height:120px}.profile-heading h1{font-size:30px}.profile-actions{font-size:11px}}
@media(max-width:500px){.identity{left:20%;width:60%;top:0;height:49%}.portrait-paper{width:clamp(115px,37vw,160px)}.identity h1{font-size:16px}.identity .overline{font-size:7px;letter-spacing:.06em;margin-top:14px}.folders{top:53%;height:43%}.paper-caption{font-size:12px}.profile-heading{align-items:flex-start;gap:16px}.profile-heading h1{font-size:28px}.profile-heading .eyebrow{font-size:9px}.profile-portrait{width:80px;height:96px;border-width:4px}.profile-actions{gap:8px}.landscape-grid{grid-template-columns:1fr!important}.gallery-heading h2{font-size:27px}.gallery-heading p{font-size:13px}.asset-caption{font-size:10px}.website-asset .asset-image{height:280px}.contact-direct a{overflow-wrap:anywhere;max-width:100%}}
@media(max-width:500px) and (max-height:700px){.portrait-paper{width:110px}.identity{height:48%}.identity h1{font-size:14px}.identity .overline{margin-top:12px}.folders{top:51%}.folder img{height:40px;width:48px}.folder{padding:5px}.paper-caption{font-size:10px}}

/* Coordinated Madina Bites pinned series */
.project-image-banner.brand-triptych{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#ff7b20!important;max-width:1536px;margin:0 auto}.brand-triptych button{padding:0;display:block;min-width:0}.brand-triptych img{width:100%;height:auto;display:block}.case-asset-card{min-width:0}.case-asset-card .case-asset{display:block;width:100%}.asset-source{display:inline-block;font-size:10px;color:#a6aaa1;border-bottom:1px solid #ffffff25;padding:0 0 4px;margin-bottom:12px}.asset-source:hover{color:#fff}.viewer-caption a{text-decoration:underline;text-underline-offset:3px}

/* Curated case-study chapters */
.cover-panels{display:grid!important;grid-template-columns:1fr 1fr;background:#fff!important;gap:4px;padding:8px!important}.cover-panels img{width:100%;height:100%;object-fit:contain}.project-image-banner.brand-triptych{grid-template-columns:repeat(var(--panel-count,3),minmax(0,1fr))}.project-image-banner.hero-logos{background:#fff!important;max-width:none;padding:28px!important;gap:30px}.hero-logos img{height:190px;object-fit:contain}.project-image-banner.hero-poster{background:var(--hero-bg)!important;display:flex!important;justify-content:center;padding:28px!important}.hero-poster img{width:auto;max-width:100%;height:440px;object-fit:contain;box-shadow:0 10px 28px #0003}.widget-mark{overflow:hidden}.widget-mark img{width:100%;height:100%;object-fit:cover}.chapter-index{display:flex;gap:8px;flex-wrap:wrap;margin:-12px 0 38px;padding-bottom:25px;border-bottom:1px solid var(--line)}.chapter-index button{border:1px solid #ffffff20;border-radius:6px;font-size:11px;padding:10px 13px;text-align:left}.chapter-index span{color:#a5ac9b;margin-right:9px;font-size:9px}.chapter-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:23px}.chapter-number{font-size:12px;color:#a8ae9e;letter-spacing:.1em;padding-top:5px}.chapter-heading>div{flex:1}.chapter-heading h3{font-size:25px;margin:0 0 9px;letter-spacing:-.6px}.chapter-heading p{max-width:670px;font-size:13px;color:#aeb5a7;line-height:1.8;margin:0}.chapter-heading>small{font-size:10px;color:#a3a99b;white-space:nowrap;padding-top:7px}.asset-group{margin:0 0 62px;scroll-margin-top:24px}.case-gallery-grid{align-items:start}.case-gallery-grid:has(>.case-asset-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.presentation-grid{grid-template-columns:1fr;max-width:650px;margin:auto}.presentation-grid img{width:100%}.mixed-grid .wide-asset{grid-column:span 2}.more-work{border-top:1px solid var(--line);margin-top:20px}.more-work summary{cursor:pointer;color:#b7bead;font-size:12px;padding:19px 0;list-style:none;display:flex;justify-content:space-between}.more-work[open] summary span{transform:rotate(45deg)}.more-work .case-gallery-grid{margin-top:10px}.archive-note{font-size:11px!important;line-height:1.6!important;border-left:2px solid #65705b;padding-left:12px}.preview-callout{margin:30px 45px;padding:28px;background:#ffffff05;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:25px}.preview-callout h2{font-size:28px;margin:8px 0}.preview-callout p{color:#adb5a3;font-size:13px;line-height:1.7;max-width:530px}.preview-callout .primary{flex-shrink:0}.profile-workspace{margin:35px 0;max-width:580px}.profile-workspace img{width:100%;max-height:360px;object-fit:contain;background:#171a16;border-radius:8px}.profile-workspace figcaption{font-size:11px;color:#9fa797;margin-top:12px}.viewer-caption{line-height:1.6;padding:12px 18px}
@media(max-width:800px){.project-image-banner.hero-poster{padding:18px!important}.hero-poster img{height:360px}.hero-logos img{height:130px}.chapter-heading{gap:12px}.chapter-heading h3{font-size:22px}.preview-callout{margin:24px 20px;flex-direction:column;align-items:flex-start;padding:22px}.mixed-grid .wide-asset{grid-column:1/-1}}
@media(max-width:500px){.hero-poster img{height:300px}.project-image-banner.hero-logos{gap:10px;padding:15px!important}.hero-logos img{height:90px}.chapter-heading p{font-size:12px}.chapter-heading>small{display:none}.chapter-index{gap:6px;margin-bottom:28px}.chapter-index button{font-size:10px;padding:9px}.chapter-heading h3{font-size:21px}.chapter-number{font-size:10px}.asset-group{margin-bottom:40px}.case-gallery-grid:has(>.case-asset-card:nth-child(2):last-child){grid-template-columns:1fr 1fr}.presentation-grid{grid-template-columns:1fr!important}.chapter-index span{margin-right:5px}}

/* Supplied macOS assets and torn-paper portrait */
.dock-visual.supplied{background:none;border:0;border-radius:0;box-shadow:none;clip-path:none}
.dock-visual.supplied img{display:block;width:112%;height:112%;max-width:none;object-fit:contain;filter:drop-shadow(0 3px 3px #0003)}
.dock-visual.supplied.trash img{width:100%;height:100%}
.folder img{object-fit:contain;width:72px;height:72px;filter:drop-shadow(0 4px 4px #0003)}
.portrait-paper{width:clamp(230px,24vw,335px);padding:0;margin:0;background:none;border:0;box-shadow:none;transform:rotate(-5deg);filter:drop-shadow(0 13px 16px #0005)}
.portrait-paper:before,.portrait-paper:after{display:none}
.paper-photo{background:none;overflow:visible;aspect-ratio:auto}
.paper-photo img{width:100%;height:auto;object-fit:contain}
.portrait-paper:hover{transform:rotate(-2deg) translateY(-3px)}
.identity .overline{margin-top:22px}
/* Compact white menu-bar controls, scoped to the top right. */
.utilities{gap:6px;color:#fff;font-size:12px;text-shadow:0 1px 6px #0005}
.utilities>button{border-radius:6px;min-height:30px;padding:5px 9px}
.utilities>button:hover,.utilities>button[aria-expanded=true]{background:#ffffff20}
.utilities .icon{width:17px;height:17px;stroke-width:1.8}
.utilities .clock{font-size:12px;font-weight:500;letter-spacing:.01em}
.notification-toggle{padding-right:0!important}
/* Light translucent notification cards. */
.notification{top:62px;right:20px;width:348px;padding:17px 18px;gap:13px;background:linear-gradient(140deg,#fafaf8ed,#e8e9e4e0);color:#252727;border:1px solid #ffffffa8;border-radius:22px;box-shadow:inset 0 1px 0 #fff,0 14px 35px #0003;backdrop-filter:blur(35px) saturate(140%);align-items:center}
.notification-icon{width:43px;height:43px;object-fit:contain;flex-shrink:0}
.notification-copy{min-width:0;flex:1}
.notification-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;line-height:1.4;color:#696e70;letter-spacing:.04em;margin-bottom:5px}
.notification-meta time{font-size:10px;letter-spacing:0}
.notification b{font-size:13px;line-height:1.4;font-weight:650;display:block}
.notification p{color:#454a4d;font-size:12px;line-height:1.45;margin:4px 0 9px}
.notification-link{font-size:11px;color:#2364a4;font-weight:600;padding:0}
.notification-link span{margin-left:6px}
.notification .dismiss{top:-7px;left:-7px;right:auto;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e5e6e3;color:#575d61;border:1px solid #ffffffb3;box-shadow:0 2px 6px #0002;font-size:17px;opacity:0;transition:opacity .15s}
.notification:hover .dismiss,.notification:focus-within .dismiss{opacity:1}
.stack{width:326px;right:24px;bottom:32px;isolation:isolate}
.stack:before,.stack:after{inset:5px 9px -7px;background:#d8dcd5c9;border:1px solid #ffffff65;border-radius:22px;backdrop-filter:blur(18px)}
.stack:after{inset:10px 18px -13px;background:#c6cdc3ab}
.notification-stack{border-radius:22px;background:linear-gradient(130deg,#f6f7f3eb,#e4e7e0e0);border:1px solid #ffffffaa;box-shadow:inset 0 1px 0 #fff,0 12px 24px #0003;backdrop-filter:blur(35px);overflow:hidden;color:#252727}
.widget{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:15px 17px 9px;gap:12px;align-items:center}
.widget-mark{width:46px;height:46px;border-radius:11px;box-shadow:0 1px 3px #0002}
.widget-copy{flex:1;min-width:0}
.widget .notification-meta span{font-size:9px;color:#666e70}
.widget b{font-size:13px;margin:0 0 4px;color:#252727;font-weight:650}
.widget span{font-size:11px;color:#4b5356;line-height:1.4}
.stack-next{display:block;width:calc(100% - 34px);margin:0 17px;padding:7px 0 10px;border-top:1px solid #616c6521;color:#4f5c62;font-size:10px;text-align:right}
.widget:hover,.stack-next:hover{background:#fff3}
.toast{left:auto;right:24px;bottom:185px;transform:none;display:flex;align-items:center;gap:12px;width:326px;max-width:calc(100% - 32px);padding:15px 18px;border-radius:21px;background:#f0f2edeb;color:#272d2b;border:1px solid #ffffffa8;backdrop-filter:blur(30px);box-shadow:0 8px 30px #0004}
.toast img{width:38px;height:38px;object-fit:contain}.toast b{font-size:12px}.toast p{font-size:12px;line-height:1.5;margin:3px 0 0}
@media(min-width:801px) and (max-height:780px){.portrait-paper{width:clamp(190px,21vw,260px)}.folder img{width:60px;height:60px}.stack{width:300px}}
@media(min-width:801px) and (max-height:650px){.portrait-paper{width:185px}.identity .overline{margin-top:10px}}
@media(max-width:1000px) and (min-width:801px){.portrait-paper{width:245px}.stack{width:270px}.notification{width:320px}}
@media(max-width:800px){.portrait-paper{width:clamp(165px,27vw,220px)}.folder img{width:64px;height:64px}.stack{width:285px;bottom:110px}.notification{width:320px}.toast{bottom:255px}}
@media(max-width:500px){.portrait-paper{width:clamp(150px,48vw,200px)}.identity{left:20%;width:60%;height:49%}.identity .overline{margin-top:12px}.folder img{width:60px;height:60px}.folders{top:54%}.utilities{gap:0}.utilities>button{padding:6px}.utilities .clock{font-size:9px;max-width:94px}.notification{right:12px;top:61px;max-width:calc(100% - 24px);width:340px}.notification .dismiss{opacity:1;left:0;top:-9px}.toast{right:12px;bottom:95px}.stack{display:none}}
@media(max-width:500px) and (max-height:700px){.portrait-paper{width:145px}.folders{top:52%}.folder img{width:48px;height:48px}.identity h1{font-size:14px}}

/* Original-resolution supplied wallpaper and pin artwork. */
.pin-card .pin{left:50%;top:-24px;width:42px;height:42px;object-fit:contain;background:none;border:0;border-radius:0;box-shadow:none;transform:translateX(-50%) rotate(-12deg);filter:drop-shadow(2px 4px 3px #0006);z-index:2;pointer-events:none}
@media(max-width:800px){.pin-card .pin{width:34px;height:34px;top:-19px}}
.dock-visual.supplied.about img{width:100%;height:100%}

/* Screenshot-matched dark liquid surfaces; shared edge and translucency. */
.liquid-surface{background:linear-gradient(125deg,rgba(108,108,108,.43),rgba(76,77,77,.38));backdrop-filter:blur(9px) saturate(120%);-webkit-backdrop-filter:blur(9px) saturate(120%);border:1px solid rgba(255,255,255,.21);box-shadow:inset 0 1px 1px rgba(255,255,255,.22),inset 0 -1px 1px rgba(255,255,255,.12),0 8px 22px #0005;color:#f1f1f1}
.wifi-indicator{display:flex;align-items:center;justify-content:center;width:33px;height:30px}.utilities .wifi-indicator .icon{width:20px;height:20px;stroke-width:2.3}.utilities .disabled-controls{opacity:.5;cursor:default;filter:none}.utilities .disabled-controls:hover{background:none}.utilities .notification-toggle{background:none}.utilities .clock{font-size:12px;font-weight:600}
.notification.liquid-surface{top:60px;right:20px;width:360px;min-height:90px;align-items:center;gap:13px;padding:14px 17px;border-radius:23px}
.notification-avatar{position:relative;width:46px;height:46px;flex-shrink:0;border-radius:50%;background:#aea0bd;display:grid;place-items:center}
.notification-avatar>img:first-child{width:42px;height:43px;object-fit:contain;border-radius:50%;margin-top:2px}
.notification-avatar .message-badge{position:absolute;right:-4px;bottom:-3px;width:20px;height:20px;border-radius:5px;filter:drop-shadow(0 1px 1px #0004)}
.notification-title{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.notification-title b{font-size:14px;font-weight:650;color:#f3f3f3}.notification-title time{font-size:12px;color:#c5c5c5}
.notification .notification-copy p{color:#e1e1e1;font-size:13px;line-height:1.45;margin:4px 0 0}
.notification .dismiss{background:#5559;border:1px solid #ffffff40;color:#eee;backdrop-filter:blur(10px)}
/* Four real project cards, collapsed layers to a vertical hover/focus stack. */
.stack{right:24px;bottom:28px;width:326px;height:96px;z-index:3}
.stack:before,.stack:after{display:none}
.notification-stack{position:relative;width:100%;height:100%;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;overflow:visible;border-radius:0}
#featured-projects{position:absolute;inset:0}
.stack .widget{position:absolute;left:0;bottom:0;width:100%;height:96px;padding:13px;gap:13px;border-radius:22px;display:flex;align-items:center;transform:translateY(calc(var(--stack-index) * -9px)) scale(calc(1 - var(--stack-index) * .055));transform-origin:center top;z-index:calc(5 - var(--stack-index));transition:transform .28s cubic-bezier(.2,.75,.25,1),background .2s,box-shadow .2s;will-change:transform;isolation:isolate}
.stack .widget:not(:first-child)>*{visibility:hidden}
.stack .widget:not(:first-child){pointer-events:none}
.stack .widget:hover{filter:none;background:linear-gradient(125deg,rgba(135,135,135,.48),rgba(91,92,92,.45))}
.stack .widget-mark{width:62px;height:62px;border-radius:14px;box-shadow:none;background:#fff;overflow:hidden;flex-shrink:0}
.stack .widget-mark img{object-fit:contain;width:100%;height:100%}
.stack .widget-copy{flex:1;min-width:0;text-align:left}.stack .widget-copy small{display:block;font-size:11px;color:#bdbdbd;line-height:1.3;margin-bottom:3px}.stack .widget-copy b{font-size:15px;font-weight:600;line-height:1.25;color:#eee;margin:0 0 8px}.stack .widget-copy>span{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#c2c2c2;font-size:12px}.stack .widget-copy>span span{font-size:17px;color:#c2c2c2;line-height:1}
.stack.is-expanded{height:420px;z-index:550}
.stack.is-expanded .widget{transform:translateY(calc(var(--stack-index) * -108px)) scale(1)}
.stack.is-expanded .widget:not(:first-child)>*{visibility:visible}
.stack.is-expanded .widget:not(:first-child){pointer-events:auto}
.stack-toggle{position:absolute;top:-45px;right:1px;z-index:10;width:25px;height:25px;border:1px solid #ffffff28;background:#5557;backdrop-filter:blur(8px);border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .2s;color:#ddd;padding:5px}
.stack:hover .stack-toggle,.stack:focus-within .stack-toggle,.stack.is-expanded .stack-toggle{opacity:1}.stack-toggle .icon{width:14px;height:14px}
.stack.is-expanded .stack-toggle{top:-29px}
/* Compact translucent menu from the supplied reference. */
.popover.liquid-surface{left:18px;top:49px;width:224px;border-radius:13px;padding:5px;backdrop-filter:blur(5px) saturate(120%);-webkit-backdrop-filter:blur(5px) saturate(120%)}
.popover.liquid-surface [role=menuitem]{padding:3px 10px;min-height:23px;border-radius:5px;line-height:17px;font-size:13px;font-weight:400;color:#ddd;display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%}
.popover.liquid-surface [role=menuitem]:hover{background:#ffffff14;filter:none;color:#fff}.popover.liquid-surface [role=menuitem]:focus-visible{background:#1673c3;outline:none;color:#fff}.popover.liquid-surface hr{border:0;border-top:1px solid #ffffff18;margin:4px 0}.menu-shortcut{font-size:11px;color:#b5b5b5}
.toast{background:linear-gradient(125deg,#68686875,#4c4d4d61);color:#eee;border:1px solid #ffffff36;box-shadow:inset 0 1px 1px #ffffff38,inset 0 -1px 1px #ffffff1f,0 8px 22px #0005;backdrop-filter:blur(9px) saturate(120%);border-radius:22px}
.profile-heading{display:block}.profile-heading h1{margin-top:12px}
img{-webkit-user-drag:none}
@media(max-width:1000px) and (min-width:801px){.stack{width:285px}.stack .widget-copy b{font-size:14px}.stack .widget-mark{width:55px;height:55px}}
@media(max-width:800px){.stack{bottom:110px;width:285px}.stack.is-expanded{height:420px}.notification.liquid-surface{width:340px}.popover.liquid-surface{left:15px;top:48px}.stack-toggle{opacity:1}}
@media(max-width:500px){.stack{display:none}.notification.liquid-surface{right:12px;width:340px;max-width:calc(100% - 24px);top:60px;padding:13px 15px;border-radius:22px}.notification .notification-copy p{font-size:12px}.notification-title b{font-size:13px}.notification-avatar{width:42px;height:42px}.notification-avatar>img:first-child{width:39px;height:40px}.utilities .clock{font-size:9px}.wifi-indicator{width:25px}.utilities .wifi-indicator .icon{width:18px;height:18px}.utilities>button{padding:5px}.popover.liquid-surface{width:224px}.popover.liquid-surface [role=menuitem]{min-height:29px;padding-top:6px;padding-bottom:6px}}
@media(prefers-reduced-motion:reduce){.stack .widget{transition:none}}
.popover.liquid-surface{background:linear-gradient(125deg,rgba(61,61,61,.78),rgba(45,45,45,.75));backdrop-filter:blur(2px) saturate(100%);-webkit-backdrop-filter:blur(2px) saturate(100%)}
.popover.liquid-surface [role=menuitem]{color:#f2f2f2}