.opening-diagram.opening-study{--study-ink:#252925;--study-muted:#60625b;background:#eae6dd;border:0;color:var(--study-ink);isolation:isolate}.opening-study .opening-study-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:21px 24px 0;position:relative;z-index:1;font-size:11px;line-height:1.5;background:#f0ede5;color:#575c53}.opening-study-heading>span:first-child{flex:none;font-size:10px;letter-spacing:.14em;font-weight:600}.opening-study-heading>span:last-child{text-align:right}.opening-study>svg{display:block;width:100%;height:auto;max-height:560px;background:#eae6dd}.opening-diagram.opening-study figcaption{font-size:11px;line-height:1.6;padding:15px 22px;color:#5c6057;background:#f1eee7;border-top:1px solid #d5d1c7}.opening-study .diagram-mechanism{display:block;margin-top:6px;max-width:70ch}.opening-study .diagram-controls{display:flex;flex-wrap:wrap;gap:14px 20px;padding:18px 22px;background:#faf8f3;border-color:#d4d0c6}.opening-study .diagram-controls button{background:#282e29;border-color:#282e29;color:#fff;font-size:12px;min-height:46px;padding:12px 16px;flex:0 1 auto;white-space:normal;text-align:left}.opening-study .diagram-controls button[aria-pressed=true]{background:#faf8f3;color:#282e29}.opening-study .diagram-controls button:focus-visible{outline:3px solid #a92c25;outline-offset:4px;box-shadow:0 0 0 2px #fff}.opening-study .diagram-controls>p{font-size:12px;line-height:1.6;color:#575e53;max-width:43ch}.opening-study .diagram-state{color:#596055;font-size:11px;max-width:22ch;margin:0;flex:1 1 140px}.opening-diagram.opening-study .moving-pane{transform-box:fill-box;transform-origin:left center;transition:transform .55s ease}.opening-diagram.opening-study.opening-casement.is-open .moving-pane{transform:perspective(800px) rotateY(-38deg)}.opening-diagram.opening-study.opening-awning .moving-pane{transform-origin:center top}.opening-diagram.opening-study.opening-awning.is-open .moving-pane{transform:perspective(650px) rotateX(-35deg)}.opening-diagram.opening-study.opening-sliding.is-open .moving-pane{transform:translate(var(--opening-slide))}.opening-diagram.opening-study.opening-steel-entry.is-open .moving-pane{transform:perspective(850px) rotateY(-38deg)}.family-v6{--family-paper:#f8f6f1;--family-ink:#252a26;--family-muted:#616459;--family-line:#d7d3c9;--family-red:#ae3029;background:var(--family-paper);color:var(--family-ink)}.family-v6 .breadcrumb{max-width:1600px;margin:auto;padding-top:28px;padding-bottom:26px;font-size:12px}.family-v6-intro{max-width:1600px;margin:auto;padding:30px 5% 62px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.7fr);column-gap:8%;align-items:end}.family-v6-intro .eyebrow{color:var(--family-red);margin-bottom:26px;font-size:11px}.family-v6-intro h1{font-size:clamp(52px,5.4vw,84px);line-height:.99;max-width:850px;letter-spacing:-.055em}.family-v6-intro h1 span{display:block}.family-v6-intro h1 span+span{font-style:italic;font-weight:500;color:#686b5f}.family-v6-intro-copy>p{font-size:15px;line-height:1.8;color:var(--family-muted);max-width:47ch}.family-v6-intro-copy>.text-link{display:inline-flex;margin-top:24px;min-height:44px;font-size:13px;border-color:#aaa99b;gap:30px}.family-v6-intro-copy>.text-link span{color:var(--family-red)}.family-v6-nav{border-block:1px solid var(--family-line);padding:0 5%;display:flex;gap:30px;align-items:center;background:#eeece4}.family-v6-nav>p{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--family-muted);margin-right:auto}.family-v6-nav a{display:flex;align-items:center;gap:20px;min-height:67px;border-bottom:3px solid transparent;margin-bottom:-1px;padding:14px 4px;font-size:13px}.family-v6-nav a[aria-current=page]{border-bottom-color:var(--family-red);color:var(--family-red)}.family-v6-nav a>span{font-size:10px;color:#62665b}.family-v6-discovery{max-width:1600px;margin:auto;padding:64px 5% 72px;scroll-margin-top:130px}.family-v6-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:25px 10%;align-items:end;margin-bottom:34px}.family-v6-section-heading .eyebrow{font-size:10px;margin-bottom:18px;color:var(--family-red)}.family-v6-section-heading h2{font-size:clamp(35px,3.5vw,55px);line-height:1.05;max-width:660px}.family-v6-section-heading>p{font-size:13px;color:var(--family-muted);max-width:48ch;line-height:1.75}.family-v6-type-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:34px;border-top:1px solid var(--family-line)}.family-v6-type-index a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:18px 0;min-height:64px;font-size:13px;border-bottom:1px solid var(--family-line)}.family-v6-type-index a>span:first-child{font-size:10px;color:var(--family-red);align-self:flex-start;padding-top:4px}.family-v6-type-index a>span:nth-child(2){margin-right:auto}.family-v6-type-index a>span:last-child{font-size:19px;color:var(--family-red)}.family-v6-plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.family-v6-type{min-width:0;scroll-margin-top:140px}.family-v6-type .opening-diagram{height:auto}.family-v6-type .opening-diagram>svg{height:auto;max-height:none;aspect-ratio:640/500}.family-v6-type-heading{display:flex;gap:18px;justify-content:space-between;align-items:baseline;margin:23px 0 12px}.family-v6-type-heading>p{font-size:10px;letter-spacing:.1em;color:var(--family-red)}.family-v6-type h3{min-width:0;font-family:var(--serif);font-size:clamp(29px,2.5vw,39px);font-weight:500;line-height:1.08;letter-spacing:-.025em}.family-v6-type h3 a{display:flex;align-items:baseline;gap:20px}.family-v6-type h3 a>span{flex:none;color:var(--family-red);font-family:var(--ui-font);font-size:25px}.family-v6-type-copy{font-size:14px;line-height:1.75;color:var(--family-muted);max-width:62ch}.family-v6-type dl{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0 0;padding-top:19px;border-top:1px solid var(--family-line)}.family-v6-type dt{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;color:#66695e}.family-v6-type dd{font-size:12px;line-height:1.65;margin:0}.family-v6-compare{margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 30px;background:#292f2a;color:#faf8f2}.family-v6-compare>p{font-family:var(--serif);font-size:29px;line-height:1.2;max-width:660px}.family-v6-compare>a{display:inline-flex;gap:26px;align-items:center;min-height:48px;flex-shrink:0;font-size:13px;border-bottom:1px solid #9d9f93;padding:10px 0}.family-v6-compare>a>span{font-size:22px;color:#ead6ce}.family-v6-priorities{background:#e9e6dd;padding:46px 5%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;border-block:1px solid var(--family-line)}.family-v6-priorities article{display:grid;grid-template-columns:26px 1fr;gap:9px 14px;align-items:start}.family-v6-priorities article>span{font-size:11px;color:var(--family-red);padding-top:7px;grid-row:1/3}.family-v6-priorities h2{font-size:31px;line-height:1.2}.family-v6-priorities p{font-size:13px;line-height:1.7;color:#616459;max-width:40ch}.family-v6-entry{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:7%;align-items:start}.family-v6-entry .opening-diagram>svg{max-height:670px}.family-v6-entry-notes{padding-top:20px}.family-v6-entry-notes>.eyebrow{color:var(--family-red);font-size:10px;margin-bottom:20px}.family-v6-entry-notes h3{font-family:var(--serif);font-size:clamp(35px,3.6vw,51px);line-height:1.05}.family-v6-entry-notes>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--family-muted);margin-top:22px}.family-v6-anatomy{list-style:none;padding:0;margin:28px 0}.family-v6-anatomy li{display:grid;grid-template-columns:25px 1fr;gap:16px;border-top:1px solid var(--family-line);padding:21px 0}.family-v6-anatomy li>span{font-size:10px;color:var(--family-red);padding-top:5px}.family-v6-anatomy h4{font-family:var(--ui-font);font-weight:500;font-size:15px;line-height:1.5;margin:0 0 7px}.family-v6-anatomy p{font-size:13px;line-height:1.7;color:var(--family-muted)}.family-v6-entry-notes>.button{font-size:13px;min-height:52px}.family-v6-patio-note{display:grid;grid-template-columns:.7fr 1fr;gap:7%;margin-top:36px;padding:27px 0 6px;border-top:1px solid var(--family-line)}.family-v6-patio-note>p:first-child{white-space:pre-line;font-family:var(--serif);font-size:32px;line-height:1.15;color:var(--family-ink)}.family-v6-patio-note>p:last-child{font-size:13px;line-height:1.75;color:var(--family-muted);border-left:2px solid var(--family-red);padding-left:22px}.family-v6 .decision-bridge{background:#e9e6dd;color:var(--family-ink);border-top:1px solid var(--family-line)}.family-v6 .decision-bridge h2{font-size:clamp(40px,4vw,60px)}.family-v6 .decision-bridge p{color:var(--family-muted)}.family-v6 .design-decisions{background:#f8f6f1}.family-v6 :is(a,button,summary):focus-visible{outline:3px solid #a92c25;outline-offset:5px}.family-v6-compare a:focus-visible{outline:3px solid #fff;outline-offset:5px}@media(max-width:1100px){.family-v6-intro{column-gap:5%;grid-template-columns:1.2fr .8fr;padding-bottom:48px}.family-v6-intro h1{font-size:65px}.family-v6-entry{gap:5%}.family-v6-entry-notes{padding-top:5px}.family-v6-plates{gap:36px 24px}.family-v6-type-index{gap:18px}.family-v6-type-heading{display:block}.family-v6-type-heading>p{margin-bottom:8px}.family-v6-type dl{gap:16px}.family-v6-priorities{gap:4%}}@media(max-width:760px){.family-v6 .breadcrumb{padding:24px 6% 20px}.family-v6-intro{padding:17px 6% 34px;grid-template-columns:minmax(0,1fr);gap:25px}.family-v6-intro h1{font-size:clamp(45px,10.8vw,72px)}.family-v6-intro .eyebrow{font-size:10px;margin-bottom:20px}.family-v6-intro-copy>p{font-size:14px;max-width:58ch}.family-v6-intro-copy>.text-link{margin-top:16px;font-size:13px}.family-v6-nav{padding:0 6%;gap:19px;justify-content:space-between;flex-wrap:wrap}.family-v6-nav>p{display:none}.family-v6-nav a{min-height:60px;font-size:12px;gap:10px;max-width:100%}.family-v6-discovery{padding:42px 6% 48px;scroll-margin-top:110px}.family-v6-section-heading{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:28px}.family-v6-section-heading h2{font-size:clamp(35px,8vw,48px)}.family-v6-section-heading>p{max-width:60ch}.family-v6-type-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-bottom:28px}.family-v6-type-index a{font-size:13px;min-height:61px}.family-v6-plates{grid-template-columns:minmax(0,1fr);gap:37px}.family-v6-type h3{font-size:34px}.family-v6-type-heading{display:flex;margin-top:20px}.family-v6-type-heading>p{margin-bottom:0}.family-v6-type-copy{font-size:14px}.family-v6-type dl{margin-top:19px;padding-top:16px}.family-v6-type dt{font-size:11px;color:#606359}.family-v6-type dd{font-size:13px}.family-v6-priorities{grid-template-columns:minmax(0,1fr);padding:34px 6%;gap:26px}.family-v6-priorities p{max-width:55ch}.family-v6-compare{padding:25px 23px;margin-top:30px;display:block}.family-v6-compare>p{font-size:29px}.family-v6-compare>a{margin-top:18px;font-size:13px}.family-v6-entry{grid-template-columns:minmax(0,1fr);gap:30px}.family-v6-entry .opening-diagram>svg{max-height:590px}.family-v6-entry-notes h3{font-size:41px}.family-v6-entry-notes>p:not(.eyebrow){margin-top:18px}.family-v6-patio-note{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:26px}.family-v6-patio-note>p:first-child{font-size:31px}.opening-study .opening-study-heading{font-size:11px;padding:17px 18px 0;gap:12px}.opening-diagram.opening-study figcaption{padding:14px 18px;font-size:12px}.opening-study .diagram-controls{padding:16px 18px}.opening-study .diagram-state{font-size:12px;max-width:none}.opening-study .diagram-controls>p{font-size:13px}.opening-study .diagram-controls button{font-size:13px}}@media(max-width:380px){.family-v6-nav{gap:0 15px}.family-v6-nav a{font-size:12px;gap:7px}.family-v6-nav a>span{display:none}.family-v6-type-heading{display:block}.family-v6-type-heading>p{margin-bottom:8px}.family-v6-type h3{font-size:30px}.family-v6-type dl{grid-template-columns:minmax(0,1fr);gap:14px}.family-v6-type-index{gap:0 14px}.family-v6-type-index a{font-size:12px}.opening-study-heading>span:last-child{max-width:19ch}.opening-study .diagram-controls button{width:100%}.opening-study .diagram-state{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.opening-diagram.opening-study .moving-pane{transition:none}}@media(forced-colors:active){.opening-diagram.opening-study,.opening-study .diagram-controls{border:1px solid CanvasText}.opening-study .diagram-controls button,.family-v6-nav a[aria-current=page]{border-color:CanvasText}.family-v6 :is(a,button,summary):focus-visible,.opening-study .diagram-controls button:focus-visible,.family-v6-compare a:focus-visible{outline-color:Highlight;box-shadow:none}}.opening-diagram.opening-study{position:relative;margin:0;overflow:hidden}.opening-study .diagram-controls{justify-content:space-between;align-items:center;border-top:1px solid #d4d0c6}.opening-study .diagram-controls button{display:flex;gap:25px;justify-content:space-between;align-items:center;cursor:pointer;border:1px solid #282e29}.opening-study .diagram-state{line-height:1.65}@media(max-width:760px){.opening-study .diagram-controls button{gap:16px}}.opening-study.opening-study--compact .opening-study-heading{padding:16px 20px 0}.opening-study.opening-study--compact figcaption{padding:10px 20px;font-size:11px}.opening-study.opening-study--compact .diagram-state{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.opening-study.opening-study--compact .diagram-controls{padding:12px 20px}.opening-study.opening-study--compact .diagram-controls button{min-height:44px}.opening-study.opening-hung.is-open .moving-pane{transform:translateY(var(--opening-rise))}