/*
Theme Name: Herringbone Pattern Desk
Author: Allot Tech
Description: Garment-led herringbone observation, comparison and sample briefs.
Version: 1.1.0
Requires PHP: 8.0
Text Domain: ht-pattern-desk
*/
:root{--ink:#283a48;--paper:#f7f3ea;--copper:#af7956;--lime:#e7ff68;--muted:#637079;--line:#d9d5cb;--white:#fffdf8;--serif:Georgia,'Times New Roman','Noto Serif',serif;--sans:Inter,Arial,'Yu Gothic','Malgun Gothic','Microsoft YaHei',Tahoma,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);overflow-wrap:anywhere}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,.button{cursor:pointer;border:1px solid var(--ink);border-radius:2px;padding:12px 18px;background:var(--ink);color:var(--paper);font-size:.9rem;font-weight:600;line-height:1.4;display:inline-flex;gap:12px;align-items:center;justify-content:center}button:hover,.button:hover{background:#3b5263}button:disabled{opacity:.5;cursor:default}a:hover{color:var(--copper)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #958424;outline-offset:3px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.5rem,5vw,4.7rem)}h2{font-size:clamp(1.9rem,3vw,2.8rem)}h3{font-size:1.65rem}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{width:min(1376px,calc(100% - 48px));min-height:94px;margin:auto;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;margin-inline-end:auto;font:600 1.2rem/1.1 var(--sans);letter-spacing:-.035em}.brand-mark{font:3rem/1 var(--serif);transform:rotate(-40deg);color:var(--copper)}.brand-tweed{font-weight:400}.brand small{display:block;margin-top:6px;font:.6rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.14em}.desktop-nav{display:flex;align-items:center;gap:20px;font-size:.82rem;line-height:1.35}.language-menu{position:relative;font-size:.84rem}.language-menu summary,.mobile-nav summary{cursor:pointer;list-style:none;border:1px solid var(--line);padding:10px 12px;white-space:nowrap}.language-menu summary::-webkit-details-marker,.mobile-nav summary::-webkit-details-marker{display:none}.language-options{position:absolute;inset-inline-end:0;top:100%;z-index:30;background:var(--white);box-shadow:0 18px 40px #283a4820;width:330px;padding:14px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);gap:2px}.language-options a,.language-options span{padding:8px 10px;font-size:.9rem;line-height:1.4}.language-options span{opacity:.45}.language-options [aria-current]{background:var(--lime)}.mobile-nav{display:none}.skip-link{position:absolute;top:-90px;inset-inline-start:16px;background:var(--lime);padding:12px;z-index:99}.skip-link:focus{top:8px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding-top:78px;padding-bottom:76px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:600;margin-bottom:24px;color:var(--copper)}.hero h1{max-width:620px}.lead{font-size:1.08rem;color:var(--muted);max-width:640px;margin-top:24px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button-light{background:transparent;color:var(--ink);border-color:var(--line)}.button-light:hover{color:var(--paper)}.hero-foot{display:flex;gap:18px;align-items:center;font-size:.71rem;margin-top:58px}.hero-foot span{color:var(--copper);letter-spacing:.1em}.hero-visual{position:relative;height:492px;border:10px solid var(--white);box-shadow:0 20px 40px #283a4810;transform:rotate(2deg)}.rhythm{width:100%;height:100%;display:block;object-fit:cover}.hero-visual>.rhythm{height:100%;object-fit:cover}.visual-inset{position:absolute;inset-inline-start:-32px;bottom:44px;width:185px;height:178px;transform:rotate(-7deg);border:7px solid var(--white);box-shadow:0 10px 35px #283a4830}.hero-visual figcaption{position:absolute;bottom:12px;inset-inline-end:12px;background:var(--paper);padding:5px 9px;max-width:85%;font-size:.65rem}.section-block{padding:64px 0 76px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:flex-start;gap:24px;margin-bottom:36px}.section-number{color:var(--copper);font-size:.8rem;letter-spacing:.08em;padding-top:8px}.section-head>div{max-width:670px}.section-head p{margin-top:14px;color:var(--muted)}.section-head .text-link{margin-inline-start:auto;font-size:.8rem;max-width:200px;border-bottom:1px solid var(--copper);padding-bottom:6px}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reference-card{border:1px solid var(--line);background:var(--white);min-width:0}.reference-card figure{height:194px;position:relative;overflow:hidden}.reference-card figure>.rhythm{transition:transform .3s}.reference-card:hover figure>.rhythm{transform:scale(1.04)}.reference-card figcaption{position:absolute;bottom:8px;inset-inline-start:10px;background:var(--paper);font-size:.6rem;line-height:1.3;padding:4px 7px}.card-body{padding:22px}.ref-meta{font-size:.63rem;display:flex;justify-content:space-between;gap:12px;color:var(--copper);margin-bottom:14px}.card-body h3{margin-bottom:14px}.card-body p{font-size:.85rem;color:var(--muted);margin-bottom:16px}.card-body dl{margin:18px 0;font-size:.75rem}.card-body dl>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:6px 0;gap:16px}.card-body dd{margin:0;text-align:end}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.card-actions button{font-size:.7rem;padding:9px 11px}.text-button{background:transparent;border-color:var(--line);color:var(--ink)}.text-button:hover{background:#e7e2d5;color:var(--ink)}.garment-band{background:#e8e4da;padding:58px 0}.garment-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c7c8bf;gap:0 32px}.garment-links a{padding:18px 0;border-bottom:1px solid #c7c8bf;font-family:var(--serif);font-size:1.5rem}.garment-links a span{float:inline-end;color:var(--copper)}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}.steps-grid article>span{font-size:.7rem;color:var(--copper)}.steps-grid h3{margin:18px 0 14px}.steps-grid p{font-size:.88rem;color:var(--muted)}.page-hero{padding-top:52px;padding-bottom:40px}.page-hero h1{max-width:900px;font-size:clamp(2.4rem,4.5vw,4rem)}.breadcrumb{font-size:.73rem;color:var(--muted);margin-bottom:28px}.article-body{width:min(720px,calc(100% - 48px));padding:30px 0 64px}.guide-section{margin-bottom:38px}.guide-section h2,.record-section h2,.faq h2,.case-note h2{font-size:1.85rem;margin-bottom:18px}.guide-section p{line-height:1.85;margin-bottom:18px}.home-body{padding-top:0}.case-note{background:#ebe7dc;border-inline-start:3px solid var(--copper);padding:24px;margin:38px 0}.case-note h2{font-size:1.45rem}.case-note p{font-size:.95rem}.table-scroll{overflow-x:auto;margin:22px 0 42px}table{width:100%;border-collapse:collapse;font-size:.83rem;line-height:1.6;min-width:590px;text-align:start}caption{text-align:start;padding:8px 0 14px;color:var(--muted);font-size:.76rem}th,td{padding:14px;vertical-align:top;border-bottom:1px solid var(--line);text-align:start}thead{background:var(--ink);color:var(--paper)}tbody th{font-weight:600;width:23%}tbody tr:nth-child(even){background:#efeae0}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:600;cursor:pointer}.faq details p{margin-top:14px;color:var(--muted)}.source-context{font-size:.8rem;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.source-context h2{font-family:var(--sans);font-size:.85rem;letter-spacing:0;font-weight:600;margin-bottom:12px}.source-context a{display:block;text-decoration:underline;margin:8px 0}.related,.directory{padding-bottom:60px}.related h2{font-size:1.8rem;margin-bottom:24px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-grid a{border:1px solid var(--line);padding:22px;font:1.1rem/1.4 var(--serif);display:flex;justify-content:space-between;gap:18px}.contact-band{background:var(--ink);color:var(--paper);padding:60px 0}.contact-band>.wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:70px}.contact-band h2{max-width:620px}.contact-band p:not(.eyebrow){color:#c2cbd0;margin-top:18px;font-size:.93rem}.contact-band .button{margin-top:28px}.button-lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button-lime:hover{background:#d6eb61;color:var(--ink)}.contact-card{border-inline-start:1px solid #657682;padding-inline-start:42px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;justify-content:center}.contact-card strong{font:1.7rem var(--serif)}.contact-card>span{color:#b0bec8;font-size:.7rem;margin-bottom:5px}.contact-card a:not(.fred-link){background:var(--lime);color:var(--ink);padding:8px 12px;font-size:.95rem;max-width:100%}.fred-link{font-size:.8rem;margin-top:5px}.site-footer{padding:46px 0 108px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px}.footer-brand{font:1.35rem var(--serif)}.footer-grid p{font-size:.74rem;color:var(--muted);margin-top:15px;max-width:630px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.78rem;align-content:start}.copyright{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;font-size:.65rem;color:var(--muted)}.selection-bar{position:fixed;bottom:18px;inset-inline-start:50%;transform:translateX(-50%);background:var(--white);border:1px solid var(--line);display:flex;box-shadow:0 4px 20px #283a4820;z-index:20;max-width:calc(100% - 24px)}.selection-bar>a{display:flex;align-items:center;gap:10px;padding:11px 17px;font-size:.73rem;line-height:1.25}.selection-bar>a+a{border-inline-start:1px solid var(--line)}.selection-bar span{border-radius:50%;min-width:20px;min-height:20px;background:var(--ink);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;font-size:.65rem}.tool-status:empty{display:none}.tool-status{position:fixed;bottom:78px;inset-inline-start:50%;transform:translateX(-50%);z-index:40;padding:14px 22px;background:var(--lime);border:1px solid var(--ink);box-shadow:0 6px 24px #283a4820;max-width:min(620px,calc(100% - 32px));font-size:.85rem}.catalogue{padding-bottom:50px}.notice{font-size:.86rem;border-inline-start:2px solid var(--copper);padding:12px 18px;margin:10px 0 26px;max-width:860px}.filters{display:flex;gap:18px;align-items:end;flex-wrap:wrap;padding:20px;background:#eae5db;margin-bottom:12px}.filters label{min-width:165px}.filters button{padding:11px 15px}.filters .check-field{max-width:250px}.catalogue>.reference-grid{margin-top:26px}.small{font-size:.76rem;color:var(--muted);line-height:1.7}.filter-empty{padding:22px;background:var(--white);margin-top:24px}.tool-panel{padding:32px;background:var(--white);border:1px solid var(--line);margin-top:12px;margin-bottom:48px}.tool-panel h2{font-size:1.8rem;margin-bottom:18px}.tool-panel form{margin-top:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.form-grid label,.filters label,.observation-layout label{display:flex;flex-direction:column;gap:8px;font-size:.84rem;font-weight:600;min-width:0}.form-grid input:not([type=checkbox]),.form-grid textarea,.form-grid select,.filters select{width:100%;border:1px solid #b8bcb9;background:var(--paper);padding:11px;color:var(--ink);border-radius:1px;min-width:0}.form-grid textarea{resize:vertical}.form-grid .field-full{grid-column:1/-1}.form-grid .check-field,.filters .check-field{display:flex;flex-direction:row;gap:10px;align-items:center;font-weight:400}.check-field input{width:19px;height:19px;flex-shrink:0}.tool-panel form>button{margin-top:24px}.tool-panel form>.small{margin-top:15px}.record-output{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.record-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:.82rem/1.75 ui-monospace,Consolas,monospace;background:var(--paper);border:1px solid var(--line);padding:20px;max-height:540px;overflow:auto;direction:ltr;text-align:left}.export-actions,.contact-actions,.draft-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.export-actions button{font-size:.8rem}.contact-actions a{background:var(--lime);padding:8px 12px;font-size:.85rem}.draft-actions button{font-size:.73rem}.manual-copy{display:flex;flex-direction:column;gap:12px}.manual-copy textarea{width:100%;height:260px;font:.8rem/1.6 ui-monospace,Consolas,monospace;padding:12px;direction:ltr}.sample-list{padding:20px;background:var(--paper);margin-bottom:24px}.sample-list h2{font-size:1.4rem}.sample-list ul{list-style:none;padding:0;margin-bottom:0}.sample-list li{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);align-items:center;font-size:.84rem}.sample-list li button{padding:6px 9px;font-size:.7rem}.compare-result{margin-top:24px}.compare-cards{margin-top:30px}.compare-result table{min-width:700px}.compare-result button{padding:7px 10px;font-size:.68rem}.observation-layout{display:grid;grid-template-columns:1fr 1fr;gap:38px}.observation-image{width:100%;aspect-ratio:1.35;overflow:hidden;background:var(--paper);display:flex;align-items:center;justify-content:center}.observation-image>*{width:100%;height:100%;object-fit:contain;transform:scale(var(--zoom,1))}.observation-layout label{margin-top:18px}.observation-layout form{margin-top:0}.observation-layout .form-grid{grid-template-columns:1fr}.observation-layout input[type=range]{width:100%;accent-color:var(--copper)}.downloads{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:26px}.downloads>p{width:100%;font-size:.85rem}.downloads button{font-size:.8rem}.directory{padding-top:0}bdi{unicode-bidi:isolate;direction:ltr}.hidden,[hidden]{display:none!important}html[dir=rtl] .selection-bar,html[dir=rtl] .tool-status{transform:translateX(-50%)}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0}html[lang=ja] h1,html[lang=zh-CN] h1,html[lang=ko] h1{line-height:1.3}html[lang=th] h1,html[lang=hi] h1,html[lang=bn] h1{line-height:1.35}input[type=email]{direction:ltr;text-align:start}input[type=number]{direction:ltr}
@media(max-width:1190px){.desktop-nav{gap:13px;font-size:.73rem}.header-inner{gap:16px}.hero{gap:42px}.hero-visual{height:425px}.hero-copy h1{font-size:3.9rem}}@media(max-width:980px){.desktop-nav{display:none}.mobile-nav{display:block;position:relative;font-size:.85rem}.mobile-nav nav{position:absolute;inset-inline-end:0;top:100%;display:flex;flex-direction:column;min-width:260px;max-width:calc(100vw - 32px);padding:16px;background:var(--white);border:1px solid var(--line);box-shadow:0 15px 35px #283a4810}.mobile-nav nav a{padding:10px}.hero{gap:26px}.hero-copy h1{font-size:3.25rem}.hero-visual{height:370px}.visual-inset{width:140px;height:136px;inset-inline-start:-16px}.reference-grid{gap:16px}.card-body{padding:18px}.steps-grid{gap:20px}.contact-band>.wrap{gap:32px}.contact-card{padding-inline-start:25px}.hero-actions .button{font-size:.78rem}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.wrap,.article-body{width:calc(100% - 32px)}.header-inner{width:calc(100% - 32px);min-height:78px;gap:8px}.brand{font-size:1rem;gap:7px;min-width:0}.brand-mark{font-size:2.3rem}.brand small{font-size:.5rem}.language-menu summary,.mobile-nav summary{padding:8px;font-size:.75rem}.language-options{width:300px;inset-inline-end:-62px;max-width:calc(100vw - 24px)}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:46px;gap:36px}.hero-copy h1{font-size:3rem}.lead{font-size:1rem;margin-top:20px}.eyebrow{font-size:.6rem;margin-bottom:20px}.hero-foot{margin-top:28px}.hero-visual{height:330px;width:calc(100% - 12px);margin-inline:auto;border-width:7px}.visual-inset{width:133px;height:128px;inset-inline-start:-10px;bottom:28px}.hero-visual figcaption{font-size:.58rem}.hero-actions{margin-top:26px;gap:10px}.hero-actions .button{flex:1 1 160px;font-size:.75rem;padding:12px}.section-block{padding:38px 0 46px}.section-head{gap:16px;flex-wrap:wrap;margin-bottom:28px}.section-head>div{flex:1;min-width:240px}.section-head .text-link{margin-inline-start:34px;max-width:none}.section-head h2{font-size:1.9rem}.section-head p{font-size:.9rem}.reference-grid{grid-template-columns:1fr;gap:20px}.reference-card figure{height:210px}.card-body{padding:22px}.card-body h3{font-size:1.8rem}.card-body p{font-size:.87rem}.card-actions button{font-size:.77rem}.garment-band{padding:38px 0}.garment-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.garment-links a{font-size:1.2rem;line-height:1.4;padding:16px 0}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.steps-grid h3{font-size:1.4rem;margin:12px 0}.steps-grid p{font-size:.83rem}.page-hero{padding-top:34px;padding-bottom:24px}.page-hero h1{font-size:2.4rem}.article-body{padding-top:20px}.guide-section h2,.record-section h2,.faq h2{font-size:1.6rem}.guide-section p{font-size:.95rem}.case-note{padding:20px}.related-grid{grid-template-columns:1fr}.related-grid a{padding:18px}.contact-band{padding:42px 0}.contact-band>.wrap{grid-template-columns:1fr;gap:36px}.contact-band h2{font-size:2rem}.contact-card{border-inline-start:0;border-top:1px solid #657682;padding-inline-start:0;padding-top:26px}.contact-card a:not(.fred-link){font-size:.86rem}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid nav{grid-template-columns:repeat(3,minmax(0,1fr));font-size:.72rem;gap:13px}.site-footer{padding-top:35px}.copyright{font-size:.6rem;line-height:1.8}.tool-panel{padding:20px;margin-bottom:32px}.form-grid{grid-template-columns:1fr;gap:18px}.form-grid label{font-size:.8rem}.observation-layout{grid-template-columns:1fr;gap:30px}.filters{padding:16px;gap:14px}.filters>label:not(.check-field){width:100%}.filters>.check-field{max-width:100%}.sample-list{padding:16px}.selection-bar>a{padding:10px 12px;font-size:.68rem;gap:7px}.tool-status{font-size:.8rem;padding:12px 16px}.export-actions button{font-size:.73rem;padding:10px 12px}.draft-actions button{font-size:.7rem}.record-preview{padding:15px;font-size:.74rem}.compare-cards .reference-card figure{height:150px}.downloads button{font-size:.75rem}.language-options{gap:0}.language-options a,.language-options span{font-size:.85rem}html[dir=rtl] .language-options{inset-inline-end:-60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.site-header,.site-footer,.contact-band,.selection-bar,.tool-status,.export-actions,.contact-actions,.draft-actions,.record-output>.small,.article-body,.page-hero,.reference-grid,.tool-panel form,.observation-layout,.sample-list,.related,.directory{display:none!important}body{background:#fff;color:#000}.tool-panel{border:0;width:100%;padding:0;margin:0}.record-output{border:0;margin:0;padding:0;display:block!important}.record-preview{max-height:none;overflow:visible;background:#fff;border:0;font-size:11pt}.record-output[hidden]{display:none!important}}

html[dir=rtl] .selection-bar,html[dir=rtl] .tool-status{transform:translateX(50%)}

html[dir=rtl] input[type=email],html[dir=rtl] input[type=number]{direction:ltr;text-align:left}

/* Visible language control and semantic reading navigation. */
.language-menu summary{display:flex;align-items:center;gap:7px;background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600;min-height:44px}.language-menu[open] summary,.language-menu summary:hover{background:var(--lime);color:var(--ink)}.language-code{font-size:.69rem;opacity:.8}.language-symbol{font-size:1.15rem;line-height:1}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;list-style:none;margin:0;padding:0}.breadcrumb li+li:before{content:"/";margin-inline-end:10px;color:var(--copper)}.breadcrumb [aria-current]{color:var(--muted)}.article-toc{background:#ece7dd;border:1px solid var(--line);padding:22px 24px;margin:0 0 40px}.article-toc>p{font-weight:600;margin-bottom:10px}.article-toc ol{margin:0;padding-inline-start:20px;columns:2;column-gap:30px}.article-toc li{break-inside:avoid;padding:4px 0;font-size:.9rem}.article-toc a{text-decoration:underline;text-underline-offset:3px}.site-directory{padding-bottom:55px}.site-directory h2{margin-bottom:22px}.site-directory details{border-bottom:1px solid var(--line);padding:14px 0}.site-directory summary{cursor:pointer;font-weight:600}.site-directory ul{columns:2;column-gap:40px;padding-inline-start:22px}.site-directory li{break-inside:avoid;padding:5px 0}.site-directory a{text-decoration:underline;text-underline-offset:3px}@media(max-width:980px){.language-code{display:none}}@media(max-width:640px){.article-toc ol,.site-directory ul{columns:1}.language-menu summary{padding:8px 10px;gap:5px}}@media print{.article-toc{display:none}}