/* An editorial motion layer, independent of the page's core functionality. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-away .24s ease both}::view-transition-new(root){animation:page-arrive .48s cubic-bezier(.22,.68,0,1) both}
@keyframes page-away{to{opacity:0;transform:translateY(-10px)}}@keyframes page-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.reading-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--blue);z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}
body{overflow-x:clip}.navigation{position:relative;z-index:10}.navigation nav a{transition:color .2s}.navigation nav a:hover{color:var(--blue)}.navigation .tiny-brand{transition:transform .35s}.navigation .tiny-brand:hover{transform:rotate(-9deg)}
.opening h1,.story-heading h1{animation:headline-in .8s cubic-bezier(.2,.7,.2,1) both}@keyframes headline-in{from{opacity:0;transform:translateY(22px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.portfolio-card,.paper-note,.session-grid article,.look-note,.about-copy,.about-faq,.contact-layout,.process-section{transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1)}.reveal-waiting{opacity:0;translate:0 30px}.reveal-waiting:focus-within{opacity:1;translate:0 0}
.work-title-row{display:flex;justify-content:space-between;align-items:center}.work-seal{width:150px;height:150px;border:1px solid var(--blue);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--blue);transform:rotate(12deg);margin-right:6%;transition:transform .6s}.work-seal>span{font-family:'Courier New',monospace;font-size:12px;letter-spacing:1.5px}.work-seal strong{font-size:66px;font-weight:400;line-height:1.15}.work-seal:hover{transform:rotate(-16deg)}
.portfolio-heading{padding-bottom:12px}.portfolio-heading h1{margin-top:40px}.work-view-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 0 35px}.work-view-controls>span{margin-right:auto;font-family:'Courier New',monospace;font-size:11px;letter-spacing:.7px}.work-view-controls button{background:transparent;border:1px solid var(--line);padding:9px 13px;border-radius:20px;font-size:12px}.work-view-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 35px;align-items:start}.portfolio-card{grid-column:span 6;min-width:0}.portfolio-card:nth-child(1){grid-column:1 / 8}.portfolio-card:nth-child(2){grid-column:9 / 13;padding-top:140px}.portfolio-card:nth-child(3){grid-column:2 / 6}.portfolio-card:nth-child(4){grid-column:7 / 13;padding-top:90px}.portfolio-card:nth-child(5){grid-column:3 / 11;padding:20px 0}.portfolio-image{padding:10px;background:var(--print);box-shadow:0 6px 15px #0000000d;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s,box-shadow .3s;overflow:hidden}.portfolio-image img{height:auto;aspect-ratio:1.5;object-fit:cover}.portfolio-card:nth-child(3) img{aspect-ratio:3/4;object-fit:contain}.portfolio-card a:hover .portfolio-image{box-shadow:0 14px 28px #0002}.portfolio-caption{border-top:1px solid var(--line);padding-top:14px;gap:20px}.portfolio-caption h2{font-family:Georgia,serif;font-size:25px}.portfolio-caption>span{font-size:11px}.portfolio-image>span{background:var(--blue);color:var(--paper);transform:translateY(75px) rotate(-8deg);bottom:25px;right:25px}.portfolio-card a:hover .portfolio-image>span{transform:translateY(0) rotate(-5deg)}
.portfolio-grid.index-view{display:block}.index-view .portfolio-card{padding:0;border-bottom:1px solid var(--line)}.index-view .portfolio-card>a{display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:center;padding:20px 0}.index-view .portfolio-image{padding:5px;transform:rotate(-2deg);width:150px}.index-view .portfolio-image img{height:100px;aspect-ratio:auto;object-fit:cover}.index-view .portfolio-image>span{display:none}.index-view .portfolio-caption{border:0;padding:0;margin:0;align-items:center}.index-view .portfolio-caption h2{font-size:32px}.index-view a:hover .portfolio-image{transform:rotate(2deg)}
.photo-button img{transition:filter .4s}.photo-button:hover img{filter:saturate(1.08)}.story-sticker,.little-stamp{transition:transform .4s;transform:perspective(800px) rotate(-7deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.text-link{transition:color .2s,background .2s}.text-link:hover{background:var(--yellow);color:#24261e}.submit-inquiry{transition:letter-spacing .3s,filter .3s}.submit-inquiry:hover{letter-spacing:.7px}.footer-top>a{max-width:850px;font-size:clamp(32px,5vw,76px);line-height:1.02;letter-spacing:-3px}.footer-links a{transition:transform .2s}.footer-links a:hover{transform:translateY(-3px)}.lightbox[open]{animation:viewer-in .3s cubic-bezier(.2,.7,.2,1)}@keyframes viewer-in{from{opacity:0;translate:0 20px;scale:.98}to{opacity:1;translate:0 0;scale:1}}.lightbox::backdrop{animation:backdrop-in .3s}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.portfolio-grid{gap:45px 22px}.portfolio-card:nth-child(2){grid-column:8 / 13;padding-top:90px}.portfolio-card:nth-child(1){grid-column:1 / 8}.portfolio-caption{gap:8px}.portfolio-caption h2{font-size:22px}.work-seal{width:115px;height:115px;margin-right:0}.work-seal strong{font-size:48px}}
@media(max-width:700px){.work-seal{width:78px;height:78px;flex-shrink:0;transform:rotate(12deg);margin-left:10px}.work-seal>span{font-size:8px;letter-spacing:.3px}.work-seal strong{font-size:33px}.portfolio-heading h1{font-size:64px}.work-view-controls{padding-bottom:25px}.work-view-controls>span{max-width:140px;font-size:9px;line-height:1.5}.portfolio-grid{display:block}.portfolio-card,.portfolio-card:nth-child(n){padding:0;margin-bottom:38px}.portfolio-card:nth-child(even){margin-left:9%}.portfolio-card:nth-child(3){margin-right:14%}.portfolio-image img{height:auto}.portfolio-caption{align-items:baseline;flex-wrap:wrap}.portfolio-caption h2{font-size:21px}.portfolio-image>span{transform:none;bottom:18px;right:18px;font-size:11px;padding:10px 12px}.index-view .portfolio-card:nth-child(n){margin:0}.index-view .portfolio-card>a{grid-template-columns:95px 1fr;gap:18px}.index-view .portfolio-image{width:95px}.index-view .portfolio-image img{height:72px}.index-view .portfolio-caption{align-items:flex-start;flex-direction:column}.index-view .portfolio-caption h2{font-size:23px}.footer-top>a{font-size:42px;letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.reveal-waiting{opacity:1;translate:none}.portfolio-image,.story-sticker,.little-stamp{transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}
.portfolio-grid:not(.index-view):has(.portfolio-card[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid:not(.index-view):has(.portfolio-card[hidden]) .portfolio-card{grid-column:auto;padding:0}.portfolio-card[hidden]{display:none!important}@media(max-width:700px){.portfolio-grid:not(.index-view):has(.portfolio-card[hidden]){display:block}.portfolio-grid:not(.index-view):has(.portfolio-card[hidden]) .portfolio-card{margin-left:0;margin-right:0}}
/* The homepage moves like a collection being laid out on a desk. */
.photo-board .print{translate:0 var(--settle-y,0px)}.photo-board.contact .print{translate:none}.opening h1{translate:0 var(--title-drift,0px)}
.scroll-entrance{opacity:0;translate:0 20px;transition:opacity .65s ease var(--entrance-delay,0ms),translate .8s cubic-bezier(.16,1,.3,1) var(--entrance-delay,0ms)}.scroll-entrance.scroll-entered,.scroll-entrance:focus-within{opacity:1;translate:0 0}
.ribbon>span{translate:var(--ribbon-shift,0px) 0;flex-shrink:0}.ribbon>span:nth-child(even){rotate:var(--ribbon-turn,0deg)}
.about h2>span{text-decoration:none;background-image:linear-gradient(var(--blue),var(--blue));background-position:left 100%;background-size:0% 3px;background-repeat:no-repeat;padding-bottom:8px;transition:background-size .85s cubic-bezier(.2,.7,.2,1)}.about.inked h2>span{background-size:100% 3px}
.motion-toggle{font:inherit;color:inherit;padding:0 0 3px;border:0;border-bottom:1px solid currentColor;background:transparent;cursor:pointer;margin-left:auto}.motion-toggle:disabled{cursor:default;opacity:.65}
.board-actions button:active,.filter-bar button:active,.work-view-controls button:active{scale:.96}.board-actions button,.filter-bar button,.work-view-controls button{transition:background .2s,color .2s,scale .2s}
.footer-top>a span{transition:transform .55s cubic-bezier(.2,1.8,.4,1)}.footer-top>a:hover span{transform:translate(9px,-9px) rotate(5deg)}.expand-photo>span{transition:transform .4s}.expand-photo:hover>span{transform:rotate(0deg) scale(1.05)}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation:none!important;transition:none!important}body.motion-paused .scroll-entrance,body.motion-paused .reveal-waiting{opacity:1;translate:none}body.motion-paused .print,body.motion-paused .opening h1,body.motion-paused .ribbon>span{translate:none!important}body.motion-paused .portfolio-image{transform:none!important}body.motion-paused .cursor-label{display:none}body.motion-paused .ribbon>span{rotate:none!important}
@media(max-width:700px){.motion-toggle{margin-left:0}.scroll-entrance{translate:0 13px}.scroll-entered{translate:none}}
@media(prefers-reduced-motion:reduce){.scroll-entrance{opacity:1;translate:none}.photo-board .print,.opening h1,.ribbon>span{translate:none!important}.ribbon>span{rotate:none!important}}
/* Device adaptation: compact phones, touch tablets, and wide screens. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img{max-width:100%}button,input,select,textarea{touch-action:manipulation}main,section,article,nav,form,aside{min-width:0}textarea{max-width:100%}.lightbox{overscroll-behavior:contain}.lightbox-close,.lightbox-controls button{min-width:44px;min-height:44px}.lightbox-details{overflow-wrap:anywhere}.contact-address{overflow-wrap:anywhere}.navigation nav{flex-wrap:wrap}.contact-layout input,.contact-layout select,.contact-layout textarea{font-size:16px}.photo-button,.expand-photo{-webkit-user-select:none;user-select:none}
@media(min-width:1600px){body>main,body>.navigation,body>footer{max-width:1800px;margin-inline:auto}.contact-layout{gap:100px}.portfolio-section{padding-inline:7%}.story-heading{padding-inline:7%}.portfolio-grid{gap:80px 45px}}
@media(min-width:701px) and (max-width:1100px){.navigation{height:auto;min-height:84px;padding-block:17px;gap:22px}.navigation nav{gap:19px}.navigation nav a{font-size:14px}.intro-row{gap:25px}.photo-board{height:780px}.print{width:31%}.print-0{left:2%;top:50px}.print-1{left:35%;top:24px}.print-2{left:65%;top:75px}.print-3{left:18%;top:365px}.print-4{left:54%;top:390px}.photo-button img,.print-0 img,.print-3 img{height:205px}.print-caption{font-size:17px}.board-note{bottom:45px}.photo-board.contact{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.contact .print{width:100%}.contact .photo-button img{height:235px}.about{grid-template-columns:1fr 2fr;gap:35px;padding-inline:5%}.about h2{font-size:clamp(48px,6vw,65px)}.about-label{display:block}.about-bottom{gap:25px}.contact-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:35px;padding-inline:5%}.form-pair{grid-template-columns:1fr}.session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-section{gap:35px}.process-section h2{font-size:46px}.note-board{gap:20px;padding-inline:4%}.paper-note{padding:23px 18px}.paper-note h2{font-size:29px}.about-faq{gap:30px}.footer-top{align-items:flex-start}.footer-top>a{font-size:46px}}
@media(max-width:700px){.navigation{margin-inline:5%;padding-block:12px;min-height:0;display:grid;grid-template-columns:1fr;gap:8px}.tiny-brand{width:max-content;font-size:27px;line-height:1}.navigation nav{justify-content:flex-start;gap:5px 15px;align-items:center;width:100%}.navigation nav a,.navigation nav a:nth-child(2){display:inline-flex;align-items:center;min-height:44px;font-size:14px}.navigation .nav-contact{border:0;padding:0;font-size:13px}.navigation #light-switch{margin-left:auto;min-height:44px;padding:8px 10px;font-size:12px}.navigation nav a:after{bottom:4px}.opening{padding-top:20px}.under-title p{font-size:clamp(18px,5.7vw,24px)}.story-heading h1{font-size:clamp(45px,12vw,70px);overflow-wrap:break-word}.story-sub{gap:20px}.story-sub>p{font-size:16px;min-width:0}.story-sticker{padding:12px 9px;font-size:11px}.board-toolbar{flex-wrap:wrap;gap:12px}.board-actions{margin-left:auto}.board-actions button{min-height:44px;font-size:12px}.board-hint{line-height:1.5}.photo-board:not(.contact){height:910px}.photo-board.contact{height:auto}.photo-button img,.print-0 img,.print-3 img{height:145px}.print-story{min-height:36px;display:flex;align-items:center;justify-content:center}.print-caption{line-height:1.2}.photo-board .print{width:55%}.photo-board.contact .print{width:100%}.print-meta{font-size:10px}.board-bottom{line-height:1.5}.work-view-controls{flex-wrap:wrap;gap:8px}.work-view-controls>span{flex:1;max-width:none;min-width:120px}.work-view-controls button,.filter-bar button{min-height:44px}.filter-bar{gap:8px}.portfolio-caption{align-items:flex-start}.portfolio-caption h2{max-width:75%;line-height:1.2}.portfolio-caption>span{font-size:11px;white-space:normal}.index-view .portfolio-caption h2{max-width:100%}.contact-layout{padding-inline:6%;gap:30px}.contact-layout aside p{max-width:100%}.contact-note{padding:17px}.submit-inquiry{min-height:54px}.contact-layout label{font-size:15px}.contact-layout input,.contact-layout select{min-height:50px}.footer-top>a{font-size:clamp(31px,9vw,43px)}.footer-links{gap:3px 20px}.footer-links a,.footer-bottom a,.motion-toggle{min-height:44px;display:inline-flex;align-items:center}.motion-toggle{padding:0}.lightbox{width:96vw;max-height:96dvh;padding:56px 12px 16px}.lightbox-image{height:56dvh;max-height:calc(96dvh - 190px)}.lightbox-details h2{font-size:19px}.lightbox-close{top:7px;right:9px}.lightbox-controls{gap:14px}.look-note{padding-block:40px}.about h2{font-size:clamp(38px,10vw,49px)}.about-label{flex-wrap:wrap}.about-faq summary,.look-note summary{min-height:44px;font-size:16px}.next-story strong{overflow-wrap:break-word}}
@media(max-width:380px){.navigation nav{gap:3px 12px}.navigation .nav-contact{order:5;flex:1 0 100%;min-height:36px}.navigation #light-switch{margin-left:auto}.board-title h2{font-size:17px}.board-actions{margin-left:0;width:100%}.board-actions button{flex:1}.photo-board:not(.contact){height:850px}.photo-button img,.print-0 img,.print-3 img{height:125px}.photo-button{padding:7px}.print-caption{font-size:13px}.print-meta{font-size:9px}.print-1{top:115px}.print-2{top:280px}.print-3{top:390px}.print-4{top:575px}.board-note{font-size:19px;bottom:25px}.photo-board.contact{gap:12px}.contact .photo-button img{height:115px}.work-seal{width:65px;height:65px}.work-seal strong{font-size:26px}.story-sub{display:block}.story-sub .story-sticker{margin-bottom:22px}.form-pair{gap:22px}.index-view .portfolio-card>a{grid-template-columns:80px 1fr;gap:14px}.index-view .portfolio-image{width:80px}.index-view .portfolio-caption h2{font-size:20px}}
@media(hover:none),(pointer:coarse){.portfolio-image>span{transform:none!important}.photo-button:hover{transform:none}.portfolio-image{transform:none!important}.cursor-label{display:none!important}.portfolio-card a:hover img,.expand-photo:hover>img{transform:none}.print-story{min-height:44px}.footer-links a{min-height:44px}.story-sticker,.little-stamp{transform:rotate(-5deg)}}
@media(max-height:500px) and (orientation:landscape){.lightbox{padding:48px 65px 12px;max-height:98dvh}.lightbox-image{height:calc(98dvh - 145px);max-height:none}.lightbox-details{flex-direction:row;align-items:center;margin-top:12px}.lightbox-details p{margin-top:4px}.lightbox-controls{align-self:center}.lightbox-details h2{font-size:16px}}