/* Paper study. Shared content, geometry and scroll behavior stay in the main LP. */
:root.paper-theme{--paper:#273747;--ink:#fffdf7;--accent:#c43d2c;--line:#cbd5da;--muted:#53616b;color:var(--paper);background:var(--ink);font-family:"Hiragino Maru Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
.paper-theme body{background:var(--ink)}
.paper-filters{position:absolute;pointer-events:none}
.paper-wallpaper{position:fixed;inset:0;z-index:0;pointer-events:none;background:url('./assets/paper-pattern-bright.svg?v=bright1') 15px 10px/920px 800px repeat;opacity:.64}
.paper-theme main,.paper-theme .site-footer{position:relative;z-index:1}
.paper-theme .hero{background:transparent}
.paper-theme .site-header{border-color:#27374726}
.paper-theme .wordmark{letter-spacing:-2px;color:#273747}
.paper-theme .wordmark>span{color:#f46b55}
.paper-theme .site-header nav>a:not(.nav-cta){color:#273747;border:1px solid #273747;background:#ffffff;border-radius:24px;padding:9px 18px}
.paper-theme .hero-type{color:#b6978226;font-weight:700;letter-spacing:-.065em}
.paper-theme .hero-type>span{color:#485b68}
.paper-theme .hero-index{color:#485b68}
.paper-theme h1,.paper-theme h2,.paper-theme h3,.paper-theme .object-message{font-weight:600}
.paper-theme .hero-copy .eyebrow{font-size:10px;letter-spacing:.12em;color:#273747;display:inline-block;background:#ffe36c;padding:7px 14px;border-radius:4px;transform:rotate(-2deg)}
.paper-theme .hero h1{line-height:1.40;letter-spacing:-.055em}
.paper-theme .hero h1 .fold-word{color:#e6503c}
.paper-theme .hero-description{color:#485b68}
.paper-theme .text-link{border:1px solid #273747;border-radius:28px;background:#ff8069;padding:12px 22px;gap:28px;color:#273747;box-shadow:0 4px 0 #273747;font-weight:600;font-size:13px}
.paper-theme .text-link:hover{background:#ff987f;transform:translateY(-2px)}
.paper-theme .text-link span{font-size:18px;color:#c43d2c}
.paper-theme .hero-visual{mix-blend-mode:normal}
.paper-theme .hero-visual::before{content:none}
.paper-theme .hero-orbit canvas{filter:drop-shadow(0 12px 9px #263b2f16)}
.paper-theme .visual-label{color:#485b68;font-size:10px}
.paper-theme .visual-label::before{background:#273747}
.paper-theme .hero-baseline{color:#485b68;border-color:#27374733;font-size:10px}
/* Keep the cutout above the legacy studio-ready media rules during 3D loading. */
.paper-theme .hero .hero-video,.paper-theme .hero .hero-poster{filter:url('#paper-cutout') drop-shadow(0 12px 9px #263b2f16);mix-blend-mode:normal}
.paper-theme #orbit-hint,.paper-theme .media-note,.paper-theme .viewer-unavailable{color:#485b68}
.paper-theme .orbit-actions button,.paper-theme .hero-visual-bottom button{background:#ffffff;color:#273747;border-color:#273747;box-shadow:0 2px 0 #273747}
.paper-theme .orbit-actions button:hover{background:#ffe36c;color:#273747}
.paper-theme .hero-visual-bottom p,.paper-theme .hero-visual-bottom p>span{color:#485b68}
.paper-theme .touch-instruction{background:#ffe36c;border-color:#273747;color:#c43d2c}
.paper-theme .intro{background:#ffffff;border:1px solid #273747;margin:0 3%;border-radius:48px;box-shadow:0 5px 0 #273747}
.paper-theme .intro .eyebrow,.paper-theme .intro-heading>p{color:#485b68}
.paper-theme .steps{border-color:#273747}
.paper-theme .steps li{border-color:#273747}
.paper-theme .steps li:nth-child(1){background:#ff927b}
.paper-theme .steps li:nth-child(2){background:#70d6b0}
.paper-theme .steps li:nth-child(3){background:#ffe36c}
.paper-theme .steps li:hover{filter:brightness(1.04)}
.paper-theme .step-number,.paper-theme .steps p,.paper-theme .step-en{color:#273747}
.paper-theme .fold-section.continuous-story{background:transparent}
.paper-theme .fold-heading .eyebrow{color:#485b68;letter-spacing:.10em}
.paper-theme .fold-heading h2{color:#273747}
.paper-theme .fold-heading h2 span{color:#c43d2c}
.paper-theme .object-message{color:#273747;font-weight:600;line-height:1.55}
.paper-theme .object-message em{color:#c43d2c}
.paper-theme .continuous-story .fold-playbar,.paper-theme .design-picker-hint,.paper-theme .fold-note{color:#485b68}
.paper-theme .fold-section.continuous-story .object-stage{background:none}
.paper-theme .fold-section.continuous-story .object-stage::before{background:#415765;opacity:calc(var(--ground-opacity,.12)*.48);filter:blur(12px)}
.paper-theme .fold-section.continuous-story .object-stage .fold-frame,
.paper-theme .fold-section.continuous-story .object-stage .fold-fallback,
.paper-theme .fold-section.continuous-story .object-stage .use-scene{filter:url('#paper-cutout') drop-shadow(0 10px 8px #27374716);mix-blend-mode:normal}
.paper-theme .fold-section.continuous-story .object-stage .pattern-underlay{opacity:calc(.075*(1 - var(--fold-progress,0)));filter:none;mix-blend-mode:multiply}
.paper-theme .object-touch-label{color:#273747;background:#ffffff;border:1px solid #273747;box-shadow:0 2px 0 #273747}
.paper-theme .object-feedback{color:#c43d2c;text-shadow:none}
.paper-theme .fold-object h3{color:#273747}
.paper-theme .fold-section.fold-collection .fold-object figcaption>span{color:#485b68}
.paper-theme .object-number{color:#c43d2c}
.paper-theme .design-swatch>span{box-shadow:0 2px 0 #273747;border:1px solid #273747}
.paper-theme .design-swatch[aria-pressed="true"]::after{border-color:#273747;border-style:solid}
.paper-theme .design-section{background:#61d1a5;border:1px solid #273747;color:#203e39;border-radius:48px;margin:0 3%;box-shadow:0 5px 0 #273747}
.paper-theme .design-heading .eyebrow,.paper-theme .design-heading>div+div>p,.paper-theme .design-foot{color:#203e39}
.paper-theme .editor-frame{background:#ffffff;border:1px solid #273747;border-radius:22px;box-shadow:6px 6px 0 #273747;transform:rotate(-1deg);overflow:hidden}
.paper-theme .editor-topbar,.paper-theme .editor-frame figcaption{color:#203e39}
.paper-theme .editor-frame img{border-radius:10px}
.paper-theme .design-foot span{color:#315a4e}
.paper-theme .faq{color:#273747}
.paper-theme .faq .eyebrow{color:#485b68}
.paper-theme .faq dl>div{border-color:#c0ccd2}
.paper-theme .faq dd{color:#485b68}
.paper-theme .closing{background:#ffe36c;color:#273747;border-radius:48px 48px 0 0;margin:0 3%;border:1px solid #273747}
.paper-theme .closing .eyebrow{color:#485b68}
.paper-theme .back-top{color:#273747;border-color:#273747}
.paper-theme .site-footer{background:#ffffff;color:#485b68;border-top:0}
.paper-theme .footer-type{color:#bba4853d}
.paper-theme .site-footer small,.paper-theme .site-footer>span{color:#485b68}
@media(max-width:1000px){.paper-theme .hero h1{font-size:clamp(40px,4.6vw,66px)}}
@media(max-width:700px){
 .paper-wallpaper{background-size:600px 522px;opacity:.56}
 .paper-theme .hero{min-height:880px}
 .paper-theme .hero-type{top:133px;font-size:36vw;color:#b697821f}
 .paper-theme .hero-copy{bottom:102px}
 .paper-theme .hero-copy .eyebrow{font-size:8px;padding:5px 10px;margin-bottom:13px}
 .paper-theme .hero h1{font-size:clamp(29px,8.8vw,42px);line-height:1.43}
 .paper-theme .hero-description{font-size:14px;line-height:1.9;max-width:330px}
 .paper-theme .hero .text-link{margin-top:18px;padding:10px 18px;font-size:12px}
 .paper-theme .hero-visual{top:116px;height:40%}
 .paper-theme .hero-baseline{font-size:9px;bottom:22px}
 .paper-theme .intro,.paper-theme .design-section{margin:0 12px;border-radius:28px}
 .paper-theme .intro{padding:66px 22px}
 .paper-theme .intro h2{font-size:32px;line-height:1.55}
 .paper-theme .intro-heading>p{font-size:15px}
 .paper-theme .steps li,.paper-theme .steps li+li{padding-left:10px;padding-right:10px}
 .paper-theme .steps h3{font-size:22px}
 .paper-theme .steps p{font-size:14px}
 .paper-theme .steps li>div{grid-template-columns:105px 1fr}
 .paper-theme .fold-heading h2{font-size:26px}
 .paper-theme .object-message{font-size:24px;line-height:1.45}
 .paper-theme .object-touch-label{font-size:9px}
 .paper-theme .design-heading h2{font-size:39px;line-height:1.45}
 .paper-theme .editor-frame{transform:none;border-radius:14px}
 .paper-theme .closing{margin:0 12px;border-radius:28px 28px 0 0}
 .paper-theme .closing h2{font-size:30px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.paper-theme .editor-frame{transform:none}.paper-theme .hero-copy .eyebrow{transform:none}}
@media(max-width:700px){
 .paper-theme .hero-visual{top:105px;height:35%}
 .paper-theme .hero-description{font-size:13.5px;text-wrap:pretty}
}

.paper-mobile-break{display:none}
@media(max-width:700px){.paper-mobile-break{display:block}}
.paper-theme .intro{color:#273747}
.paper-theme .intro::before{display:none}
.paper-theme .faq dd{color:#485b68}
@media(max-width:700px){
 .paper-theme .steps h3{font-size:20px;white-space:nowrap}
 .paper-theme .steps li>div{grid-template-columns:112px 1fr}
}


.paper-theme .wordmark{background:transparent;padding:0;border-radius:0}
.paper-theme .hero-type>img{opacity:.07}
.paper-theme .footer-type>img{opacity:.23}
.paper-theme .site-footer .wordmark{padding:0}

/* Bright accents distinguish controls without changing the supplied logo or models. */
.paper-theme .site-header nav>a:not(.nav-cta){background:#ffe36c;box-shadow:0 2px 0 #273747}
.paper-theme .orbit-actions [data-orbit="fold"]{background:#81d9f5}
.paper-theme .text-link span{color:inherit}
.paper-theme .back-top{background:#fff;padding:12px 20px;border:1px solid #273747;border-radius:28px;box-shadow:0 3px 0 #273747}
.paper-theme .design-swatch[data-select="stand"]>span{background:#ff8069}
.paper-theme .design-swatch[data-select="tray"]>span{background:#62cf8b}
.paper-theme .design-swatch[data-select="01-glasses"]>span{background:#37bec1}
.paper-theme .design-swatch[data-select="02-petal-pen"]>span{background:#ef77aa}
.paper-theme .design-swatch[data-select="03-accessory"]>span{background:#ffcf48}
.paper-theme .design-swatch[data-select="04-cable-dock"]>span{background:#58bcef}
.paper-theme .design-swatch[data-select="05-filter-holder"]>span{background:#f4a04e}
.paper-theme .design-swatch[data-select="06-photo-stand"]>span{background:#a48ae6}
.paper-theme a:focus-visible,.paper-theme button:focus-visible,.paper-theme canvas:focus-visible{outline:3px solid #176baf;outline-offset:5px}

/* Bold Japanese display type and fewer decorative labels. */
.paper-theme h1,.paper-theme h2,.paper-theme h3,.paper-theme .object-message{
 font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
 font-weight:800;letter-spacing:-.035em;font-feature-settings:"palt";
}
.paper-theme .object-message{font-weight:800}
.paper-theme .text-link,.paper-theme .back-top,.paper-theme .orbit-actions button,.paper-theme .site-header nav>a{font-weight:700}
.paper-theme .hero-index,.paper-theme .visual-label,.paper-theme .hero-baseline,
.paper-theme .eyebrow,.paper-theme .hero-copy .eyebrow,.paper-theme .step-en,.paper-theme .step-number,
.paper-theme .fold-playbar,.paper-theme .design-picker-hint,.paper-theme .fold-footnote,
.paper-theme .fold-object figcaption>span,.paper-theme .object-number,.paper-theme .editor-topbar{display:none}
.paper-theme .fold-heading h2{margin-top:0}
.paper-theme .steps li{padding:28px 24px}
.paper-theme .steps p{margin-top:14px}
.paper-theme .closing h2{margin-top:0}
@media(max-width:700px){
 .paper-theme .steps li,.paper-theme .steps li+li{padding:22px 12px}
 .paper-theme .hero h1{font-size:clamp(28px,8.6vw,40px)}
 .paper-theme .object-message{font-size:23px;line-height:1.5}
}

.paper-theme .demo-section{padding:66px 6vw 90px}
.paper-theme .demo-section h2{font-size:clamp(28px,3vw,46px);line-height:1.45;margin:0 0 28px}
.paper-theme .demo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid #273747;border-radius:28px;background:#fffdf7;box-shadow:0 5px 0 #273747;overflow:hidden}
@media(max-width:700px){.paper-theme .demo-section{padding:45px 22px 65px}.paper-theme .demo-section h2{font-size:26px;margin-bottom:20px}.paper-theme .demo-video{border-radius:16px}}
