/* A writer's working desk: density changes with the story, while the public palette stays isolated. */
html[data-site-theme="public"] {
    :is(.writer-home,.writer-tour) { overflow: clip; }
    .writer-hero { padding: 38px 0 42px; }
    .writer-hero-grid { gap: 24px; grid-template-columns: 1fr 1.08fr; }
    .writer-hero h1 { font-size: clamp(3.2rem,4.4vw,4.5rem); margin-bottom: 23px; }
    .writer-hero .marketing-lead { max-width: 470px; }
    .writing-desk { height: 520px; margin-right: -12px; }
    .manuscript-sheet { inset: 15px 65px 42px 30px; padding: 28px 36px; font-size: 14px; line-height: 1.8; }
    .manuscript-running { margin-bottom: 20px !important; }
    .manuscript-sheet h2 { font-size: 29px; margin-bottom: 22px; }
    .manuscript-fade { max-height: 54px; overflow: hidden; }
    .manuscript-sheet > .hand-note { bottom: 25px; font-size: 17px; }
    .desk-rule { top: -13px; }
    .desk-note { top: 124px; right: -6px; width: 163px; padding: 22px 18px; transform: rotate(7deg); }
    .desk-note p { font-size: 22px; margin-bottom: 15px; }
    .desk-note .hand-note { font-size: 13px; }
    .desk-answer { bottom: -1px; left: 130px; right: 0; padding: 18px 20px; z-index: 3; }
    .desk-answer strong { font-size: 23px; }
    .desk-caption { bottom: -31px; margin: 0; font-size: 13px; }
    .desk-pencil { height: 235px; bottom: 52px; left: 30px; z-index: 2; }
    .desk-scene-slip { position: absolute; left: -5px; bottom: 37px; width: 215px; background: #ecebdc; border: 1px solid #d8d7c7; padding: 20px; transform: rotate(-8deg); box-shadow: 3px 5px 14px #30331c18; }
    .desk-scene-slip small { font-size: 8px; letter-spacing: .13em; color: #6e745e; }
    .desk-scene-slip p { font: 20px/1.25 Georgia,serif; margin: 10px 0; }
    .desk-scene-slip > span { font-size: 10px; color: #737362; }
    .desk-margin-note { position: absolute; top: 33px; right: 12px; z-index: 2; color: #9d543d; font: italic 18px/1.3 "Segoe Print",cursive; transform: rotate(9deg); }
    .desk-margin-note > span { display: block; text-align: center; font-size: 45px; }
    /* The writer's questions accumulate; the notes overlap only at their edges. */
    .writer-problems { padding: 42px 0 35px; text-align: left; background: #eeeade; }
    .problem-desk-grid { display: grid; grid-template-columns: .8fr 1.4fr; gap: 35px; align-items: center; }
    .problem-heading h2 { font-size: clamp(2.3rem,3.35vw,3.5rem); }
    .problem-heading .marketing-eyebrow { margin-bottom: 16px; }
    .problem-answer { margin-top: 25px; font-size: 14px; }
    .question-board { position: relative; min-width: 0; height: 390px; isolation: isolate; }
    .question-scatter { position: absolute; inset: 0; display: block; padding: 0; max-width: none; }
    .question-scatter p { position: absolute; width: 30%; margin: 0; padding: 22px 18px; font: italic 20px/1.35 "Segoe Print",Georgia,serif; border: 1px solid #e1d9c3; box-shadow: 2px 7px 12px #34341f14; background: #fffdf4; text-align: left; }
    .question-scatter p::before { content: ''; position: absolute; top: -8px; left: 32%; width: 50px; height: 18px; background: #ded7bf99; transform: rotate(-4deg); }
    .question-scatter p:nth-child(1) { top: 23px; left: 1%; transform: rotate(-7deg); background: #f2dfaa; z-index: 2; }
    .question-scatter p:nth-child(2) { top: 6px; left: 36%; transform: rotate(4deg); background: #fffdf4; }
    .question-scatter p:nth-child(3) { top: 95px; left: 67%; transform: rotate(-5deg); background: #e4dfeb; z-index: 3; }
    .question-scatter p:nth-child(4) { top: 220px; left: 3%; transform: rotate(5deg); background: #ecd0c2; z-index: 3; }
    .question-scatter p:nth-child(5) { top: 178px; left: 34%; transform: rotate(-4deg); background: #e2e7d6; }
    .question-scatter p:nth-child(6) { top: 244px; left: 65%; transform: rotate(6deg); background: #f8eccd; z-index: 3; }
    .story-scrap { position: absolute; z-index: -1; color: #8c897a; }
    .story-scrap--manuscript { top: 88px; left: 8%; width: 77%; min-height: 210px; background: #faf7ef; padding: 32px; transform: rotate(-3deg); border: 1px solid #e0dccf; font: 16px/1.9 Georgia,serif; }
    .story-scrap--manuscript small { font-size: 9px; letter-spacing: .14em; }
    .story-scrap--manuscript p { margin-top: 16px; }
    .story-scrap--manuscript .hand-note { color: #a89572; font-size: 15px; }
    .story-scrap--date { top: 0; right: 0; width: 145px; transform: rotate(9deg); border-left: 1px solid #c6c8b8; padding: 12px; }
    .story-scrap--date small,.story-scrap--date span { display: block; font-size: 9px; letter-spacing: .1em; }
    .story-scrap--date strong { font: 32px/1.5 Georgia,serif; color: #a68d68; }
    .board-annotation { position: absolute; left: 28%; bottom: -5px; color: #7c8068; font-size: 17px; }
    .desk-connections { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; z-index: -1; }
    .desk-connections path { stroke: #ab8d55; stroke-width: 1.3; fill: none; stroke-dasharray: 5 4; }
    /* Compositions retain a full-size screenshot link; extra UI is cropped live in CSS, never invented. */
    .product-composition { position: relative; min-width: 0; isolation: isolate; }
    .editorial-split--reverse > .product-composition { order: 0; }
    .desk-connections,.escaping-threads { pointer-events: none; }
    .product-composition > .product-print { position: relative; z-index: 1; }
    .remembers-section { padding: 70px 0 85px; }
    .remembers-section .editorial-split { gap: 60px; grid-template-columns: .8fr 1.2fr; }
    .remembers-composition { padding: 30px 0 66px 15px; }
    .composition-paper { position: absolute; left: -25px; top: 0; width: 220px; padding: 24px; background: #ede7d7; border: 1px solid #d8d1bd; transform: rotate(-8deg); font: 18px/1.6 Georgia,serif; }
    .composition-paper small { font: 8px system-ui,sans-serif; letter-spacing: .12em; }
    .composition-paper p { margin: 12px 0 0; }
    .ui-fragment { position: relative; display: block; padding: 10px; background: #fffdf7; border: 1px solid #d2d5c3; border-radius: 4px; box-shadow: 4px 10px 22px #30351f20; text-decoration: none; color: #34392c; width: max-content; max-width: 100%; cursor: zoom-in; }
    .fragment-label { display: block; font: 600 9px/1.5 system-ui,sans-serif; letter-spacing: .02em; color: #68705a; padding: 2px 4px 8px; }
    .ui-crop { --crop-scale: .64; display: block; width: calc(480px * var(--crop-scale)); height: calc(125px * var(--crop-scale)); overflow: hidden; position: relative; border-radius: 2px; background: #fffdf7; max-width: 100%; }
    .ui-crop img { display: block; position: absolute; width: calc(1440px * var(--crop-scale)); height: auto; max-width: none; }
    .ui-crop--knowledge img { left: calc(-900px * var(--crop-scale)); top: calc(-395px * var(--crop-scale)); }
    .ui-crop--person { width: calc(420px * var(--crop-scale)); height: calc(120px * var(--crop-scale)); }
    .ui-crop--person img { left: calc(-965px * var(--crop-scale)); top: calc(-285px * var(--crop-scale)); }
    .fragment-person { position: absolute; z-index: 3; right: -16px; bottom: 5px; transform: rotate(-4deg); }
    .composition-annotation { display: block; position: relative; z-index: 2; font-size: 17px; margin-top: 20px; }
    .remembers-composition > .composition-annotation { position: absolute; left: -16px; bottom: 2px; max-width: 230px; transform: rotate(-5deg); }
    .bring-manuscript { padding: 45px 0; }
    .import-grid { gap: 65px; grid-template-columns: .72fr 1.28fr; }
    .import-pages { height: 270px; }
    .import-tab { position: absolute; right: 5px; padding: 5px 16px; background: #e2c778; box-shadow: 2px 3px 8px #2c331415; font: 11px system-ui; transform: rotate(-5deg); }
    .import-tab--chapters { top: 55px; }
    .import-tab--scenes { top: 91px; right: 15px; background: #e5d6bb; }
    .import-pencil-note { position: absolute; left: -5px; bottom: -3px; transform: rotate(-8deg); font-size: 18px; }
    /* The writing section intentionally keeps its original generous whitespace and quiet single view. */
    .story-problems { padding: 60px 0 65px; }
    .story-problems .section-intro { margin-bottom: 35px; }
    .story-problems .problem-demonstration { margin-top: 45px; gap: 65px; }
    .story-problems .problem-demonstration + .problem-demonstration { margin-top: 55px; }
    .chronology-composition { padding: 20px 0 25px; }
    .chronology-composition .product-print { transform: rotate(-1deg); }
    .demo-date-slip { position: absolute; z-index: 3; right: -24px; top: -7px; display: block; width: 145px; padding: 16px; background: #f0d68f; box-shadow: 3px 6px 12px #36341f18; transform: rotate(7deg); }
    .demo-date-slip small { display: block; font: 9px system-ui; letter-spacing: .12em; color: #77612f; }
    .demo-date-slip strong { font: 34px/1.3 Georgia,serif; display: block; border-bottom: 2px solid #ba8b43; width: max-content; }
    .demo-date-slip > span { font: italic 12px/1.4 Georgia,serif; display: block; margin-top: 8px; }
    .chronology-composition .composition-annotation { margin-left: 10px; }
    .problem-demonstration--reverse > .thread-composition { order: 2; }
    .thread-composition { padding-top: 35px; padding-bottom: 30px; }
    .thread-composition > .product-print { transform: rotate(1.2deg); }
    .thread-note { display: block; position: absolute; z-index: 3; left: -25px; top: -7px; width: 180px; background: #eecebc; padding: 15px 18px; transform: rotate(-7deg); font: 18px/1.3 Georgia,serif; box-shadow: 2px 4px 12px #34341e1a; }
    .thread-note small { display: block; font: 8px system-ui; letter-spacing: .1em; margin-bottom: 8px; color: #896249; }
    .thread-note .hand-note { display: block; font-size: 13px; margin-top: 8px; }
    .escaping-threads { position: absolute; left: -9%; top: 36%; width: 118%; height: 180px; overflow: visible; z-index: 0; }
    .escaping-threads path { fill: none; stroke: #9aab85; stroke-width: 2; }
    .escaping-threads path:nth-child(2) { stroke: #cc9b62; }
    .escaping-threads path:nth-child(3) { stroke: #899daa; }
    .small-problems { margin-top: 35px; gap: 65px; padding-top: 30px; }
    .small-problem-visual { display: block; padding: 12px; margin-bottom: 24px; width: max-content; max-width: 100%; background: #fffdf7; border: 1px solid #dad9ca; box-shadow: 3px 6px 15px #30351f0c; transform: rotate(-2deg); }
    .small-problems > a:nth-child(2) .small-problem-visual { transform: rotate(2deg); }
    .small-problem-visual .ui-crop { --crop-scale: .82; }
    .small-problems h3 { font-size: 28px; }
    /* The crescendo is the one deliberately dark, rich moment in the predominantly paper site. */
    .application-reveal { --ink: #f5f0e4; --muted: #c8cebd; --line: #65705f; background: #29372f; color: var(--ink); padding: 65px 0 45px; }
    .application-reveal .editorial-split { align-items: start; gap: 55px; }
    .application-reveal .editorial-split h2 { font-size: clamp(2.5rem,3.5vw,3.7rem); }
    .application-reveal h2 em { color: #d2c58e; }
    .application-reveal .power-copy { display: grid; grid-template-columns: 1.1fr .9fr; column-gap: 65px; margin: 35px 0 0; max-width: none; text-align: left; }
    .application-reveal .power-copy > .marketing-eyebrow { grid-column: 1 / -1; }
    .application-reveal .power-copy > h2 { grid-column: 1; grid-row: 2; }
    .application-reveal .power-copy > .serif-statement { grid-column: 1; grid-row: 3; }
    .application-reveal .power-copy > p:not(.marketing-eyebrow,.serif-statement) { grid-column: 2; grid-row: 2; align-self: center; }
    .application-reveal .power-copy > .editorial-link { grid-column: 2; grid-row: 3; align-self: start; justify-self: start; margin-top: 15px; }
    .application-reveal .power-copy h2 { font-size: clamp(2.7rem,4vw,4.2rem); }
    .application-reveal .power-copy h2 br { display: none; }
    .application-reveal .serif-statement { color: #e8c775; margin: 15px 0 20px; }
    .application-reveal .power-copy > p:not(.marketing-eyebrow,.serif-statement) { margin: 0 0 20px; max-width: 700px; }
    .power-composition { position: relative; margin-top: 30px; padding-top: 165px; isolation: isolate; }
    .power-overview { position: absolute; left: 0; top: 0; width: 37%; transform: rotate(-4deg); z-index: 2; }
    .power-overview figcaption { color: #65665b; }
    .power-map { position: relative; margin-left: auto; width: 90%; z-index: 3; background: #202729; border-color: #5c695c; padding: 7px; box-shadow: 0 20px 50px #111b1655; transform: rotate(.6deg); }
    .power-map img { border-color: #454d47; }
    .power-map figcaption { color: #c8cebd; }
    .power-knowledge { position: absolute; right: 20px; top: 25px; transform: rotate(3deg); z-index: 4; }
    .power-annotation { position: absolute; top: 30px; left: 44%; color: #d4cda3; max-width: 180px; transform: rotate(-8deg); font-size: 22px; }
    .power-footnote { display: block; position: relative; text-align: right; margin: 22px 30px 0 0; color: #d4cda3; font-size: 20px; }
    /* Tour variations use the same desk language, with quiet writing and rich plot-line stops. */
    .tour-hero { padding: 50px 0 45px; }
    .tour-hero > .marketing-container { position: relative; }
    .tour-hero h1 { font-size: clamp(3.6rem,5.5vw,5.7rem); }
    .tour-index-slip { position: absolute; right: 40px; top: 8px; width: 220px; padding: 24px; background: #efe1b5; transform: rotate(6deg); box-shadow: 4px 9px 20px #34351e15; font: 24px/1.4 Georgia,serif; }
    .tour-index-slip small { display: block; font: 8px system-ui; letter-spacing: .12em; margin-bottom: 16px; }
    .tour-index-slip > span { display: block; }
    .tour-index-slip i { display: block; color: #7d7b5c; font: italic 15px/1.5 Georgia,serif; margin-top: 15px; }
    .tour-stop:not(#writing) { padding-block: 75px; }
    .tour-story-composition { padding: 20px 20px 25px 0; }
    .tour-story-composition .product-print { transform: rotate(-1deg); }
    .tour-paper-note { display: block; position: absolute; z-index: 2; right: -15px; bottom: 0; padding: 20px; width: 180px; background: #ede1b7; transform: rotate(5deg); box-shadow: 3px 6px 15px #34351c15; color: #363b2b; font: 22px/1.3 Georgia,serif; }
    .tour-paper-note small { display: block; font: 8px system-ui; letter-spacing: .1em; color: #797356; margin-bottom: 10px; }
    .tour-paper-note .hand-note { display: block; margin-top: 12px; font-size: 15px; }
    .tour-cast-composition { padding: 0 15px 70px 0; }
    .tour-cast-composition .product-print { transform: rotate(1deg); }
    .tour-cast-composition .fragment-person { right: -10px; bottom: 0; }
    .tour-time-composition { padding: 15px 15px 0 0; }
    .tour-time-composition .demo-date-slip { right: -12px; top: -18px; }
    .tour-knowledge-composition { padding: 20px 0 45px; }
    .tour-knowledge-composition .product-print { transform: rotate(-1.2deg); }
    .tour-knowledge-composition .tour-paper-note { left: -30px; right: auto; bottom: -8px; width: 200px; background: #e2e6d7; transform: rotate(-6deg); }
    .tour-stop--weave { --ink: #f5f0e4; --muted: #c8cebd; --line: #65705f; background: #29372f; color: var(--ink); }
    .tour-stop--weave h2 em { color: #d2c58e; }
    .tour-stop--weave .section-number { color: #bdc8b0; }
    .tour-weave-composition { padding-block: 5px 35px; }
    .tour-weave-composition .large-product { background: #202729; border-color: #5c695c; margin-top: 25px; transform: rotate(-.5deg); }
    .tour-weave-composition .large-product img { border-color: #454d47; }
    .tour-weave-composition .composition-annotation { color: #d4cda3; text-align: right; }
    .tour-stop--weave .tour-capabilities { padding-top: 0; }
    .tour-stop--weave .tour-capabilities li::before { color: #c4d4ae; }
    @media (min-width:1600px) { .writer-hero-grid { gap: 40px; } }
    @media (max-width:1100px) and (min-width:768px) {
        .writer-hero h1 { font-size: 4.5vw; }
        .writing-desk { height: 480px; }
        .manuscript-sheet { inset: 16px 35px 46px 10px; padding: 25px; font-size: 13px; }
        .manuscript-sheet h2 { margin-bottom: 18px; }
        .desk-note { top: 130px; right: -10px; width: 135px; padding: 18px 14px; }
        .desk-note p { font-size: 19px; }
        .desk-note .hand-note { font-size: 11px; }
        .desk-answer { left: 60px; right: 0; padding: 16px; }
        .desk-answer strong { font-size: 21px; }
        .desk-scene-slip { left: -20px; bottom: 50px; width: 185px; padding: 16px; }
        .desk-margin-note { font-size: 15px; right: -4px; top: 10px; }
        .problem-desk-grid { grid-template-columns: .78fr 1.22fr; gap: 20px; }
        .question-scatter p { font-size: 16px; padding: 18px 12px; }
        .question-board { height: 350px; }
        .question-scatter p:nth-child(4) { top: 200px; }
        .question-scatter p:nth-child(6) { top: 225px; }
        .remembers-section .editorial-split { gap: 35px; }
        .remembers-composition > .composition-annotation { max-width: 130px; left: 0; font-size: 15px; }
        .ui-crop { --crop-scale: .54; }
        .small-problem-visual .ui-crop { --crop-scale: .7; }
        .power-composition { padding-top: 150px; }
        .power-knowledge { right: 0; top: 20px; }
        .power-annotation { left: 42%; max-width: 120px; font-size: 17px; }
        .tour-index-slip { right: 0; width: 175px; padding: 18px; font-size: 20px; }
    }
    @media (max-width:767px) {
        .writer-hero { padding: 32px 0 40px; }
        .writer-hero-grid { grid-template-columns: 1fr; gap: 30px; }
        .writer-hero h1 { font-size: clamp(2.8rem,8.9vw,4rem); }
        .writer-hero h1 br { display: none; }
        .writing-desk { width: calc(100% - 14px); height: 475px; margin: 10px auto 25px; }
        .manuscript-sheet { inset: 15px 30px 48px 17px; padding: 24px; font-size: 13px; }
        .manuscript-sheet h2 { font-size: 26px; }
        .manuscript-sheet > .hand-note { font-size: 14px; bottom: 25px; left: 24px; }
        .desk-rule { font-size: 8px; left: 30px; }
        .desk-note { top: 145px; right: -8px; width: 125px; padding: 18px 12px; }
        .desk-note p { font-size: 18px; }
        .desk-note .hand-note { font-size: 11px; }
        .desk-answer { left: 68px; right: -3px; bottom: 0; padding: 15px; gap: 8px; }
        .desk-answer strong { font-size: 20px; }
        .desk-answer small { font-size: 9px; }
        .desk-scene-slip { left: -9px; bottom: 65px; width: 175px; padding: 15px; }
        .desk-scene-slip p { font-size: 18px; }
        .desk-margin-note { top: 3px; right: -4px; font-size: 14px; }
        .desk-margin-note > span { font-size: 35px; }
        .desk-pencil { left: 18px; bottom: 48px; height: 200px; }
        .desk-caption { right: 0; font-size: 12px; }
        .writer-problems { padding: 40px 0 35px; }
        .problem-desk-grid { grid-template-columns: 1fr; gap: 15px; }
        .problem-heading h2 { font-size: clamp(2.4rem,7.4vw,3.2rem); }
        .problem-answer { margin-top: 20px; }
        .question-board { height: 420px; margin-top: 10px; }
        .question-scatter p { width: 44%; font-size: 17px; padding: 20px 15px; }
        .question-scatter p:nth-child(1) { left: 0; top: 10px; }
        .question-scatter p:nth-child(2) { left: 52%; top: 25px; }
        .question-scatter p:nth-child(3) { left: 4%; top: 145px; }
        .question-scatter p:nth-child(4) { left: 52%; top: 170px; }
        .question-scatter p:nth-child(5) { left: 0; top: 285px; }
        .question-scatter p:nth-child(6) { left: 53%; top: 300px; }
        .story-scrap--manuscript { left: 5%; width: 85%; top: 100px; height: 255px; padding: 25px; font-size: 13px; }
        .story-scrap--date { top: 0; width: 120px; }
        .board-annotation { left: 5%; bottom: -16px; font-size: 15px; }
        .remembers-section { padding: 50px 0 65px; }
        .remembers-section .editorial-split { grid-template-columns: 1fr; gap: 22px; }
        .remembers-composition { padding: 28px 0 100px; }
        .composition-paper { left: -8px; width: 170px; padding: 20px; font-size: 16px; }
        .ui-crop { --crop-scale: .57; }
        .fragment-person { right: 0; bottom: 23px; }
        .remembers-composition > .composition-annotation { left: 0; bottom: -8px; max-width: none; font-size: 16px; }
        .bring-manuscript { padding: 45px 0; }
        .import-grid { grid-template-columns: 1fr; gap: 30px; }
        .import-pages { height: 245px; }
        .import-tab { right: 15%; }
        .import-tab--scenes { right: 17%; }
        .import-pencil-note { left: 5%; }
        .story-problems { padding: 50px 0; }
        .story-problems .problem-demonstration { margin-top: 40px; gap: 20px; }
        .problem-demonstration > .product-composition { order: 2; }
        .story-problems .problem-demonstration + .problem-demonstration { margin-top: 45px; }
        .demo-date-slip { right: 0; top: -4px; width: 110px; padding: 12px; }
        .demo-date-slip strong { font-size: 27px; }
        .demo-date-slip > span { font-size: 11px; }
        .chronology-composition { padding-top: 35px; }
        .chronology-composition .composition-annotation { font-size: 15px; max-width: 270px; }
        .thread-composition { padding-top: 58px; padding-bottom: 20px; }
        .thread-note { top: 0; left: 3px; width: 155px; font-size: 16px; padding: 12px 15px; }
        .thread-composition .escaping-threads { top: 25%; height: 130px; }
        .small-problems { gap: 35px; margin-top: 30px; }
        .small-problem-visual .ui-crop { --crop-scale: .56; }
        .small-problem-visual { margin-bottom: 22px; }
        .application-reveal { padding: 50px 0 35px; }
        .application-reveal .editorial-split { gap: 8px; }
        .application-reveal .power-copy { display: block; margin-top: 45px; }
        .application-reveal .power-copy h2 { font-size: clamp(2.6rem,8vw,3.5rem); }
        .power-composition { display: grid; grid-template-columns: 1fr; min-height: 0; gap: 18px; margin-top: 30px; padding: 0 0 10px; }
        .power-overview { position: relative; width: 88%; top: auto; left: auto; transform: rotate(-2deg); margin-left: 4px; }
        .power-map { position: relative; top: auto; right: auto; width: 100%; margin: -35px 0 0; transform: rotate(1deg); }
        .power-knowledge { position: relative; right: auto; top: auto; margin-left: auto; margin-top: -8px; order: 3; transform: rotate(2deg); }
        .power-annotation { top: 5px; left: auto; right: 2px; max-width: 100px; font-size: 16px; z-index: 4; text-align: right; }
        .power-footnote { position: relative; bottom: auto; right: auto; order: 4; text-align: right; font-size: 16px; margin: 0; }
        .tour-hero { padding: 35px 0; }
        .tour-hero h1 { font-size: clamp(3.4rem,10.5vw,4.5rem); }
        .tour-index-slip { position: static; display: flex; flex-wrap: wrap; gap: 4px 12px; width: auto; margin: 10px 0 25px; padding: 14px 18px; font-size: 16px; transform: rotate(-1deg); }
        .tour-index-slip small { width: 100%; margin-bottom: 4px; }
        .tour-index-slip i { margin-top: 0; font-size: 13px; }
        .tour-hero h1 { clear: both; }
        .tour-hero-bottom { clear: both; }
        .tour-stop:not(#writing) { padding-block: 55px; }
        .tour-story-composition { padding: 15px 0 60px; }
        .tour-paper-note { right: 0; bottom: -5px; width: 150px; padding: 16px; font-size: 19px; }
        .tour-paper-note .hand-note { font-size: 13px; }
        .tour-cast-composition { padding: 0 0 75px; }
        .tour-cast-composition .fragment-person { right: 0; }
        .tour-time-composition { padding: 25px 0 0; }
        .tour-time-composition .demo-date-slip { right: 0; top: 0; }
        .tour-knowledge-composition { padding-bottom: 85px; }
        .tour-knowledge-composition .tour-paper-note { left: 0; width: 170px; }
        .tour-weave-composition .composition-annotation { font-size: 15px; }
        .tour-stop--weave .tour-capabilities { margin-top: 5px; }
    }
    @media (max-width:359px) {
        .writer-hero .marketing-eyebrow { font-size: 9px; letter-spacing: .12em; }
        .desk-answer { left: 45px; }
        .desk-answer strong { font-size: 18px; }
        .question-scatter p { font-size: 15px; padding: 20px 12px; }
        .small-problem-visual .ui-crop { --crop-scale: .5; }
        .ui-crop { --crop-scale: .5; }
        .power-annotation { font-size: 14px; max-width: 80px; }
    }
}