/* Subpage-only layout. The approved desktop styles remain untouched. */
.subpage{background:#080a09;color:var(--ivory);font:15px/1.65 system-ui,sans-serif;position:relative;isolation:isolate;overflow-x:clip}
.subpage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#080a09f3,#080a09f3),url("/assets/materials/desk-surface.webp?v=9a6a48c763") center top/1536px auto repeat;pointer-events:none}
.page-shell{max-width:1536px;margin:auto;min-height:100vh;position:relative;isolation:isolate;overflow:clip}
.subpage .masthead{position:relative;width:100%;height:123px;font:12px/1.3 var(--mono)}
.skip-link{position:absolute;top:8px;left:20px;z-index:200;background:var(--ivory);color:#080a09;padding:9px 18px;transform:translateY(-160%);font:13px var(--mono)}
.skip-link:focus{transform:none}
.subpage a:focus-visible,.subpage button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.page-heading{max-width:1240px;margin:auto;padding:45px 0 32px;display:grid;grid-template-columns:225px minmax(0,1fr);gap:44px;align-items:end;position:relative}
.page-kind{align-self:center;font:11px/1.9 var(--mono);color:#b5a589;letter-spacing:.08em}
.page-kind b{display:block;font:30px/1 Condensed,sans-serif;color:var(--red);margin-bottom:9px}
.breadcrumb{font:11px/1.5 var(--mono);color:#b9ad92;margin-bottom:18px}
.breadcrumb a{color:var(--cyan)}
.breadcrumb span{padding:0 10px;color:var(--red)}
.page-heading h1{font:76px/1 Anton,sans-serif;text-transform:uppercase;letter-spacing:-1px;mask-image:url("/static/home/assets/dry-type-mask.svg?v=81595ab908");mask-size:600px 220px}
.heading-note{position:absolute;right:10px;top:75px;font:24px/1.1 Caveat,cursive;transform:rotate(-7deg);color:#b9ad92}
.document-layout{max-width:1240px;margin:0 auto 72px;display:grid;grid-template-columns:225px minmax(0,1fr);gap:44px;align-items:start}
.document-index{position:sticky;top:28px;padding-top:26px;font:12px/1.55 var(--mono)}
.document-index h2{font:12px var(--mono);color:var(--red);margin-bottom:20px}
.document-index ol{list-style:none;padding:0;margin:0;counter-reset:section}
.document-index li{counter-increment:section;margin:0 0 18px}
.document-index a{display:grid;grid-template-columns:26px 1fr;gap:9px;color:#d0c1a4}
.document-index a::before{content:counter(section,decimal-leading-zero);color:#8e826b;font-size:10px;padding-top:2px}
.document-index a:hover,.document-index a[aria-current="location"]{color:var(--cyan)}
.document-index .back{display:inline-block;margin-top:26px;color:#b8a786;font-size:11px}
.reading-sheet{position:relative;isolation:isolate;color:#201c15;padding:52px 65px 58px;min-width:0}
.reading-sheet::before{content:"";position:absolute;inset:0;z-index:-2;background:#e5d4b4 url("/assets/materials/subpage-reading-paper.png?v=c907d577e5") center top/1500px auto;mask:url("/static/pages/paper-edge.svg?v=2be1955f48") center/100% 100% no-repeat;mask-mode:luminance;filter:drop-shadow(2px 4px 3px #0008)}
.reading-sheet::after{content:"";position:absolute;inset:0;z-index:-1;background:url("/static/home/assets/print-surface.svg?v=b24965054f") center/950px auto;opacity:.16;mix-blend-mode:multiply;pointer-events:none;mask:url("/static/pages/paper-edge.svg?v=2be1955f48") center/100% 100% no-repeat;mask-mode:luminance}
.sheet-tape{position:absolute;left:65%;top:-10px;width:72px;height:24px;background:#a29578ae;transform:rotate(5deg);clip-path:polygon(0 6%,16% 0,28% 9%,43% 2%,58% 5%,79% 1%,100% 9%,97% 94%,73% 100%,53% 94%,27% 99%,0 91%);pointer-events:none}
.policy p,.utility-copy p{margin:0 0 21px}
.policy h2,.utility-copy h2{font:28px/1.2 Condensed,sans-serif;text-transform:uppercase;margin:38px 0 15px;scroll-margin-top:28px}
.policy ul,.utility-copy ul{margin:0 0 24px;padding-left:22px}
.policy li,.utility-copy li{padding-left:4px;margin:9px 0}
.policy li::marker,.utility-copy li::marker{color:#a02f23}
.reading-sheet a{color:#14515b;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.policy .small{font:12px/1.5 var(--mono);color:#6d5a40;margin-top:40px;margin-bottom:0}
.sheet-end{position:relative;max-width:1240px;margin:-37px auto 62px;text-align:right;font:21px Caveat,cursive;color:#b4a586;transform:rotate(-1deg)}
.subpage .footer{position:relative;top:auto;left:auto;width:100%;margin-top:auto;height:71px;font:12px/1.3 var(--mono)}
.subpage .footer .footer-sequence{font:9px/1.3 var(--mono)}
.subpage .footer .wave small{left:118px;gap:8px}
.subpage .footer .wave-bars{opacity:.5}
.subpage .page-shell>.footer-utility{position:relative;left:auto;top:auto;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:20px;row-gap:8px;max-width:calc(100% - 40px);margin:24px auto 30px;font:11px/1.5 var(--mono);text-align:center}
.subpage .page-shell>.footer-utility nav{align-items:center}
.subpage .page-shell>.footer-utility nav a{padding:4px 0}
.contact-stage{position:relative;max-width:1240px;margin:0 auto 95px;min-height:530px;padding-top:26px}
.contact-room{position:absolute;right:-35px;top:60px;width:770px;transform:rotate(.5deg)}
.contact-room img{width:100%;height:auto;display:block;mask:linear-gradient(90deg,transparent,#000 13%,#000 96%,transparent)}
.contact-room figcaption{font:23px Caveat,cursive;color:#d9c49e;transform:rotate(-3deg);margin:12px 0 0 260px}
.contact-letter{width:615px;transform:rotate(-.6deg);padding:44px 55px 49px}
.contact-letter h2{font:48px/1.08 "Amatic SC",Condensed,sans-serif;font-weight:700;text-transform:uppercase;margin:0 0 25px}
.contact-letter p{margin:0 0 22px}
.contact-letter .contact-email{display:inline-block;font:17px/1.5 var(--mono);color:#9e281d;margin-bottom:28px;overflow-wrap:anywhere}
.contact-letter .contact-stream{display:block;font:12px/1.5 var(--mono);margin-bottom:7px}
.contact-letter .contact-support{font-size:13px;margin:26px 0 0;max-width:360px}
.template-note{color:var(--red);font:11px var(--mono);margin-bottom:18px}
@media(max-width:1400px){
 .page-heading,.document-layout,.contact-stage{max-width:calc(100% - 96px)}
 .sheet-end{margin-right:48px}
 .masthead .status,.masthead .header-note,.masthead .globe,.masthead .repeat{display:none}
 .masthead .terminal{left:auto;right:102px;width:calc(100% - 695px)}
 .masthead .menu{left:auto;right:47px}
 .masthead .nav{left:auto;right:47px}
 .masthead .terminal-feedback{left:auto;right:102px;width:calc(100% - 695px)}
 .subpage .footer .footer-sequence{left:310px;gap:12px}
 .subpage .footer .footer-utility{left:310px}
 .subpage .footer .footer-trace{display:none}
 .subpage .footer .wave{left:auto;right:300px;width:265px}
 .subpage .footer .footer-prompt{left:auto;right:28px}
 .contact-room{right:0;width:65%}
}
@media(max-width:1100px){
 .masthead .logo{width:420px;left:20px;top:9px}
 .masthead .descriptor{left:77px;top:88px;font-size:9px;gap:5px}
 .masthead .terminal{width:calc(100% - 550px);right:92px}
 .masthead .terminal label{display:none}
 .masthead .menu{right:30px}
 .masthead .terminal-feedback{right:92px;width:calc(100% - 550px)}
 .terminal-results{left:0;width:100%}
 .masthead .nav{right:30px}
 .page-heading,.document-layout{grid-template-columns:180px minmax(0,1fr);gap:26px}
 .reading-sheet{padding:40px}
 .heading-note{display:none}
 .subpage .footer .wave{display:none}
 .contact-letter{width:56%;padding:35px}
 .contact-letter .contact-email{font-size:14px}
 .contact-letter h2{font-size:40px}
}
@media(max-width:760px){
 .subpage .masthead{height:176px}
 .masthead .logo{width:min(390px,calc(100% - 32px));left:16px;top:5px}
 .masthead .descriptor{left:62px;top:86px;font-size:9px;gap:4px;transform:none;max-width:calc(100% - 78px);white-space:normal;flex-wrap:wrap}
 .masthead .descriptor i{font-size:9px}
 .masthead .terminal{top:120px;left:18px;right:auto;width:calc(100% - 99px);height:40px}
 .masthead .menu{top:113px;right:18px}
 .masthead .nav{top:167px;right:18px}
 .masthead .terminal-feedback{top:164px;left:18px;right:auto;width:calc(100% - 36px);font-size:9px}
 .masthead::before{background-size:1100px 176px}
 .masthead::after{width:100%;height:180px;background-size:100% 180px}
 .page-heading,.document-layout,.contact-stage{max-width:calc(100% - 36px);display:block}
 .page-heading{padding:34px 8px 26px}
 .page-kind{margin-bottom:20px;font-size:10px}
 .page-kind b{display:inline;font-size:20px;margin-right:12px}
 .breadcrumb{font-size:10px;margin-bottom:14px}
 .page-heading h1{font-size:59px}
 .document-index{position:static;padding:0 8px 25px}
 .document-index h2{margin-bottom:14px}
 .document-index ol{display:flex;flex-wrap:wrap;gap:12px 18px}
 .document-index li{margin:0}
 .document-index a{display:block;font-size:11px}
 .document-index a::before{display:none}
 .document-index .back{display:none}
 .reading-sheet{padding:35px 27px 40px;font-size:16px;line-height:1.7}
 .policy h2,.utility-copy h2{font-size:26px}
 .sheet-end{margin-right:30px;font-size:19px}
 .subpage .footer{height:auto;min-height:145px;padding:20px 26px 25px;display:flex;flex-wrap:wrap;gap:22px 30px;align-items:center}
 .subpage .footer .footer-brand,.subpage .footer .footer-utility,.subpage .footer .footer-prompt{position:relative;top:auto;left:auto;right:auto}
 .subpage .footer .footer-brand{width:230px;flex-shrink:0}
 .subpage .footer .footer-utility{flex-wrap:wrap;line-height:1.4;font-size:10px;gap:13px}
 .subpage .footer .footer-utility nav{gap:18px}
 .subpage .footer .footer-sequence,.subpage .footer .footer-prompt{display:none}
 .subpage .footer>.footer-wear{width:100%;height:100%;object-fit:cover}
 .contact-stage{padding-top:0;min-height:0;margin-bottom:60px}
 .contact-room{position:relative;top:auto;right:auto;width:100%;margin:0 0 22px;transform:none}
 .contact-room figcaption{font-size:21px;margin:10px 14px;text-align:right}
 .contact-letter{width:100%;transform:rotate(-.3deg);padding:35px 30px}
 .contact-letter .contact-email{font-size:14px}
}
@media(max-width:360px){.masthead .descriptor{left:58px;font-size:8px;gap:3px;top:76px}.reading-sheet{padding:30px 22px}.contact-letter .contact-email{font-size:12px}}
@media(prefers-reduced-motion:reduce){.subpage *{scroll-behavior:auto!important}}
/* Contact form, typed onto the operator's letter. One backend for every brand: server/contact/send.php. */
.contact-form{margin:4px 0 30px;display:grid;gap:15px}
.contact-form .field{display:block;font:11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#6d5a40}
.contact-form .field span{text-transform:none;letter-spacing:0;color:#8a7658}
.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:6px;border:0;border-bottom:1.5px dashed #201c1599;border-radius:0;background:#fffaf02e;color:#201c15;font:15px/1.5 var(--mono);padding:7px 4px;letter-spacing:0;text-transform:none}
.contact-form textarea{resize:vertical;min-height:132px;border:1.5px dashed #201c1599;background:repeating-linear-gradient(transparent 0 26px,#6d5a4024 26px 27px) #fffaf02e;line-height:27px;padding:2px 8px}
.contact-form select{appearance:none;background:#fffaf02e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23201c15' stroke-width='1.5'/%3E%3C/svg%3E") right 6px center no-repeat;padding-right:26px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #14515b;outline-offset:2px;background-color:#fffaf066}
.contact-form [aria-invalid="true"]{border-color:#9e281d;border-style:solid}
.contact-form .honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-send{justify-self:start;margin-top:6px;border:2px solid #9e281d;background:#9e281d0d;color:#9e281d;font:13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:12px 18px;transform:rotate(-1deg);cursor:pointer}
.contact-send:hover{background:#9e281d1f}
.contact-send:disabled{opacity:.6;cursor:progress}
.contact-status{min-height:1.4em;margin:0!important;font:13px/1.5 var(--mono);color:#9e281d}
.contact-note{font-size:12px;margin:0!important;color:#5c4b33}
.contact-sent{display:none;margin:4px 0 30px;padding:18px 20px;border:2px solid #14515b;transform:rotate(-.6deg)}
.contact-sent:target,.contact-sent.is-sent{display:block}
.contact-form:has(~.contact-sent:target){display:none}
.contact-sent h3{font:30px/1.1 "Amatic SC",Condensed,sans-serif;font-weight:700;text-transform:uppercase;margin:0 0 8px;color:#14515b}
.contact-sent p{margin:0!important}
.contact-letter .contact-or{font:11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#6d5a40;margin:0 0 4px!important}