@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul,figure{margin:0}ul{padding:0}img{width:100%;height:auto;display:block}button,a{font:inherit}}@layer tokens{:root{--paper:#e7dec6;--paper-light:#f0ead9;--paper-deep:#d2c7a8;--sage-900:#20352d;--sage-800:#2e493d;--sage-700:#486354;--sage-500:#778b73;--gold:#caa66a;--peach:#d7926e;--tobacco:#98583d;--night:#252c43;--ink:#233029;--muted:#616960;--line:#23302933;--font-display:"Iowan Old Style", Baskerville, "Palatino Linotype", serif;--font-body:"Gill Sans", "Avenir Next", Avenir, "Segoe UI", sans-serif;--font-small:"Courier New", Courier, monospace;--shell:72rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--ease-out:cubic-bezier(.2, .75, .2, 1)}}@layer base{body{min-width:20rem;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 8% 14%, #778b733d, transparent 23rem), radial-gradient(circle at 94% 34%, #caa66a40, transparent 28rem), linear-gradient(145deg, var(--paper-light), var(--paper) 58%, #d8d4b9);font-family:var(--font-body);text-rendering:optimizelegibility;flex-direction:column;line-height:1.65;display:flex;overflow-x:clip}main{flex:1}body:before{z-index:20;pointer-events:none;content:"";opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;font-weight:600;line-height:1.1}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:.08em}:focus-visible{outline:3px solid var(--tobacco);outline-offset:4px}::selection{color:var(--paper-light);background:var(--sage-800)}.shell{width:min(calc(100% - 2rem), var(--shell));margin-inline:auto}.skip-link{z-index:100;color:var(--paper-light);background:var(--sage-900);padding:.6rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transition:opacity .56s var(--ease-out) var(--reveal-delay,0s), transform .56s var(--ease-out) var(--reveal-delay,0s);transform:translateY(.7rem)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}}@layer components{.site-header{z-index:5;border-bottom:1px solid var(--line);position:relative}.header-inner{justify-content:center;align-items:center;min-height:4.75rem;display:flex}.nav-list{gap:clamp(1.4rem,4vw,3.5rem);list-style:none;display:flex}.nav-list a{min-height:2.75rem;color:var(--muted);align-items:center;font-size:.82rem;font-weight:650;text-decoration:none;display:inline-flex;position:relative}.nav-list a:after{content:"";background:linear-gradient(90deg, var(--sage-700), var(--gold));transform-origin:0;height:.18rem;transition:transform .18s var(--ease-out);position:absolute;bottom:.25rem;left:0;right:0;transform:scaleX(0)}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--ink)}.nav-list a:hover:after,.nav-list a[aria-current=page]:after{transform:scaleX(1)}.site-footer{padding-block:var(--space-10);border-top:1px solid var(--line)}.footer-inner{justify-content:center;display:flex}.footer-inner a{min-height:2.75rem;color:var(--sage-800);font-family:var(--font-small);letter-spacing:.04em;align-items:center;font-size:.72rem;text-decoration:none;display:inline-flex}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-8);padding-block:clamp(3.5rem, 7vw, 5.5rem) var(--space-8);display:flex}.page-heading h1{font-size:clamp(2.3rem,5vw,3.5rem)}.page-heading>span{color:var(--muted);font-size:.8rem}.gallery-coming-soon{min-height:62svh;padding-block:var(--space-16)}.gallery-coming-soon>span{color:var(--sage-700);font-family:var(--font-display);font-size:clamp(1.25rem,2.6vw,2rem)}.gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(1rem,2.4vw,2rem);display:grid}.gallery-card{grid-column:span 6}.gallery-card.portrait{grid-column:span 4}.gallery-button{border:.42rem solid var(--paper-light);cursor:zoom-in;background:0 0;width:100%;padding:0;overflow:hidden;box-shadow:8px 10px #2e493d24}.gallery-card img{aspect-ratio:11/8;object-fit:cover;filter:saturate(.82)contrast(.98);transition:filter .3s ease, transform .45s var(--ease-out)}.gallery-card.portrait img{aspect-ratio:4/5}.gallery-button:hover img{filter:saturate()contrast();transform:scale(1.018)}.gallery-card figcaption{padding:var(--space-3) 0 var(--space-2)}.gallery-card h3{font-size:1.25rem}.gallery-card figcaption p{margin-top:var(--space-1);color:var(--muted);font-size:.85rem}.gallery-lightbox{width:min(92vw,70rem);max-height:92vh;color:var(--paper-light);background:var(--sage-900);border:0;padding:1rem;box-shadow:0 2rem 6rem #11191580}.gallery-lightbox::backdrop{backdrop-filter:blur(6px);background:#141d19bd}.gallery-lightbox img{object-fit:contain;max-height:80vh}.gallery-lightbox p{padding-top:var(--space-3);font-family:var(--font-display);font-size:1.2rem}.lightbox-close{z-index:2;width:2.75rem;height:2.75rem;color:var(--paper-light);background:var(--sage-900);cursor:pointer;border:1px solid #f0ead980;place-items:center;font-size:1.5rem;display:grid;position:absolute;top:1.5rem;right:1.5rem}}@layer pages{.about{grid-template-columns:minmax(13rem,18rem) minmax(0,38rem);justify-content:center;align-items:center;gap:clamp(2.5rem,7vw,7rem);min-height:38rem;padding-block:clamp(4rem,9vw,7rem);display:grid}.about-photo{background:var(--paper-light);padding:.65rem;position:relative;transform:rotate(-1.2deg);box-shadow:9px 11px #2e493d29}.about-photo img{aspect-ratio:4/5;object-fit:cover;object-position:30% center;filter:saturate(.86)sepia(.04)}.about-copy h1{margin-bottom:var(--space-6);color:var(--sage-800);font-size:clamp(2.2rem,4.5vw,3.2rem)}.about-copy p{color:#4c574f;max-width:39rem;font-size:clamp(1rem,1.5vw,1.12rem)}.about-copy p+p{margin-top:var(--space-4)}.projects{background:radial-gradient(circle at 15% 0%, #caa66a94, transparent 28rem), radial-gradient(circle at 95% 58%, #d7926e61, transparent 30rem), linear-gradient(145deg, var(--sage-900), #3e5b4e 54%, #77876e);padding-block:clamp(4rem,8vw,7rem);position:relative;overflow:hidden}.projects:before{content:"";background:linear-gradient(145deg,#0000 44%,#caa66a2e 44%);width:34rem;height:34rem;position:absolute;top:0;right:-12rem;transform:rotate(12deg)}.simple-heading{margin-bottom:var(--space-10)}.simple-heading h2{color:var(--paper-light);font-size:clamp(2rem,4vw,3.1rem)}.project-list{gap:var(--space-6);display:grid}.project-row{z-index:1;border:1px solid #f0ead92e;grid-template-columns:minmax(9rem,.5fr) minmax(17rem,1fr) minmax(18rem,.9fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:19rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid;position:relative}.project-row.tone-sage{background:linear-gradient(120deg,#1f372deb,#506f5bb8)}.project-row.tone-gold{background:linear-gradient(120deg,#465e4ce6,#ac874da8)}.project-row.tone-dusk{background:linear-gradient(120deg,#262f44eb,#576456c2)}.project-note{min-height:9.5rem;padding:var(--space-5);color:var(--ink);transition:transform .22s var(--ease-out);background:linear-gradient(150deg,#e1cb8f,#caa66a);align-content:center;display:grid;transform:rotate(-2deg);box-shadow:6px 7px #19261f47}.project-row:nth-child(2n) .project-note{background:linear-gradient(150deg,#edc3a8,#d7926e);transform:rotate(1.5deg)}.project-row:hover .project-note{transform:rotate(0)translateY(-3px)}.project-note span,.project-note small{font-family:var(--font-small);letter-spacing:.04em;font-size:.58rem}.project-note strong{margin-block:var(--space-3);font-family:var(--font-display);font-size:1.55rem;line-height:1.05}.project-note a{align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex}.project-copy{color:var(--paper-light)}.project-copy h3{color:var(--paper-light);font-size:clamp(1.55rem,2.5vw,2.15rem)}.project-copy p{max-width:34rem;margin-top:var(--space-4);color:#f0ead9c7;font-size:.94rem}.project-media{min-height:15.5rem;position:relative}.project-frame{border:.4rem solid #f0ead9c7;height:100%;overflow:hidden;box-shadow:7px 8px #14211b3d}.project-frame img,.project-frame video{aspect-ratio:9/6.2;object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out);display:block}.project-row:hover .project-frame img,.project-row:hover .project-frame video{transform:scale(1.025)}.project-media-strip .project-frame{transition:transform .32s var(--ease-out), box-shadow .32s var(--ease-out);position:absolute}.project-media-strip .project-frame-1{inset:0 21% 8% 0;transform:rotate(-1.4deg)}.project-media-strip .project-frame-2{width:48%;height:52%;bottom:0;right:0;transform:rotate(2.5deg)}.project-row:hover .project-media-strip .project-frame-1{transform:rotate(-.5deg)translateY(-2px)}.project-row:hover .project-media-strip .project-frame-2{transform:rotate(1deg)translate(2px,-3px)}.notes-list,.contact-sheet{padding-bottom:clamp(5rem,10vw,8rem)}.writing-card{gap:var(--space-6);padding-block:var(--space-7,1.75rem);border-top:1px solid var(--line);grid-template-columns:3rem minmax(0,1fr) auto;display:grid}.writing-card:last-child{border-bottom:1px solid var(--line)}.writing-card:only-child{align-items:center;min-height:clamp(18rem,43svh,30rem)}.note-index,.writing-meta,.writing-status{color:var(--sage-700);font-family:var(--font-small);letter-spacing:.05em;text-transform:uppercase;font-size:.62rem}.writing-copy h2{margin-top:var(--space-2);color:var(--sage-900);font-size:clamp(1.55rem,3vw,2.25rem)}.writing-copy>p:last-child{max-width:44rem;margin-top:var(--space-3);color:var(--muted)}.writing-status{white-space:nowrap}.contact-sheet{position:relative}.contact-sheet:before{z-index:-1;content:"";background:linear-gradient(100deg,#778b732e,#caa66a33);width:100vw;height:60%;position:absolute;top:14%;left:50%;transform:translate(-50%)skewY(-3deg)}.full-gallery .gallery-card:nth-child(4n+1){transform:rotate(-.6deg)}.full-gallery .gallery-card:nth-child(4n+2){margin-top:var(--space-16);transform:rotate(.5deg)}.full-gallery .gallery-card:nth-child(4n+3){margin-top:var(--space-5);transform:rotate(-.35deg)}.resume-intro{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:end;gap:clamp(3rem,8vw,7rem);padding-block:clamp(4rem,8vw,7rem);display:grid}.resume-intro-copy h1{color:var(--sage-900);font-size:clamp(2.6rem,5vw,3.55rem)}.resume-intro-copy>p{max-width:38rem;margin-top:var(--space-5);color:var(--muted);font-size:clamp(1rem,1.5vw,1.12rem)}.resume-actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.resume-actions a{min-height:2.75rem;padding-inline:var(--space-4);color:var(--sage-800);border:1px solid var(--sage-700);transition:color .18s ease, background .18s ease, transform .18s var(--ease-out);align-items:center;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.resume-actions a:hover{transform:translateY(-2px)}.resume-actions .resume-primary-action{color:var(--paper-light);background:var(--sage-800)}.resume-glance{border-top:1px solid var(--line);margin:0;padding:0}.resume-glance div{padding-block:var(--space-4);border-bottom:1px solid var(--line)}.resume-glance dt{color:var(--sage-700);font-family:var(--font-small);letter-spacing:.05em;text-transform:uppercase;font-size:.62rem}.resume-glance dd{margin:var(--space-1) 0 0;color:var(--ink);font-family:var(--font-display);font-size:1.12rem;line-height:1.3}.resume-sheet{background:radial-gradient(circle at 10% 8%, #caa66a7a, transparent 20rem), linear-gradient(140deg, var(--sage-900), #476453 62%, #75816d);place-items:center;width:min(100% - 2rem,68rem);margin-bottom:clamp(5rem,10vw,8rem);padding:clamp(2.5rem,6vw,5rem);display:grid;position:relative;box-shadow:0 1.4rem 3.5rem #20352d29}.resume-sheet:after{color:#f0ead99e;content:"benperkins.me";font-family:var(--font-small);letter-spacing:.06em;font-size:.58rem;position:absolute;bottom:1rem;right:1.2rem}.resume-preview{width:min(100%,48rem);transition:transform .3s var(--ease-out);background:#fff;display:block;transform:rotate(-.35deg);box-shadow:.8rem 1rem #111f193b,0 2rem 4rem #111f192e}.resume-preview:hover{transform:rotate(0)translateY(-3px)}.resume-tape{z-index:2;pointer-events:none;background:#e2ce92b8;width:7.5rem;height:2rem;position:absolute;top:clamp(1.5rem,4vw,3rem);left:50%;transform:translate(-50%,-45%)rotate(-1.5deg);box-shadow:0 2px 3px #19261f14}.home-two{isolation:isolate;background:radial-gradient(circle at 82% 8%,#caa66a52,#0000 28rem),radial-gradient(circle at 8% 42%,#d7926e3b,#0000 32rem),radial-gradient(circle at 92% 68%,#252c436b,#0000 38rem),linear-gradient(#f0ead9 0%,#dce0c9 20%,#8da083 42%,#506b5d 67%,#35434e 84%,#20273a 100%);position:relative;overflow:clip}.home-two-page{background:#20273a}.home-two-page .site-header{background:radial-gradient(circle at 16% 0,#778b731f,#0000 18rem),#f0ead9f0}.home-two-page .site-footer{color:var(--paper-light);background:#20273a;border-top-color:#f0ead91f}.home-two-page .footer-inner a{color:#f0ead9a8}.home-two:before{z-index:-1;content:"";filter:blur(2px);background:#e2bf7c24;border-radius:44% 56% 62% 38%/53% 38% 62% 47%;width:42rem;height:42rem;animation:28s ease-in-out infinite alternate ambient-shape-drift;position:absolute;inset:13rem -18rem auto auto;transform:rotate(18deg)}.home-two>section{z-index:1;position:relative}.home-two-ambience{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient-light{filter:blur(10px);will-change:transform;border-radius:50%;display:block;position:absolute}.ambient-light-one{background:radial-gradient(circle,#deb76f33,#0000 67%);width:34rem;height:34rem;animation:24s ease-in-out infinite alternate ambient-light-one;top:4%;right:-10rem}.ambient-light-two{background:radial-gradient(circle,#d7926e26,#0000 67%);width:38rem;height:38rem;animation:31s ease-in-out infinite alternate ambient-light-two;top:39%;left:-15rem}.ambient-light-three{background:radial-gradient(circle,#71799f2b,#0000 68%);width:42rem;height:42rem;animation:36s ease-in-out infinite alternate ambient-light-three;bottom:6%;right:-13rem}.home-two-about{isolation:isolate;grid-template-columns:minmax(13rem,19rem) minmax(0,39rem);justify-content:center;align-items:center;gap:clamp(3rem,8vw,8rem);min-height:38rem;padding-block:clamp(4.5rem,8vw,6.5rem);display:grid;position:relative}.home-two-portrait{z-index:1;isolation:isolate;width:100%;position:relative}.portrait-window{z-index:-2;pointer-events:none;filter:blur(3px);background:linear-gradient(#f0ead99e,#caa66a24 62%,#0000);border-radius:1.8rem;display:block;position:absolute}.portrait-window-one{opacity:.78;width:23%;animation:18s ease-in-out infinite alternate portrait-window-one;inset:-12% auto -8% -9%;transform:rotate(-5deg)}.portrait-window-two{opacity:.54;width:17%;animation:23s ease-in-out infinite alternate portrait-window-two;inset:-8% 9% 1% auto;transform:rotate(3deg)}.portrait-window-three{opacity:.58;background:linear-gradient(#e2bf7c8a,#d7926e29 66%,#0000);width:29%;animation:20s ease-in-out infinite alternate portrait-window-three;inset:7% -11% -13% auto;transform:rotate(6deg)}.home-two-portrait img{z-index:1;aspect-ratio:4/5;object-fit:cover;object-position:30% center;filter:saturate(.88)sepia(.03);border-radius:2.3rem 1.4rem 2.1rem 1.7rem/1.7rem 2.2rem 1.6rem 2.3rem;position:relative;box-shadow:.9rem 1.2rem 2.5rem #20352d30,0 0 0 1px #f0ead93d}.home-two-about-copy h1{color:var(--sage-900);font-size:clamp(2.4rem,4.5vw,3.4rem);display:inline-block;position:relative}.home-two-about-copy h1:after{z-index:-1;content:"";opacity:.68;transform-origin:0;background:linear-gradient(90deg,#caa66ab3,#d7926e40);border-radius:67% 33% 58% 42%/52% 44% 56% 48%;height:.55rem;position:absolute;bottom:-.18rem;left:18%;right:-1.6rem;transform:rotate(-1.6deg)}.home-two-about-copy p{max-width:39rem;margin-top:var(--space-4);color:#46554b;font-size:clamp(1rem,1.5vw,1.12rem)}.work-transition{z-index:2;height:165vh;position:relative}.work-transition-sticky{--lead-opacity:.35;--main-opacity:0;--title-y:1.25rem;--thread-one:0;--thread-two:0;--thread-three:0;--node-opacity:0;--bloom-opacity:.18;--bloom-scale:.82;isolation:isolate;background:0 0;place-items:center;height:100svh;min-height:38rem;display:grid;position:sticky;top:0;overflow:hidden}.work-transition-drawing{z-index:0;pointer-events:none;position:absolute;inset:6% 0}.work-transition-drawing svg{width:100%;height:100%;position:absolute;inset:0}.work-thread{fill:none;stroke-linecap:round;stroke-width:2px;stroke-dasharray:1;vector-effect:non-scaling-stroke}.work-thread-one{stroke:#f0ead96b;stroke-dashoffset:calc(1 - var(--thread-one))}.work-thread-two{stroke:#e2bf7c61;stroke-dashoffset:calc(1 - var(--thread-two))}.work-thread-three{stroke:#20352d57;stroke-dashoffset:calc(1 - var(--thread-three))}.work-thread-nodes{fill:#f0ead9b3;opacity:var(--node-opacity)}.work-transition-bloom{aspect-ratio:1;filter:blur(8px);width:min(46vw,36rem);opacity:var(--bloom-opacity);transform:translate(-50%, -50%) scale(var(--bloom-scale)) rotate(-8deg);will-change:transform, opacity;background:radial-gradient(circle at 42% 38%,#f0ead94d,#0000 46%),radial-gradient(circle at 64% 62%,#e2bf7c26,#0000 58%);border-radius:46% 54% 58% 42%/51% 44% 56% 49%;position:absolute;top:50%;left:50%}.work-transition-title{z-index:1;color:#f0ead9eb;pointer-events:none;text-align:center;text-shadow:0 .35rem 1.8rem #20352d21;transform:translateY(var(--title-y));justify-items:center;display:grid;position:relative}.work-transition-lead{font-family:var(--font-body);letter-spacing:.025em;opacity:var(--lead-opacity);font-size:clamp(.9rem,1.4vw,1.08rem);font-weight:500}.work-transition-main{font-family:var(--font-display);letter-spacing:-.045em;opacity:var(--main-opacity);font-size:clamp(3.7rem,8.5vw,7.2rem);font-weight:400;line-height:.92}.home-two-work{z-index:3;padding-block:clamp(2rem,5vw,4rem) clamp(9rem,16vw,14rem);position:relative}.project-story-list{gap:clamp(7rem,13vw,12rem);display:grid}.project-story{color:var(--paper-light);position:relative}.project-story:before{z-index:-1;pointer-events:none;content:"";opacity:.58;filter:blur(8px);border-radius:50%;position:absolute;inset:-4rem -8rem}.project-story-sage:before{background:radial-gradient(#20352da3,#0000 67%)}.project-story-gold:before{background:radial-gradient(#8e703e80,#0000 68%)}.project-story-dusk:before{background:radial-gradient(#252c43a3,#0000 68%)}.project-story-main{grid-template-columns:minmax(10rem,.42fr) minmax(18rem,1fr) minmax(18rem,.9fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.project-scrap{width:min(100%,11rem);min-height:8.8rem;color:var(--ink);background:linear-gradient(145deg,#ebd59af7,#caa66aeb);border-radius:.95rem .7rem 1.05rem .82rem;align-content:center;place-self:center;padding:1.35rem 1.5rem;display:grid;position:relative;transform:rotate(-2.2deg);box-shadow:.55rem .7rem 1.2rem #19261f2e,inset 0 0 2rem #fff6d438}.project-story:nth-child(2n) .project-scrap{background:linear-gradient(145deg,#efc4a9f5,#d7926ee6);transform:rotate(1.4deg)}.project-scrap{transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out)}.project-story:hover .project-scrap{transform:rotate(-1deg)translateY(-.2rem);box-shadow:.75rem .95rem 1.5rem #19261f33,inset 0 0 2rem #fff6d447}.project-story:nth-child(2n):hover .project-scrap{transform:rotate(.7deg)translateY(-.2rem)}.project-scrap:before{content:"";background:#ede1baa8;width:3.8rem;height:1rem;position:absolute;top:-.48rem;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 2px 4px #37312414}.project-scrap span,.project-scrap small{font-family:var(--font-small);letter-spacing:.035em;font-size:.57rem}.project-scrap h3{margin-block:var(--space-3);font-size:1.45rem}.project-scrap a{align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex}.project-story-copy h4{max-width:34rem;color:var(--paper-light);font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(1.65rem,2.8vw,2.35rem);font-weight:600;line-height:1.1}.project-story-copy{align-self:center}.project-story-copy>p{max-width:35rem;margin-top:var(--space-4);color:#f0ead9d1;font-size:.96rem}.project-story-visual{border-radius:1.35rem;align-self:center;position:relative;overflow:hidden;transform:translateY(-.3rem);box-shadow:.9rem 1.2rem 2rem #18251f40}.project-story:nth-child(2n) .project-story-visual{border-radius:1.35rem;transform:translateY(.3rem)}.project-story-visual img,.project-story-visual video{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .55s var(--ease-out);display:block}.project-story:hover .project-story-visual img,.project-story:hover .project-story-visual video{transform:scale(1.02)}.project-more{margin-top:calc(var(--space-4) * -1);grid-column:2/-1}.project-more summary{min-height:2.75rem;color:var(--sage-900);cursor:pointer;transition:background .18s ease, transform .18s var(--ease-out);background:#f0ead9e0;border-radius:999px;align-items:center;padding-inline:1.1rem;font-size:.78rem;font-weight:700;list-style:none;display:inline-flex}.project-more summary::-webkit-details-marker{display:none}.project-more summary:after{margin-left:var(--space-3);content:"+";font-size:1rem}.project-more[open] summary:after{content:"−"}.project-more summary:hover{background:var(--paper-light);transform:translateY(-2px)}.project-more-body{width:100%;margin-top:var(--space-5);color:var(--paper-light);padding:clamp(1.5rem,4vw,3rem) 0 0}.project-more[open] .project-more-body{animation:project-story-unfold .42s var(--ease-out) both}.project-more-body>p{max-width:48rem;font-family:var(--font-display);font-size:clamp(1.12rem,2vw,1.4rem);line-height:1.45}.project-website-link{margin-top:var(--space-3);color:#f0ead9c7;text-underline-offset:.28rem;font-size:.78rem;font-weight:650;text-decoration-color:#e2bf7ca8;text-decoration-thickness:1px;display:inline-flex}.project-website-link:hover{color:var(--paper-light)}.project-more-body ul{gap:var(--space-3);max-width:52rem;margin-top:var(--space-5);color:#f0ead9d6;padding-left:1.2rem;font-size:.9rem;display:grid}.project-related-link{min-height:2.75rem;margin-top:var(--space-5);color:var(--paper-light);align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.project-inline-gallery{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;margin-top:var(--space-8);grid-auto-rows:clamp(7.5rem,11vw,10rem);gap:clamp(.65rem,1.5vw,1.1rem);display:grid}.project-inline-frame{border-radius:1rem;grid-area:span 1/span 4;overflow:hidden;box-shadow:.45rem .6rem 1.2rem #131f1a33}.project-inline-frame:first-child{grid-area:span 2/span 8}.project-inline-frame:nth-child(2),.project-inline-frame:nth-child(3){grid-area:span 1/span 4}.project-inline-frame img,.project-inline-frame video{object-fit:cover;width:100%;height:100%;display:block}.essay{width:min(100% - 2rem,48rem);padding-block:clamp(4rem,8vw,7rem) clamp(6rem,12vw,10rem)}.essay-back{min-height:2.75rem;color:var(--sage-700);align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.essay header{margin-top:var(--space-8)}.essay header>p{color:var(--sage-700);font-family:var(--font-small);letter-spacing:.05em;text-transform:uppercase;font-size:.66rem}.essay h1{max-width:45rem;margin-top:var(--space-3);color:var(--sage-900);font-size:clamp(2.3rem,5vw,3.8rem)}.essay-body{max-width:42rem;margin-top:var(--space-10)}.essay-body p{color:#48564d;font-size:1.05rem}.essay-body p+p,.essay-body h2{margin-top:var(--space-6)}.essay-body h2{color:var(--sage-900);font-size:1.7rem}.photo-essay{width:min(100% - 2rem,68rem)}.photo-essay .essay-header{max-width:51rem}.essay header>.essay-dek{max-width:40rem;margin-top:var(--space-5);color:#536158;font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.45}.essay-details{gap:var(--space-2);margin-top:var(--space-5);color:var(--sage-700);font-family:var(--font-small);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;font-size:.66rem;display:flex}.photo-essay .essay-body{max-width:none}.essay-copy{max-width:42rem}.essay-lede{font-family:var(--font-display);line-height:1.55;color:var(--sage-900)!important;font-size:clamp(1.2rem,2vw,1.4rem)!important}.essay-pull-quote{padding:var(--space-5) 0 var(--space-5) var(--space-6);border-left:.25rem solid var(--gold);font-family:var(--font-display);line-height:1.45;color:var(--sage-800)!important;font-size:clamp(1.25rem,2.4vw,1.6rem)!important}.essay-feature-photo{width:min(100%,59rem);margin-block:clamp(3rem,7vw,5.5rem)}.essay-feature-photo-portrait{width:min(100%,34rem);margin-left:clamp(0rem,7vw,5rem)}.essay-feature-photo img{background:var(--paper-deep);border:.55rem solid #f0ead9db;box-shadow:.75rem .9rem #2e493d21,0 1.5rem 3rem #20352d1f}.essay-feature-photo-portrait img{aspect-ratio:3/4;object-fit:cover}.essay-feature-photo figcaption{margin-top:var(--space-3);color:var(--muted);font-family:var(--font-small);letter-spacing:.025em;font-size:.66rem}.essay-learning-grid{grid-template-columns:minmax(0,42rem) minmax(15rem,1fr);align-items:start;gap:clamp(2rem,5vw,4rem);max-width:65rem;margin-block:clamp(3rem,7vw,5rem);display:grid}.essay-learning-copy p{color:#48564d;font-size:1.05rem}.essay-learning-copy p+p{margin-top:var(--space-6)}.exposure-note{background:linear-gradient(#ebdcadd6, #e2c784db), var(--gold);padding:clamp(1.4rem,3vw,2rem);position:relative;transform:rotate(.65deg);box-shadow:.6rem .75rem #2e493d29,inset 0 0 2rem #fff8db42}.exposure-note:before{content:"";background:#efe4beb8;width:5rem;height:1.2rem;position:absolute;top:-.6rem;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 2px 4px #37312414}.exposure-note-label{font-family:var(--font-small);letter-spacing:.05em;text-transform:uppercase;color:var(--sage-800)!important;font-size:.6rem!important}.exposure-note h2{margin-top:var(--space-2);font-size:1.55rem}.exposure-note dl{margin:var(--space-5) 0 0}.exposure-note dl>div{padding-block:var(--space-4);border-top:1px solid #23302933}.exposure-note dt{color:var(--sage-900);font-family:var(--font-small);letter-spacing:.05em;text-transform:uppercase;font-size:.66rem;font-weight:700}.exposure-note dd{margin:var(--space-2) 0 0;color:#3f4c44;font-size:.88rem;line-height:1.55}.essay-film-section{margin-block:clamp(4rem,9vw,7rem)}.essay-section-heading{max-width:42rem;margin-bottom:var(--space-8)}.essay-section-heading>p{color:var(--sage-700);font-family:var(--font-small);letter-spacing:.05em;text-transform:uppercase;font-size:.62rem}.essay-section-heading h2{margin-top:var(--space-2);font-size:clamp(1.8rem,3.5vw,2.5rem)}.essay-section-heading>.essay-section-intro{max-width:40rem;margin-top:var(--space-4);color:var(--muted);letter-spacing:normal;text-transform:none;font-family:inherit;font-size:1rem;line-height:1.65}.essay-photo-grid{gap:clamp(1.25rem,3vw,2.5rem);display:grid}.essay-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.essay-photo-grid .gallery-card,.essay-photo-grid .gallery-card.portrait{grid-column:auto;margin:0;transform:none}.essay-photo-grid .gallery-button{border-width:.35rem;box-shadow:.55rem .7rem #2e493d1f}.essay-photo-grid .gallery-card img{aspect-ratio:3/2}.essay-photo-grid .gallery-card h3{font-size:1.1rem}.essay-photo-grid .gallery-card figcaption p{margin-top:0;font-size:.78rem}.essay-digital-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.essay-digital-grid .gallery-card{grid-column:span 2}.essay-digital-grid .gallery-card:first-child,.essay-digital-grid .gallery-card:nth-child(7){grid-column:span 4}.essay-digital-grid .gallery-card img{aspect-ratio:4/3}.essay-reader-question{background:radial-gradient(circle at 100% 0%, #caa66a40, transparent 17rem), var(--sage-800);font-family:var(--font-display);padding:clamp(1.5rem,4vw,2.25rem);line-height:1.45;box-shadow:.65rem .8rem #20352d21;color:var(--paper-light)!important;margin-block:clamp(2.5rem,6vw,4rem)!important;font-size:clamp(1.25rem,2.5vw,1.65rem)!important}.journal-essay-page{color:#303544;background:#eee7d7}.journal-essay-page main{isolation:isolate;background:radial-gradient(circle at 88% 7%,#caa66a45,#0000 27rem),radial-gradient(circle at 6% 28%,#d7926e29,#0000 31rem),radial-gradient(circle at 92% 68%,#71799f24,#0000 35rem),linear-gradient(#f1ebdc 0%,#e9e2d2 54%,#ece6da 100%);position:relative;overflow:hidden}.journal-essay-ambience{z-index:-1;pointer-events:none;position:absolute;inset:0}.journal-essay-ambience span{border:1px solid #7568591f;border-radius:48% 52% 42% 58%/58% 44% 56% 42%;display:block;position:absolute}.journal-essay-ambience span:first-child{width:32rem;height:32rem;top:8rem;right:-12rem;transform:rotate(18deg)}.journal-essay-ambience span:nth-child(2){border-color:#caa66a29;width:38rem;height:38rem;top:37%;left:-17rem;transform:rotate(-14deg)}.journal-essay-ambience span:nth-child(3){border-color:#71799f21;width:42rem;height:42rem;bottom:9%;right:-15rem;transform:rotate(28deg)}.journal-essay-page .photo-essay{z-index:1;padding-top:clamp(2.5rem,5vw,4.5rem);position:relative}.essay-topline{justify-content:space-between;align-items:center;gap:var(--space-4);color:#696777;max-width:51rem;font-family:var(--font-small);letter-spacing:.055em;text-transform:uppercase;margin-inline:auto;font-size:.63rem;display:flex}.journal-essay-page .essay-back{color:#565f72}.journal-essay-page .essay-header{text-align:center;max-width:55rem;margin-inline:auto}.journal-essay-page .essay header>p{color:#737185}.journal-essay-page .essay h1{max-width:55rem;color:var(--night);font-size:clamp(3rem,7.4vw,5.7rem);line-height:.98;display:inline-block;position:relative}.journal-essay-page .essay h1:after{z-index:-1;content:"";background:linear-gradient(90deg,#caa66ab8,#d7926e3d);border-radius:67% 33% 58% 42%/52% 44% 56% 48%;height:clamp(.45rem,1vw,.75rem);position:absolute;bottom:-.22rem;left:16%;right:7%;transform:rotate(-1.2deg)}.journal-essay-page .essay header>.essay-dek{color:#585c68;margin-inline:auto}.journal-essay-page .essay-details{color:#737185;justify-content:center}.journal-essay-page .essay-copy{max-width:43rem;margin-inline:auto}.journal-essay-page .essay-body{margin-top:clamp(3.5rem,7vw,6rem)}.journal-essay-page .essay-body p,.journal-essay-page .essay-learning-copy p{color:#4e525b;word-spacing:.12em;font-size:clamp(1.05rem,1.45vw,1.12rem);line-height:1.78}.journal-essay-page .essay-body p+p{margin-top:1.7rem}.journal-essay-page .essay-lede{text-align:center;line-height:1.58;color:#303747!important;font-size:clamp(1.3rem,2.25vw,1.58rem)!important}.journal-essay-page .essay-copy>h2{width:fit-content;max-width:36rem;margin:clamp(4.5rem, 9vw, 7rem) auto var(--space-6);color:#303747;text-align:center;font-size:clamp(1.8rem,3.5vw,2.55rem);line-height:1.12;position:relative}.journal-essay-page .essay-copy>h2:after{width:4rem;height:.22rem;margin:var(--space-4) auto 0;content:"";background:linear-gradient(90deg, var(--gold), #d7926e8a);border-radius:999px;display:block}.journal-essay-page .essay-pull-quote{padding:clamp(2rem, 5vw, 3.25rem) var(--space-4);border-block:1px solid #98583d4d;text-align:center;border-left:0;margin-block:clamp(3.5rem,7vw,5rem);color:#394052!important}.journal-essay-page .essay-feature-photo,.journal-essay-page .essay-feature-photo-portrait{margin-inline:auto}.journal-essay-page .essay-feature-photo img{border-color:#f8f4eaeb;border-radius:1.25rem;box-shadow:.75rem .9rem #71799f1f,0 1.5rem 3rem #252c4321}.journal-essay-page .essay-learning-grid{margin-inline:auto}.journal-essay-page .exposure-note{box-shadow:.6rem .75rem #98583d1c,inset 0 0 2rem #fff8db42}.journal-essay-page .exposure-note-label,.journal-essay-page .exposure-note dt,.journal-essay-page .exposure-note h2{color:#394052!important}.journal-essay-page .exposure-note dd{color:#50515a;word-spacing:.12em}.journal-essay-page .essay-section-heading{text-align:center;margin-inline:auto}.journal-essay-page .essay-section-heading>p{color:#737185}.journal-essay-page .essay-section-heading h2{color:#303747;font-size:clamp(2.1rem,4.5vw,3.35rem)}.journal-essay-page .essay-section-heading>.essay-section-intro{color:#5b5d67;margin-inline:auto}.journal-essay-page .essay-photo-grid{align-items:stretch}.journal-essay-page .essay-photo-grid .gallery-card{align-self:stretch}.journal-essay-page .essay-photo-grid .gallery-button{border:.45rem solid #f8f4eaeb;border-radius:1.15rem;height:100%;box-shadow:.55rem .7rem #71799f1c,0 1rem 2rem #252c4317}.journal-essay-page .essay-photo-grid .gallery-card img,.journal-essay-page .essay-photo-grid .gallery-button:hover img{filter:none;height:100%}.journal-essay-page .essay-film-grid{gap:clamp(1.5rem,3.5vw,3rem)}.journal-essay-page .essay-disposable-section{background:radial-gradient(circle at 12% 18%,#d7926e1a,#0000 22rem),#caa66a14;border-block:1px solid #98583d2e;padding:clamp(3rem,7vw,5.5rem) clamp(1rem,4vw,3rem);position:relative}.journal-essay-page .essay-disposable-section:before{content:"";background:#e6d3a3c2;width:clamp(5rem,10vw,7rem);height:1.1rem;position:absolute;top:-.55rem;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:0 2px 4px #37312412}.journal-essay-page .essay-digital-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3.5vw,3rem)}.journal-essay-page .essay-digital-grid .gallery-card,.journal-essay-page .essay-digital-grid .gallery-card:nth-child(7){grid-column:auto}.journal-essay-page .essay-digital-grid .gallery-card:first-child,.journal-essay-page .essay-digital-grid .gallery-card:nth-child(10){grid-column:1/-1}.journal-essay-page .essay-reader-question{max-width:40rem;padding:clamp(2rem, 5vw, 3rem) var(--space-4);box-shadow:none;text-align:center;background:0 0;border-block:1px solid #caa66aa6;color:#303747!important;margin-inline:auto!important}.journal-essay-page .essay-closing-questions{border-block:1px solid #caa66aa6;max-width:40rem;margin:clamp(2.5rem,6vw,4.5rem) auto 0;padding-block:clamp(2rem,5vw,3.5rem)}.journal-essay-page .essay-closing-questions p{color:#303747;font-family:var(--font-display);text-align:center;word-spacing:normal;font-size:clamp(1.45rem,3vw,2rem);line-height:1.4}.journal-essay-page .essay-closing-questions p+p{margin-top:var(--space-3)}.essay-related-note{gap:var(--space-2);text-align:center;background:#f8f4ea8a;border:1px solid #252c4321;border-radius:1rem;max-width:43rem;margin:clamp(4.5rem,9vw,7rem) auto 0;padding:clamp(1.5rem,4vw,2.25rem);display:grid;box-shadow:.45rem .55rem #71799f14}.essay-related-note span{color:#737185;font-family:var(--font-small);letter-spacing:.05em;text-transform:uppercase;font-size:.62rem}.essay-related-note a{color:#303747;font-family:var(--font-display);text-underline-offset:.22em;font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:700;text-decoration-color:#caa66abf}.journal-essay-page .site-footer{background:#ece6da;border-top-color:#252c431f}.journal-essay-page .footer-inner a{color:#70717a}.journal-essay-page .gallery-lightbox,.journal-essay-page .lightbox-close{background:var(--night)}.journal-essay-page .gallery-lightbox::backdrop{background:#1c1f2cc7}@keyframes ambient-shape-drift{0%{transform:rotate(18deg)translate(0,0)}to{transform:rotate(24deg)translate(-3rem,4rem)}}@keyframes ambient-light-one{0%{transform:translate(0,0)scale(.96)}to{transform:translate(-6rem,5rem)scale(1.08)}}@keyframes ambient-light-two{0%{transform:translate(0,0)scale(.94)}to{transform:translate(7rem,-4rem)scale(1.06)}}@keyframes ambient-light-three{0%{transform:translate(0,0)scale(1)}to{transform:translate(-8rem,-5rem)scale(1.1)}}@keyframes portrait-window-one{0%{transform:rotate(-5deg)translateY(0)}to{transform:rotate(-2deg)translateY(1.4rem)}}@keyframes portrait-window-two{0%{transform:rotate(3deg)translateY(0)}to{transform:rotate(1deg)translateY(-1.1rem)}}@keyframes portrait-window-three{0%{transform:rotate(6deg)translateY(0)}to{transform:rotate(3deg)translateY(1.25rem)}}@keyframes project-story-unfold{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}}@layer responsive{@media (width<=58rem){.about{gap:var(--space-10);grid-template-columns:minmax(11rem,15rem) minmax(0,1fr)}.project-row{grid-template-columns:10rem 1fr}.project-media{grid-column:1/-1;min-height:23rem}.resume-intro{gap:var(--space-12)}.home-two-about{gap:var(--space-10);grid-template-columns:minmax(11rem,15rem) minmax(0,1fr)}.project-story-main{grid-template-columns:10rem minmax(0,1fr)}.project-story-visual{grid-column:1/-1;width:min(100%,38rem);margin-inline:auto}.project-more-body{width:min(100%,100vw - 3rem)}.essay-learning-grid{grid-template-columns:1fr;max-width:42rem}.essay-digital-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.essay-digital-grid .gallery-card,.essay-digital-grid .gallery-card:first-child,.essay-digital-grid .gallery-card:nth-child(7){grid-column:auto}.exposure-note{width:min(100%,30rem);transform:rotate(.35deg)}}@media (width<=42rem){.shell{width:min(calc(100% - 1.25rem), var(--shell))}.header-inner{justify-content:flex-start;overflow-x:auto}.nav-list{justify-content:space-between;gap:var(--space-6);width:100%;min-width:max-content}.nav-list a{font-size:.76rem}.about{min-height:auto;padding-block:var(--space-12) var(--space-16);grid-template-columns:1fr}.about-photo{width:min(68vw,16rem);margin-inline:auto}.about-copy h1{font-size:2.45rem}.projects{padding-block:var(--space-12)}.project-row{gap:var(--space-6);grid-template-columns:1fr}.project-note{width:min(13rem,75%);min-height:8rem}.project-media{grid-column:auto;min-height:18rem}.page-heading{align-items:flex-start;gap:var(--space-3);padding-block:var(--space-10) var(--space-6);flex-direction:column}.page-heading h1{font-size:2.5rem}.writing-card{gap:var(--space-3);grid-template-columns:2rem 1fr}.writing-status{grid-column:2}.gallery-grid{display:block}.gallery-card,.gallery-card.portrait,.full-gallery .gallery-card:nth-child(4n+1),.full-gallery .gallery-card:nth-child(4n+2),.full-gallery .gallery-card:nth-child(4n+3){margin-top:var(--space-8);transform:none}.gallery-card:first-child{margin-top:0}.resume-intro{gap:var(--space-10);padding-block:var(--space-12);grid-template-columns:1fr}.resume-sheet{width:min(100% - 1.25rem,68rem);padding:2.1rem 1rem 2.8rem}.resume-tape{width:5rem;height:1.4rem;top:1.35rem}.home-two-about{gap:var(--space-12);min-height:auto;padding-block:var(--space-16) var(--space-20);grid-template-columns:1fr}.home-two-portrait{width:min(74vw,17rem);margin-inline:auto}.work-transition{height:145vh}.work-transition-sticky{min-height:34rem}.work-transition-drawing{inset:11% -28%}.work-transition-title{width:min(90vw,31rem)}.work-transition-lead{font-size:.86rem}.work-transition-main{font-size:clamp(3.25rem,16vw,5.5rem)}.home-two-work{padding-top:var(--space-10)}.project-story-list{gap:var(--space-24)}.project-story-main{gap:var(--space-6);grid-template-columns:1fr}.project-scrap{width:min(13rem,74%);min-height:8.2rem}.project-story-visual{order:2;grid-column:auto}.project-story-copy{order:3}.project-more{order:4;grid-column:auto;margin-top:0}.project-more-body{width:100%;padding:1.4rem 0 0}.project-inline-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:12rem}.project-inline-frame,.project-inline-frame:first-child,.project-inline-frame:nth-child(2),.project-inline-frame:nth-child(3){grid-area:span 1/span 1}.project-inline-frame:first-child{grid-area:span 1/1/auto/-1}.photo-essay{width:min(100% - 1.25rem,68rem);padding-top:var(--space-10)}.photo-essay .essay-header{margin-top:var(--space-6)}.photo-essay h1{font-size:2.55rem}.essay-feature-photo,.essay-feature-photo-portrait{width:100%;margin-left:0}.essay-feature-photo img{border-width:.35rem;box-shadow:.45rem .55rem #2e493d21}.essay-learning-grid{gap:var(--space-8)}.exposure-note{width:100%;transform:none}.essay-photo-grid{gap:var(--space-8);grid-template-columns:1fr}.essay-photo-grid .gallery-button{box-shadow:.4rem .5rem #2e493d1f}.essay-pull-quote{padding-left:var(--space-4)}.essay-reader-question{box-shadow:.45rem .55rem #20352d21}.journal-essay-page .photo-essay{width:min(100% - 1.25rem,68rem);padding-top:var(--space-8)}.journal-essay-page .essay-topline{align-items:flex-start}.journal-essay-page .essay h1{font-size:clamp(2.65rem,14vw,3.65rem);line-height:1}.journal-essay-page .essay-body{margin-top:var(--space-16)}.journal-essay-page .essay-lede{text-align:left}.journal-essay-page .essay-copy>h2{margin-top:var(--space-20)}.journal-essay-page .essay-digital-grid{grid-template-columns:1fr}.journal-essay-page .essay-digital-grid .gallery-card,.journal-essay-page .essay-digital-grid .gallery-card:first-child,.journal-essay-page .essay-digital-grid .gallery-card:nth-child(10){grid-column:auto;margin-top:0}.journal-essay-page .essay-film-grid .gallery-card{margin-top:0}.journal-essay-page .journal-essay-ambience span{opacity:.55}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .reveal{opacity:1;transform:none}.project-frame video{display:none}.project-media-strip:has(video) .project-frame-1{inset:0}.home-two:before,.ambient-light,.portrait-window,.project-more[open] .project-more-body{animation:none}.work-transition{height:auto;min-height:70vh}.work-transition-sticky{--lead-opacity:1;--main-opacity:1;--title-y:0;--thread-one:1;--thread-two:1;--thread-three:1;--node-opacity:.64;--bloom-opacity:.3;--bloom-scale:1;height:70vh;position:relative}}}
