/* Native travel stays in its own stationary viewport. */
.nav-toggle{display:none}#site-controls{display:contents}
@media(max-width:760px){
 body:not(.reduced)[data-design="ink"] .site-header,body.reduced[data-design="ink"] .site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;height:76px;min-height:76px;padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left))}
 body[data-design="ink"] .site-header .brand{font-size:14px;max-width:none;padding:0;line-height:1.2;display:flex;align-items:center;min-height:44px}
 .nav-toggle{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:44px;min-width:88px;padding:8px 0;font-size:14px;color:inherit}
 .nav-toggle span{font-size:23px;font-weight:300;line-height:1}
 #site-controls{position:absolute;left:14px;right:14px;top:66px;display:none;padding:15px 20px;background:#07152a;border:1px solid #7493ad;color:#e6f7ff;box-shadow:0 12px 25px #0005}
 .site-header.menu-open #site-controls{display:block}
 body[data-design="ink"] .site-header .nav{display:flex;flex-direction:column;gap:0}
 body[data-design="ink"] .site-header .nav a{display:flex;font-size:17px;min-height:46px;color:#d1e7f2;white-space:normal}
 body[data-design="ink"] .site-header .nav a[aria-current]{color:#9ff9ed}
 body[data-design="ink"] .site-header .motion-toggle{display:block;width:100%;text-align:left;max-width:none;font-size:14px;line-height:1.4;min-height:48px;margin-top:8px;padding:10px 0;border-top:1px solid #3e5d78;color:#d1e7f2;white-space:normal}
 .menu-open .nav-toggle span{transform:rotate(45deg)}
}
/* Stable-height bounds apply on every viewport, including browser-bar changes. */
body:not(.reduced)[data-design="ink"] .ink-work-sheet{max-height:calc(100svh - 140px);overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scroll-padding:18px}
body:not(.reduced)[data-design="ink"] .ink-contact{max-height:calc(100svh - 140px);overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scroll-padding:18px}
@media(max-width:760px){
 body:not(.reduced)[data-design="ink"] .ink-work-sheet{max-height:calc(100svh - 119px)}
 body:not(.reduced)[data-design="ink"] .ink-contact{max-height:calc(100svh - 123px)}
 #site-controls{max-height:calc(100svh - 90px);overflow:auto}
}

/* Use the same stable viewport as the camera fit, including browser-bar changes. */
html[data-compact-landscape="true"] body:not(.reduced)[data-design="ink"] .poster-jayden{top:76px;font-size:max(32px,min(17.5vw,calc(52svh - 93px)));transform:rotate(-1deg)}
html[data-compact-landscape="true"] body:not(.reduced)[data-design="ink"] .poster-realm{top:calc(52svh - 12px);font-size:max(32px,min(23vw,calc(46svh - 88px)));transform:rotate(1deg) scaleX(1.1)}

/* A substantial mobile folio: horizontal reading, native vertical world travel. */
.work-dock{display:none}
#work-folio[hidden],.work-dock[hidden]{display:none!important}
body:not(.reduced)[data-design="ink"] .work[data-work-compact="true"]{display:flex;align-items:center;justify-content:center;padding:94px max(18px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:none}
.work[data-work-compact="true"] .work-book{display:flex;flex-direction:column;min-width:0;width:100%;height:min(590px,calc(100svh - 119px));padding:20px 20px 0;border:1px solid #d1b3a0;background:#fff5e6;color:#361d2d;box-shadow:5px 6px 0 #30142c24;--ui-ring:#955b36;pointer-events:auto;touch-action:auto;overflow:clip}
.work-book-heading{flex:none;padding-bottom:16px;border-bottom:1px solid #bb917d}
.work-book-heading>p{margin:0 0 7px;font:600 .75rem/1.4 Arial,sans-serif;letter-spacing:.12em;color:#775548}
.work-book-heading h2{font:400 2rem/1.05 Georgia,serif;letter-spacing:-.045em;margin:0;color:#361d2d}
.work-book-heading h2>span{color:#b76c39}
.work-project-pages{display:flex;flex:1 1 auto;align-items:stretch;gap:24px;min-height:0;min-width:0;margin:0 -2px;padding:18px 2px 12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:auto;scrollbar-width:thin;scrollbar-color:#b18a70 transparent;scroll-snap-type:x proximity;scroll-padding-inline:2px}
.work-spread{display:flex;gap:24px;position:relative;flex:0 0 var(--page-width,100%);min-width:0;height:100%;scroll-snap-align:start;touch-action:auto}
.work-page-flow{flex:0 0 var(--page-width,100%);width:var(--page-width,100%);height:100%;min-width:0;scroll-snap-align:start;overflow:visible}
.work-page-flow>*{margin:0 0 10px}
.work-page-flow>.work-project-heading{break-inside:auto}
.work-project-number{font:.75rem/1.4 Arial,sans-serif;color:#805b46;margin:0 0 10px;letter-spacing:.015em}
.work-project-heading h3{font:600 2rem/1.08 Arial,sans-serif;letter-spacing:-.04em;margin:0;color:#432939;overflow-wrap:anywhere}
.work-project-summary{font:1.0625rem/1.45 Arial,sans-serif;color:#574039;orphans:2;widows:2}
.work-project-contribution{font:.875rem/1.5 Arial,sans-serif;color:#775747;orphans:2;widows:2}
.work-project-stack{font:.8125rem/1.5 Arial,sans-serif;color:#805b46;break-inside:avoid}
.work-page-actions{display:block;break-inside:auto;padding-top:2px}
.work-page-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0 5px 8px 0;padding:10px 9px;border:1px solid #ba927c;border-radius:3px;font:600 .875rem/1.4 Arial,sans-serif;color:#75492e;white-space:normal;text-decoration:none}
.work-page-actions button{background:#633b44;border-color:#633b44;color:#fff1df}
.work-book-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:66px;padding:9px 0;border-top:1px solid #d1b3a0}
.work-book-footer>p{font:.75rem/1.45 Arial,sans-serif;color:#795744;margin:0}
.work-page-controls{display:flex;align-items:center;gap:3px;flex:none}
.work-page-controls button{display:grid;place-items:center;width:44px;min-height:44px;padding:10px;border:1px solid #ba927c;border-radius:3px;color:#75492e}
.work-page-controls button[aria-disabled="true"]{color:#a88f7d;border-color:transparent}
.work-page-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.work-page-count{min-width:35px;text-align:center;font:.75rem/1.4 Arial,sans-serif;color:#795744}
.work-page-marker{position:absolute;top:0;height:1px;width:1px;scroll-snap-align:start;pointer-events:none}
body[data-design="ink"] .work-book :is(button,a,h2,.work-project-pages):focus-visible{outline:2px solid #955b36;outline-offset:-3px}
@media(hover:hover){.work-book :is(a,button):not([aria-disabled="true"]):hover{background:#efdbc2;color:#432939}}
.work-book :is(a,button):not([aria-disabled="true"]):active{background:#ead2b4;color:#432939}
@media(max-width:360px){.work[data-work-compact="true"] .work-book{padding:17px 17px 0}.work-book-heading{padding-bottom:13px}.work-book-heading h2{font-size:1.875rem}.work-project-heading h3{font-size:1.875rem}.work-book-footer>p{font-size:.6875rem}.work-page-controls{gap:0}}
@media(min-width:761px){.work[data-work-compact="true"] .work-book{max-width:900px}.work-book-heading{display:flex;align-items:baseline;gap:20px;padding-bottom:10px}.work-book-heading>p{margin:0}.work-book-footer{min-height:54px;padding:4px 0}.work-book-footer>p br{display:none}.work-book-footer>p br:after{content:' · '}.work-project-pages{padding-top:14px;padding-bottom:8px}}

/* Make room for enlarged project text by simplifying the folio framing. */
.work-book[data-short-frame="true"] .work-book-heading>p,.work-book[data-short-frame="true"] .work-book-footer>p{display:none}
.work-book[data-short-frame="true"] .work-book-heading h2{font-size:clamp(24px,1.35rem,44px)}
.work-book[data-short-frame="true"] .work-book-footer{justify-content:flex-end;min-height:60px}
.work-book[data-short-frame="true"] .work-page-count{min-width:50px}
.work-book[data-short-frame="true"] .work-project-heading h3{font-size:min(2rem,44px);overflow-wrap:normal}
.work-page-actions{orphans:1;widows:1}

.work-page-flow>*:last-child{margin-bottom:0}
.work-continuation{font:.75rem/1.4 Arial,sans-serif;color:#805b46;padding-bottom:4px;border-bottom:1px solid #d1b3a0;margin-bottom:6px}
.work[data-work-compact="true"] .work-book[data-short-frame="true"]{padding-top:12px}
.work-book[data-short-frame="true"] .work-book-heading h2{font-size:clamp(24px,1.2rem,36px)}
.work-book[data-short-frame="true"] .work-book-footer{min-height:54px;padding-block:4px}

.work-page-flow[data-tight="true"] .work-continuation{margin-bottom:4px;padding-bottom:0;border-bottom:0}