@scope(.editor-hero){*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111;background:#111;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #245bff}.scroll-scene{height:calc(max(100svh,700px) + 90svh)}.stage{height:max(100svh,700px);position:sticky;top:0;overflow:hidden}.sheet{--paper:#e7e7e3;--text:#111;background:var(--paper);color:var(--text);transform-origin:top;will-change:transform;flex-direction:column;padding:24px 5% 20px;display:flex;position:absolute;inset:0;box-shadow:0 25px 35px #0008}.sheet:after,.thank-paper:after{content:"";pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}header{letter-spacing:.06em;justify-content:space-between;gap:20px;font-size:12px;display:flex}header a{font-weight:700}header a span{margin-top:5px;font-size:10px;font-weight:400;display:block}header>span{font-size:10px}.menu{color:#111;background:#dadbd7;border:1px solid #999;flex-shrink:0;align-items:center;gap:0;width:min(100%,1050px);margin:28px auto 0;font-size:12px;display:flex;box-shadow:2px 3px #aaa}.menu a{padding:10px 18px}.menu a:hover{color:#eee;background:#111}.menu .mark{padding:5px 12px;font-size:20px;font-weight:700}.menu>span{margin-left:auto;padding:0 12px;font-size:10px}.workspace{flex:1;align-items:center;width:min(100%,1080px);min-height:0;margin:24px auto 10px;padding:24px 65px 12px 40px;display:flex;position:relative}.composition{width:100%;max-width:820px;margin:auto}.eyebrow{letter-spacing:.12em;margin:0 0 20px;font-size:10px}h1{letter-spacing:-.065em;margin:0;font-size:min(8.5vw,12svh,130px);font-weight:800;line-height:.91}.word{font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:0;max-width:100%;padding:2px 5px;display:table;position:relative}.word+.word{margin-top:7px}.word.selected{outline:1.5px solid}.word i{border:1.5px solid var(--text);background:var(--paper);width:9px;height:9px;display:none;position:absolute}.word.selected i{display:block}.word i:first-of-type{top:-5px;left:-5px}.word i:nth-of-type(2){top:-5px;right:-5px}.word i:nth-of-type(3){bottom:-5px;left:-5px}.word i:nth-of-type(4){bottom:-5px;right:-5px}.stories{background:var(--text);color:var(--paper);padding-right:13px}.move{margin-left:22%}.caption{justify-content:space-between;align-items:end;gap:20px;max-width:580px;margin-top:22px;font-size:14px;line-height:1.5;display:flex}.caption p{margin:0}.caption>span{white-space:nowrap;font-size:10px}.ruler{opacity:.55;position:absolute}.horizontal{background:repeating-linear-gradient(90deg,#888 0 1px,#0000 1px 12px);border-top:1px solid #888;height:9px;top:0;left:0;right:0}.vertical{background:repeating-linear-gradient(0deg,#888 0 1px,#0000 1px 12px);border-left:1px solid #888;width:9px;top:0;bottom:0;left:0}.guide{z-index:3;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:18px;margin-left:-9px;padding:0;position:absolute;top:0;bottom:0;left:70%}.guide:after{content:"";background:#326dff;width:1px;position:absolute;top:0;bottom:0;left:8px}.guide:focus-visible:after{width:3px}.tools{color:#111;z-index:4;background:#dadbd7;border:1px solid #888;gap:5px;width:42px;padding:5px;display:grid;position:absolute;top:22%;right:0;box-shadow:2px 3px #aaa}.tools>span{color:#fff;background:#444;margin:-5px -5px 0;padding:4px;font-size:8px}.tools button{background:0 0;border:1px solid #0000;height:32px;font-size:23px;line-height:1}.tools button.active,.tools button:hover{background:#f4f4ef;border-color:#777}.editor-footer{justify-content:space-between;align-items:end;gap:20px;width:min(100%,1080px);margin:0 auto 20px;display:flex}.properties{color:#111;background:#dadbd7;border:1px solid #999;flex-shrink:0;width:170px;font-size:10px}.properties>div:first-child{gap:14px;padding:5px;font-size:9px;display:flex}.layer{color:#fff;background:#2d61e9;align-items:center;gap:12px;padding:6px;display:flex}.layer b{color:#111;background:#eee;padding:1px 6px;font-size:18px}.layer span:last-child{margin-left:auto;font-size:9px}.hint{max-width:260px;font-size:12px;line-height:1.5}.speed{flex-direction:column;gap:5px;font-size:12px;display:flex}.speed select{background:var(--paper);border:1px solid #888;padding:5px;font-size:12px}.bottom{letter-spacing:.04em;flex-shrink:0;justify-content:space-between;gap:15px;font-size:10px;display:flex}.bottom a{border-bottom:1px solid;padding-bottom:4px}.curl{pointer-events:none;opacity:0;background:linear-gradient(#0000,#d6d7d1 20%,#f8f8f4 60%,#b9bab5);height:0;position:absolute;bottom:0;left:0;right:0}.under-page{color:#e7e7e3;background:#111;flex-direction:column;justify-content:center;padding:8% 6%;display:flex;position:absolute;inset:0}.under-page>span{letter-spacing:.08em;font-size:12px}.under-page p{letter-spacing:-.06em;font-size:clamp(60px,8vw,125px);line-height:.96}.under-page em,h2 em{font-family:Georgia,serif;font-weight:400}.inverted .sheet{--paper:#252622;--text:#e7e7e3}.moving .word{cursor:grab;touch-action:none}.moving .word:active{cursor:grabbing}#work{color:#e7e7e3;background:#111;padding:65px 6% 100px}.work-heading,.outro-meta{letter-spacing:.04em;justify-content:space-between;gap:16px;font-size:12px;display:flex}h2{letter-spacing:-.06em;margin:65px 0;font-size:clamp(60px,8vw,125px);font-weight:500;line-height:.96}.projects{grid-template-columns:1fr 1fr;gap:35px;display:grid}.photo{aspect-ratio:16/9;background:#252525;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.project-label{justify-content:space-between;gap:15px;padding:16px 0;font-size:14px;display:flex}.project-label span+span{font-size:11px}#wind{scroll-margin-top:30px}#outro{color:#e7e7e3;background:#111}.thank-paper{color:#111;text-align:center;background:#e7e7e3;border-radius:0 0 110px 110px;padding:60px 8% 100px;position:relative}.thank-paper h2{letter-spacing:-.06em;margin:80px 0 25px;font-family:Georgia,serif;font-size:clamp(70px,12vw,180px)}.thank-label{margin:0 auto 50px;font-family:Georgia,serif;font-size:clamp(24px,3.6vw,52px);line-height:1.15}.thank-label span{color:#f4f4ef;background:#255dd2;padding:0 12px 5px;display:inline-block;transform:rotate(-2deg)}.thank-label span+br+span{background:#111;transform:rotate(1deg)}.paper-seal{z-index:1;background:#e7e7e3;border:1px solid #666;border-radius:50%;place-items:center;width:90px;height:90px;margin:55px auto -145px;font:italic 40px Georgia,serif;display:grid;position:relative;box-shadow:0 5px #b6b7b1}.contact{justify-content:space-between;align-items:end;gap:40px;padding:110px 12% 75px;display:flex}.contact>div:first-child{flex-direction:column;gap:12px;font-size:20px;display:flex}.contact>div:first-child>span{font-size:14px}.contact .back{margin-top:28px;font-size:11px}.sign p{margin:0 0 10px;font:24px Georgia,serif}.sign>span{letter-spacing:-.06em;border-bottom:1px solid;width:max-content;padding:0 18px 5px 0;font:italic 68px Brush Script MT,Segoe Script,cursive;display:block;transform:rotate(-8deg)}@media (width<=760px){.scroll-scene{height:calc(max(100svh,730px) + 85svh)}.stage{height:max(100svh,730px)}.sheet{padding:20px 5% 18px}header{font-size:11px}header>span{font-size:9px}.menu{margin-top:25px}.menu a{padding:10px 12px;font-size:11px}.menu>span{display:none}.workspace{margin-top:24px;padding:25px 42px 15px 17px}.eyebrow{letter-spacing:.03em;margin-bottom:22px;font-size:8px}h1{letter-spacing:-.065em;font-size:clamp(48px,14.4vw,96px);line-height:.96}.caption{gap:12px;margin-top:24px;font-size:13px}.caption>span{font-size:8px}.tools{width:33px;padding:3px}.tools>span{margin:-3px -3px 0;padding:3px;font-size:6px}.tools button{height:30px;font-size:21px}.editor-footer{flex-wrap:wrap;gap:10px;margin-bottom:20px}.properties{width:145px}.hint{order:3;width:100%;max-width:none;font-size:11px}.speed{font-size:11px}.bottom{font-size:9px}.bottom>span:last-child{display:none}.projects{grid-template-columns:1fr;gap:30px}.work-heading,.outro-meta{font-size:10px}.project-label{font-size:13px}.project-label span+span{font-size:9px}#work{padding:45px 7% 65px}.thank-paper{border-radius:0 0 55px 55px;padding:35px 7% 85px}.thank-paper h2{margin-top:65px}.paper-seal{margin-bottom:-130px}.contact{flex-wrap:wrap;gap:55px;padding:100px 8% 55px}.sign{margin-left:auto}.sign>span{font-size:60px}.contact>div:first-child{font-size:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-scene{height:max(100svh,730px)}.stage{height:max(100svh,730px);position:relative}.curl,.under-page{display:none}.sheet{transform:none!important}}.sign img{mix-blend-mode:screen;width:clamp(220px,26vw,360px);height:auto;margin-left:-25px;display:block}:scope{z-index:2;isolation:isolate;color:#111;pointer-events:none;background:0 0;height:calc(max(100svh,730px) + 76svh);font-family:Arial,Helvetica,sans-serif;display:block;position:relative}.stage{pointer-events:none;height:max(100svh,730px);position:sticky;top:0;overflow:hidden}.sheet{--paper:#e7e7e3;--text:#111;pointer-events:auto;transform:translate3d(0,var(--peel-y,0px),0);border-radius:0 0 var(--peel-radius,48px) var(--peel-radius,48px);box-shadow:none;overflow:hidden}.sheet.peeled{pointer-events:none}.sheet header{letter-spacing:.06em;border:0;justify-content:space-between;padding:0;font-size:12px;display:flex}.menu{flex-wrap:wrap}.menu a{padding:10px 14px;font-size:12px}.menu .mark{font-size:20px}h1{letter-spacing:-.065em;color:inherit;margin:0;font-size:min(8.5vw,12svh,130px);font-weight:800;line-height:.91}p{margin:0}.eyebrow{margin-bottom:20px}.caption{margin-top:22px}.bottom,.properties{font-size:11px}.hint{font-size:12px}.speed select{min-height:32px}.no-rulers .ruler,.no-rulers .guide{display:none}:scope.inverted .sheet{--paper:#252622;--text:#e7e7e3}:scope.moving .word{cursor:grab;touch-action:none}:scope.moving .word:active{cursor:grabbing}@media (width<=760px){:scope{height:calc(max(100svh,730px) + 65svh)}.stage{height:max(100svh,730px)}.sheet{padding:20px 42px 18px 5%}h1{font-size:clamp(42px,13vw,96px);line-height:.96}.menu a{padding:9px 8px;font-size:11px}.menu .mark{padding:5px 8px}.editor-footer{gap:10px}.speed{margin-left:auto}.hint{font-size:11px}.eyebrow{font-size:9px}.bottom{font-size:10px}}@media (prefers-reduced-motion:reduce){:scope{height:max(100svh,730px)}.stage{position:relative}.sheet{border-radius:0 0 36px 36px;transform:none!important}}}.home-page.has-editor-hero>.editor-hero+.about-section{margin-top:calc(-1*max(100svh,730px));position:relative}@media (prefers-reduced-motion:reduce){.home-page.has-editor-hero>.editor-hero+.about-section{margin-top:0}}.wb-detail{color:var(--white);background:var(--black)}.wb-section{padding:clamp(40px,6vw,88px) var(--padding);border-bottom:1px solid #333}.wb-detail h1{letter-spacing:-.045em;font-size:clamp(38px,6vw,80px);font-weight:500;line-height:1.05}.wb-detail h2{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(26px,3vw,42px);font-weight:500;line-height:1.2}.wb-detail p,.wb-detail li{color:#b6baba;font-size:16px;line-height:1.8}.wb-detail p+p{margin-top:16px}.wb-detail .wb-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:26px;font-size:12px}.wb-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.wb-meta dt{color:#999;margin-bottom:8px;font-size:12px}.wb-meta dd{font-size:14px;line-height:1.6}.wb-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(24px,4vw,60px);display:grid}.wb-detail img{width:100%;height:auto;display:block}.wb-logic{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.wb-logic h3{color:var(--accent);margin-bottom:16px;font-size:14px}.wb-logic ul{padding-left:20px}.wb-logic li+li{margin-top:10px}.wb-video{aspect-ratio:16/9;background:#111}.wb-video iframe{border:0;width:100%;height:100%}.wb-detail .wb-note{max-width:850px;margin:20px 0 16px;font-size:14px}.wb-detail a{text-underline-offset:5px;font-size:14px;text-decoration:underline}.wb-process{gap:36px;display:grid}.wb-process figcaption{color:#a4a8a8;margin-top:12px;font-size:14px;line-height:1.7}@media (width<=800px){.wb-pair,.wb-logic{grid-template-columns:1fr}.wb-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}