.product-desk{background:#d5d2cd;padding:72px 30px 35px;isolation:isolate;overflow:hidden}
.desk-heading{max-width:1000px;margin:0 auto 38px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.desk-heading h2{font-size:clamp(48px,5.1vw,72px);line-height:.94}.desk-heading p{font-size:12px;max-width:230px;padding-bottom:5px}
.desk-surface{max-width:1080px;margin:auto;padding:30px 30px 40px;background:linear-gradient(120deg,#c2bfb8,#e3e0d9 45%,#bdbab3);box-shadow:inset 0 1px 1px #fff8;border-radius:3px}
.cutting-mat{position:relative;min-height:650px;max-width:1000px;margin:auto;padding:89px 55px 78px;color:#e8e3cc;border-radius:9px;background-color:#20231f;background-image:linear-gradient(#b2b99e16 1px,transparent 1px),linear-gradient(90deg,#b2b99e16 1px,transparent 1px),linear-gradient(#c4ccb116 1px,transparent 1px),linear-gradient(90deg,#c4ccb116 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-position:19px 19px;box-shadow:0 22px 35px #11170f44,0 4px 4px #11170f44,inset 0 0 0 2px #070a07,inset 0 0 0 20px #191c18;transform:rotate(-.7deg)}
.cutting-mat:before{content:'';position:absolute;inset:39px;border:1px solid #b6bda42b;border-radius:1px;pointer-events:none}
.mat-top-rule{position:absolute;left:42px;right:40px;top:23px;display:flex;justify-content:space-between;font-size:8px;color:#a5ad96;font-variant-numeric:tabular-nums}
.mat-left-rule{position:absolute;top:42px;bottom:50px;left:23px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#a5ad96;font-variant-numeric:tabular-nums}
.mat-brand{position:absolute;top:55px;right:57px;letter-spacing:.1em;font-size:8px;color:#b1b69f}
.mat-footer{position:absolute;bottom:25px;left:43px;right:40px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.09em;color:#aab29a}
.folder-layout{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:70px 24px;position:relative;z-index:1;padding:15px 0 10px}
.product-folder{position:relative;grid-column:span 2;height:196px;background:none;padding:0;color:#171506;text-align:left;perspective:900px;transform:rotate(var(--folder-turn));transition:transform 300ms var(--ease);isolation:isolate;outline-offset:13px}
.folder-one{--folder-turn:-7deg}.folder-two{--folder-turn:4deg;top:12px}.folder-three{--folder-turn:-4deg;top:-4px}.folder-four{--folder-turn:5deg;grid-column:2/span 2;top:4px}.folder-five{--folder-turn:-6deg;grid-column:4/span 2;top:13px}
.folder-back{position:absolute;inset:14px 0 0;background:#d6a11c;border-radius:3px 5px 5px 5px;box-shadow:5px 12px 15px #0007}
.folder-back:before{content:'';position:absolute;top:-14px;left:0;width:43%;height:20px;background:#d6a11c;border-radius:7px 12px 0 0}
.folder-paper{position:absolute;left:9px;right:9px;top:21px;bottom:12px;background:#faf6e9;box-shadow:0 1px 3px #0003;border-radius:1px;transition:transform 380ms var(--ease)}
.paper-under{transform:translate(2px,-7px) rotate(3deg);background:#e7e2d4}.paper-top{padding:13px 13px;transform:rotate(-2deg);overflow:hidden}
.paper-top>span{display:block;font-size:7px;font-weight:bold;letter-spacing:.08em;padding-bottom:10px;color:#5c5e56}.paper-top i{display:block;width:85%;height:1px;background:#c7c4b5;margin:9px 0}.paper-top i:nth-of-type(2){width:60%}
.folder-cover{position:absolute;inset:47px 0 0;padding:16px 17px 14px;border-radius:3px 5px 5px 5px;background:linear-gradient(110deg,#ffdb43,#f4c124 74%,#edb825);box-shadow:inset 0 1px 1px #fff7,0 4px 7px #0002;transform-origin:center bottom;transition:transform 400ms var(--ease),box-shadow 400ms;backface-visibility:visible;display:flex;flex-direction:column;justify-content:space-between}
.folder-cover:after{content:'';position:absolute;inset:auto 0 7px;height:1px;background:#b483092a}
.folder-index{font-size:25px;font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.folder-name{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:18px;line-height:1.06;letter-spacing:-.04em;margin-top:5px}
.folder-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:6px;letter-spacing:.02em;margin-top:10px}.folder-meta b{font-size:19px;font-weight:normal;line-height:1}
.product-folder:focus-visible{outline:3px solid #ffde67}.product-folder:focus-visible .paper-top{transform:translateY(-14px) rotate(-2deg)}
@media(hover:hover) and (pointer:fine){.product-folder:hover{transform:translateY(-9px) rotate(calc(var(--folder-turn) - 2deg));z-index:3}.product-folder:hover .paper-top{transform:translateY(-14px) rotate(-2deg)}.product-folder:hover .paper-under{transform:translate(3px,-20px) rotate(3deg)}.product-folder:hover .folder-cover{transform:rotateX(-13deg);box-shadow:inset 0 1px 1px #fff7,0 12px 15px #0003}}
.product-folder.is-opening{z-index:5;transform:translateY(-10px) rotate(0deg)}.product-folder.is-opening .folder-cover{transform:rotateX(-150deg);box-shadow:0 16px 20px #0002}.product-folder.is-opening .paper-top{transform:translateY(-30px) rotate(0deg)}
.desk-bottom{max-width:1000px;margin:28px auto 0;display:flex;justify-content:space-between;gap:20px;font-size:10px}.desk-bottom>span:last-child{font-weight:bold}
.product-detail{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#eee9df;color:#15160c;overflow:auto;overscroll-behavior:contain;z-index:100}
.product-detail::backdrop{background:#12140de8}.detail-sheet{min-height:100%;display:flex;flex-direction:column;transform-origin:0 0}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4%;border-bottom:1px solid #aaa58d;font-size:10px;letter-spacing:.06em}.detail-close{display:flex;align-items:center;gap:24px;background:none;font-size:12px;color:inherit;padding:8px 0}.detail-close span{font-size:30px;font-weight:normal;line-height:1}.detail-close:hover{color:#75601b}
.detail-content{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(400px,1.15fr);min-height:calc(100svh - 160px);flex:1}
.detail-intro{background:#ffcd22;padding:50px clamp(28px,4.3vw,80px);position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.detail-index{font-size:clamp(100px,12vw,180px);font-weight:700;letter-spacing:-.07em;line-height:1;color:#bd920d;margin-bottom:35px}.detail-intro h2{font-size:clamp(50px,5vw,78px);max-width:9ch;overflow-wrap:normal;line-height:.94}.detail-intro>p{font-size:16px;max-width:29ch;margin:24px 0 35px;line-height:1.45}.detail-intro .detail-tag{font-size:9px;letter-spacing:.08em;margin-top:auto;border-top:1px solid #b78b18;padding-top:20px;width:100%}
.detail-reading{padding:55px clamp(28px,4.5vw,90px) 45px;max-width:850px}.detail-lead{font-size:19px;line-height:1.55;max-width:55ch}.detail-reading h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.025em;font-size:19px;line-height:1.25;margin:32px 0 15px}.detail-features{padding:0;list-style:none;margin:0}.detail-features li{padding:13px 0;border-top:1px solid #c9c3b0;font-size:13px;line-height:1.5}.detail-features strong{display:block;font-size:14px;margin-bottom:3px}.detail-flow{padding:18px 20px;background:#e1dccd;font-size:13px;line-height:1.6;margin-bottom:25px}.detail-status{font-size:11px;color:#605b47;border-top:1px solid #c9c3b0;padding-top:18px;line-height:1.55}.detail-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4%;border-top:1px solid #aaa58d;font-size:9px;letter-spacing:.04em}.next-product{background:#15160c;color:#ffda42;padding:13px 19px;border-radius:30px;font-size:12px;display:flex;gap:30px;align-items:center}.next-product:hover{background:#393a27}.product-detail button:focus-visible{outline:3px solid #876800;outline-offset:5px}
@media(max-width:900px){.product-desk{padding:55px 20px 30px}.desk-surface{padding:20px}.cutting-mat{padding:80px 45px 65px;min-height:580px}.folder-layout{gap:55px 18px}.product-folder{height:175px}.folder-cover{padding:13px}.folder-name{font-size:15px}.folder-index{font-size:22px}.folder-meta{font-size:5px}.detail-content{grid-template-columns:.85fr 1.15fr}.detail-intro{padding:40px 25px}.detail-intro h2{font-size:50px}.detail-reading{padding:40px 28px}.detail-lead{font-size:16px}}
@media(max-width:600px){.product-desk{padding:46px 14px 26px}.desk-heading{padding:0 8px;gap:18px;margin-bottom:26px;align-items:flex-start;flex-direction:column}.desk-heading h2{font-size:49px}.desk-heading p{font-size:11px}.desk-surface{padding:12px 8px 18px;margin:0 -5px}.cutting-mat{min-height:760px;padding:82px 30px 75px;border-radius:6px;background-size:16px 16px,16px 16px,80px 80px,80px 80px;box-shadow:0 12px 20px #11170f44,0 3px 3px #11170f44,inset 0 0 0 2px #070a07,inset 0 0 0 13px #191c18;transform:rotate(-.5deg)}.cutting-mat:before{inset:26px}.mat-top-rule{left:28px;right:27px;top:16px;font-size:6px}.mat-top-rule span:nth-child(even){display:none}.mat-left-rule{left:15px;top:31px;bottom:38px;font-size:6px}.mat-brand{right:32px;top:43px;font-size:6px}.mat-footer{left:29px;right:26px;bottom:18px;font-size:5px;gap:15px}.folder-layout{grid-template-columns:repeat(4,minmax(0,1fr));gap:60px 14px;padding:5px 0 0}.product-folder{height:155px;grid-column:span 2}.folder-three{grid-column:span 2;top:2px}.folder-four{grid-column:span 2;top:10px}.folder-five{grid-column:2/span 2;top:5px}.folder-cover{inset:36px 0 0;padding:10px 9px}.folder-paper{left:6px;right:6px;top:17px}.folder-back{inset:12px 0 0}.folder-back:before{top:-12px;height:17px}.folder-index{font-size:19px}.folder-name{font-size:12px;letter-spacing:-.035em}.folder-meta{font-size:4px;letter-spacing:0;gap:3px;margin-top:6px}.folder-meta b{font-size:15px}.paper-top{padding:9px 6px}.paper-top>span{font-size:4px;padding-bottom:4px}.paper-top i{margin:7px 0}.desk-bottom{padding:0 7px;gap:12px;font-size:8px;line-height:1.4}.desk-bottom>span{max-width:48%}.desk-bottom>span:last-child{text-align:right}.detail-toolbar{padding:15px 5%;gap:10px;font-size:7px;letter-spacing:0}.detail-close{font-size:10px;gap:12px}.detail-close span{font-size:26px}.detail-content{display:block;min-height:0}.detail-intro{padding:28px 7% 26px;min-height:320px}.detail-index{position:absolute;right:7%;top:24px;font-size:94px;margin:0;color:#c19816}.detail-intro h2{position:relative;z-index:1;font-size:47px;max-width:9ch;padding-top:15px}.detail-intro>p{font-size:13px;max-width:28ch;margin:22px 0 25px;position:relative}.detail-intro .detail-tag{font-size:7px}.detail-reading{padding:30px 7%}.detail-lead{font-size:16px}.detail-reading h3{font-size:18px;margin-top:29px}.detail-features li{font-size:12px}.detail-features strong{font-size:13px}.detail-flow{font-size:12px;padding:16px}.detail-footer{padding:20px 7%;align-items:flex-start;flex-direction:column;gap:16px;font-size:7px}.next-product{width:100%;justify-content:space-between;font-size:11px}.product-detail{scrollbar-width:thin}}
@media(prefers-reduced-motion:reduce){.product-folder,.folder-cover,.folder-paper{transition:none!important}.product-folder.is-opening .folder-cover{transform:none}.product-folder.is-opening .paper-top{transform:none}}

/* Physical scene layers: background 0, folder/papers 2, robot 4. */
.product-desk.photo-desk{padding:0;margin:0;background:#eeeae3;overflow:hidden}
.desk-accessible-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.desk-scene{position:relative;width:100%;max-width:none;margin:0;padding:0;isolation:isolate;container-type:inline-size}
.desk-photo{width:100%;height:auto;display:block}
.photo-desk .photo-folder{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);min-height:0;transform:none;perspective:900px;z-index:2;background:transparent;padding:0;border:0;box-shadow:none;border-radius:0}
.folder-object{position:absolute;inset:0;display:block;transform-origin:50% 100%;transition:transform 380ms var(--ease),filter 380ms;filter:drop-shadow(2px 5px 3px #11100930)}
.folder-alpha{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.folder-label{position:absolute;left:13%;right:8%;top:32%;display:flex;flex-direction:column;gap:.7cqw;color:#17140a;font-family:Georgia,'Times New Roman',serif;text-align:left;pointer-events:none}
.folder-label b{font-size:1.65cqw;line-height:1;font-weight:700}.folder-label strong{font-family:inherit;font-size:1.05cqw;line-height:1.1;font-weight:700;letter-spacing:-.025em}
.folder-reveal{position:absolute;inset:12% 7% 8%;background:#f8f2e3;color:#252116;display:flex;flex-direction:column;gap:10px;padding:12%;text-align:left;opacity:0;transform:translateY(0);transition:transform 380ms var(--ease),opacity 150ms}
.folder-reveal b{font-size:1.5cqw}.folder-reveal>span{font-size:1cqw;font-weight:600;line-height:1.2}
.desk-robot{position:absolute;left:19.8%;top:39.4%;width:62%;height:62%;max-width:none;z-index:4;pointer-events:none;user-select:none;object-fit:fill}
.photo-desk .photo-folder:focus-visible{outline:3px solid #a26a00;outline-offset:3px;z-index:3}.photo-desk .photo-folder:focus-visible .folder-object{transform:translateY(-7px) rotate(-1deg);filter:drop-shadow(4px 12px 6px #11100942)}
.photo-desk .photo-folder.is-opening{z-index:3;transform:none}.photo-folder.is-opening .folder-object{transform:rotateX(-105deg);filter:drop-shadow(2px 9px 5px #11100938)}.photo-folder.is-opening .folder-reveal{opacity:1;transform:translateY(-12px)}
@media(hover:hover) and (pointer:fine){.photo-desk .photo-folder:hover{transform:none;z-index:3}.photo-folder:hover .folder-object{transform:translateY(-8px) rotate(-1deg);filter:drop-shadow(4px 12px 6px #11100942)}.photo-folder.is-opening:hover .folder-object{transform:rotateX(-105deg)}}
@media(max-width:600px){.product-desk.photo-desk{padding:0}.photo-desk .photo-folder{min-height:44px}.folder-label{gap:.7cqw}.photo-desk .photo-folder:focus-visible{outline-width:2px;outline-offset:1px}}
@media(prefers-reduced-motion:reduce){.folder-object,.folder-reveal{transition:none!important}.photo-folder.is-opening .folder-object,.photo-folder.is-opening .folder-reveal{transform:none!important}}