:root{--paper:#f5f0e3;--paper-deep:#e8dcc3;--ink:#20201d;--burgundy:#74233b;--cobalt:#1554a3;--yellow:#f4cc43;--line:#26231f;--muted:#5e584f;--max:1180px;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.5;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background-image:radial-gradient(#8b7d69 .55px,transparent .8px);background-size:5px 5px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:3px}button,input,textarea{font:inherit}button,a,input,textarea{min-height:44px}.site-container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:-60px;left:14px;padding:11px 16px;background:var(--yellow);color:#111;z-index:100;transition:top .2s}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;border-bottom:2px solid var(--line);background:rgba(245,240,227,.96);backdrop-filter:blur(6px)}.navbar{padding:12px 0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;line-height:.86;letter-spacing:.04em;font-size:14px}.brand img{border:1px solid var(--line)}.nav-link{font-size:14px;font-weight:700;color:var(--ink)!important;padding:10px 12px!important;text-decoration:none}.nav-link:hover,.nav-link:focus{text-decoration:underline}.practical-link{border:2px solid var(--line);background:var(--yellow);margin-left:7px}.menu-button{border:2px solid var(--line);border-radius:0;font-size:24px;padding:3px 11px;color:var(--ink)}.menu-button:focus{box-shadow:0 0 0 3px rgba(21,84,163,.25)}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:.98;letter-spacing:-.035em;margin:0 0 16px}h1{font-size:clamp(3rem,7vw,6.9rem)}h2{font-size:clamp(2.15rem,4.4vw,4.5rem)}h3{font-size:clamp(1.5rem,2.2vw,2.35rem)}p{margin:0 0 16px}.eyebrow,.section-no,.panel-kicker{font-weight:800;letter-spacing:.12em;font-size:12px;margin-bottom:15px}.pull-sheet{padding:54px 0 68px;border-bottom:2px solid var(--line);position:relative}.pull-sheet::after{content:'';position:absolute;right:-40px;bottom:-31px;width:40%;height:30px;background:var(--burgundy);transform:skewX(-18deg);z-index:-1}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:60px}.hero-copy{padding:24px 0}.hero-copy h1 em{font-weight:400;color:var(--burgundy)}.hero-lede{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:560px;line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:26px}.button-primary,.button-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border:2px solid var(--line);padding:10px 17px;font-weight:800;background:var(--yellow);color:var(--ink);transition:transform .15s,box-shadow .15s}.button-primary:hover,.button-outline:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--line)}.text-action,.underlined-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;min-height:44px}.frame-tilt{position:relative;margin:0;border:2px solid var(--line);background:var(--cobalt);padding:11px 11px 0;transform:rotate(2.1deg);box-shadow:10px 11px 0 var(--yellow)}.frame-tilt::before{content:'';position:absolute;top:-14px;right:16%;width:70px;height:25px;background:rgba(244,204,67,.9);transform:rotate(-6deg)}.frame-tilt img{width:100%;aspect-ratio:3/2;object-fit:cover}.frame-tilt figcaption{font-size:13px;font-weight:700;color:#fff;padding:11px 3px;display:flex;gap:12px}.frame-tilt figcaption span{color:var(--yellow)}.paper-ribbon{background:var(--cobalt);color:#fff;transform:rotate(-1.3deg);margin:-7px 0 0;padding:15px 0;border-block:2px solid var(--line);position:relative;z-index:2}.ribbon-track{display:flex;align-items:center;justify-content:space-between;gap:18px;white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:.08em}.ribbon-track i{display:block;background:var(--yellow);width:14px;height:14px;border-radius:50%;flex:0 0 auto}.intro-signature{padding:120px 0 84px}.signature-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr) 98px;gap:46px;align-items:end}.signature-grid h2{max-width:670px}.intro-note{border-left:3px solid var(--burgundy);padding-left:21px}.intro-note p{font-size:18px}.color-chips{display:grid;gap:7px;transform:rotate(4deg)}.color-chips b{height:28px;border:2px solid var(--line);display:block}.color-chips b:nth-child(1){background:var(--burgundy)}.color-chips b:nth-child(2){background:var(--cobalt)}.color-chips b:nth-child(3){background:var(--yellow)}.field-guide{padding:62px 0 96px;background:var(--paper-deep);border-block:2px solid var(--line)}.split-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.5fr);align-items:end;gap:30px;margin-bottom:32px}.split-heading>p{font-size:18px;max-width:440px}.sheet-stack{position:relative;padding-bottom:42px}.guide-sheet{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr) 55px;align-items:center;gap:20px;border:2px solid var(--line);padding:23px 25px;margin-top:-2px;min-height:118px;transition:transform .2s;box-shadow:6px 6px 0 rgba(32,32,29,.12)}.guide-sheet:hover{transform:translateX(11px)}.guide-sheet:nth-child(1){margin-right:3%}.guide-sheet:nth-child(2){margin-left:3%;margin-right:7%;transform:rotate(-.4deg)}.guide-sheet:nth-child(3){margin-left:8%;margin-right:0;transform:rotate(.5deg)}.guide-sheet:nth-child(4){margin-left:1%;margin-right:5%;transform:rotate(-.2deg)}.guide-sheet:nth-child(5){margin-left:5%;margin-right:10%;transform:rotate(.4deg)}.guide-sheet:hover{transform:translateX(8px) rotate(0)}.guide-sheet h3{font-size:clamp(1.45rem,2.4vw,2.2rem);margin-bottom:9px}.guide-sheet p{margin:0;max-width:630px}.sheet-number{font-family:var(--serif);font-size:36px}.guide-sheet>i{justify-self:end;font-size:25px}.sheet-burgundy{background:var(--burgundy);color:#fff}.sheet-paper{background:var(--paper)}.sheet-cobalt{background:var(--cobalt);color:#fff}.sheet-yellow{background:var(--yellow)}.process-spread{padding:92px 0}.process-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:35px;align-items:center}.process-photo{margin:0;border:2px solid var(--line);overflow:hidden}.process-photo img{width:100%;height:100%;object-fit:cover}.photo-top{height:300px;grid-column:1}.photo-bottom{height:245px;grid-column:1;width:75%;justify-self:end;margin-top:-70px;transform:rotate(-2deg);box-shadow:8px 8px 0 var(--yellow)}.process-copy{grid-column:2;grid-row:1/3;background:var(--paper);border:2px solid var(--line);padding:34px;box-shadow:8px 8px 0 var(--burgundy)}.process-copy p{font-size:18px}.tick-list{list-style:none;margin:22px 0 0;padding:0}.tick-list li{border-top:1px solid var(--line);padding:11px 0 0 31px;position:relative;margin-top:10px}.tick-list li::before{content:'+';position:absolute;left:0;font-size:21px;color:var(--burgundy);font-weight:700}.methods{padding:80px 0 94px;background:var(--cobalt);color:#fff;border-block:2px solid var(--line)}.method-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:end;gap:30px;margin-bottom:32px}.method-top>p{font-size:18px;max-width:420px}.method-layout{display:grid;grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);gap:0;border:2px solid var(--line);background:var(--paper);color:var(--ink)}.method-tabs{display:flex;flex-direction:column;border-right:2px solid var(--line);background:var(--paper-deep)}.method-tab{appearance:none;border:0;border-bottom:2px solid var(--line);text-align:left;background:transparent;padding:20px 18px;color:var(--ink);font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.05}.method-tab:last-child{border-bottom:0}.method-tab span{font:800 12px var(--sans);letter-spacing:.1em;display:block;margin-bottom:8px}.method-tab.active{background:var(--yellow)}.method-tab:focus-visible{outline:4px solid var(--burgundy);outline-offset:-4px}.method-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.83fr);gap:25px;align-items:center;padding:35px}.method-panel h3{font-size:clamp(1.8rem,3vw,3rem)}.method-panel p{font-size:18px}.method-panel figure{margin:0;border:2px solid var(--line);height:300px;transform:rotate(1.7deg)}.method-panel figure img{width:100%;height:100%;object-fit:cover}.panel-kicker{color:var(--burgundy)}.material-strip{padding:92px 0}.material-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1fr);gap:56px;align-items:center}.material-grid figure{margin:0;border:2px solid var(--line);transform:rotate(-2deg);box-shadow:9px 9px 0 var(--cobalt)}.material-grid figure img{width:100%;aspect-ratio:1/1;object-fit:cover}.material-grid p{font-size:19px;max-width:660px}.material-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.material-tags span{padding:7px 12px;background:var(--yellow);border:1px solid var(--line);font-weight:800;font-size:14px}.checklist-section{padding:70px 0;background:var(--burgundy);color:#fff;border-block:2px solid var(--line)}.checklist-wrap{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1fr);gap:42px}.checklist-heading p:not(.eyebrow){font-size:18px}.check-meta{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:25px}.check-meta strong{font-size:18px}.clear-button{border:1px solid #fff;background:transparent;color:#fff;padding:7px 11px;font-weight:700}.checklist-items{border-top:1px solid rgba(255,255,255,.6)}.check-row{display:grid;grid-template-columns:25px minmax(0,1fr) 30px;align-items:center;gap:13px;border-bottom:1px solid rgba(255,255,255,.6);padding:12px 2px;cursor:pointer;font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.55rem)}.check-row input{appearance:none;width:22px;height:22px;min-height:22px;border:2px solid #fff;background:transparent;margin:0}.check-row input:checked{background:var(--yellow);box-shadow:inset 0 0 0 4px var(--burgundy)}.check-row input:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.check-row i{font-size:18px;justify-self:end}.check-row input:checked~i{transform:rotate(45deg);color:var(--yellow)}.references{padding:92px 0}.reference-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:34px;align-items:end}.filter-wrap label{font-size:13px;font-weight:800;display:block;margin-bottom:6px}.filter-wrap input{display:block;width:100%;border:2px solid var(--line);background:var(--paper);padding:10px 12px;font-size:16px;border-radius:0}.filter-wrap input:focus,.note-form input:focus,.note-form textarea:focus{outline:3px solid var(--cobalt);outline-offset:2px}.filter-status{font-size:14px;margin:18px 0 12px;font-weight:700}.reference-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reference-card{min-width:0;border:2px solid var(--line);padding:21px;display:flex;min-height:232px;flex-direction:column;align-items:flex-start;background:var(--paper);box-shadow:4px 4px 0 var(--paper-deep)}.reference-card span{font-size:12px;font-weight:800;letter-spacing:.09em;margin-bottom:28px}.reference-card h3{font-size:clamp(1.45rem,2.1vw,2rem);margin-bottom:10px}.reference-card p{font-size:15px;line-height:1.4}.reference-card a{margin-top:auto;font-weight:700;display:flex;gap:7px;align-items:center}.reference-card.yellow{background:var(--yellow)}.reference-card.cobalt{background:var(--cobalt);color:#fff}.reference-card.burgundy{background:var(--burgundy);color:#fff}.reference-card.wide-card{grid-column:span 2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);padding:0;overflow:hidden}.image-card img{height:100%;width:100%;object-fit:cover}.image-card>div{padding:22px;display:flex;flex-direction:column;align-items:flex-start}.paper-card{background:var(--paper-deep)}.reference-card.hidden-card{display:none}.wall-section{padding:78px 0;background:var(--yellow);border-block:2px solid var(--line)}.wall-grid{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1fr);gap:54px;align-items:center}.wall-copy p{font-size:19px}.button-outline{background:var(--paper);margin-top:11px}.wall-photo{margin:0;position:relative;padding:10px;background:var(--paper);border:2px solid var(--line);box-shadow:10px 10px 0 var(--burgundy);transform:rotate(1.5deg)}.wall-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.wall-photo figcaption{font-weight:700;font-size:13px;padding:9px 2px 1px}.faq-section{padding:94px 0}.faq-grid{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1fr);gap:52px}.faq-grid>div>p:not(.eyebrow){font-size:18px}.accordion{border-top:2px solid var(--line)}.accordion-item{border:0!important;border-bottom:2px solid var(--line)!important;background:transparent}.accordion-button{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.15;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;padding:20px 4px}.accordion-button:not(.collapsed){color:var(--burgundy)!important}.accordion-button::after{background-image:none;content:'+';font:300 33px var(--sans);width:auto;height:auto}.accordion-button:not(.collapsed)::after{transform:rotate(45deg)}.accordion-body{padding:0 4px 22px;font-size:16px;line-height:1.6}.output-section{padding:75px 0;background:var(--paper-deep);border-block:2px solid var(--line)}.output-grid{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1fr);gap:52px;align-items:center}.output-grid figure{margin:0;border:2px solid var(--line);box-shadow:8px 8px 0 var(--cobalt)}.output-grid figure img{width:100%;aspect-ratio:5/4;object-fit:cover}.output-grid p{font-size:19px;max-width:570px}.output-stamp{margin-top:22px;width:100px;height:100px;border:2px solid var(--line);border-radius:50%;display:grid;place-content:center;text-align:center;font-size:14px;font-weight:800;line-height:1.1;transform:rotate(-9deg);background:var(--yellow)}.note-section{padding:86px 0}.note-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1fr);gap:65px}.note-grid>div>p:not(.eyebrow){font-size:18px;max-width:460px}.note-form{border:2px solid var(--line);background:var(--paper-deep);padding:27px;box-shadow:8px 8px 0 var(--burgundy)}.note-form>div{margin-bottom:18px}.note-form label{font-weight:800;margin-bottom:7px;display:block}.note-form input,.note-form textarea{display:block;width:100%;border:2px solid var(--line);background:var(--paper);border-radius:0;padding:10px 12px;font-size:16px}.note-form textarea{min-height:110px;resize:vertical}.form-hint{font-size:14px}.form-message{font-weight:800;margin:14px 0 0;min-height:24px}.form-message.error{color:#8f1515}.form-message.success{color:#245f2d}.site-footer{background:var(--ink);color:var(--paper);padding:55px 0 19px;border-top:3px solid var(--line)}.footer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(150px,.6fr) minmax(150px,.6fr);gap:38px}.footer-brand{color:#fff}.footer-grid>div:first-child>p{max-width:310px;margin-top:19px;color:#d6cbb9}.footer-label{font-weight:800;font-size:12px;letter-spacing:.1em;color:var(--yellow);margin-bottom:11px}.footer-grid a:not(.brand){display:block;color:#fff;margin:6px 0;min-height:30px}.footer-bottom{border-top:1px solid #7d756b;margin-top:43px;padding-top:15px;display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:13px;color:#d6cbb9}.footer-bottom a{color:#fff;white-space:nowrap}.site-footer .brand img{border-color:var(--paper)}
@media(max-width:1000px){.hero-grid{gap:35px}.signature-grid{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr)}.color-chips{display:none}.method-panel{padding:27px}.process-grid{gap:26px}.wall-grid,.output-grid,.note-grid{gap:36px}}
@media(max-width:820px){.site-container{width:min(var(--max),calc(100% - 34px))}.navbar-collapse{padding:11px 0 3px}.navbar-nav{align-items:stretch!important}.nav-link{padding:11px 0!important}.practical-link{margin:5px 0 0;padding-left:11px!important}.hero-grid,.signature-grid,.process-grid,.method-layout,.material-grid,.checklist-wrap,.reference-head,.wall-grid,.faq-grid,.output-grid,.note-grid{grid-template-columns:1fr}.pull-sheet{padding-top:35px}.hero-copy{padding:10px 0}.hero-image{max-width:650px;width:calc(100% - 13px);justify-self:center}.intro-signature{padding:82px 0 62px}.signature-grid{gap:25px}.split-heading,.method-top{grid-template-columns:1fr;gap:8px}.guide-sheet{grid-template-columns:55px minmax(0,1fr) 35px;padding:19px 16px}.guide-sheet:nth-child(n){margin-inline:0;transform:none}.guide-sheet:hover{transform:translateX(4px)}.process-grid{gap:25px}.process-copy{grid-column:1;grid-row:auto;box-shadow:6px 6px 0 var(--burgundy)}.photo-bottom{width:75%;margin-top:-75px;grid-column:1}.methods{padding:64px 0}.method-tabs{flex-direction:row;border-right:0;border-bottom:2px solid var(--line);overflow:auto}.method-tab{flex:1 0 160px;border-bottom:0;border-right:2px solid var(--line);padding:16px}.method-panel{grid-template-columns:1fr;padding:25px}.method-panel figure{height:250px}.material-grid figure{max-width:460px;width:calc(100% - 8px)}.checklist-wrap{gap:28px}.reference-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-card.wide-card{grid-column:span 2}.wall-photo{max-width:660px;width:calc(100% - 11px)}.faq-grid{gap:28px}.note-grid{gap:28px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid>div:first-child{grid-column:span 2}}
@media(max-width:568px){.site-container{width:calc(100% - 28px)}.ribbon-track{justify-content:flex-start;overflow:hidden;margin-right:-20px}.ribbon-track i:nth-of-type(n+3),.ribbon-track span:nth-of-type(n+4){display:none}h1{font-size:clamp(2.8rem,15vw,4.5rem)}h2{font-size:clamp(2rem,11vw,3rem)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button-primary{width:100%}.frame-tilt{padding:7px 7px 0;box-shadow:6px 6px 0 var(--yellow)}.frame-tilt figcaption{font-size:12px}.intro-note p,.split-heading>p,.method-top>p,.process-copy p,.material-grid p,.wall-copy p,.output-grid p,.note-grid>div>p{font-size:17px}.guide-sheet{grid-template-columns:42px minmax(0,1fr);gap:10px}.guide-sheet>i{display:none}.guide-sheet h3{font-size:1.5rem}.guide-sheet p{font-size:15px}.sheet-number{font-size:27px}.process-spread,.material-strip,.references,.faq-section,.note-section{padding:62px 0}.photo-top{height:215px}.photo-bottom{height:180px;margin-top:-44px}.process-copy{padding:24px}.method-panel{padding:20px}.method-panel figure{height:220px}.material-grid{gap:30px}.checklist-section{padding:58px 0}.check-row{font-size:1.22rem}.reference-cards{grid-template-columns:1fr}.reference-card.wide-card{grid-column:auto;grid-template-columns:1fr}.reference-card.wide-card img{height:190px}.reference-card{min-height:0}.wall-section{padding:60px 0}.faq-grid{gap:20px}.output-grid{gap:30px}.note-form{padding:21px;box-shadow:5px 5px 0 var(--burgundy)}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom a{display:inline-flex;margin-top:10px}.footer-grid a:not(.brand){min-height:25px}.output-stamp{width:82px;height:82px}.site-footer{padding-top:43px}}

/* QA-safe containment for decorative paper edge and compact method controls. */
.pull-sheet{overflow:visible}
.pull-sheet::after{right:0;transform:none;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
.guide-sheet h3{margin-bottom:18px}
@media(max-width:568px){.method-tabs{flex-wrap:wrap;overflow:visible}.method-tab{flex:1 1 33%;min-width:0;padding:12px 7px;font-size:1rem}.method-tab span{font-size:10px;margin-bottom:5px}}

/* Keep the lightly rotated third guide sheet inside its paper stack at desktop widths. */
@media (min-width:821px){.guide-sheet:nth-child(3){margin-right:1px}}

/* Preserve the ribbon's hand-cut angle without transforming a full-width section beyond the viewport. */
.paper-ribbon{transform:none;clip-path:polygon(0 .7%,100% 0,100% 99.3%,0 100%)}
