@font-face{font-family:Poppins;src:url(assets/poppins-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/poppins-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/poppins-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Switzer;src:url(assets/switzer-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--accent:#1745c2;--ink:#302b23;--paper:#f4f0e6;--red:var(--accent);--wood:#d2b58e;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--wood);font-family:Poppins,Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button{background:none}button svg{width:21px;height:21px}em{font-style:normal;font-weight:inherit}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}::selection{background:var(--accent);color:#fff}.topbar{height:103px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 54px;pointer-events:none;background:linear-gradient(#e8d6b599,#e8d6b500)}.topbar>*{pointer-events:auto}.wordmark{font-family:Poppins,Arial,sans-serif;font-weight:bold;font-size:37px;letter-spacing:-2.1px;position:relative}.wordmark-sub{font-family:Poppins,sans-serif;font-size:10px;display:block;letter-spacing:.45px;font-weight:400;margin-top:-7px}.topbar nav{display:flex;gap:31px;align-items:center}.topbar nav button{font-size:12px;padding:8px 0}.nav-count{font-size:9px;vertical-align:5px;margin-left:3px;color:#684d38}.hello{border-bottom:1px solid #735b44}.hello span{margin-left:14px}.desk-viewport{position:fixed;z-index:1;inset:0;overflow:auto;overscroll-behavior:none;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;outline:none!important}.desk-viewport::-webkit-scrollbar{display:none}.desk-viewport.dragging{cursor:grabbing}.desk-size{position:relative;overflow:hidden}.desk-wood{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.desk-world{position:absolute;top:0;left:0;width:1880px;height:1550px;transform-origin:top left;isolation:isolate}.window-light{position:fixed;inset:0;pointer-events:none;background:linear-gradient(110deg,#f6ebd825,#c8a47c08);box-shadow:inset 0 0 170px #59371416}.desk-title{position:absolute;left:244px;top:145px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:500}.desk-title h1{font-family:Poppins,Arial,sans-serif;font-size:80px;line-height:1.1;letter-spacing:-3.2px;font-weight:500;margin:20px 0 16px}.desk-title h1 em{color:var(--accent)}.title-dot{color:var(--accent)}.desk-title p{font:500 16px Switzer,Arial,sans-serif;line-height:1.8;color:#4b3d30;margin:0}.hand-note{position:absolute;left:333px;top:253px;font:500 14px Poppins,sans-serif;transform:rotate(-10deg);white-space:nowrap;color:#654b35}.hand-note svg{display:block;margin-left:30px;width:80px;fill:none;stroke:currentColor;stroke-width:1.2}.object{position:absolute;left:var(--x);top:var(--y);transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--r));transform-origin:center;z-index:5;will-change:transform;touch-action:pan-x pan-y}.object-hit{display:block;width:100%;height:100%;padding:0;text-align:left;cursor:grab;transition:transform .6s var(--ease),filter .6s;position:relative;user-select:none}.object-hit:active{cursor:grabbing}.object:has(.object-hit:focus-visible){z-index:10}.object.is-dragging{z-index:18!important}.object.is-dragging .object-hit{transform:scale(1.035) rotate(2deg);filter:drop-shadow(10px 25px 15px #30201730)}.object-caption{position:absolute;top:calc(100% + 24px);left:0;right:0;font-size:11px;letter-spacing:.1px;display:flex;align-items:center;gap:0;white-space:nowrap;color:#3d3024}.object-caption i{font-style:normal;margin-left:auto;color:#513f30;font-size:10px}.caption-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:6px}.phone{width:205px;height:413px}.phone .object-caption{flex-wrap:wrap;gap:4px;top:calc(100% + 25px)}.phone .object-caption i{width:100%;margin-left:13px}.phone-hardware{width:100%;height:100%;background:linear-gradient(115deg,#b5a694,#e4d9ca 14%,#59564f 20%,#c9bbae 60%,#7a7062);border-radius:35px;padding:5px;box-shadow:1px 1px 1px #e7e0d2 inset,2px 3px 2px #574738,9px 17px 14px #442f2438,20px 30px 30px #3b281b20;position:relative}.phone-hardware:before{content:'';position:absolute;left:-2px;top:84px;width:3px;height:35px;background:#807869;border-radius:3px}.phone-screen{height:100%;background:#eeeae0;border:5px solid #262725;border-radius:31px;overflow:hidden;position:relative}.dynamic-island{height:13px;width:52px;background:#20211f;position:absolute;top:7px;left:50%;transform:translateX(-50%);border-radius:20px;z-index:3}.tablet{width:585px;height:399px}.tablet-body{background:linear-gradient(135deg,#c4b8a3,#6e6b62 38%,#b9ad9c 80%,#ded0ba);width:100%;height:100%;padding:14px 16px;border-radius:24px;box-shadow:0 1px 1px #f3eddf inset,2px 3px 1px #4a4237,10px 17px 14px #412b2338,21px 32px 32px #3e281c20;position:relative}.tablet-camera{width:4px;height:4px;border-radius:50%;background:#1c2225;position:absolute;left:6px;top:50%}.tablet-screen{background:#f4f0e7;width:100%;height:100%;border:4px solid #232523;border-radius:9px;overflow:hidden}.sticky-note{width:207px;height:224px;z-index:6}.note-paper{position:relative;background:linear-gradient(177deg,#e1cf75 0%,#ebd98a 15%,#f1e2a6 100%);width:100%;height:100%;padding:25px 22px;box-shadow:2px 4px 3px #6554331a,8px 15px 15px #51381e23;transform:perspective(600px) rotateX(3deg)}.note-paper:after{content:'';position:absolute;bottom:0;right:0;width:38px;height:35px;background:linear-gradient(135deg,#fff0 35%,#cebb7377 85%,#f5e9bb);clip-path:polygon(100% 0,100% 100%,0 100%)}.note-paper>span:first-of-type{font:14px Poppins,sans-serif}.note-paper p{font:25px/1.04 Poppins,sans-serif;margin:18px 0 14px}.note-paper p em{color:var(--accent)}.note-sign{font:17px Poppins,sans-serif}.note-sparkle{position:absolute;right:22px;bottom:19px;width:26px!important;height:26px!important;color:var(--accent)}.brand-card{width:326px;height:192px;perspective:1400px}.card-shadow{position:absolute;inset:0;background:#e7dfcb;transform:rotate(3deg) translate(5px,7px);box-shadow:3px 9px 8px #52351b33}.flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s var(--ease);box-shadow:3px 5px 4px #6b4f2b2b}.card-front,.card-back{position:absolute;inset:0;backface-visibility:hidden;padding:22px 27px;background:#3f4838;color:#e8dfc8;overflow:hidden}.card-front:after,.book-cover:after,.contact-paper:after,.postcard-paper:after{content:'';position:absolute;inset:0;filter:url(#paper-grain);pointer-events:none;opacity:.5}.card-back{transform:rotateY(180deg);background:#e7dcc1;color:#45503c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-back svg{width:53px;height:53px}.card-back strong{font:23px/.95 Poppins,sans-serif;margin:9px 0}.card-back>span{font-size:6px;letter-spacing:1px}.postcard{width:285px;height:330px}.postcard-paper{height:100%;background:#f7f0dd;padding:13px 13px 0;box-shadow:3px 4px 3px #5a39232b,7px 15px 19px #43271a33;position:relative}.postcard-art{height:269px;position:relative;overflow:hidden;background:#c5c5aa}.postcard-caption{font:11px Poppins,sans-serif;display:flex;justify-content:space-between;padding:13px 5px}.postcard .object-caption i{font-size:9px}.sketchbook{width:306px;height:356px}.book-pages{position:absolute;inset:3px -2px -4px 4px;background:repeating-linear-gradient(0deg,#e1d9c6 0 1px,#f5ecda 1px 3px);border-radius:5px 12px 12px 5px;box-shadow:3px 7px 4px #55331f30,12px 18px 19px #51341e28}.book-cover{position:relative;height:100%;background:#9b4b35;color:#e3ceab;padding:35px 30px;border-radius:3px 10px 10px 3px;box-shadow:inset 2px 0 1px #c48261,inset 9px 0 8px #723c26aa,inset 13px 0 1px #c6896222}.book-small{font-size:7px;letter-spacing:1.3px}.book-sub{font-size:10px;line-height:1.6}.book-footer{display:block;font-size:6px;letter-spacing:1px;margin-top:36px}.book-elastic{position:absolute;right:30px;top:0;bottom:0;width:8px;background:linear-gradient(90deg,#6a372a,#8d4735 40%,#693326);box-shadow:2px 0 2px #44281e33}.contact-card{width:310px;height:190px}.contact-paper{height:100%;padding:26px;background:#ede8d9;box-shadow:1px 2px 3px #68482733,8px 13px 15px #51311c22;position:relative}.contact-paper>strong{display:block;font:33px/1.05 Poppins,sans-serif;letter-spacing:-1px;margin:18px 0 14px}.contact-paper>strong em{color:var(--accent)}.contact-paper>span:last-child{font-size:8px}.desk-scribble{position:absolute;left:1260px;top:960px;font:23px/1.1 Poppins,sans-serif;transform:rotate(13deg);color:#6d4c31;pointer-events:none}.desk-scribble span{font-size:60px;position:absolute;bottom:-80px;left:10px}.desk-controls{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#f6f1e5ef;border:1px solid #fff6;border-radius:50px;padding:7px 13px 7px 18px;box-shadow:0 4px 20px #3d291d20;z-index:22;backdrop-filter:blur(16px);white-space:nowrap}.instruction{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.1px}.scroll-icon{font-size:18px;color:#775b41}.desk-controls button{width:29px;height:29px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:17px}.desk-controls button:hover{background:#e4dccb}.desk-controls #zoom-reset{font-size:9px;width:36px}.control-separator{height:15px;width:1px;background:#d7cebf;margin:0 2px}.mobile-hint{display:none}.desk-footer{position:fixed;bottom:17px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.3px;pointer-events:none;z-index:21;color:#654e39}.toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%,20px);background:#302b23;color:#fff7e4;padding:12px 20px;border-radius:30px;font-size:12px;z-index:70;opacity:0;pointer-events:none;transition:.3s}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* An editorial reading space behind each object. */
#index-view{background:#f4f0e6;min-height:100dvh;padding:170px max(8vw,25px) 80px}body.index-open{background:#f4f0e6}body.index-open .topbar{background:#f4f0e6ed}.index-heading h1{font:80px/1 Poppins,sans-serif;font-weight:400;letter-spacing:-3px;margin:20px 0}.index-heading p{color:#6a6358;font-size:13px;line-height:1.6}.text-button{padding:12px 0;border-bottom:1px solid #aaa090;font-size:12px;margin-top:12px}#project-list{margin-top:45px}.project-row{display:grid;grid-template-columns:60px 1fr 1fr 40px;align-items:center;width:100%;text-align:left;padding:28px 0;border-top:1px solid #d9d1c2;transition:padding .3s,background .3s}.project-row:hover{padding-left:15px;background:#ece5d5}.project-row .row-number{font-size:11px}.project-row strong{font:36px Poppins,sans-serif}.project-row .row-tag{font-size:11px;color:#6b6256}.project-row .row-arrow{font-size:24px}.project-row small{display:block;font:8px Poppins,sans-serif;text-transform:uppercase;letter-spacing:1px;margin-top:6px;color:#8b7e6d}dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:0;background:#f5f1e8;color:var(--ink);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#3527196e;backdrop-filter:blur(8px)}dialog[open]{animation:open-project .55s var(--ease)}@keyframes open-project{from{opacity:0;clip-path:circle(0% at var(--origin-x,50%) var(--origin-y,50%));transform:scale(.98)}to{opacity:1;clip-path:circle(150% at var(--origin-x,50%) var(--origin-y,50%));transform:scale(1)}}.detail-topbar{height:85px;padding:0 6vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ded7c9;position:sticky;top:0;z-index:5;background:#f5f1e8ed;backdrop-filter:blur(12px)}.detail-topbar button{font-size:11px;padding:12px 0}.detail-topbar span{font-size:9px;color:#8e8070;letter-spacing:1px}.detail-intro{max-width:1150px;margin:0 auto;padding:75px 40px 40px}.detail-intro .eyebrow{color:var(--accent)}.detail-intro h1{font:clamp(58px,7vw,95px)/1 Poppins,sans-serif;letter-spacing:-4px;font-weight:400;margin:22px 0}.detail-lead{font:27px/1.3 Poppins,sans-serif;max-width:720px;color:#696052}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;gap:15px;border-top:1px solid #d9d0be;padding-top:22px}.detail-meta span{font-size:9px;letter-spacing:1px;color:#887b69;display:block;margin-bottom:8px}.detail-meta p{font-size:12px}.detail-visual{max-width:1070px;min-height:425px;margin:10px auto 0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e2ddd0;border-radius:2px}.detail-body{max-width:1150px;margin:0 auto;padding:65px 40px 100px;display:grid;grid-template-columns:1fr 2fr;gap:65px}.detail-body h2{font:38px/1.05 Poppins,sans-serif;margin:0;letter-spacing:-1px}.detail-body p{font-size:15px;line-height:1.9;color:#60584e;margin:0 0 22px}.detail-body h3{font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:35px 0 10px}.big-link{display:inline-block;font:clamp(21px,4vw,40px) Poppins,sans-serif;border-bottom:1px solid #ad8b67;padding-bottom:8px;overflow-wrap:anywhere}.about-words{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.about-words span{font-size:12px;border:1px solid #cec3b0;border-radius:30px;padding:11px 16px}.about-large{font:50px/1.1 Poppins,sans-serif;letter-spacing:-2px;max-width:750px}.about-large em{color:var(--accent)}.about-illustration{width:90px;height:90px;color:var(--accent);margin:50px 0}@media(hover:hover) and (pointer:fine){.object:not(.is-dragging):hover{z-index:12}.object:not(.is-dragging):hover .object-hit{transform:translateY(-7px) rotate(calc(var(--r) * -.2));filter:drop-shadow(0 12px 8px #4b31191c)}.brand-card:hover .flip-card{transform:rotateY(180deg)}.postcard:hover .postcard-paper{transform:rotate(-3deg)}.sketchbook:hover .book-cover{transform:perspective(900px) rotateY(-8deg);transform-origin:left}.postcard-paper,.book-cover{transition:transform .7s var(--ease)}}
@media(max-width:760px){.topbar{height:87px;padding:0 23px;align-items:center;background:linear-gradient(#e8d6b5e6,#e8d6b500)}.wordmark{font-size:31px}.wordmark-sub{font-size:8px;margin-top:-5px}.topbar nav{gap:20px}.topbar nav button{font-size:10px}.topbar nav button:nth-child(2){display:none}.nav-count{font-size:7px}.hello span{margin-left:7px}.desk-world{width:780px;height:3610px}.desk-title{left:68px;top:185px}.desk-title .eyebrow{font-size:13px;letter-spacing:1.3px}.desk-title h1{font-size:88px;line-height:1.08;margin:23px 0 19px;letter-spacing:-3.5px}.desk-title p{font-size:26px;line-height:1.6}.hand-note{display:none}.object{left:var(--mw);top:var(--my)}.tablet{--r:5deg!important}.coffee{left:665px;top:1250px;transform:scale(.8)}.pencil{left:330px;top:1740px;transform:rotate(9deg)}.paperclip{left:366px;top:2210px}.desk-scribble{left:443px;top:3460px;font-size:25px}.object-caption{font-size:15px}.object-caption i{font-size:13px}.postcard .object-caption{flex-wrap:wrap}.postcard .object-caption i{font-size:13px;width:100%;padding-left:12px;margin-top:4px}.phone .object-caption{font-size:15px}.phone .object-caption i{font-size:13px}.desk-controls{bottom:30px;padding:7px 9px 7px 14px;gap:4px;max-width:calc(100% - 24px)}.instruction{font-size:9px;gap:7px}.desktop-hint{display:none}.mobile-hint{display:inline}.desk-controls button{width:25px;font-size:16px}.desk-controls #zoom-reset{font-size:8px;width:29px}.desk-footer{bottom:13px;left:0;right:0;justify-content:center;font-size:6px;letter-spacing:.8px}.desk-position{display:none}.detail-topbar{height:70px;padding:0 23px}.detail-topbar span{display:none}.detail-intro{padding:45px 23px 25px}.detail-intro h1{font-size:clamp(37px,11.5vw,62px);letter-spacing:-2px}.detail-lead{font-size:23px}.detail-meta{grid-template-columns:1fr 1fr;gap:4px 15px}.detail-meta>div:last-child{grid-column:1/-1}.detail-visual{min-height:350px;margin:0 14px}.detail-body{grid-template-columns:1fr;padding:40px 23px 65px;gap:23px}.detail-body h2{font-size:32px}.detail-body p{font-size:14px}.about-large{font-size:37px;letter-spacing:-1px}.index-heading h1{font-size:60px}.project-row{grid-template-columns:28px 1fr 25px;gap:7px}.project-row .row-tag{grid-column:2;grid-row:2}.project-row strong{font-size:30px}.project-row .row-arrow{grid-column:3;grid-row:1}.project-row small{font-size:7px}.toast{font-size:10px;max-width:90%;text-align:center;bottom:100px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.object-hit:hover{transform:none!important}}


@media(max-width:760px){}

/* Physical objects sit over a single, viewport-wide wood field. */
.object-art{position:relative;width:100%;height:100%;pointer-events:none}
.object-art img{display:block;width:100%;user-select:none}
.object-caption{font-weight:500;flex-wrap:wrap;row-gap:2px;top:calc(100% + 18px)}
.object-caption i{margin-left:12px}
.caption-dot{flex:0 0 5px}
.desk-prop{position:absolute;height:auto;display:block;pointer-events:none;filter:drop-shadow(4px 7px 6px #39291d48);z-index:4}
.coffee{left:1455px;top:170px;width:350px;transform:rotate(13deg)}
.keys{left:1555px;top:541px;width:157px;transform:rotate(-13deg);filter:drop-shadow(3px 4px 3px #39291d55)}
.pencil{left:850px;top:938px;width:240px;transform:rotate(-18deg);filter:drop-shadow(2px 4px 3px #39291d55)}
.paperclip{left:873px;top:781px;width:17px;transform:rotate(31deg);filter:drop-shadow(2px 3px 1px #39291d55)}
.photo-strip{position:absolute;z-index:4;left:937px;top:750px;width:103px;display:grid;gap:6px;background:#efece4;padding:7px 7px 9px;transform:rotate(-11deg);box-shadow:3px 8px 10px #36231939;pointer-events:none}
.photo-strip span{display:block;aspect-ratio:5/3;background:#dedad1;border:1px solid #d5d0c7}
.photo-strip small{font-size:6px;letter-spacing:1.6px;text-align:center;color:#59544c}
.preview-window,.tablet-screen{position:relative;height:100%;overflow:hidden}
.phone-screen{background:#e7e8ed}
.phone .device-frame{background:#eff0f7}
.phone .device-frame:first-child img{aspect-ratio:393 / 9345}
.phone .device-frame:nth-child(2) img{aspect-ratio:393 / 4151}
.tablet-screen{height:100%;background:#101116}
.tablet .device-frame{background:#13141a;border-bottom:3px solid #26272e}
.tablet .device-frame img{aspect-ratio:2400 / 2183;object-fit:contain;object-position:top}
.tablet:not(.second-tablet) .device-frame:nth-child(2) img{aspect-ratio:2400 / 3425}
.tablet:not(.second-tablet) .device-frame:nth-child(3) img{aspect-ratio:4/3}
.second-tablet .device-frame img{aspect-ratio:1512 / 754}
.preview-progress{position:absolute;inset:9% 3px 9% auto;width:2px;border-radius:4px;overflow:hidden;opacity:0;background:#f4f0e85c;transition:opacity .25s}
.preview-progress span{display:block;height:100%;background:var(--accent);transform:scaleY(.08);transform-origin:top}
.preview-window.is-playing .preview-progress{opacity:.95}
.preview-window.is-playing .preview-track{will-change:transform}
.brand-card .card-front{padding:0;background:#d6edf8}
.card-front img{height:100%;object-fit:cover}
.brand-card .card-back{background:#263944;color:#e4f3fa}
.card-back strong{font-size:22px;font-weight:600}
.brand-card:focus-within .flip-card:has(.card-front){transform-origin:center}
.brand-card:has(:focus-visible) .flip-card{transform:rotateY(180deg)}
.mascot-sheet{width:306px;height:300px}
.mascot-paper{height:100%;padding:20px 21px 15px;background:#f4ead5;box-shadow:2px 2px 3px #52351b30,7px 13px 14px #52351b39;border-top:1px solid #fff4df}
.mascot-paper>small,.mascot-studies span{font-size:7px;font-weight:500;letter-spacing:1px;color:#62513d}
.mascot-paper>strong{display:block;font-size:25px;letter-spacing:-.8px;line-height:1.03;margin:10px 0 13px}
.mascot-studies{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mascot-studies span{display:block;margin-top:8px}
.mascot-rough,.mascot-final{height:151px;overflow:hidden;position:relative;background:#100f10}
.mascot-rough img{position:absolute;top:0;left:0;width:100%;transform:translateY(-18.1%)}
.mascot-final img{height:100%;object-fit:cover;object-position:right center}
@media(min-width:761px){[data-key="thruster"] .object-caption{left:30px}}
.meal-box{width:340px;height:285px}
.takeout{position:relative;width:100%;height:100%;filter:drop-shadow(6px 12px 9px #3d271c44)}
.takeout>img{height:100%;object-fit:contain}
.meal-sticker{position:absolute;top:49%;left:40%;width:62px;height:62px;display:grid;place-items:center;background:#fcf4de;border:1px solid #e8d8b8;border-radius:50%;transform:translate(-50%,-50%) rotate(-9deg);box-shadow:0 1px 1px #372a1f25}
.meal-sticker img{width:66%;height:75%;object-fit:contain}
.postcard,.photo-print{width:285px;height:237px}
.postcard-art{height:calc(100% - 38px);background:#141414}
.postcard-art img{height:100%;object-fit:contain}
.photo-print{width:269px;height:208px}
.photo-print .postcard-art{background:#e9e5df}
.postcard-caption{align-items:center;padding:10px 0;gap:10px}
.postcard-caption strong{font-size:11px}
.postcard-caption span{font-size:6.5px;white-space:nowrap;letter-spacing:.6px}
.book-cover{background:#343a30;color:#efe5c8;box-shadow:inset 7px 0 8px #171a16a0}
.book-cover img{margin:15px 0 12px;width:92%;aspect-ratio:4/3;object-fit:cover}
.book-footer{margin-top:12px}
.book-elastic{background:linear-gradient(90deg,#292a25,#515348 40%,#262822)}
.wordmark{font-weight:500;color:var(--accent);letter-spacing:-1.5px}.wordmark-sub{color:var(--ink);margin-top:-3px}
.detail-intro h1,.index-heading h1{font-weight:500}
.detail-lead,.detail-body p{font-family:Switzer,Poppins,sans-serif;font-weight:500}
.detail-meta dt{font-size:9px;letter-spacing:1px;color:#665a4b;margin-bottom:7px}
.detail-meta dd{font-size:12px;margin:0;line-height:1.6}
.detail-visual{max-width:1070px;min-height:0;margin:10px auto 0;padding:0;background:#e5ded1}
.detail-visual img{display:block;max-width:100%;max-height:560px;object-fit:contain;margin:auto}
.detail-body{padding-bottom:54px}
.detail-body .text-button{display:inline-block;padding:5px 0}
.case-media{max-width:1150px;margin:auto;padding:0 40px 90px}
.case-media h2{margin:0 0 22px;font-size:29px;letter-spacing:-.7px}
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}
.case-gallery figure{margin:0;padding:16px;background:#ebe5d8}
.case-gallery img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;object-position:center top}
.case-gallery figcaption{margin-top:10px;font-size:12px;color:#594c3f}
.case-motion{margin-bottom:20px}
.case-motion img{display:block;width:100%;margin:14px 0 0}
@media(max-width:1100px){.detail-visual{margin-inline:24px}}
@media(max-width:760px){
 .desk-title{left:64px;top:181px}
 .desk-title p{max-width:521px;font-size:24px}
 .desk-title .eyebrow{font-size:16px}
 .object-caption{font-size:17px}
 .object-caption i{font-size:13px}
 .coffee{left:410px;top:1500px;width:350px;transform:rotate(13deg)}
 .keys{left:610px;top:1450px;width:157px;transform:rotate(-9deg)}
 .pencil{left:341px;top:1470px;width:208px;transform:rotate(11deg)}
 .paperclip{left:697px;top:1220px;width:18px}
 .photo-strip{left:195px;top:2410px;width:111px;transform:rotate(12deg);z-index:7}
 .meal-box{width:308px;height:262px}
 .detail-meta{grid-template-columns:1fr 1fr}
 .detail-visual{margin-inline:14px}
 .case-media{padding:0 23px 65px}
 .case-gallery{grid-template-columns:1fr;gap:14px}
 .case-gallery figure{padding:12px}
}
@media(prefers-reduced-motion:reduce){
 .brand-card:hover .flip-card,.brand-card:has(:focus-visible) .flip-card{transform:none}
}

/* Personal objects and original identity artwork — November refinement. */
.wordmark{font-size:14px;letter-spacing:0;color:var(--ink)}
.wordmark-sub{font-size:14px;letter-spacing:.15px;margin:0}
.desk-world{height:1800px}
.mascot-sheet{height:306px}
.mascot-sketch,.marker-note{width:100%;height:100%;object-fit:contain;filter:drop-shadow(4px 7px 4px #39291d26)}
.sticky-note{width:230px;height:230px}
.brand-card .card-back{padding:0;background:white}
.card-back img{width:100%;height:100%;object-fit:contain}
.fscape-card .card-front{background:#f4f4f4}
.fscape-card .card-front img{object-fit:contain}
.keys{left:1480px;top:485px;width:315px}
.pencil{left:490px;top:825px;width:450px;transform:rotate(-12deg)}
.paperclip{left:835px;top:745px;width:60px}
.photo-strip.object{left:var(--x);top:var(--y);transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--r));width:140px;pointer-events:auto;touch-action:none;cursor:grab;user-select:none}
.photo-strip:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.photo-strip:active{cursor:grabbing}
.photo-strip span{pointer-events:none}
.photo-strip small{font-size:8px;pointer-events:none}
.meal-box{width:340px;height:420px}
.project-row{grid-template-columns:45px 100px minmax(0,1fr) 150px 30px;gap:22px}
.row-thumbnail{width:100px;height:74px;background:#e8e2d8;overflow:hidden;border-radius:3px}
.row-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.project-row strong{font-size:27px;font-weight:500}
.cv-dialog{background:#d0b28a url(assets/wood.jpg) center / 840px auto}
.cv-dialog .detail-topbar{background:#f5f1e8f2}
.cv-actions{max-width:1080px;padding:30px 25px 20px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px}
.cv-actions a{background:var(--accent);color:white;padding:13px 18px;border-radius:4px;letter-spacing:0;font-size:12px}
.cv-notebook{position:relative;max-width:1080px;margin:0 auto 90px;padding:68px 65px 34px 90px;background:#faf7ef;border-radius:3px 12px 12px 3px;box-shadow:4px 4px 0 #e1dacc,7px 7px 0 #f4eee2,15px 25px 45px #43301d35;border-left:10px solid #1841a6}
.cv-notebook:before{content:'';position:absolute;left:45px;top:0;bottom:0;width:1px;background:#1745c21c}
.notebook-binding{position:absolute;left:-24px;top:47px;bottom:40px;width:38px;background:repeating-linear-gradient(to bottom,transparent 0 33px,#424b57 34px,#e0e4e9 37px,#6c7784 40px,transparent 43px 68px);filter:drop-shadow(2px 3px 2px #0003);border-radius:9px;pointer-events:none}
.cv-heading{max-width:710px}
.cv-heading h1{font-size:clamp(42px,5.8vw,70px);line-height:1.05;letter-spacing:-2.5px;font-weight:500;margin:22px 0 15px}
.cv-heading h1 span,.cv-role,.cv-heading .eyebrow{color:var(--accent)}
.cv-role{font-size:19px;margin:0 0 23px}
.cv-summary{font:500 17px/1.7 Switzer,Arial,sans-serif;color:#514c43}
.cv-heading>a{display:inline-block;font-size:12px;border-bottom:1px solid #a3a9b5;padding-bottom:4px;overflow-wrap:anywhere}
.cv-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:62px;margin-top:50px;border-top:1px solid #c9c7be;padding-top:30px}
.cv-notebook h2{font-size:15px;font-weight:500;color:var(--accent);margin:0 0 26px}
.cv-notebook h3{font-size:17px;font-weight:500;margin:7px 0 0}
.cv-date{font-size:11px;color:#777165;letter-spacing:.1px}
.cv-job{margin-bottom:30px;break-inside:avoid}
.cv-job>p,.cv-sidebar p{font:500 14px/1.75 Switzer,Arial,sans-serif;color:#5c574d;margin:10px 0}
.cv-job>p.cv-job-role{font-family:Poppins,Arial,sans-serif;font-size:12px;color:var(--accent);margin:4px 0 10px}
.cv-sidebar section{margin-bottom:32px}
.cv-sidebar h2{margin-bottom:14px}
.cv-sidebar h3{font-size:14px}
.cv-page-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d8d4ca;padding-top:22px;margin-top:20px;font-size:9px;letter-spacing:1px;color:#797265}
@media(max-width:760px){
 .topbar{padding:0 20px}.topbar nav{gap:16px}.topbar nav button:nth-child(2){display:block}.topbar nav .about-nav{display:none}
 .wordmark-sub{font-size:11px;max-width:95px;line-height:1.4}
 .desk-world{height:3890px}
 .keys{left:320px;top:1805px;width:315px}
 .pencil{left:298px;top:1440px;width:450px;transform:rotate(-7deg)}
 .paperclip{left:700px;top:1215px;width:60px}
 .photo-strip.object{left:var(--mw);top:var(--my);width:140px}
 .meal-box{width:300px;height:370px}
 .desk-scribble{top:3790px}
 .project-row{grid-template-columns:20px 64px minmax(0,1fr) 20px;gap:10px;padding:22px 0}
 .row-thumbnail{width:64px;height:58px;grid-column:2;grid-row:1/3}
 .project-row strong{font-size:18px;grid-column:3;grid-row:1}
 .project-row .row-tag{grid-column:3;grid-row:2;font-size:9px}
 .project-row .row-arrow{grid-column:4;grid-row:1}
 .project-row small{font-size:7px;line-height:1.5}
 .cv-actions{padding:22px 18px 20px;font-size:9px;letter-spacing:.5px}
 .cv-actions a{font-size:11px;padding:11px 14px}
 .cv-notebook{margin:0 16px 50px 22px;padding:36px 22px 25px 34px;border-left-width:5px;border-radius:2px 7px 7px 2px}
 .cv-notebook:before{left:21px}.notebook-binding{left:-18px;width:25px;top:25px}
 .cv-heading .eyebrow{font-size:8px;letter-spacing:1px}.cv-heading h1{font-size:43px;letter-spacing:-1.8px}
 .cv-role{font-size:15px}.cv-summary{font-size:15px}.cv-heading>a{font-size:10px}
 .cv-columns{grid-template-columns:1fr;gap:10px;margin-top:30px;padding-top:25px}
 .cv-sidebar{border-top:1px solid #d8d4ca;padding-top:26px}
 .cv-page-footer{font-size:7px;letter-spacing:.3px}
}

@media(max-width:760px){.photo-strip.object{width:125px}.keys{top:1850px}}

/* Sewn paper CV, original portrait, and movable desk accessories. */
.cv-notebook{border-left:0;border-radius:1px 3px 3px 1px;background:linear-gradient(90deg,#e6e0d1 0,#faf7ef 17px,#faf7ef 100%);box-shadow:2px 3px 0 #ded8ca,4px 5px 0 #f4eee2,11px 18px 28px #43301d28}
.cv-notebook:before{left:32px;background:#d1cabd80}
.notebook-binding{left:8px;top:35px;bottom:30px;width:32px;filter:drop-shadow(1px 1px 1px #122c6830);border-radius:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='86' viewBox='0 0 32 86'%3E%3Cellipse cx='24' cy='8' rx='3' ry='2.3' fill='%238f8773'/%3E%3Cellipse cx='24' cy='76' rx='3' ry='2.3' fill='%238f8773'/%3E%3Cpath d='M24 8C18 7 8 5 0 1M24 8L24 76C15 77 8 80 0 85' fill='none' stroke='%231237a1' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M23 9L23 75M23 8L2 2M23 77L2 84' fill='none' stroke='%235d7bd3' stroke-width='.8'/%3E%3C/svg%3E");background-repeat:repeat-y;background-size:32px 86px}
.cv-heading{max-width:none;display:flow-root}
.cv-portrait{float:right;width:185px;margin:4px 0 24px 42px;padding:7px 7px 14px;background:#fffdf7;box-shadow:1px 3px 6px #40352422;transform:rotate(3deg)}
.cv-portrait img{display:block;width:100%;height:220px;object-fit:cover;object-position:center 38%}
.cv-summary{max-width:710px}
.desk-prop.object{pointer-events:auto;touch-action:none;cursor:grab;user-select:none;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--r,0deg))}
.desk-prop.object:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.desk-prop.object:active{cursor:grabbing}
.desk-prop.coffee{--r:13deg}.desk-prop.pencil{--r:-12deg}.desk-prop.keys{--r:-13deg}.desk-prop.paperclip{--r:31deg}
.contact-card{width:285px;height:125px}
.contact-tape{height:100%;padding:19px 27px;background:linear-gradient(110deg,#eee4b5e8,#fff0b8db 65%,#eee2a7ed);clip-path:polygon(1% 0,99% 1%,98% 9%,100% 14%,98% 22%,100% 31%,98% 40%,100% 48%,98% 56%,100% 64%,98% 73%,100% 82%,98% 91%,99% 100%,1% 99%,2% 90%,0 81%,2% 73%,0 63%,2% 54%,0 46%,2% 35%,0 26%,2% 17%,0 8%);box-shadow:inset 0 0 16px #c7b46b25;color:var(--accent)}
.contact-tape strong{display:block;font-size:23px;font-weight:500;line-height:1.18;letter-spacing:-.6px}
.contact-tape span{display:block;margin-top:9px;font-size:10px}
.contact-card .object-hit{filter:drop-shadow(1px 3px 2px #4c3a2025)}
@media(max-width:760px){
 .cv-notebook{padding-left:40px}.cv-notebook:before{left:24px}
 .notebook-binding{left:0;width:32px;top:25px}
 .cv-portrait{float:none;width:125px;margin:0 0 25px auto;padding:5px 5px 10px}
 .cv-portrait img{height:153px}.desk-prop.pencil{--r:-7deg}.desk-prop.keys{--r:-9deg}
}

/* Case studies: motion first, then decisions with their evidence. */
.case-study{--case-accent:var(--accent);padding-bottom:25px}

.case-study .detail-intro{padding-bottom:20px}
.case-study .detail-intro h1{font-size:clamp(48px,6.7vw,88px);letter-spacing:-3px;line-height:1.08}
.case-study .detail-lead{max-width:820px;font-size:clamp(21px,2.6vw,31px);line-height:1.4}
.case-study .eyebrow{color:var(--case-accent)}
.case-jump{max-width:1070px;margin:0 auto 35px;display:flex;flex-wrap:wrap;gap:8px 25px;border-bottom:1px solid #d8d0c1;padding:12px 0 20px}
.case-jump a{font-size:11px;padding:8px 0;color:#615c53;border-bottom:1px solid transparent}.case-jump a:hover{color:var(--case-accent);border-color:currentColor}
.case-film{max-width:1150px;margin:0 auto 42px;padding:0 40px;scroll-margin-top:110px}
.film-caption{display:flex;gap:20px;justify-content:space-between;font-size:9px;letter-spacing:.8px;margin:0 0 12px;color:#6e6659}
.case-film video{display:block;width:100%;max-height:670px;aspect-ratio:16/10;background:#101112;object-fit:contain;border-radius:5px}
.case-overview{max-width:1070px;margin:0 auto;padding:35px 0 50px;display:grid;grid-template-columns:1fr 2fr;gap:70px;border-bottom:1px solid #d8d0c1}
.case-overview p{font:500 20px/1.75 Switzer,Arial,sans-serif;margin:0 0 14px;color:#403e38}
.case-chapter{max-width:1070px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:65px 0 32px;scroll-margin-top:100px}
.chapter-heading h2{font-size:35px;line-height:1.18;font-weight:500;letter-spacing:-1.2px;margin:15px 0}
.chapter-copy p{font:500 17px/1.9 Switzer,Arial,sans-serif;margin:0 0 23px;color:#595449}
.chapter-copy h3{font-size:13px;font-weight:500;letter-spacing:.2px;margin:28px 0 10px;color:var(--case-accent)}
.case-evidence{max-width:1070px;margin:8px auto 30px;background:#e9e4da;border-radius:4px;padding:22px}
.case-evidence>a{display:block}.case-evidence img{display:block;width:100%;height:auto;max-height:1050px;object-fit:contain;object-position:top}
.case-evidence figcaption{display:flex;align-items:baseline;gap:14px;font-size:11px;line-height:1.6;color:#625d52;padding:15px 0 0}
.case-evidence figcaption>span:first-child{color:var(--case-accent);font-size:9px}.case-evidence figcaption>span:last-child{margin-left:auto;white-space:nowrap;font-size:9px}
.case-more{max-width:1070px;margin:55px auto}.case-more h2{font-size:28px;font-weight:500}
.case-end{max-width:1070px;display:flex;justify-content:space-between;align-items:center;gap:40px;margin:65px auto;padding:45px 0 20px;border-top:1px solid #cec5b4}
.case-end h2{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.7px}.case-next{text-align:left;font-size:24px;font-weight:500;color:var(--accent);border-bottom:1px solid #1745c260;padding:20px 0}
.omni-folio{height:100%;background:#131c18;border-radius:2px 8px 8px 2px;padding:25px 26px;color:#e5eada;box-shadow:2px 3px 0 #c3bfae,4px 6px 0 #eee7d7,10px 15px 17px #30251c30;overflow:hidden;border-left:5px solid #21362a}
.folio-label{font-size:7px;letter-spacing:1.5px;color:#a0b49b}.omni-brand{height:135px;margin:12px -24px 8px;overflow:hidden}.omni-brand img{height:100%;object-fit:cover;mix-blend-mode:screen}
.folio-rule{width:35px;border-top:2px solid #70bb4b;margin:12px 0 18px}.folio-title{font-size:25px;line-height:1.13;letter-spacing:-.7px;display:block}.folio-foot{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;margin-top:24px}.folio-foot i{font-style:normal;font-size:18px}
.sketchbook{height:356px}.job-phone .device-frame img{aspect-ratio:auto!important;height:auto}.job-phone .device-frame{background:white}
@media(max-width:1100px){.case-jump,.case-chapter,.case-overview,.case-evidence,.case-more,.case-end{margin-left:40px;margin-right:40px}}
@media(max-width:760px){
 .case-study .detail-intro h1{font-size:clamp(36px,11vw,57px);letter-spacing:-1.8px}
 .case-jump{margin:0 23px 25px;gap:2px 17px}.case-jump a{font-size:10px}
 .case-film{padding:0 14px;margin-bottom:20px}.film-caption{font-size:7px;letter-spacing:.4px;line-height:1.5;gap:10px}.film-caption span:last-child{text-align:right}
 .case-film video{aspect-ratio:4/3}
 .case-overview,.case-chapter{margin:0 23px;grid-template-columns:1fr;gap:16px;padding:35px 0 20px}
 .case-overview p{font-size:18px;line-height:1.65}.chapter-heading h2{font-size:30px;margin:11px 0}.chapter-copy p{font-size:15px;line-height:1.8}.chapter-copy h3{font-size:12px}
 .case-evidence{margin:8px 14px 25px;padding:10px}.case-evidence img{max-height:800px}.case-evidence figcaption{font-size:9px;gap:8px}.case-evidence figcaption>span:last-child{display:none}
 .case-more,.case-end{margin:40px 23px}.case-more h2{font-size:25px}.case-end{display:block;padding-top:30px}.case-next{font-size:22px;margin-top:12px}.case-end h2{font-size:25px}
}
.desk-title h1{font-size:59px;letter-spacing:-2.5px;line-height:1.14;margin-top:24px}
.desk-title p{font-size:15px;line-height:1.7;max-width:570px}
.hand-note.pencil-hint{left:355px;top:241px;width:215px;height:auto;transform:rotate(-7deg);opacity:.8}
.mascot-source{display:none}.stash-mascot{position:absolute;left:63%;top:44%;width:32%;height:auto;aspect-ratio:320/470;pointer-events:none}
@media(max-width:760px){.desk-title h1{font-size:65px;letter-spacing:-2.5px;line-height:1.13}.desk-title p{font-size:23px;max-width:610px}.hand-note.pencil-hint{display:block;width:210px;left:375px;top:308px;opacity:.75}}
.hand-note.pencil-hint{opacity:1;filter:brightness(.28) contrast(1.3) drop-shadow(.3px .3px 0 #25221d70)}
.desk-world{height:2400px}
.donut{left:210px;top:1470px;width:360px;--r:14deg}
.fscape-postcard{position:relative;height:100%;background:#030303;box-shadow:3px 6px 6px #39291d35;overflow:visible}
.fscape-orbits{position:absolute;inset:24px 31px;display:flex;align-items:center;overflow:hidden}
.fscape-orbits i{width:112px;height:112px;flex:0 0 112px;border-radius:50%;margin-left:-30px;background:conic-gradient(from 90deg,#d5d5d5,#171717 50%,#aaa 50%,#111);filter:url(#paper-grain);animation:orbit-turn 7s linear infinite;animation-play-state:paused}
.fscape-orbits i:first-child{margin:0}.fscape-orbits i:nth-child(2){animation-direction:reverse;background:conic-gradient(from 180deg,#171717,#bbb 50%,#111 50%,#aaa)}
.fscape-name{position:absolute;inset:0;display:grid;place-items:center;color:white;font:400 28px Arial,sans-serif;letter-spacing:-1px}
.fscape-logo-tape{position:absolute;right:11px;top:-13px;width:61px;height:51px;background:#ffffff7a;transform:rotate(14deg);clip-path:polygon(1% 3%,98% 0,95% 14%,100% 27%,96% 42%,100% 60%,96% 76%,99% 98%,0 100%,3% 84%,0 68%,4% 52%,0 34%,3% 17%);box-shadow:0 1px 3px #0002;display:grid;place-items:center;backdrop-filter:blur(1px)}
.fscape-logo-crop{width:26px;height:26px;overflow:hidden;position:relative}.object-art .fscape-logo-crop img{position:absolute;width:520px;max-width:none;left:-18px;top:-18px;filter:invert(1);mix-blend-mode:multiply}
.fscape-card:hover .fscape-orbits i,.fscape-card:focus-within .fscape-orbits i{animation-play-state:running}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
.contact-tape{background:linear-gradient(105deg,#f8fbf38c,#f1f4ee68 55%,#f9fcf3a3);box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #9b9f8a35;backdrop-filter:blur(.45px);color:#1745c2}
.contact-tape:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(87deg,transparent 0 19px,#fff1 20px 21px);pointer-events:none}
.laptop{width:640px;height:600px}
.laptop-lid{position:relative;height:340px;padding:15px 17px 18px;border-radius:17px 17px 7px 7px;background:linear-gradient(130deg,#d7d7d4,#aaa9a4);box-shadow:2px 3px 4px #342c233b}
.laptop-display{height:100%;overflow:hidden;background:#101212;border:5px solid #1b1b1b;border-radius:5px}
.laptop-camera{position:absolute;top:6px;left:50%;width:4px;height:4px;background:#333;border-radius:50%}
.laptop-hinge{height:13px;background:linear-gradient(#666,#30302f,#a3a3a0);margin:0 25px}
.laptop-base{height:247px;border-radius:3px 3px 16px 16px;background:linear-gradient(120deg,#dededb,#babbb7);padding:18px 34px;box-shadow:0 3px 0 #7f817b,7px 14px 16px #342b2433}
.laptop-keyboard{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;padding:5px;background:#92938e;border-radius:7px}
.laptop-keyboard span{height:20px;display:grid;place-items:center;background:#2b2c2a;border-radius:3px;color:#9d9f99;font:7px Arial,sans-serif;box-shadow:0 1px 1px #0009}
.laptop-trackpad{width:190px;height:66px;margin:13px auto 0;border:1px solid #a1a39c;border-radius:4px;background:#c8c9c3}
.laptop .device-frame img{height:auto;aspect-ratio:auto}
.portrait-window{display:block;overflow:hidden;height:220px}
.cv-portrait img{height:100%;transform:scale(1.24);transform-origin:50% 66%}
.cv-portrait:before,.cv-portrait:after{content:'';position:absolute;z-index:2;top:-6px;width:53px;height:23px;background:linear-gradient(100deg,#faf4df90,#fff9e2b0,#e9e4cb85);box-shadow:0 1px 2px #6b5d4420;clip-path:polygon(0 4%,97% 0,100% 20%,97% 40%,100% 65%,97% 95%,0 100%,3% 80%,0 55%,3% 32%)}
.cv-portrait:before{left:-17px;transform:rotate(-32deg)}.cv-portrait:after{right:-17px;transform:rotate(35deg)}
.cv-cert-link{font-size:11px;color:var(--accent);border-bottom:1px solid #1745c250}
.cv-dialog{background:var(--wood);isolation:isolate}.cv-wood{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.cv-dialog .detail-topbar{background:linear-gradient(#e8d6b5e8,#e8d6b540);border-bottom:0;backdrop-filter:blur(8px)}
@media(max-width:760px){.desk-world{height:4630px}.donut{left:75px;top:2690px;width:340px}.portrait-window{height:153px}.cv-portrait:before,.cv-portrait:after{width:41px;height:19px}}
@media(prefers-reduced-motion:reduce){.fscape-orbits i{animation:none!important}}
/* Clean paper and a separate, fixed-scale cotton binding. The tile repeats as
   content grows; neither its fibres nor its stitch spacing are stretched. */
.cv-notebook{background:#fffefa;border:0;border-radius:2px 5px 5px 2px;box-shadow:2px 3px 0 #e3e1da,4px 5px 0 #f9f8f3,9px 15px 24px #43301d25;padding:65px 65px 45px 85px;isolation:isolate}
.cv-notebook:before{content:'';position:absolute;z-index:-1;inset:0 auto 0 0;width:36px;border:0;border-image:none;background:linear-gradient(90deg,#dfded638,#fff0);pointer-events:none}
.notebook-binding{display:block;left:-10px;top:0;bottom:0;width:56px;border-radius:0;background:url(assets/props/blue-cord-tile.png) center top/56px 168px repeat-y;filter:brightness(1.6) saturate(1.4) drop-shadow(.5px 1px .5px #142d5e20)}
.cv-portrait{margin-top:0}.cv-heading .eyebrow{font-size:9px}
@media(max-width:760px){
 .cv-notebook{padding:36px 25px 35px 49px;margin:0 12px 40px}
 .cv-notebook:before{left:0;width:30px}
 .notebook-binding{left:-12px;top:0;bottom:0;width:56px;background-size:56px 168px}
 .cv-heading h1{font-size:39px}.cv-role{font-size:14px}.cv-summary{font-size:15px}
 .sticky-note{top:3650px}
}

/* Individual climbing props, final desk arrangement, graphite contact. */
.climbing-piece{background-image:url(assets/props/climbing.webp);background-repeat:no-repeat;background-size:315px 157.5px;height:158px}
.desk-prop.carabiner{left:1470px;top:500px;width:115px;--r:-14deg;background-position:0 0}
.desk-prop.keyring{left:1620px;top:510px;width:200px;--r:8deg;background-position:-115px 0}
.omni-tablet .device-frame img,.phone[data-key="krane"] .device-frame img{aspect-ratio:auto!important;height:auto}
.fscape-logo-tape{left:-17px;right:auto;top:auto;bottom:9px;width:360px;height:37px;background:#111;transform:rotate(-8deg);display:flex;justify-content:space-around;align-items:center;backdrop-filter:none;box-shadow:0 2px 3px #0005;clip-path:polygon(1% 0,99% 2%,98% 15%,100% 30%,98% 47%,100% 65%,98% 82%,99% 100%,0 97%,1% 80%,0 63%,1% 44%,0 28%,1% 12%)}
.object-art .fscape-logo-crop img{filter:none;mix-blend-mode:screen}
.fscape-orbits{inset:8px 31px 40px}.fscape-name{padding-bottom:30px}
.contact-card{width:320px;height:125px}
.contact-card .object-hit{filter:none}.contact-pencil{width:100%;height:100%;object-fit:contain;filter:brightness(.6);opacity:.95;transition:opacity .2s}
.contact-card:hover .contact-pencil{filter:brightness(.6);opacity:1}
.cv-dialog .detail-topbar{background:none;backdrop-filter:none;border:0;isolation:isolate;overflow:visible}
.cv-dialog .detail-topbar:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#e8d6b5b8,#e8d6b535);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(#000 0%,#000 28%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 28%,transparent 100%)}
@media(max-width:760px){
 .desk-prop.carabiner{left:400px;top:2170px}.desk-prop.keyring{left:560px;top:2140px}
 .second-tablet{top:2420px}.donut{top:2950px;left:405px}.fscape-card{top:3490px;left:410px}
 .contact-card{top:4425px;left:380px}.desk-scribble{top:4500px;left:80px}
}

/* User prefers a clear navigation layer, without frosted glass or fading. */
.topbar,.cv-dialog .detail-topbar{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none;border:0}
.cv-dialog .detail-topbar:before{display:none}

/* One open arrowhead across navigation, project rows and case links. */
.ui-arrow{display:inline-block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em;flex:none}
.ui-arrow-back{transform:scaleX(-1)}
.project-row .row-arrow{font-size:22px;line-height:1}
.project-row .ui-arrow{stroke-width:1.15}
#back-to-desk .ui-arrow,#close-detail .ui-arrow{margin-right:5px}
#grid-toggle svg{stroke-width:1.25}

/* Ground each object with a close contact shadow, scaled to its height. */
.phone-hardware{box-shadow:inset 0 0 0 1px #ffffff55,1px 2px 2px #30251c55,3px 5px 6px #30251c22}
.tablet-body{box-shadow:1px 2px 2px #30251c55,3px 5px 6px #30251c24}
.desk-prop{filter:drop-shadow(1px 2px 2px #39291d38)}
.desk-prop.coffee{filter:drop-shadow(2px 5px 5px #39291d40)}
.desk-prop.pencil,.desk-prop.paperclip{filter:drop-shadow(1px 1px 1px #39291d40)}
.desk-prop.donut{filter:drop-shadow(1px 2px 1px #39291d24)}
.mascot-sketch,.marker-note{filter:drop-shadow(1px 2px 1px #39291d22)}
.photo-strip,.flip-card,.fscape-postcard{box-shadow:1px 2px 2px #39291d30}
.meal-box{width:280px;height:330px}
.takeout{filter:drop-shadow(2px 3px 3px #3d271c30)}
.fscape-orbits i{filter:none;overflow:hidden}
.fscape-logo-tape{height:50px;padding:5px 9px;clip-path:polygon(.3% 0,99.5% .5%,100% 25%,99.5% 55%,100% 78%,99.7% 100%,0 99.5%,.4% 70%,0 35%);box-shadow:0 1px 1px #0004}
.object-art .fscape-logo-tape>img{display:block;width:100%;height:auto;object-fit:contain}
.stash-mascot{top:54%;left:61%;width:35%;aspect-ratio:320/260}
.screen-slideshow .preview-track,.screen-slideshow .preview-run{height:100%;transform:none!important}
.screen-slideshow .device-frame{position:absolute;inset:0;opacity:0;transform:translateX(12px);transition:opacity .35s ease,transform .35s ease}
.screen-slideshow .device-frame.is-current{opacity:1;transform:none}
.second-tablet .screen-slideshow .device-frame img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top}
#index-toggle svg{stroke-width:1.15}
@media(prefers-reduced-motion:reduce){.screen-slideshow .device-frame{transition:none}}
@media(hover:hover) and (pointer:fine){.object:not(.is-dragging):hover .object-hit{transform:translateY(-2px);filter:none}}

/* The surname is unpunctuated; only the i dot carries the accent. */
.cv-heading h1 .cv-name-i{position:relative;color:inherit}
.cv-name-i:before{content:'';position:absolute;width:.095em;height:.095em;left:50%;top:.22em;transform:translateX(-50%);border-radius:50%;background:var(--accent)}
.ui-arrow-down{transform:rotate(135deg)}
.stash-mascot{top:39%;left:64%;width:29%;aspect-ratio:590/1170}

/* The horizontal stitch reaches the paper edge, including on narrow screens. */
.notebook-binding{left:-16.5px}

.stash-mascot{filter:url(#mascot-outline)}
.meal-box{width:340px;height:400px}

/* A quiet contact page with one type family and an adjacent copy control. */
.contact-intro{padding-top:85px;font-family:Poppins,sans-serif}
.contact-intro h1{font-family:inherit;font-weight:400;font-size:clamp(42px,5.4vw,72px);line-height:1.15;letter-spacing:-2.3px}
.contact-intro .detail-lead{font-family:inherit;font-weight:400;font-size:clamp(16px,1.6vw,21px);line-height:1.6}
.contact-email{display:flex;align-items:center;gap:12px;margin:42px 0 26px}
.contact-email>a{font-family:inherit;font-size:clamp(16px,2.2vw,28px);font-weight:400;letter-spacing:-.4px;border-bottom:1px solid #302b2340;padding:8px 0}
.contact-email button{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;color:#6c655b}
.contact-email button:hover{background:#302b2309;color:var(--accent)}
.contact-email button svg{width:20px;height:20px}
.contact-location{font-size:11px;color:#81786c;font-weight:400}
@media(max-width:760px){.contact-intro{padding-top:60px}.contact-email{gap:6px;margin-top:32px}.contact-intro h1{letter-spacing:-1.5px}}
/* CV descriptions use the same light Poppins voice as the blue role labels. */
.cv-role,.cv-summary,.cv-job>p,.cv-sidebar p{font-family:Poppins,Arial,sans-serif;font-weight:400}
.cv-summary{line-height:1.8}
.cv-job>p,.cv-sidebar p{line-height:1.85}
.cv-job>p.cv-job-role{font-weight:400}

/* Shared case-study format, with project-specific decision content and paths. */
.case-study .chapter-copy p{font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:15px;line-height:1.85}
.chapter-decisions{display:block;padding-top:65px}
.chapter-decisions>.chapter-heading{max-width:700px;margin-bottom:28px}
.decision-intro{max-width:780px}
.case-flow{margin:30px 0;padding:24px 26px;background:#fffaf1;border:1px solid #dcd5c7;border-radius:12px}
.flow-label{font-size:9px;letter-spacing:1.2px;color:#777064}
.case-flow ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:22px 0 2px;gap:26px}
.case-flow li{position:relative;padding-right:21px;font-size:12px;line-height:1.6;max-width:220px}
.flow-step{display:block;font-size:10px;color:var(--case-accent);margin-bottom:8px}
.case-flow .ui-arrow{position:absolute;right:-12px;top:35px;transform:rotate(45deg);width:15px;height:15px;color:#8e8677}
.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.decision-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.decision-card{position:relative;padding:28px;background:#fffdf8;border:1px solid #dcd5c7;border-radius:12px;overflow:hidden}
.decision-card:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--case-accent);opacity:.7}
.decision-number{font-size:9px;letter-spacing:1.2px;color:var(--case-accent)}
.chapter-copy .decision-card h3{font-family:Poppins,sans-serif;font-size:21px;line-height:1.35;font-weight:400;letter-spacing:-.4px;text-transform:none;color:var(--ink);margin:18px 0 14px}
.decision-card h3:first-letter{text-transform:uppercase}
.chapter-copy .decision-card p{font-size:13px;line-height:1.85;margin:0 0 10px}
.chapter-copy .decision-card p:last-child{margin-bottom:0}
.case-evidence{padding:16px;border:1px solid #ded8cc;border-radius:12px;background:#ebe7df}
.case-evidence .evidence-frame{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/10;overflow:hidden;background:#f7f5ef;border-radius:5px}
.case-evidence .evidence-frame img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}
.case-evidence figcaption{padding:15px 4px 2px;font-size:11px}
.case-study .detail-visual{min-height:0;aspect-ratio:16/10;background:#ebe7df;border-radius:12px}
.case-study .detail-visual img{width:100%;height:100%;object-fit:contain}
@media(max-width:900px){.decision-grid[data-count="3"]{grid-template-columns:1fr}.decision-grid[data-count="3"] .decision-card{padding:24px}}
@media(max-width:760px){
 .chapter-decisions{padding-top:35px}.chapter-decisions>.chapter-heading{margin-bottom:22px}
 .decision-grid{grid-template-columns:1fr;gap:12px}.decision-card{padding:24px}
 .case-flow{padding:22px;margin:24px 0}.case-flow ol{grid-template-columns:1fr;gap:22px;margin-top:18px}
 .case-flow li{max-width:none;display:flex;align-items:baseline;gap:14px;padding:0 0 10px;border-bottom:1px solid #ded8cc}
 .case-flow li:last-child{border-bottom:0;padding-bottom:0}.case-flow .ui-arrow{display:none}.flow-step{margin:0}
 .case-study .chapter-copy p{font-size:14px}.chapter-copy .decision-card p{font-size:13px}
 .case-evidence{padding:10px}.case-evidence .evidence-frame{aspect-ratio:4/3}.case-evidence figcaption{font-size:9px}
}

/* Full original Photomat strip: no added caption or synthetic photo frames. */
.photo-strip.object{width:120px;padding:0;gap:0;display:block;background:#f0eddf;line-height:0;border-radius:0}
.photo-strip>img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
/* The circles need 276px across; keep their full silhouettes inside the card. */
.fscape-orbits{left:25px;right:25px;overflow:visible;justify-content:center}
.meal-box{height:350px}
.takeout>img{position:absolute;left:0;top:-61px;width:100%;height:auto;max-width:none;object-fit:initial}
.meal-box .object-caption{top:calc(100% + 11px)}
@media(max-width:760px){.photo-strip.object{width:110px}.second-tablet{top:2580px}.donut{top:3090px}}

/* Thin dark Photomat edge; only the first pose is edited. The remaining
   three windows display the exact supplied scan, with no generated faces. */
.photo-strip.object{display:grid;gap:1px;padding:1px;background:#24211b;line-height:0}
.photomat-frame{position:relative;aspect-ratio:220/280;overflow:hidden;pointer-events:none}
.photomat-frame img{position:absolute;display:block;width:110.90909%;max-width:none;height:auto;left:-5.45455%;top:var(--frame-offset);pointer-events:none}
.photomat-motion img{width:177.69608%;left:-38.97059%;top:-1.7341%}

/* Carabiner tossed beside the doughnut, separate from the keys. */
.desk-prop.carabiner{left:540px;top:1630px;--r:24deg}
@media(max-width:760px){.desk-prop.carabiner{left:300px;top:3300px}}
.object-art .stash-mascot{width:29%;height:auto}

/* Extend the existing desk beneath browser-exposed iPhone safe areas.
   Safari-owned status/toolbar chrome supports a tint, not a CSS texture. */
html{min-height:100%;background:#d2b58e url(assets/wood.jpg) center top / 840px auto repeat}
@supports(padding:env(safe-area-inset-top)){
 .topbar{top:env(safe-area-inset-top,0px)}
 .desk-controls{bottom:calc(34px + env(safe-area-inset-bottom,0px))}
 .desk-footer{bottom:calc(17px + env(safe-area-inset-bottom,0px))}
 .detail-topbar{padding-top:env(safe-area-inset-top,0px);height:calc(85px + env(safe-area-inset-top,0px))}
 @media(max-width:760px){.detail-topbar{height:calc(70px + env(safe-area-inset-top,0px))}}
}

/* Avoid recomputing a blurred overlay while a touch device scrolls the desk. */
@media(hover:none) and (pointer:coarse){
 .desk-controls{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f6f1e5f5}
 .object:not(.is-dragging){will-change:auto}
}
/* CV actions use the same unboxed navigation treatment as the desk. */
.cv-actions a{background:transparent;color:var(--ink);border:0;border-radius:0;box-shadow:none;padding:10px 0;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.cv-dialog .detail-topbar button{border:0;border-radius:0;box-shadow:none;background:transparent}
.cv-actions a:focus-visible,.cv-dialog .detail-topbar button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}

#arrange-toggle{display:none}
@media(hover:none) and (pointer:coarse){
 .desk-viewport,.desk-viewport .object,.desk-viewport .desk-prop.object{touch-action:pan-x pan-y}
 .desk-viewport{-webkit-overflow-scrolling:touch}
 .desk-viewport.is-arranging .object,.desk-viewport.is-arranging .object *{touch-action:none;-webkit-user-select:none;user-select:none}
 .desk-controls #arrange-toggle{display:block;width:39px;font-size:10px;border-radius:12px}
 #arrange-toggle[aria-pressed="true"]{background:var(--accent);color:#fff}
 .desk-controls .mobile-hint{font-size:9px}
}

/* Weight Wisdom: a tenth original project on the lower desk. */
.desk-world{height:2670px}
.wisdom-phone .device-frame img{aspect-ratio:auto!important;height:auto}
.case-study[data-case="weight-wisdom"]{--case-accent:#234b7d}
@media(max-width:760px){.desk-world{height:5250px}}

/* Interview review: quiet typography, original evidence and readable proportions. */
.case-study[data-case]{--case-accent:var(--accent)}
.case-study .detail-lead{font-weight:400;line-height:1.55;font-size:clamp(21px,2.3vw,29px);color:#676359}
.case-study .chapter-heading h2{font-weight:400;letter-spacing:-1.2px;line-height:1.15}
.case-study .chapter-copy{min-width:0}
.case-study .chapter-copy p{line-height:1.85}
.chapter-decisions{display:block}
.decision-intro{max-width:760px;margin-bottom:42px}
.decision-list{list-style:none;padding:0;margin:0}
.decision-entry{display:grid;grid-template-columns:48px minmax(180px,1fr) minmax(0,1.55fr);gap:28px;align-items:baseline;padding:30px 0;border-top:1px solid #d9d4ca}
.decision-index{font:400 14px/1.5 Poppins,sans-serif;color:var(--accent)}
.chapter-copy .decision-entry h3{font:400 24px/1.4 Poppins,sans-serif;letter-spacing:-.65px;text-transform:none;margin:0;max-width:310px;color:var(--ink)}
.chapter-copy .decision-entry p{font-size:14px;margin:0 0 12px}.chapter-copy .decision-entry p:last-child{margin:0}
.journey-line{margin:32px 0 0;padding:26px 0 0;border-top:1px solid #d9d4ca}
.journey-line>.eyebrow{font-size:9px;letter-spacing:1.4px}
.journey-line ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:24px 0 0;gap:34px}
.journey-line li{position:relative;font-size:12px;line-height:1.6;padding:0 20px 0 15px}
.journey-dot{position:absolute;left:0;top:6px;width:5px;height:5px;border:1px solid var(--accent);border-radius:50%}
.journey-line .ui-arrow{position:absolute;right:-15px;top:2px;transform:rotate(45deg);width:14px;height:14px;color:#898579}
.case-evidence{padding:0;border:0;border-radius:0;background:transparent;margin-top:22px;margin-bottom:54px}
.case-evidence .evidence-frame{display:block;aspect-ratio:auto;background:transparent;overflow:visible;border-radius:0}
.case-evidence .evidence-frame img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:2px}
.case-evidence figcaption{display:grid;grid-template-columns:24px 1fr auto;align-items:baseline;gap:12px;padding:16px 0 0;font-size:11px;line-height:1.7}
.case-evidence figcaption>.evidence-caption{margin:0;white-space:normal;font-size:11px;color:#69665d}
.case-evidence figcaption>a{font-size:10px;color:var(--accent);text-decoration:none;white-space:nowrap}
.evidence-toolbar{display:flex;justify-content:space-between;padding:12px 0;font-size:9px;letter-spacing:1px;color:#777369;border-top:1px solid #d9d4ca}
.evidence-scroll{max-height:660px;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#aba598 transparent;background:#ece9e1}
.case-evidence .evidence-scroll img{width:100%;height:auto;max-height:none;display:block;object-fit:initial}
.evidence-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.evidence-phone{max-width:420px}
.evidence-phone .evidence-scroll{max-height:690px;border:1px solid #dedad2;border-radius:18px}
.evidence-wide .evidence-frame{padding:40px 0;background:#111}
.case-study .detail-visual{aspect-ratio:auto;background:transparent;border-radius:0}
.case-study .detail-visual img{height:auto;max-height:none;width:100%}
.case-film{border-radius:2px;overflow:hidden}
.wisdom-hero,.wisdom-challenge,.wisdom-brand,.mobile-evidence,.wisdom-finish{max-width:1070px;margin:30px auto 60px}
.wisdom-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;background:#e8ebf5;padding:64px 55px;overflow:hidden}
.wisdom-identity img{display:block;width:100%;max-width:320px;height:auto;mix-blend-mode:multiply}
.wisdom-identity p{font:400 29px/1.45 Poppins,sans-serif;letter-spacing:-.8px;margin:22px 0;color:#203f65}
.wisdom-identity>span{font-size:8px;letter-spacing:1.5px;color:#59708c}
.wisdom-hero-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;padding:0 0 32px}
.wisdom-hero-screens img{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 20px #24375312}
.wisdom-hero-screens img+img{margin-top:32px}
.wisdom-challenge{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:100px;padding:48px 56px;background:#eeede7}
.wisdom-principles h3,.wisdom-brand h3,.wisdom-finish h3{font:400 32px/1.35 Poppins,sans-serif;letter-spacing:-1px;margin:20px 0 30px}
.wisdom-principles .eyebrow{font-size:9px;line-height:1.7}
.wisdom-principles dl{margin:0}.wisdom-principles dl>div{border-top:1px solid #d5d3c9;padding:18px 0}
.wisdom-principles dt{font-size:13px;color:var(--accent);margin:0 0 8px}.wisdom-principles dd{margin:0;font-size:13px;line-height:1.85;color:#65625a}
.wisdom-challenge figure{margin:0;max-width:265px;justify-self:center}
.wisdom-challenge img{width:100%;height:auto;border-radius:16px;box-shadow:0 4px 16px #25221b0b;display:block}
.wisdom-challenge figcaption{font-size:9px;line-height:1.7;margin:14px 0 0;color:#69665d}
.wisdom-brand{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:35px 0;border-block:1px solid #d9d4ca}
.wisdom-brand img{width:100%;height:auto;mix-blend-mode:multiply}
.wisdom-brand .text-button{font-size:11px;margin:12px 0 0}
.wisdom-brand p,.wisdom-finish p{font-size:14px;line-height:1.85;color:#65625a}
.wisdom-brand h3{font-size:28px;margin-bottom:18px}
.brand-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.brand-swatches span{font-size:10px;line-height:1.6;color:#65625a}
.brand-swatches span:before{content:'';display:block;height:56px;background:var(--swatch);margin-bottom:8px;border:1px solid #25221b0a}
.mobile-evidence{padding:40px 36px 24px;background:#e8ebf5}
.mobile-screen-grid{display:grid;grid-template-columns:repeat(var(--screens),minmax(0,1fr));gap:38px;align-items:start}
.mobile-screen-item{min-width:0}.mobile-screen-item img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 5px 16px #2437530d}
.screen-label{display:flex;gap:10px;font-size:11px;margin:0 0 18px;align-items:baseline;color:#344b65}.screen-label>span{font-size:9px;color:var(--accent)}
.mobile-evidence figcaption{display:flex;justify-content:space-between;gap:24px;font-size:11px;line-height:1.7;color:#53647b;padding-top:28px}.mobile-evidence figcaption>span{font-size:9px}
.wisdom-finish{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;padding:45px 75px;background:#edece6}
.wisdom-finish figure{margin:0;max-width:260px;justify-self:center}.wisdom-finish img{display:block;width:100%;height:auto;border-radius:16px}
@media(max-width:1100px){.wisdom-hero,.wisdom-challenge,.wisdom-brand,.mobile-evidence,.wisdom-finish{margin-inline:40px}.wisdom-hero{gap:30px;padding:45px 35px}.wisdom-challenge{gap:50px;padding:40px}.wisdom-finish{padding:45px;gap:50px}}
@media(max-width:760px){
 .case-study .detail-lead{font-size:21px;line-height:1.5}.case-study .chapter-heading h2{font-size:29px}
 .decision-intro{margin-bottom:28px}.decision-entry{grid-template-columns:26px 1fr;gap:10px 14px;padding:23px 0}.decision-entry>div{grid-column:2}.chapter-copy .decision-entry h3{font-size:21px;max-width:none}.chapter-copy .decision-entry p{font-size:13px}.decision-index{font-size:11px}
 .journey-line{margin-top:12px}.journey-line ol{grid-template-columns:1fr;gap:18px;margin-top:22px}.journey-line li{padding:0 0 0 18px}.journey-line .ui-arrow{display:none}
 .case-evidence{margin:16px 23px 35px;padding:0}.case-evidence figcaption{grid-template-columns:20px 1fr;font-size:10px}.case-evidence figcaption>.evidence-caption{font-size:10px}.case-evidence figcaption>a{grid-column:2;font-size:10px}.evidence-scroll{max-height:65vh}.evidence-phone{max-width:393px;margin-inline:auto;width:calc(100% - 46px)}.evidence-phone .evidence-scroll{max-height:65vh}.evidence-wide .evidence-frame{padding:25px 0}
 .wisdom-hero,.wisdom-challenge,.wisdom-brand,.mobile-evidence,.wisdom-finish{margin:25px 23px 40px}
 .wisdom-hero{grid-template-columns:1fr;gap:30px;padding:24px}.wisdom-identity img{width:200px;max-width:100%;margin:0 auto}.wisdom-identity p{font-size:23px;margin:12px 0}.wisdom-identity>span{font-size:7px}.wisdom-hero-screens{gap:16px;padding-bottom:0}.wisdom-hero-screens img{border-radius:10px}
 .wisdom-challenge{grid-template-columns:1fr;gap:24px;padding:25px}.wisdom-principles h3,.wisdom-finish h3{font-size:26px}.wisdom-challenge figure{max-width:265px;width:100%}
 .wisdom-brand{grid-template-columns:1fr;gap:28px;padding:24px 0}.wisdom-brand img{max-width:310px;display:block;margin:auto}.wisdom-brand h3{font-size:25px}.brand-swatches{gap:10px}.brand-swatches span:before{height:45px}
 .mobile-evidence{padding:24px 22px}.mobile-screen-grid{grid-template-columns:1fr;gap:35px}.mobile-screen-item{max-width:285px;width:100%;margin:auto}.mobile-screen-item img{border-radius:14px}.mobile-evidence figcaption{display:block}.mobile-evidence figcaption>span{display:block;margin-top:8px}
 .wisdom-finish{grid-template-columns:1fr;gap:30px;padding:25px}.wisdom-finish figure{max-width:240px;width:100%}.wisdom-finish h3{margin-bottom:20px}
}

/* Regular reading weights; true Semibold faces reserved for titles/headings. */
@font-face{font-family:Switzer;src:url(assets/switzer-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Switzer;src:url(assets/switzer-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/poppins-600.ttf) format('truetype');font-weight:600;font-style:normal;font-display:swap}
.desk-title p{font-family:Poppins,Arial,sans-serif;font-weight:400}
.object-caption,.object-caption i,.phone .object-caption,.phone .object-caption i{font-weight:400}
.desk-title h1{font-weight:600}
#project-dialog{font-family:Switzer,Arial,sans-serif;font-weight:400;font-synthesis:none}
#project-dialog :is(p,a,span,button,li,dt,dd,figcaption){font-family:Switzer,Arial,sans-serif;font-weight:400}
#project-dialog :is(h1,h2,h3,h4){font-family:Switzer,Arial,sans-serif;font-weight:600}
#project-dialog h1{letter-spacing:-.045em}
#project-dialog :is(h2,h3,h4){letter-spacing:-.025em}
#project-dialog .chapter-copy p,#project-dialog .decision-entry p{font-size:16px;line-height:1.75;letter-spacing:0}
#project-dialog .case-overview p{font-size:20px;line-height:1.7}
#project-dialog :is(.cv-summary,.cv-job>p,.cv-sidebar p){line-height:1.75}
#project-dialog .cv-job>p,#project-dialog .cv-sidebar p{font-size:15px}
#project-dialog .cv-job>p.cv-job-role{font-size:14px}
#project-dialog .cv-name-i{font-family:inherit;font-weight:inherit}
#project-dialog .detail-topbar button{font-weight:400}
@media(max-width:760px){#project-dialog .chapter-copy p,#project-dialog .decision-entry p{font-size:15px}#project-dialog .case-overview p{font-size:18px}#project-dialog .cv-job>p,#project-dialog .cv-sidebar p{font-size:14px}}

/* iPads cut between complete screens; no fades, sliding, or progress bars. */
.screen-slideshow .device-frame{transform:none;transition:none;opacity:0;border:0}
.screen-slideshow .device-frame.is-current{opacity:1;transform:none}
.tablet .screen-slideshow .device-frame img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.preview-progress{display:none!important}
.preview-window,.phone-page-body{scrollbar-width:none}
.preview-window::-webkit-scrollbar,.phone-page-body::-webkit-scrollbar{display:none}
/* App bars stay fixed while only the current page content moves. */
.phone-preview{position:relative;overflow:hidden;background:#f7f8f9}
.phone-page{position:absolute;inset:0;display:none;background:#f7f8f9;overflow:hidden}
.phone-page.is-current{display:block}
.phone-app-header{position:absolute;inset:0 0 auto;height:calc(var(--app-header) + var(--safe-top));overflow:hidden;z-index:2;background:#fff}
.phone-app-header img{position:absolute;top:var(--safe-top);left:0;display:block;width:100%;height:auto;max-width:none}
.phone-page-body{position:absolute;inset:calc(var(--app-header) + var(--safe-top)) 0 10px;overflow:hidden}
.phone-page-body img{display:block;width:100%;height:auto;max-width:none;transform-origin:top left}
.phone-preview.is-playing .phone-page.is-current .phone-page-body img{will-change:transform}
.phone-home-indicator{position:absolute;z-index:3;bottom:3px;left:33%;width:34%;height:2px;background:#242525;border-radius:2px;pointer-events:none}
.tablet .screen-slideshow .device-frame{overflow:hidden}
.tablet .screen-slideshow .device-frame img{object-fit:cover;object-position:top}

/* Original product evidence: readable screens, quiet captions, no presentation cards. */
.original-evidence{max-width:1070px;margin:60px auto 80px;padding-top:30px;border-top:1px solid #d9d5cb}
.original-evidence-heading{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-bottom:32px;align-items:start}
.original-evidence h3{font-size:32px;line-height:1.15;margin:14px 0 0;max-width:440px}
.original-evidence-heading p{font-size:16px;line-height:1.75;margin:0;color:#595850}
.original-screen-grid{display:grid;grid-template-columns:1fr;gap:36px}
.original-evidence.original-phone .original-screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.original-evidence.original-single .original-screen-grid{grid-template-columns:minmax(0,390px);justify-content:center}
.original-screen-grid figure{margin:0;min-width:0}
.original-screen-label{display:flex;gap:12px;align-items:baseline;margin:0 0 12px}
.original-screen-label>span{color:var(--accent);font-size:11px}
.original-screen-label h4{font-size:15px;line-height:1.4;margin:0}
.original-screen-window{max-height:620px;overflow:auto;overscroll-behavior:contain;background:#f7f7f5;scrollbar-width:thin;scrollbar-color:#bcb9b0 transparent}
.original-screen-window:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.original-screen-window img{display:block;width:100%;height:auto}
.original-evidence.original-phone .original-screen-window{aspect-ratio:390/844;max-height:none}
.original-screen-grid figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;font-size:10px;line-height:1.5;color:#66645c}
.original-screen-grid figcaption a{white-space:nowrap;color:var(--accent);text-decoration:none}
.original-screen-grid figcaption .ui-arrow{width:13px;height:13px}
@media(max-width:1100px){.original-evidence{margin-inline:40px}}
@media(max-width:760px){.original-evidence{margin:40px 23px 50px;padding-top:24px}.original-evidence-heading{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.original-evidence h3{font-size:27px}.original-evidence-heading p{font-size:15px}.original-evidence.original-phone .original-screen-grid{grid-template-columns:minmax(0,390px);justify-content:center;gap:32px}.original-screen-window{max-height:65vh}.original-screen-label h4{font-size:14px}.original-screen-grid figcaption{font-size:10px}}

/* Interview review: show the work first, with an explicit contribution scope. */
.case-study .detail-meta{grid-template-columns:1.15fr .8fr 1.3fr 1fr;gap:24px}
.case-hero{max-width:1070px;margin:0 auto 40px}
.case-hero>a{display:block;background:#ece9e1}
.case-hero img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain}
.case-hero figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font-size:12px;line-height:1.6;color:#66635b}
.case-hero figcaption>span:last-child{white-space:nowrap;color:var(--accent)}
.case-film{scroll-margin-top:110px}
#project-dialog .case-source-note{font-size:13px;margin-top:24px;color:#68665e}
.case-source-note a{text-decoration:underline;text-underline-offset:3px}
.case-end .text-button{display:flex;align-items:center;gap:10px;padding:8px 0}
@media(max-width:1100px){.case-hero{margin-inline:40px}}
@media(max-width:760px){.case-study .detail-meta{grid-template-columns:1fr 1fr;gap:18px 20px}.case-hero{margin:0 23px 30px}.case-hero figcaption{font-size:11px}.case-hero figcaption>span:last-child{display:none}.case-hero img{max-height:none}.case-jump a{min-height:40px;display:inline-flex;align-items:center}}

#project-dialog .copy-status{font-size:13px;min-height:23px;line-height:1.6;color:var(--accent);margin:12px 0 0}

/* November 12: clean white case pages, soft blue detail, native mobile browsing. */
#project-dialog:not(.cv-dialog){background:#fff}
#project-dialog:not(.cv-dialog) .detail-topbar{background:#fffffffa;border-bottom:1px solid #edf0f6;backdrop-filter:none}
.case-study .eyebrow{color:var(--accent)}
.case-study .case-jump{border-color:#e5ebf7}
.case-study .case-jump a{border-radius:24px;padding:9px 13px;background:#f4f7ff}
.case-study .case-flow{background:#f6f8ff;border:1px solid #e8edfa;border-radius:18px}
.case-study .case-end{border-color:#e5ebf7}
html:not(.keyboard-navigation) :is(button,a,[tabindex]):focus{outline:none!important}
html.keyboard-navigation :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:760px){
 .desk-world{height:4650px}
 .desk-title{left:65px;top:175px}
 .desk-title h1{font-size:62px}
 .hand-note.pencil-hint{display:none}
 .object[data-key="thruster"]{left:100px;top:560px}
 .object[data-key="krane"]{left:95px;top:1060px;--r:-6deg}
 .object[data-key="stash"]{left:390px;top:1100px;--r:4deg}
 .object[data-key="fan"]{left:65px;top:1600px;width:300px;height:350px;--r:8deg}
 .object[data-key="dari"]{left:410px;top:1630px;width:300px;--r:-6deg}
 .object[data-key="sgs-lawconnect"]{left:98px;top:2670px}
 .object[data-key="fscapetech"]{left:395px;top:3240px;width:300px;--r:5deg}
 .object[data-key="jobtopgun"]{left:95px;top:3220px;--r:-5deg}
 .object[data-key="omni"]{left:98px;top:3750px}
 .object[data-key="weight-wisdom"]{left:105px;top:4240px;width:145px;height:292px;--r:5deg}
 .object[data-key="about"]{left:415px;top:4240px;width:235px;--r:5deg}
 .object[data-key="contact"]{left:400px;top:4510px;width:260px;--r:-3deg}
 .desk-prop.coffee{left:465px;top:2040px;width:230px;--r:12deg}
 .desk-prop.pencil{left:420px;top:1510px;width:240px;--r:8deg}
 .desk-prop.paperclip{left:725px;top:1450px;width:25px}
 .desk-prop.carabiner{left:635px;top:3510px;width:115px}
 .desk-prop.keyring{left:410px;top:3495px;width:170px}
 .desk-prop.donut{left:400px;top:2340px;width:220px;--r:8deg}
 .photo-strip.object{left:90px;top:2070px;width:85px;--r:-5deg}
 .phone .object-caption i{font-size:12px}
}
@media(hover:none) and (pointer:coarse){
 .desk-viewport [data-draggable-prop],.desk-viewport [data-draggable-prop] *{touch-action:pan-y}
 .desk-viewport.is-arranging .object,.desk-viewport.is-arranging .object *{touch-action:pan-x pan-y}
 .desk-viewport.is-arranging [data-draggable-prop],.desk-viewport.is-arranging [data-draggable-prop] *{touch-action:none}
}

/* Mobile refinement: realistic prop scale, edge-cropped accessories, compact work rhythm. */
@media(max-width:760px){
 .desk-world{height:4210px}
 .object[data-key="sgs-lawconnect"]{top:2110px}
 .object[data-key="fscapetech"]{top:2680px}
 .object[data-key="jobtopgun"]{top:2660px}
 .object[data-key="omni"]{top:3190px}
 .object[data-key="weight-wisdom"]{top:3680px;width:205px;height:413px}
 .object[data-key="about"]{top:3680px}
 .object[data-key="contact"]{top:3950px}
 .desk-prop.coffee{left:705px;top:1450px;width:175px;--r:12deg}
 .desk-prop.donut{left:705px;top:1870px;width:170px;--r:8deg}
 .photo-strip.object{left:-45px;top:2090px;width:85px;--r:-5deg}
 .desk-prop.pencil{left:410px;top:1950px;width:240px;--r:8deg}
 .desk-prop.carabiner{top:2950px}
 .desk-prop.keyring{top:2935px}
}

@media(max-width:760px){.desk-prop.paperclip{left:720px;top:1010px}}

/* Clear toolbar and physical stacking: paper under devices, coffee above photos. */
.desk-controls{background:#eadcc7dc;border-color:transparent;box-shadow:0 3px 14px #382b1918;backdrop-filter:blur(8px)}
.scroll-icon{display:flex;align-items:center;color:var(--ink)}
.scroll-icon svg{display:block;width:16px;height:20px}
.object{z-index:var(--stack,5)}
.object.photo-strip{--stack:3;z-index:var(--stack)}
.object.brand-card,.object.mascot-sheet,.object.sticky-note,.object.contact-card{--stack:4}
.object.tablet,.object.phone{--stack:6}
.object.meal-box{--stack:7}
.object.desk-prop.pencil,.object.desk-prop.paperclip{--stack:8}
.object.desk-prop.carabiner,.object.desk-prop.keyring{--stack:9}
.object.desk-prop.coffee,.object.desk-prop.donut{--stack:10}
.object:not(.is-dragging):hover{z-index:var(--stack,5)}
.object.is-dragging{z-index:var(--stack,5)!important}
@media(max-width:760px){
 .desk-prop.coffee{left:660px;top:1400px}
 .desk-prop.donut{left:660px}
 .photo-strip.object{left:-15px}
}
@media(hover:none) and (pointer:coarse){.desk-controls{background:#eadcc7eb;backdrop-filter:none}}
/* A relaxed desk, not three parallel phones. */
.object.phone[data-key="krane"]{--r:-7deg!important}
.object.phone[data-key="jobtopgun"]{--r:4deg!important}
.object.phone[data-key="weight-wisdom"]{--r:-2deg!important}

/* Original prototypes live in a closable browser surface, above the current case. */
.prototype-invitation{margin:0 64px 40px;padding:24px 0;border-top:1px solid #dce3eb;border-bottom:1px solid #dce3eb;display:flex;justify-content:space-between;align-items:center;gap:24px}
.prototype-invitation p{margin:8px 0 0;font-size:18px;font-weight:400}
.prototype-launch{display:flex;align-items:center;gap:18px;flex-shrink:0;padding:14px 20px;border:1px solid #1745c2;border-radius:4px;background:#1745c2;color:#fff;font:400 15px Switzer,sans-serif;cursor:pointer}
#prototype-dialog{position:fixed;inset:18px 18px 18px auto;margin:0;width:calc(100% - 36px);height:calc(100dvh - 36px);max-width:1600px;max-height:none;border:1px solid #dfe3e9;border-radius:12px;background:white;padding:0;overflow:hidden;box-shadow:0 12px 80px #131a3733}
#prototype-dialog[open]{display:flex;flex-direction:column;animation:prototype-enter .22s ease-out}
#prototype-dialog::backdrop{background:#17202c66;backdrop-filter:blur(4px)}
.prototype-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f6f8fa;border-bottom:1px solid #e5e8ed;gap:12px}
.prototype-bar>div{display:flex;align-items:center;gap:10px;min-width:0}.prototype-bar h2{font:600 16px Switzer,sans-serif;margin:0}.prototype-dot{width:7px;height:7px;border-radius:50%;background:#1745c2;flex-shrink:0}
#close-prototype{background:none;border:0;padding:7px 0 7px 16px;font:400 15px Switzer,sans-serif;cursor:pointer;white-space:nowrap}#close-prototype span{font-size:24px;vertical-align:middle;margin-left:12px}
#prototype-note{font:400 13px/1.5 Switzer,sans-serif;margin:0;padding:10px 20px;color:#526071;border-bottom:1px solid #e5e8ed}
.prototype-viewport{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.prototype-viewport iframe{border:0;width:100%;height:100%;display:block;background:white}
.sgs-process{margin:40px 64px 70px;padding:40px 0;border-top:1px solid #dde3eb;border-bottom:1px solid #dde3eb;display:grid;grid-template-columns:1fr 1.4fr;gap:48px}.sgs-process h2{font-size:36px;line-height:1.15;font-weight:600;margin:16px 0}.sgs-process ol{list-style:none;margin:0;padding:0}.sgs-process li{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #e8ebf0}.sgs-process li:first-child{padding-top:0}.sgs-process li:last-child{border:0;padding-bottom:0}.sgs-process li>span{color:#1745c2;font-size:13px;padding-top:4px}.sgs-process h3{font-size:21px;font-weight:600;margin:0 0 5px}.sgs-process p{font-size:16px;line-height:1.6;font-weight:400;margin:0;color:#56616b}
/* A well-used paper folder, holding the spatial archive. */
.spaces-folder{width:470px;height:340px;--stack:4}.spaces-folder .object-hit{height:100%;display:block}.folder-back{position:absolute;inset:20px 0 0;background:#c2a270;border:1px solid #a88b61;border-radius:3px;box-shadow:1px 3px 4px #3f2d252c}.folder-back:before{content:'';position:absolute;top:-21px;left:0;width:150px;height:23px;background:#c2a270;border-radius:7px 10px 0 0;border:1px solid #a88b61;border-bottom:0}.folder-photo{position:absolute;inset:15px 30px 25px 20px;transform:rotate(3deg);padding:9px;background:#faf8f1;box-shadow:0 1px 2px #0003}.folder-photo img{width:100%;height:100%;object-fit:cover}.folder-front{position:absolute;inset:95px 0 0;background:linear-gradient(116deg,#d8bd91,#cfb080 80%,#c3a070);border:1px solid #b59667;border-top:1px solid #e6cda7;border-radius:2px 4px 4px 4px;box-shadow:0 -2px 4px #51442c12;display:flex;flex-direction:column;padding:24px 30px;text-align:left}.folder-label{font:400 12px/1.3 Poppins,sans-serif;letter-spacing:.14em;border:1px solid #685741;width:max-content;padding:4px 7px}.folder-title{font:400 28px/1.25 Poppins,sans-serif;color:#453b2d;margin:13px 0}.folder-caption{font:400 12px Poppins,sans-serif;color:#594a37}.spaces-folder:hover .folder-photo{transform:translateY(-5px) rotate(3deg)}
.spaces-page{font-family:Switzer,sans-serif;padding:64px;max-width:1320px;margin:auto;color:#242a31}.spaces-page header{padding:20px 0 70px;max-width:900px}.spaces-page h1{font-size:clamp(42px,6.8vw,84px);line-height:1.07;letter-spacing:-.045em;font-weight:600;margin:22px 0 30px}.spaces-page h1 em{font-style:normal;color:#1745c2}.spaces-lead{font-size:22px;line-height:1.6;font-weight:400;max-width:640px}.spaces-divider{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #dce0e4;font-size:11px;letter-spacing:.1em}.space-project{background:none;padding:0;border:0;display:block;width:100%;text-align:left;color:inherit;cursor:pointer;font-family:inherit}.space-preview{display:block;overflow:hidden}.space-preview img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}.space-project:hover img{transform:scale(1.015)}.space-project-meta{display:flex;align-items:center;gap:22px;padding:24px 0 30px;border-bottom:1px solid #dce0e4}.space-number{align-self:flex-start;font-size:13px;color:#1745c2;padding-top:5px}.space-project-meta strong{font-size:28px;font-weight:600;display:block}.space-project-meta small{display:block;font-size:15px;font-weight:400;color:#65707b;margin-top:5px}.space-open{margin-left:auto;font-size:14px;display:flex;gap:16px;align-items:center}.space-origin{padding:60px 0 20px}.space-origin p{font-size:17px;line-height:1.6}.space-full{margin:0 0 52px}.space-full img{width:100%;height:auto;display:block}.space-full figcaption{font-size:13px;color:#65707b;margin-top:14px}.space-reading{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:60px 0}.space-reading h2{font-size:34px;line-height:1.2;font-weight:600;margin:0}.space-reading p{font-size:18px;line-height:1.7;margin:0}.space-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce0e4;padding-top:24px}
@keyframes prototype-enter{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:760px){.desk-world{height:4770px}.object.spaces-folder{left:150px;top:4300px;width:470px;height:340px}.prototype-invitation{margin:0 23px 30px;display:block}.prototype-invitation p{font-size:16px}.prototype-launch{margin-top:20px;font-size:14px}#prototype-dialog{inset:8px;width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:8px}.prototype-bar{padding:10px 12px}.prototype-bar h2{font-size:14px}#prototype-note{font-size:12px;padding:8px 12px}.sgs-process{margin:30px 23px 45px;grid-template-columns:1fr;gap:24px;padding:26px 0}.sgs-process h2{font-size:30px}.sgs-process h3{font-size:19px}.spaces-page{padding:24px}.spaces-page header{padding:24px 0 40px}.spaces-page h1{font-size:44px}.spaces-lead{font-size:18px}.space-project-meta{gap:12px;flex-wrap:wrap}.space-project-meta strong{font-size:24px}.space-open{width:100%;margin:8px 0 0 29px}.space-reading{grid-template-columns:1fr;gap:22px;margin:34px 0}.space-reading h2{font-size:28px}.space-reading p{font-size:16px}.space-full{margin-bottom:32px}.space-origin{padding-top:36px}.space-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#prototype-dialog[open]{animation:none}.space-preview img{transition:none}}

@media(max-width:760px){#prototype-dialog[data-demo="sgs-lawconnect"] iframe{min-width:1106px}}