.paper-world{position:relative;background:#eee8dd;scroll-margin-top:var(--header);color:#292722}
.pw-stage{position:relative;min-height:740px;overflow:clip;isolation:isolate}
.pw-desk,.pw-sheet{display:none}
.pw-picture{position:relative;height:560px;overflow:hidden;background:#e7decd}
.pw-poster,.pw-water{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.pw-water{opacity:0;pointer-events:none}.pw-picture[data-renderer="webgl"] .pw-water{opacity:1}
.pw-copy{position:relative;padding:60px 6% 28px}.pw-eyebrow{font-size:13px;letter-spacing:.19em;margin:0 0 24px}
.pw-copy h2{font-family:var(--serif,Georgia,serif);font-size:clamp(38px,4.1vw,72px);font-weight:400;line-height:1.55;margin:0;letter-spacing:.025em}.pw-copy h2 span{color:#a53729}
.pw-description{font-size:clamp(17px,1.3vw,22px);line-height:1.9;margin-top:24px}.pw-footer{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:25px 6%;font-size:16px}.pw-footer a{color:inherit;text-underline-offset:7px}.pw-progress{flex:1;max-width:260px;height:1px;background:#a99c85}.pw-progress i{display:block;width:100%;height:2px;background:#ad3b2d;transform:scaleX(var(--pw-progress,1));transform-origin:left}
.pw-hint{display:none}.pw-concept{display:block;padding:0 6% 22px;font-size:12px;color:#655c51}
.pw-active .paper-world{height:340svh}.pw-active .pw-stage{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:0;perspective:1600px}
.pw-active .pw-desk{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#eee6d8b3,#eee6d822),url('assets/studio-desk.jpg') center/cover;opacity:var(--pw-desk,1)}
.pw-active .pw-sheet{display:block;position:absolute;inset:7% 5% 13%;background:#f8f4eb;border:1px solid #d5cbbb;box-shadow:0 25px 65px #32261930;transform:translateY(var(--pw-lift,0px)) rotateZ(var(--pw-rotation,0deg));opacity:var(--pw-sheet,1)}
.pw-sheet-bar{height:11%;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5cbbb;font-size:12px;letter-spacing:.13em}.pw-sheet-copy{position:absolute;left:5%;top:24%;width:42%}.pw-sheet-copy small{font-size:15px}.pw-sheet-copy strong{display:block;margin:20px 0;font:400 clamp(32px,3.2vw,58px)/1.5 var(--serif,Georgia,serif)}.pw-sheet-copy p{font-size:18px;line-height:1.8;color:#6f675c}.pw-paper-button{display:inline-block;padding:15px 25px;background:#ad3b2d;color:white;margin-top:15px;font-size:16px}.pw-sheet-bottom{position:absolute;bottom:5%;left:5%;right:5%;border-top:1px solid #d5cbbb;display:flex;justify-content:space-between;padding-top:15px;font-size:13px;color:#6c6358}
.pw-active .pw-picture{position:absolute;left:var(--pw-x,50%);top:var(--pw-y,21%);width:var(--pw-w,42%);height:var(--pw-h,52%);transform:rotateZ(var(--pw-rotation,0deg));border-radius:var(--pw-radius,0px);box-shadow:0 2px 15px #25201915;touch-action:pan-y}
.pw-active .pw-copy{position:absolute;z-index:2;left:0;top:19%;padding:0 6%;pointer-events:none;opacity:var(--pw-copy,0);transform:translateY(var(--pw-text-y,18px))}.pw-active .pw-copy:before{content:"";position:absolute;z-index:-1;inset:-50px -55px -45px -20px;background:radial-gradient(ellipse at 38% 48%,#f6efdfdf 0%,#f6efdf9c 38%,#f6efdf00 72%);filter:blur(15px)}
.pw-active .pw-hint{position:absolute;z-index:3;bottom:18%;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;padding:10px 17px;background:#faf6ebde;border:1px solid #e0d4c3;color:#443e35;font-size:15px;opacity:var(--pw-copy,0)}.pw-ripple-icon{font-size:25px;color:#a53729}.pw-touch{background:none;border:0;border-left:1px solid #c7bca9;padding:8px 0 8px 15px;color:#a53729;font:inherit;cursor:pointer;min-height:44px}
.pw-active .pw-footer{position:absolute;z-index:4;bottom:0;left:0;right:0;padding:24px 5%;background:linear-gradient(transparent,#f4eee4e8);min-height:85px}.pw-active .pw-concept{position:absolute;right:5%;bottom:88px;padding:0;color:#f9f4e9;text-shadow:0 1px 4px #000;opacity:var(--pw-copy,0)}
.pw-touch:focus-visible,.pw-footer a:focus-visible{outline:2px solid #a53729;outline-offset:5px}
.pw-weather-controls{display:contents}.pw-weather,.pw-door-control,.pw-wind-control{background:none;border:0;border-left:1px solid #c7bca9;padding:8px 4px 8px 15px;color:#a53729;font:inherit;cursor:pointer;min-height:44px;min-width:44px}.pw-weather{min-width:38px;padding-left:9px;padding-right:5px;letter-spacing:.08em}.pw-hint button:focus-visible{outline:2px solid #a53729;outline-offset:3px}.pw-hint button[aria-pressed="true"]{background:#a5372912}.pw-hint .pw-weather[aria-pressed="true"]{position:relative;background:transparent;color:#9f3b2f;font-weight:600}.pw-hint .pw-weather[aria-pressed="true"]:after{content:"";position:absolute;left:9px;right:5px;bottom:6px;height:2px;background:#a53729}
@media(max-width:700px){.pw-pointer-label{display:none}.pw-hint button{min-width:54px}.pw-weather{min-width:34px!important;padding:8px 4px 8px 8px}.pw-hint .pw-weather[aria-pressed="true"]:after{left:8px;right:4px}}
@media(min-width:701px) and (max-height:740px){.pw-sheet-copy{top:18%}.pw-sheet-copy strong{font-size:35px;margin:10px 0}.pw-sheet-copy p{font-size:16px;margin:10px 0}.pw-paper-button{padding:10px 18px;margin:0}.pw-active .pw-copy{top:12%}.pw-copy h2{font-size:48px}.pw-description{margin-top:12px}.pw-active .pw-hint{bottom:18%}}
@media(max-width:700px){.pw-stage{min-height:0}.pw-picture{height:430px}.pw-copy{padding:35px 6% 12px}.pw-copy h2{font-size:clamp(27px,6.9vw,42px);line-height:1.65}.pw-eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:15px}.pw-description{font-size:16px;margin-top:18px}.pw-footer{font-size:13px;gap:14px;flex-wrap:wrap}.pw-progress{max-width:70px}.pw-active .paper-world{height:270svh}.pw-active .pw-sheet{inset:6% 5% 14%}.pw-sheet-bar{font-size:8px;letter-spacing:.04em}.pw-sheet-bar span:last-child{font-size:8px}.pw-sheet-copy{top:14%;left:6%;width:88%}.pw-sheet-copy small,.pw-sheet-copy p,.pw-paper-button{display:none}.pw-sheet-copy strong{font-size:28px;line-height:1.45;margin:0}.pw-sheet-bottom{font-size:11px}.pw-active .pw-copy{top:12%;padding:0 6%}.pw-active .pw-copy:before{inset:-20px -5px -25px -10px;background:linear-gradient(90deg,#f7efdfeb,#f7efdf99 70%,transparent)}.pw-active .pw-hint{left:50%;bottom:17%;width:max-content;max-width:90%;font-size:12px;padding:5px 10px;gap:8px}.pw-ripple-icon{font-size:20px}.pw-active .pw-footer{font-size:12px;padding:15px 5%;min-height:80px;gap:12px}.pw-active .pw-concept{font-size:10px;bottom:88px}.pw-touch{padding-left:9px}.pw-caption{max-width:45%}}