@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700&family=Permanent+Marker&display=swap";.sticker-peel{--sticker-rotate: 0deg;--sticker-p: 10px;--sticker-peelback-hover: 18%;--sticker-peelback-active: 36%;--sticker-start: calc(-1 * var(--sticker-p));--sticker-end: calc(100% + var(--sticker-p));--peel-direction: 0deg;position:absolute;left:0;top:0;cursor:grab;touch-action:none;transform:translateZ(0);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;will-change:transform}.sticker-peel:active{cursor:grabbing}.sticker-peel:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:8px}.sticker-filter-defs{position:absolute;width:0;height:0}.sticker-container{position:relative;transform:rotate(var(--peel-direction));transform-origin:center;backface-visibility:hidden}.sticker-container *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) 0,100% 0,var(--sticker-end) 0,var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end));filter:var(--sticker-drop-shadow) drop-shadow(0 14px 18px rgba(0,0,0,.82));transition:clip-path .52s cubic-bezier(.22,1,.36,1);will-change:clip-path}.sticker-main>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-lighting{filter:var(--sticker-point-light)}.sticker-image,.sticker-flap-image{display:block;width:var(--sticker-width, 200px);height:auto;transform:rotate(var(--sticker-rotate));pointer-events:none}.sticker-container:hover .sticker-main,.sticker-container.peel-hover .sticker-main,.sticker-container.touch-active .sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-start),calc(100% - var(--sticker-peelback-hover)) var(--sticker-start),calc(100% - var(--sticker-peelback-hover)) 0,100% var(--sticker-peelback-hover),var(--sticker-end) var(--sticker-peelback-hover),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end))}.sticker-container:active .sticker-main,.sticker-container.peel-active .sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-start),calc(100% - var(--sticker-peelback-active)) var(--sticker-start),calc(100% - var(--sticker-peelback-active)) 0,100% var(--sticker-peelback-active),var(--sticker-end) var(--sticker-peelback-active),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end))}.sticker-flap{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(100% 0,100% 0,100% 0);filter:drop-shadow(-5px 7px 5px rgba(0,0,0,.96)) drop-shadow(-11px 15px 13px rgba(0,0,0,.62));opacity:0;pointer-events:none;transition:clip-path .52s cubic-bezier(.22,1,.36,1),opacity .16s ease-out;will-change:clip-path}.sticker-container:hover .sticker-flap,.sticker-container.peel-hover .sticker-flap,.sticker-container.touch-active .sticker-flap{clip-path:polygon(calc(100% - var(--sticker-peelback-hover)) 0,100% var(--sticker-peelback-hover),var(--flap-hover-x) var(--flap-hover-y));opacity:1}.sticker-container:active .sticker-flap,.sticker-container.peel-active .sticker-flap{clip-path:polygon(calc(100% - var(--sticker-peelback-active)) 0,100% var(--sticker-peelback-active),var(--flap-active-x) var(--flap-active-y));opacity:1}.sticker-flap-lighting{width:100%;height:100%;filter:var(--sticker-point-light-flipped)}.sticker-flap-image{transform-origin:0 0;transform:var(--flap-transform-hover) rotate(var(--sticker-rotate));filter:var(--sticker-expand-fill);transition:transform .52s cubic-bezier(.22,1,.36,1);will-change:transform}.sticker-container:active .sticker-flap-image,.sticker-container.peel-active .sticker-flap-image{transform:var(--flap-transform-active) rotate(var(--sticker-rotate))}@media (hover: none) and (pointer: coarse){.sticker-peel{cursor:default}}:root{--ink: #191915;--paper: #f4f0e7;--desk: #d8d0c0;--folder: #d7a84d;--folder-dark: #bd8730;--red: #ff4e32;--mono: "DM Mono", monospace;--sans: "Manrope", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--desk)}body{margin:0;min-width:320px;color:var(--ink);background:var(--desk);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{color:inherit;font:inherit}a{text-decoration:none}button{border:0}::selection{background:var(--red);color:#fff}.portfolio{min-height:100vh;overflow:clip}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding:27px 3.2vw;font-family:var(--mono);font-size:10px;line-height:1.45;letter-spacing:.03em;text-transform:uppercase}.brand{font:600 18px/1 var(--sans);letter-spacing:-.06em}.brand span{color:var(--red);margin:0 2px}.site-header p{margin:0;justify-self:center;color:#191915a8}.header-contact{justify-self:end;border-bottom:1px solid rgba(25,25,21,.3);padding-bottom:4px}.header-contact span{display:inline-block;transition:transform .25s ease}.header-contact:hover span{transform:translate(3px,-3px)}.folder-scene{position:relative;min-height:100svh;padding:0 3.2vw;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;background-color:var(--desk);background-image:radial-gradient(rgba(25,25,21,.14) .7px,transparent .8px);background-size:5px 5px}.folder-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.24),transparent 35%,rgba(81,62,27,.08))}.intro-copy{position:relative;z-index:2;width:min(500px,90%);padding-top:7vh}.eyebrow,.note-label{margin:0 0 24px;color:#1919158f;font:400 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.intro-copy h1{margin:0;font-size:clamp(54px,6.8vw,108px);font-weight:500;line-height:.91;letter-spacing:-.075em}.intro-note{width:min(340px,80%);margin:38px 0 0 4px;font:300 12px/1.7 var(--mono);color:#191915ad}.folder{position:relative;z-index:4;justify-self:center;width:min(49vw,760px);aspect-ratio:1.5;padding:0;background:transparent;cursor:pointer;filter:drop-shadow(0 30px 23px rgba(55,39,13,.22));transform:rotate(1.5deg) translateY(4vh);perspective:1400px}.folder-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px 5px 12px 12px;background:var(--folder-dark)}.folder-tab{position:absolute;top:-36px;left:0;width:42%;height:48px;padding:14px 22px;border-radius:8px 24px 0 0;text-align:left;background:var(--folder-dark);font:500 9px/1 var(--mono);letter-spacing:.08em}.folder-front{position:absolute;z-index:6;top:34%;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;align-items:end;padding:clamp(24px,4vw,56px);border-radius:7px 7px 12px 12px;background:linear-gradient(145deg,#e3b75b,var(--folder));transform-origin:bottom;transition:transform .8s cubic-bezier(.2,.8,.2,1);box-shadow:inset 0 1px #ffffff42}.folder-title{align-self:start;text-align:left;font-size:clamp(28px,3.3vw,56px);font-weight:500;line-height:1;letter-spacing:-.055em}.folder-count{align-self:start;font:400 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.folder-action{text-align:left;font:400 9px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.folder-action b{display:inline-block;margin-left:7px;font-size:17px;font-weight:400;transition:transform .5s ease}.folder-card{position:absolute;left:8%;right:8%;top:8%;height:72%;overflow:hidden;background:var(--paper);padding:12px;box-shadow:0 5px 12px #2d1f0a26;transform-origin:50% 100%;transition:transform .85s cubic-bezier(.2,.8,.2,1)}.folder-card .mini-site{height:100%;border-radius:1px}.card-one{z-index:5;transform:translateY(23%) rotate(0)}.card-two{z-index:4;transform:translateY(24%) rotate(0)}.card-three{z-index:3;transform:translateY(25%) rotate(0)}.folder:not([aria-expanded=true]):hover .folder-front{transform:rotateX(-5deg) translateY(1%)}.folder:not([aria-expanded=true]):hover .card-one{transform:translate(-1%,10%) rotate(-2deg)}.folder:not([aria-expanded=true]):hover .card-two{transform:translate(2%,2%) rotate(2deg)}.folder:not([aria-expanded=true]):hover .card-three{transform:translate(-1%,-5%) rotate(-1deg)}.folder-is-open .folder-front{transform:rotateX(-17deg) translateY(5%)}.folder-is-open .folder-action b{transform:rotate(45deg)}.folder-is-open .card-one{transform:translate(-2%,-27%) rotate(-5deg)}.folder-is-open .card-two{transform:translate(3%,-45%) rotate(4deg)}.folder-is-open .card-three{transform:translate(-1%,-60%) rotate(-1deg)}.scroll-prompt{position:absolute;left:3.2vw;bottom:34px;display:flex;align-items:center;gap:15px;font:400 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.scroll-prompt i{width:48px;height:1px;background:var(--ink);position:relative;overflow:hidden}.scroll-prompt i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--red);transform:translate(-100%);animation:slide 2s ease infinite}@keyframes slide{60%,to{transform:translate(100%)}}.work-stack{min-height:100svh;padding:10vh 3.2vw 18vh;background:#706d64;background-image:radial-gradient(rgba(255,255,255,.1) .7px,transparent .8px);background-size:5px 5px}.stack-heading{max-width:1500px;margin:0 auto 7vh;display:flex;justify-content:space-between;color:#ffffffa6;font:400 9px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}.paper-rows{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.2vw,58px);align-items:start}.project-sheet{--tilt: calc((var(--index) - 1) * .8deg);position:relative;width:100%;min-height:690px;padding:clamp(24px,2.1vw,38px);overflow:hidden;text-align:left;background:var(--paper);cursor:pointer;transform:rotate(var(--tilt));box-shadow:0 18px 34px #18161140;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.project-sheet:hover,.project-sheet:focus-visible{z-index:4;transform:rotate(0) translateY(-18px) scale(1.015);box-shadow:0 34px 54px #18161157;outline:none}.project-sheet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(30,25,18,.2) .5px,transparent .6px);background-size:4px 4px;mix-blend-mode:multiply}.sheet-heading{position:relative;z-index:2;padding-bottom:27px}.sheet-heading p{margin:0 0 13px;color:#19191580;font:400 8px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase}.sheet-heading h2{margin:0;font-size:clamp(36px,3.7vw,58px);font-weight:500;line-height:.94;letter-spacing:-.065em}.preview-link{display:block}.taped-preview{position:relative;z-index:3;margin:0 -6px 33px;padding:8px;background:#eee8dc;box-shadow:0 5px 12px #1e19122e;transform:rotate(calc((var(--index) - 1) * -.45deg))}.tape{position:absolute;z-index:8;top:-14px;width:75px;height:27px;opacity:.72;background:#ded2acc7;box-shadow:inset 0 0 7px #ffffff59;transform:rotate(-3deg)}.tape-left{left:10%}.tape-right{right:10%;transform:rotate(4deg)}.mini-site{position:relative;min-height:280px;overflow:hidden;color:#fff;font-family:var(--sans)}.mini-nav{position:absolute;z-index:2;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:24px 28px;font-size:8px;letter-spacing:.08em}.mini-nav b{font-size:12px}.mini-nav span{opacity:.6}.mini-odds{background:#171717}.mini-odds:before{content:"";position:absolute;width:42%;aspect-ratio:1;right:9%;top:20%;border-radius:50%;background:radial-gradient(circle at 35% 32%,#ff8a72,#e83819 48%,#30110b 72%);box-shadow:0 0 80px #ff4e2d59}.odds-copy{position:absolute;z-index:2;left:8%;bottom:14%}.odds-copy small,.studio-copy small{display:block;margin-bottom:14px;opacity:.55;font:500 8px/1 var(--mono);letter-spacing:.13em}.odds-copy strong,.studio-copy strong{font-size:clamp(30px,4vw,66px);line-height:.93;letter-spacing:-.065em;font-weight:500}.odds-panel{position:absolute;z-index:3;right:5%;bottom:8%;width:27%;padding:14px;background:#ffffff1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:400 8px/1.4 var(--mono)}.odds-panel span{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.18)}.odds-panel i{display:block;width:62%;height:5px;margin-top:10px;background:#ff5c35}.mini-reader{background:#0d0f0d}.reader-word{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#f3f3ed;font-size:clamp(34px,6vw,88px);font-weight:500;letter-spacing:-.06em}.reader-word:first-letter{color:#b9ff66}.reader-rule{position:absolute;bottom:25%;left:12%;right:12%;height:2px;background:#ffffff2b}.reader-rule i{display:block;width:68%;height:100%;background:#b9ff66}.reader-stats{position:absolute;left:12%;right:12%;bottom:10%;display:flex;justify-content:space-between;color:#b9ff66;font:400 11px/1.3 var(--mono)}.reader-stats small{color:#ffffff61;font-size:6px;letter-spacing:.1em}.mini-studio{background:#05070c}.mini-studio:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 45%,rgba(74,109,175,.38),transparent 26%)}.studio-orbit{position:absolute;right:9%;top:18%;width:43%;aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:50%}.studio-orbit:before,.studio-orbit:after{content:"";position:absolute;top:16%;right:16%;bottom:16%;left:16%;border:1px solid rgba(255,255,255,.13);border-radius:50%}.studio-orbit:after{top:34%;right:34%;bottom:34%;left:34%;background:#96b7ff;box-shadow:0 0 36px #668bd0;border:0}.studio-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff}.studio-orbit i:nth-child(1){top:7%;left:34%}.studio-orbit i:nth-child(2){right:1%;top:58%}.studio-orbit i:nth-child(3){bottom:5%;left:22%}.studio-copy{position:absolute;z-index:2;left:8%;bottom:12%}.sheet-note{position:relative;z-index:2}.sheet-note .note-label{margin-bottom:15px}.sheet-note>p:not(.note-label){margin:0;color:#191915b3;font:300 11px/1.7 var(--mono)}.sheet-note>span{display:block;margin-top:25px;padding-top:13px;border-top:1px solid rgba(25,25,21,.22);font:400 8px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.paper-number{position:absolute;right:-18px;bottom:-38px;color:#1919150b;font-size:150px;font-weight:700;line-height:1;letter-spacing:-.12em}.focus-layer{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:4vh 3vw;background:#100f0cc4;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);animation:focus-in .28s ease both}.focus-sheet{position:relative;width:min(1120px,94vw);max-height:92svh;display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(30px,5vw,78px);align-items:center;overflow:auto;padding:clamp(34px,4.5vw,70px);background:var(--paper);box-shadow:0 50px 100px #00000073;transform:rotate(-.35deg)}.focus-sheet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(30,25,18,.2) .5px,transparent .6px);background-size:4px 4px}.focus-close{position:absolute;z-index:5;top:20px;right:22px;padding:8px;background:transparent;cursor:pointer;font:400 9px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.focus-copy,.focus-preview{position:relative;z-index:2}.focus-copy>p:first-child{margin:0 0 22px;color:#19191580;font:400 9px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase}.focus-copy h2{margin:0 0 26px;font-size:clamp(54px,7vw,96px);font-weight:500;line-height:.86;letter-spacing:-.075em}.focus-copy>p:not(:first-child){margin:0;color:#191915ad;font:300 12px/1.75 var(--mono)}.focus-copy a{display:inline-block;margin-top:38px;padding:13px 17px;color:#fff;background:var(--ink);font:400 10px/1 var(--mono);text-transform:uppercase;transition:transform .2s ease}.focus-copy a:hover{transform:translateY(-3px)}.focus-preview{padding:10px;background:#eee8dc;box-shadow:0 10px 28px #1e19123b;transform:rotate(1deg)}.focus-preview .mini-site{min-height:min(54vh,520px)}@keyframes focus-in{0%{opacity:0}to{opacity:1}}.closing{min-height:95svh;padding:14vh 3.2vw 4vh;display:flex;flex-direction:column;background:var(--ink);color:var(--paper)}.closing>p{margin:0 0 9vh;color:#f4f0e773;font:400 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.closing h2{margin:0;font-size:clamp(58px,9vw,150px);font-weight:500;line-height:.87;letter-spacing:-.08em}.closing>a{align-self:flex-start;margin-top:7vh;padding-bottom:7px;border-bottom:1px solid rgba(244,240,231,.3);font:400 clamp(14px,1.5vw,22px)/1 var(--mono)}.closing-meta{margin-top:auto;display:flex;justify-content:space-between;color:#f4f0e76e;font:400 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}@media (max-width: 820px){.site-header{grid-template-columns:1fr auto}.site-header p{display:none}.folder-scene{min-height:110svh;grid-template-columns:1fr;align-content:start;padding-top:20vh}.intro-copy{padding:0}.intro-copy h1{font-size:clamp(56px,17vw,84px)}.intro-note{margin-top:24px}.folder{width:84vw;margin-top:16vh;transform:rotate(2deg)}.folder-is-open .card-one{transform:translate(-2%,-18%) rotate(-5deg)}.folder-is-open .card-two{transform:translate(3%,-33%) rotate(4deg)}.folder-is-open .card-three{transform:translate(-1%,-45%) rotate(-1deg)}.scroll-prompt{display:none}.work-stack{padding-inline:4vw}.stack-heading span:last-child{display:none}.paper-rows{grid-template-columns:1fr;gap:8vh}.project-sheet{min-height:auto;padding:28px 22px 34px}.project-sheet:hover,.project-sheet:focus-visible{transform:rotate(0) translateY(-8px)}.sheet-heading h2{font-size:48px}.mini-site{min-height:56vw}.odds-panel{display:none}.folder-card{padding:7px}.folder-card .mini-nav{padding:12px}.folder-card .mini-nav span{display:none}.focus-layer{padding:2vh 3vw}.focus-sheet{max-height:96svh;grid-template-columns:1fr;gap:36px;padding:55px 24px 28px}.focus-copy h2{font-size:58px}.focus-copy a{margin-top:26px}.focus-preview{order:-1}.focus-preview .mini-site{min-height:48vw}.closing{min-height:82svh}.closing h2{font-size:clamp(56px,16vw,92px)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.archive-scene{display:block;min-height:100svh;padding:0;overflow:hidden}.archive-intro{position:absolute;z-index:12;top:88px;left:3.2vw;right:3.2vw;display:flex;justify-content:space-between;font:400 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.archive-intro span{color:#19191580}.hero-copy-stage{position:absolute;z-index:4;top:24%;left:5vw;width:min(43vw,610px);transition:opacity .45s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.hero-copy-stage h1{margin:0;font-size:clamp(62px,7.2vw,118px);font-weight:500;line-height:.87;letter-spacing:-.08em}.hero-copy-stage>p:last-child{max-width:345px;margin:32px 0 0 4px;color:#191915a6;font:300 11px/1.7 var(--mono)}.folder-is-open .hero-copy-stage{opacity:.08;transform:translateY(-16px)}.archive-scene .folder{position:absolute;z-index:10;left:50%;bottom:-4vh;width:min(58vw,900px);transform:translate(-50%) rotate(.5deg);transition:bottom .8s cubic-bezier(.2,.8,.2,1),filter .35s ease}.archive-scene .folder:hover{filter:drop-shadow(0 38px 28px rgba(55,39,13,.28))}.folder-is-open .archive-scene .folder{bottom:-14vh}.folder-is-open .archive-scene .card-one{transform:translate(-46%,-82%) rotate(-8deg) scale(.55)}.folder-is-open .archive-scene .card-two{transform:translateY(-90%) rotate(0) scale(.55)}.folder-is-open .archive-scene .card-three{transform:translate(46%,-82%) rotate(8deg) scale(.55)}.folder-logo-sticker{position:absolute;z-index:8;right:7%;bottom:4%;width:clamp(130px,14vw,220px);height:clamp(105px,12vw,185px);pointer-events:none}.folder-logo-sticker .sticker-peel{pointer-events:none}.folder-logo-sticker .sticker-main{filter:var(--sticker-drop-shadow) drop-shadow(0 7px 8px rgba(72,42,5,.32))}.folder:hover .folder-logo-sticker .sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-start),calc(100% - var(--sticker-peelback-hover)) var(--sticker-start),calc(100% - var(--sticker-peelback-hover)) 0,100% var(--sticker-peelback-hover),var(--sticker-end) var(--sticker-peelback-hover),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end))}.folder:hover .folder-logo-sticker .sticker-flap{clip-path:polygon(calc(100% - var(--sticker-peelback-hover)) 0,100% var(--sticker-peelback-hover),var(--flap-hover-x) var(--flap-hover-y));opacity:1}.folder:active .folder-logo-sticker .sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-start),calc(100% - var(--sticker-peelback-active)) var(--sticker-start),calc(100% - var(--sticker-peelback-active)) 0,100% var(--sticker-peelback-active),var(--sticker-end) var(--sticker-peelback-active),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end))}.folder:active .folder-logo-sticker .sticker-flap{clip-path:polygon(calc(100% - var(--sticker-peelback-active)) 0,100% var(--sticker-peelback-active),var(--flap-active-x) var(--flap-active-y));opacity:1}.archive-scene .work-stack{position:absolute;z-index:9;top:118px;right:3.2vw;bottom:18vh;left:3.2vw;min-height:0;padding:0;background:none;opacity:0;pointer-events:none;transition:opacity .2s ease .15s}.folder-is-open .archive-scene .work-stack{opacity:1;pointer-events:auto}.archive-scene .stack-heading{max-width:1400px;margin-bottom:25px;color:#19191594}.archive-scene .paper-rows{max-width:1400px;height:calc(82svh - 118px);gap:clamp(20px,2.4vw,42px)}.archive-scene .project-sheet{height:100%;min-height:0;padding:clamp(18px,1.7vw,28px);opacity:0;transform:translateY(58vh) scale(.28) rotate(var(--tilt));transform-origin:center bottom;transition:opacity .25s ease,transform .8s cubic-bezier(.18,.88,.2,1),box-shadow .35s ease;transition-delay:calc(var(--index) * 90ms)}.folder-is-open .archive-scene .project-sheet{opacity:1;transform:translateY(0) scale(1) rotate(var(--tilt))}.folder-is-open .archive-scene .project-sheet:hover,.folder-is-open .archive-scene .project-sheet:focus-visible{z-index:5;transform:translateY(-12px) scale(1.018) rotate(0);box-shadow:0 30px 54px #18161157;transition-delay:0ms}.archive-scene .sheet-heading{padding-bottom:17px}.archive-scene .sheet-heading h2{font-size:clamp(30px,2.8vw,48px)}.archive-scene .taped-preview{margin-bottom:22px;padding:7px}.archive-scene .mini-site{min-height:clamp(175px,26vh,255px)}.archive-scene .sheet-note .note-label{margin-bottom:10px}.archive-scene .sheet-note>p:not(.note-label){font-size:clamp(8px,.68vw,10px);line-height:1.55}.archive-scene .sheet-note>span{margin-top:14px;padding-top:10px}.archive-scene .paper-number{font-size:110px;bottom:-30px}.archive-scene .scroll-prompt{z-index:15;left:auto;right:3.2vw;opacity:0;pointer-events:none;transition:opacity .4s ease .9s}.folder-is-open .archive-scene .scroll-prompt{opacity:1;pointer-events:auto}.empty-folder-hero{position:relative;min-height:105svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:12vh 5vw;overflow:hidden;background-color:var(--desk);background-image:radial-gradient(rgba(25,25,21,.14) .7px,transparent .8px);background-size:5px 5px}.empty-folder{position:relative;width:min(46vw,700px);aspect-ratio:1.5;filter:drop-shadow(0 28px 25px rgba(55,39,13,.2));transform:rotate(-3deg)}.empty-folder-back,.empty-folder-front{position:absolute;left:0;right:0;border-radius:6px 6px 12px 12px}.empty-folder-back{top:0;right:0;bottom:0;left:0;background:var(--folder-dark)}.empty-folder-back i{position:absolute;top:-36px;left:0;width:42%;height:48px;padding:14px 22px;border-radius:8px 24px 0 0;background:var(--folder-dark);font:normal 500 9px/1 var(--mono);letter-spacing:.08em}.empty-folder-front{z-index:2;top:34%;bottom:0;display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(28px,4vw,55px);background:linear-gradient(145deg,#e3b75b,var(--folder));transform:rotateX(-7deg);transform-origin:bottom;box-shadow:inset 0 1px #ffffff42}.empty-folder-front b{font-size:clamp(28px,3.2vw,52px);font-weight:500;letter-spacing:-.055em}.empty-folder-front small{font:400 8px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.hero-reveal-copy{position:relative;z-index:3}.hero-reveal-copy h1{margin:0;font-size:clamp(64px,7.8vw,126px);font-weight:500;line-height:.87;letter-spacing:-.08em}.hero-reveal-copy>p:last-child{max-width:360px;margin:38px 0 0 5px;color:#191915ab;font:300 11px/1.7 var(--mono)}@media (max-width: 820px){.archive-intro{top:76px}.archive-scene{min-height:100svh}.archive-scene .folder{bottom:13vh;width:88vw}.folder-is-open .archive-scene .folder{bottom:-12vh}.hero-copy-stage{top:18%;left:6vw;width:88vw}.hero-copy-stage h1{font-size:clamp(59px,18vw,88px)}.hero-copy-stage>p:last-child{max-width:300px}.folder-logo-sticker{right:5%;bottom:1%;width:130px;height:110px}.archive-scene .work-stack{top:112px;right:4vw;bottom:18vh;left:4vw;overflow-x:auto;overflow-y:hidden}.archive-scene .paper-rows{width:max-content;height:calc(78svh - 112px);display:flex;gap:18px;padding:4px 16vw 16px 2px}.archive-scene .project-sheet{width:min(76vw,360px);height:100%}.archive-scene .mini-site{min-height:22vh}.archive-scene .sheet-heading h2{font-size:34px}.archive-scene .sheet-note>p:not(.note-label){font-size:9px}.archive-scene .scroll-prompt{display:flex;right:4vw;bottom:24px}.empty-folder-hero{grid-template-columns:1fr;align-content:center;gap:12vh;padding:15vh 6vw}.empty-folder{width:88vw}.hero-reveal-copy h1{font-size:clamp(62px,18vw,92px)}}.archive-scene{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.68fr);align-items:center;gap:clamp(50px,8vw,130px);padding:13vh 7vw 8vh;overflow:visible}.archive-intro{top:88px}.hero-copy-stage{position:relative;z-index:4;top:auto;left:auto;width:min(37vw,560px)}.hero-copy-stage h1{font-size:clamp(66px,7.7vw,124px)}.folder-is-open .hero-copy-stage{opacity:1;transform:none}.archive-scene .folder{position:relative;z-index:10;left:auto;bottom:auto;justify-self:end;width:min(24vw,350px);aspect-ratio:.78;transform:rotate(1.2deg);perspective:1700px;filter:drop-shadow(0 32px 28px rgba(55,39,13,.22))}.folder-is-open .archive-scene .folder{bottom:auto}.archive-scene .folder-back{top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:9px 14px 14px 9px;background:linear-gradient(100deg,#a87328 0,#a87328 5%,#c89137 5%,#c89137);box-shadow:inset 12px 0 18px #5933072e,inset 0 0 0 1px #54330c26}.archive-scene .folder-back:after{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1px solid rgba(87,53,12,.22);border-radius:2px 8px 8px 2px;box-shadow:inset 0 0 35px #5b370c14}.archive-scene .folder-tab{top:22px;left:auto;right:-18px;width:70px;height:128px;padding:18px 15px;border-radius:0 8px 8px 0;writing-mode:vertical-rl;background:#bd8630}.archive-scene .folder-front{top:0;right:0;bottom:0;left:0;display:block;padding:0;border-radius:8px 14px 14px 8px;background:linear-gradient(105deg,#c38e39 0,#c38e39 5%,#e0ad51 5%,#e0ad51);transform:none;transform-origin:left center;box-shadow:inset 13px 0 18px #5f390a21,inset 0 1px #ffffff40,4px 0 4px #4f2f0821;transition:transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}.folder:not([aria-expanded=true]):hover .folder-front{transform:rotateY(-7deg)}.folder-is-open .archive-scene .folder-front{transform:translate(-99.5%) rotateY(-2deg);box-shadow:inset 13px 0 18px #5f390a1a,inset 0 1px #ffffff38}.archive-scene .folder-card{left:10%;right:5%;top:8%;bottom:8%;height:auto;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.archive-scene .card-one,.archive-scene .card-two,.archive-scene .card-three{transform:translate(0) scale(.96)}.archive-scene .folder:not([aria-expanded=true]):hover .card-one{transform:translate(15%) rotate(2deg) scale(.96)}.archive-scene .folder:not([aria-expanded=true]):hover .card-two{transform:translate(10%) rotate(0) scale(.96)}.archive-scene .folder:not([aria-expanded=true]):hover .card-three{transform:translate(5%) rotate(-2deg) scale(.96)}.folder-is-open .archive-scene .folder-card{opacity:0;transform:translate(42%) scale(.92)}.archive-scene .folder-logo-sticker{top:9%;right:auto;bottom:auto;left:50%;width:clamp(125px,12vw,175px);height:clamp(110px,10vw,150px);transform:translate(-50%)}.archive-scene .folder-logo-sticker .sticker-main,.archive-scene .folder-logo-sticker .sticker-flap,.archive-scene .folder-logo-sticker .sticker-image,.archive-scene .folder-logo-sticker .sticker-flap-image{filter:none!important}.folder-handwriting{position:absolute;z-index:7;top:43%;left:50%;color:#1b1914e6;font:400 clamp(27px,2.6vw,38px)/.78 "Permanent Marker",cursive;letter-spacing:-.04em;text-align:center;text-transform:lowercase;transform:translate(-50%) rotate(-4deg)}.archive-scene .folder-title{position:absolute;left:9%;bottom:15%;font:400 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.archive-scene .folder-count{position:absolute;top:5%;right:7%;font-size:8px}.archive-scene .folder-action{position:absolute;left:9%;bottom:6%}main>.work-stack{min-height:0;max-height:0;padding:0 4vw;overflow:hidden;opacity:0;background:#706d64;background-image:radial-gradient(rgba(255,255,255,.1) .7px,transparent .8px);background-size:5px 5px;transition:max-height .9s cubic-bezier(.2,.8,.2,1),padding .7s ease,opacity .45s ease}main>.work-stack.above-hero{position:relative;z-index:18}.folder-is-open main>.work-stack{max-height:1500px;padding:11vh 4vw 16vh;opacity:1}main>.work-stack .stack-heading{max-width:1400px;margin-bottom:7vh}main>.work-stack .paper-rows{max-width:1400px;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,52px)}main>.work-stack .project-sheet{min-height:680px;opacity:0;transform:translateY(45px) rotate(var(--tilt));transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;transition-delay:calc(.3s + var(--index) * .1s)}.folder-is-open main>.work-stack .project-sheet{opacity:1;transform:translateY(0) rotate(var(--tilt))}.folder-is-open main>.work-stack .project-sheet:hover,.folder-is-open main>.work-stack .project-sheet:focus-visible{transform:translateY(-14px) rotate(0) scale(1.012);transition-delay:0ms}@media (max-width: 820px){.archive-scene{min-height:auto;grid-template-columns:1fr;gap:9vh;padding:18vh 6vw 12vh}.hero-copy-stage{top:auto;left:auto;width:100%}.hero-copy-stage h1{font-size:clamp(59px,18vw,88px)}.archive-scene .folder{bottom:auto;justify-self:center;width:min(58vw,290px);margin-left:30vw}.folder-is-open .archive-scene .folder{bottom:auto}.archive-scene .folder-logo-sticker{width:125px;height:108px}.folder-handwriting{font-size:27px}.folder-is-open main>.work-stack{max-height:2800px;padding:9vh 5vw 13vh}main>.work-stack .paper-rows{width:auto;display:grid;grid-template-columns:1fr;gap:8vh;padding:0}main>.work-stack .project-sheet{width:100%;min-height:auto}}.site-header{transition:filter .5s ease .65s,opacity .5s ease .65s}.hero-copy-stage{transition:filter .5s ease .65s,opacity .5s ease .65s,transform .65s cubic-bezier(.2,.8,.2,1) .65s}.archive-scene .folder{transition:transform .65s cubic-bezier(.2,.8,.2,1) .65s,filter .5s ease .65s,opacity .5s ease .65s}.archive-scene .folder-front{transition-delay:.7s}.folder-is-open .archive-scene .folder-front{transition-delay:0s}.folder-is-open .site-header{filter:blur(5px);opacity:.28;transition-delay:0s}.folder-is-open .hero-copy-stage{filter:blur(7px);opacity:.23;transform:scale(.96);transition-delay:0s}.folder-is-open .archive-scene .folder{filter:blur(5px) saturate(.75) drop-shadow(0 24px 22px rgba(55,39,13,.14));opacity:.46;transform:scale(.96) rotate(1.2deg);transition-delay:0s}.archive-scene .archive-overlay{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;min-height:100svh;padding:86px 3.2vw 5vh;overflow:auto;background:#d8d0c047;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:1;visibility:hidden;pointer-events:none;transition:visibility 0s linear 1s,backdrop-filter .5s ease .62s,background .5s ease .62s}.folder-is-open .archive-scene .archive-overlay{visibility:visible;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#d8d0c085;transition-delay:0s}.archive-overlay .archive-back{position:absolute;z-index:8;top:28px;left:3.2vw;display:flex;align-items:center;gap:10px;padding:10px 13px;color:var(--paper);background:var(--ink);cursor:pointer;opacity:0;transform:translateY(-8px);font:400 9px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;transition:opacity .3s ease,transform .35s ease}.folder-is-open .archive-overlay .archive-back{opacity:1;transform:translateY(0);transition-delay:.72s}.archive-scene .archive-overlay .stack-heading{max-width:1400px;margin:0 auto 22px;color:#19191599;opacity:0;transition:opacity .35s ease}.folder-is-open .archive-scene .archive-overlay .stack-heading{opacity:1;transition-delay:.62s}.archive-scene .archive-overlay .paper-rows{max-width:1400px;height:calc(100svh - 140px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.5vw,42px)}.archive-scene .archive-overlay .project-sheet{width:100%;height:100%;min-height:0;padding:clamp(18px,1.75vw,29px);opacity:0;transform:translate(30vw,56vh) scale(.14) rotate(calc((var(--index) - 1) * 5deg));transform-origin:right bottom;box-shadow:0 12px 24px #18161129;transition:opacity .34s ease,transform .72s cubic-bezier(.18,.88,.2,1),box-shadow .3s ease;transition-delay:calc((2 - var(--index)) * 90ms)}.folder-is-open .archive-scene .archive-overlay .project-sheet{opacity:1;transform:translate(0) scale(1) rotate(var(--tilt));box-shadow:0 26px 50px #1816114d;transition-delay:calc(.18s + var(--index) * 115ms)}.folder-is-open .archive-scene .archive-overlay .project-sheet:hover,.folder-is-open .archive-scene .archive-overlay .project-sheet:focus-visible{z-index:5;transform:translateY(-12px) scale(1.018) rotate(0);box-shadow:0 38px 62px #18161161;transition-delay:0ms}.archive-overlay .sheet-heading{padding-bottom:17px}.archive-overlay .sheet-heading h2{font-size:clamp(30px,2.8vw,46px)}.archive-overlay .taped-preview{margin-bottom:20px;padding:7px}.archive-overlay .mini-site{min-height:clamp(170px,25vh,250px)}.archive-overlay .sheet-note .note-label{margin-bottom:10px}.archive-overlay .sheet-note>p:not(.note-label){font-size:clamp(8px,.68vw,10px);line-height:1.55}.archive-overlay .sheet-note>span{margin-top:13px;padding-top:9px}.archive-overlay .paper-number{font-size:108px}@media (max-width: 820px){.archive-scene .archive-overlay{padding:82px 4vw 4vh}.archive-scene .archive-overlay .stack-heading span:last-child{display:none}.archive-scene .archive-overlay .paper-rows{width:max-content;height:calc(100svh - 128px);display:flex;gap:18px;padding-right:18vw}.archive-scene .archive-overlay .project-sheet{width:min(76vw,350px);height:100%;transform:translate(55vw,58vh) scale(.12) rotate(calc((var(--index) - 1) * 5deg))}.folder-is-open .archive-scene .archive-overlay .project-sheet{transform:translate(0) scale(1) rotate(var(--tilt))}.archive-overlay .mini-site{min-height:22vh}}.site-header{transition:filter .2s ease,opacity .2s ease}.hero-copy-stage{transition:filter .2s ease,opacity .2s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.archive-scene .folder{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .2s ease,opacity .2s ease}.archive-scene .archive-overlay{transition:visibility 0s linear 1s,backdrop-filter .2s ease,background .2s ease}.folder-is-open .archive-scene .archive-overlay{transition-delay:0s}.archive-overlay .project-sheet{display:flex;flex-direction:column}.archive-overlay .sheet-heading{flex:0 0 auto;order:1;border-bottom:1px solid rgba(25,25,21,.2);margin-bottom:22px}.archive-overlay .sheet-heading p{margin-bottom:10px}.archive-overlay .sheet-heading h2{margin-bottom:0}.archive-overlay .taped-preview{flex:0 0 auto;order:2}.archive-overlay .sheet-note{flex:1 1 auto;order:3;display:flex;flex-direction:column}.archive-overlay .sheet-note>span{margin-top:auto}.archive-overlay .paper-number{order:4}.focus-sheet{width:min(760px,94vw);max-height:94svh;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:clamp(34px,4vw,56px)}.focus-heading{position:relative;z-index:2;order:1;padding-bottom:26px;border-bottom:1px solid rgba(25,25,21,.22)}.focus-heading>p{margin:0 0 13px;color:#19191580;font:400 9px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase}.focus-heading h2{margin:0;font-size:clamp(52px,7vw,88px);font-weight:500;line-height:.86;letter-spacing:-.075em}.focus-preview{order:2;margin:34px 0 30px;transform:rotate(.4deg)}.focus-preview .mini-site{min-height:min(42vh,390px)}.focus-note{position:relative;z-index:2;order:3}.focus-note .note-label{margin-bottom:12px}.focus-note>p:not(.note-label){margin:0;color:#191915ad;font:300 11px/1.7 var(--mono)}.focus-note a{display:inline-block;margin-top:24px;padding:12px 16px;color:#fff;background:var(--ink);font:400 9px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;transition:transform .2s ease}.focus-note a:hover{transform:translateY(-3px)}.archive-scene .folder-logo-sticker,.archive-scene .folder-logo-sticker .sticker-peel,.archive-scene .folder-logo-sticker .sticker-container{overflow:visible}.archive-scene .folder-logo-sticker .sticker-main,.archive-scene .folder-logo-sticker .sticker-flap,.archive-scene .folder-logo-sticker .sticker-image,.archive-scene .folder-logo-sticker .sticker-flap-image{filter:none!important;box-shadow:none!important}.folder:hover .folder-logo-sticker .sticker-flap-image{transform:var(--flap-transform-hover) rotate(var(--sticker-rotate))}.folder:active .folder-logo-sticker .sticker-flap-image{transform:var(--flap-transform-active) rotate(var(--sticker-rotate))}@media (max-width: 820px){.focus-sheet{padding:50px 22px 28px}.focus-heading h2{font-size:54px}.focus-preview{order:2;margin:28px 0 24px}.focus-preview .mini-site{min-height:42vw}}.folder-logo-sticker{overflow:visible}.folder-sticker-art{--sticker-peel: 0%;position:absolute;top:50%;left:50%;display:block;width:100%;transform:translate(-50%,-50%) rotate(-6deg);transform-origin:center;overflow:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.folder-sticker-art img{display:block;width:100%;height:auto;object-fit:contain;clip-path:polygon(0 0,calc(100% - var(--sticker-peel)) 0,100% var(--sticker-peel),100% 100%,0 100%);filter:none;box-shadow:none;transition:clip-path .42s cubic-bezier(.2,.8,.2,1)}.folder-sticker-curl{position:absolute;z-index:2;top:0;right:0;width:13%;aspect-ratio:1;display:block;opacity:0;background:linear-gradient(135deg,#f7f6f2 8%,#c8c5bd 58%,#aaa69d);clip-path:polygon(0 0,100% 100%,0 100%);transform:translate(8%,-8%) rotate(-8deg) scale(.2);transform-origin:left bottom;transition:opacity .2s ease,transform .42s cubic-bezier(.2,.8,.2,1)}.folder:hover .folder-sticker-art{--sticker-peel: 9%;transform:translate(-50%,-50%) rotate(-5deg) translateY(-2px)}.folder:hover .folder-sticker-curl{opacity:1;transform:translate(6%,-6%) rotate(-8deg) scale(1)}.folder:active .folder-sticker-art{--sticker-peel: 13%}.folder:active .folder-sticker-curl{transform:translate(5%,-5%) rotate(-12deg) scale(1.28)}@media (prefers-reduced-motion: reduce){.folder-sticker-art,.folder-sticker-art img,.folder-sticker-curl{transition-duration:.01ms}}.archive-scene .folder-shell{position:relative;z-index:10;justify-self:end;width:min(24vw,350px);aspect-ratio:.78;perspective:1700px;filter:drop-shadow(0 32px 28px rgba(55,39,13,.22))}.archive-scene .folder-shell .folder{position:relative;left:auto;bottom:auto;width:100%;height:100%;aspect-ratio:auto;transform:rotate(1.2deg);filter:none}.folder-is-open .archive-scene .folder-shell .folder{bottom:auto;filter:blur(5px) saturate(.75);opacity:.46;transform:scale(.96) rotate(1.2deg)}.folder-sticker-stage{position:absolute;z-index:24;top:8%;left:0;width:100%;height:31%;pointer-events:none;transform:rotate(1.2deg);transform-origin:left center;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .2s ease,opacity .2s ease}.folder-sticker-stage .folder-sticker{top:-18px}.folder-sticker-stage .folder-sticker{pointer-events:auto}.folder-sticker-stage .sticker-main,.folder-sticker-stage .sticker-flap{filter:none!important}.folder-sticker-stage .sticker-image,.folder-sticker-stage .sticker-flap-image{filter:none;box-shadow:none}.folder-sticker-stage .sticker-lighting,.folder-sticker-stage .sticker-flap-lighting{filter:none!important}.mini-contract{background:#eeede8;color:#171719}.project-screenshot{background:#f3f1eb}.project-screenshot img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:top center}.mini-contract:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 78% 24%,rgba(112,108,255,.3),transparent 30%)}.contract-copy{position:absolute;z-index:2;left:8%;bottom:13%}.contract-copy small{display:block;margin-bottom:14px;color:#17171985;font:500 8px/1 var(--mono);letter-spacing:.13em}.contract-copy strong{font-size:clamp(30px,4vw,64px);line-height:.92;letter-spacing:-.065em;font-weight:500}.contract-paper{position:absolute;z-index:3;top:24%;right:7%;width:28%;min-height:55%;padding:16px;color:#171719;background:#ffffffeb;box-shadow:0 10px 24px #29264d24;transform:rotate(3deg);font:400 7px/1.4 var(--mono)}.contract-paper span{display:block;margin-bottom:17px;color:#17171973}.contract-paper i{display:block;width:100%;height:1px;margin:11px 0;background:#1717192e}.contract-paper i:nth-of-type(2){width:76%}.contract-paper i:nth-of-type(3){width:88%}.contract-paper b{display:block;margin-top:22px;padding:8px;color:#fff;background:#706cff;font-weight:400;text-align:center}.archive-scene .archive-overlay .paper-rows{max-width:1400px;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.5vw,42px)}@media (max-width: 820px){.archive-scene .archive-overlay .paper-rows{display:flex;grid-template-columns:none}.contract-paper{display:none}}.folder-email{position:absolute;z-index:7;right:7%;bottom:8%;color:#1b1914c7;font:400 clamp(13px,1.25vw,18px)/1 "Permanent Marker",cursive;letter-spacing:.015em;transform:rotate(-2deg);pointer-events:none}.folder-is-open .folder-sticker-stage{filter:blur(5px) saturate(.75);opacity:.46;transform:translate(-99.5%) rotateY(-2deg) rotate(1.2deg)}.folder-shell:hover .folder:not([aria-expanded=true]) .folder-front{transform:rotateY(-7deg)}.folder-shell:hover .folder:not([aria-expanded=true]) .card-one{transform:translate(15%) rotate(2deg) scale(.96)}.folder-shell:hover .folder:not([aria-expanded=true]) .card-two{transform:translate(10%) rotate(0) scale(.96)}.folder-shell:hover .folder:not([aria-expanded=true]) .card-three{transform:translate(5%) rotate(-2deg) scale(.96)}@media (max-width: 820px){.archive-scene .folder-shell{justify-self:center;width:min(58vw,290px);margin-left:30vw}.archive-scene .folder-shell .folder{width:100%;margin:0}.folder-sticker-stage{top:8%;left:0;width:100%;height:31%}}.archive-scene{grid-template-columns:minmax(0,.78fr) minmax(480px,1.22fr);gap:clamp(42px,6vw,100px);padding-inline:5vw}.hero-copy-stage{width:min(36vw,540px)}.archive-scene .folder-shell{justify-self:end;width:min(49vw,740px);aspect-ratio:1.5;margin:4vh 0 0;perspective:1500px;filter:drop-shadow(0 28px 24px rgba(55,39,13,.2))}.archive-scene .folder-shell .folder{width:100%;height:100%;transform:rotate(.8deg)}.archive-scene .folder-back{top:0;right:0;bottom:0;left:0;overflow:visible;border-radius:7px 7px 14px 14px;background:linear-gradient(145deg,#c38b34,#d59f45);box-shadow:inset 0 1px #fff3,inset 0 0 0 1px #54330c1f}.archive-scene .folder-back:after{top:8%;right:8%;bottom:8%;left:8%;border-radius:4px;opacity:.45}.archive-scene .folder-tab{top:-34px;left:0;right:auto;width:42%;height:48px;padding:15px 22px;border-radius:9px 26px 0 0;writing-mode:horizontal-tb;background:#c38b34}.archive-scene .folder-front{top:31%;right:0;bottom:0;left:0;border-radius:8px 8px 14px 14px;background:linear-gradient(145deg,#e4b258,#dca64a);transform:none;transform-origin:center bottom;box-shadow:inset 0 1px #ffffff42,0 -1px #5b360a14;transition:transform .72s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}.folder-shell:hover .folder:not([aria-expanded=true]) .folder-front{transform:rotateX(-5deg) translateY(1%)}.folder-is-open .archive-scene .folder-front{transform:rotateX(-58deg) translateY(5%);box-shadow:0 -12px 24px #462a081f,inset 0 1px #fff3}.archive-scene .folder-card{left:7%;right:7%;top:7%;bottom:auto;height:72%;padding:10px;transform-origin:center bottom}.archive-scene .card-one{transform:translateY(25%) rotate(0)}.archive-scene .card-two{transform:translateY(26%) rotate(0)}.archive-scene .card-three{transform:translateY(27%) rotate(0)}.folder-shell:hover .folder:not([aria-expanded=true]) .card-one{transform:translate(-2%,12%) rotate(-3deg)}.folder-shell:hover .folder:not([aria-expanded=true]) .card-two{transform:translate(2%,5%) rotate(2deg)}.folder-shell:hover .folder:not([aria-expanded=true]) .card-three{transform:translateY(-1%) rotate(0)}.folder-is-open .archive-scene .folder-card{opacity:0}.folder-is-open .archive-scene .card-one{transform:translate(-42%,-85%) rotate(-7deg) scale(.45)}.folder-is-open .archive-scene .card-two{transform:translateY(-92%) rotate(0) scale(.45)}.folder-is-open .archive-scene .card-three{transform:translate(42%,-85%) rotate(7deg) scale(.45)}.folder-sticker-stage{top:31%;left:0;width:100%;height:69%;transform:rotate(.8deg);transform-origin:center bottom;transition:transform .72s cubic-bezier(.2,.8,.2,1),filter .2s ease,opacity .2s ease}.folder-shell:hover .folder:not([aria-expanded=true])+.folder-sticker-stage{transform:rotate(.8deg) rotateX(-5deg) translateY(1%)}.folder-is-open .folder-sticker-stage{transform:rotate(.8deg) rotateX(-58deg) translateY(5%)}.archive-scene .folder-title{left:7%;bottom:20%}.archive-scene .folder-count{top:8%;right:6%}.archive-scene .folder-action{left:7%;bottom:7%}.folder-handwriting{top:44%;left:52%;font-size:clamp(24px,2.35vw,36px);line-height:.8}@media (max-width: 980px) and (min-width: 821px){.archive-scene{grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:35px;padding-inline:4vw}.archive-scene .folder-shell{width:min(52vw,650px)}.hero-copy-stage h1{font-size:clamp(58px,7vw,78px)}}@media (max-width: 820px){.archive-scene{grid-template-columns:1fr;gap:9vh;padding-inline:6vw}.hero-copy-stage{width:100%}.archive-scene .folder-shell{justify-self:center;width:min(88vw,620px);margin:4vh 0 0}.archive-scene .folder-shell .folder{width:100%}.folder-sticker-stage{top:31%;left:0;width:100%;height:69%}.folder-handwriting{left:50%;font-size:clamp(23px,7vw,34px)}.folder-email{right:auto;left:50%;width:max-content;max-width:88%;text-align:center;transform:translate(-50%) rotate(-2deg)}}