@font-face{font-family:Jakarta;src:url('/criacao-de-sites/modelos/14-vao-arquitetura/assets/fonts/plus-jakarta-sans-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Jakarta;src:url('/criacao-de-sites/modelos/14-vao-arquitetura/assets/fonts/plus-jakarta-sans-latin-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--bg:#F1F0EC;--ink:#222424;--red:#A94736;--support:#CFCBC2;--wash:#E4E1D9;--line:#B0ADA5;font:100%/1.6 Jakarta,Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:active,.button:active{transform:translateY(1px);background-color:var(--support)}button:disabled{cursor:default;opacity:.55}a:hover{text-decoration-thickness:2px}button:hover:not(:disabled){border-color:var(--ink)}:focus-visible{outline:3px solid var(--red);outline-offset:5px}::selection{background:var(--support);color:var(--ink)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Arial,Jakarta,sans-serif;font-weight:400;line-height:1.05;letter-spacing:-.055em;overflow-wrap:break-word}h1{font-size:clamp(3.2rem,7.2vw,7rem);max-width:65rem}h2{font-size:clamp(2.1rem,3.5vw,3.75rem)}h3{font-size:1.8rem;line-height:1.15;letter-spacing:-.04em}p+p{margin-top:1rem}img,svg{display:block;max-width:100%}img{height:auto}figure,section,article,div{min-width:0}.wrap{width:calc(100% - 6rem);max-width:1320px;margin-inline:auto}.fa{width:.9em;height:.9em;display:inline-block;flex:0 0 auto;vertical-align:-.05em;fill:currentColor}.mono,.eyebrow{font-family:Consolas,'Courier New',monospace}.eyebrow{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.3rem;line-height:1.5}.red{color:var(--red)}.small,figcaption{font-size:.81rem;line-height:1.65}.lead{font-size:1.1rem;max-width:40rem}.demo{background:var(--ink);color:var(--bg);font-size:.72rem}.demo>.wrap{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:.7rem}.demo a{display:inline-flex;align-items:center;gap:.7rem}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:7rem}header{border-bottom:1px solid var(--line)}.brand{display:flex;gap:.85rem;align-items:center;text-decoration:none;line-height:1;font-size:1.75rem;letter-spacing:.09em}.brand .mark{width:2.5rem;height:2.5rem;color:var(--red);flex:0 0 2.5rem}.brand small{font-family:Consolas,monospace;display:block;letter-spacing:.11em;font-size:.58rem;margin-top:.65rem}.desktop-nav{display:flex;gap:2rem;font-size:.88rem;align-items:center}.desktop-nav a{text-decoration:none;padding:.7rem 0}.desktop-nav a[aria-current]{border-bottom:2px solid var(--red)}.menu-button{background:none;border:1px solid var(--ink);padding:.6rem .9rem;min-height:44px;display:none!important;align-items:center;gap:1rem}.plain,.save{display:inline-flex;align-items:center;gap:.65rem;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:.7rem .1rem;min-height:44px;line-height:1.4;font-size:.84rem;text-align:left}.save[aria-pressed=true]{color:var(--red);border-bottom-color:var(--red)}.save .fa{width:1em;height:1em}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;border:1px solid var(--red);background:var(--red);color:#fff;text-decoration:none;min-height:3.3rem;max-width:100%;font-size:.88rem;line-height:1.45;padding:.85rem 1.25rem}.button:hover{background:#903A2C}.button:active{background:#903A2C}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.button.secondary:hover{background:var(--support)}.text-link,.back-link{display:inline-flex;align-items:center;gap:1.5rem;padding:.6rem 0;min-height:44px;font-size:.87rem}.back-link{gap:1rem}.opening{display:grid;grid-template-columns:1fr 2.2fr 1.1fr;gap:2.5rem;align-items:end;padding-block:4.5rem 3.5rem}.opening>.eyebrow{align-self:start;max-width:10rem}.opening h1{font-size:clamp(4rem,7.6vw,7.5rem);letter-spacing:-.065em}.opening h1 em{font-style:normal;color:var(--red)}.opening-note{font-size:.87rem;line-height:1.6}.opening-note>.mono{display:block;font-size:.75rem;line-height:1.6;margin-bottom:1.4rem}.opening-note .text-link{margin-top:1rem}.hero-photo{margin-inline:3rem}.hero-photo>img{width:100%;aspect-ratio:2.45;object-fit:cover;object-position:center 45%}.photo figcaption{display:flex;justify-content:space-between;align-items:start;gap:1.5rem;margin-top:.8rem}.photo figcaption>span{max-width:38rem}.photo figcaption a{font-size:.76rem;flex:0 1 auto}.photo figcaption .fa{margin-left:.35rem}.section{padding-block:6rem}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:5rem;margin-bottom:3rem;align-items:end}.section-heading>p{max-width:31rem}.scale-controls{display:flex;align-items:center;gap:.5rem;border-block:1px solid var(--line);padding:.8rem 0;flex-wrap:wrap;margin-bottom:2rem}.scale-button{border:1px solid transparent;background:transparent;padding:.8rem 1.2rem;display:flex;align-items:center;gap:.8rem;font-size:.95rem;min-height:44px}.scale-button .mono{font-size:.75rem}.scale-button[aria-pressed=true]{background:var(--red);color:#fff;border-color:var(--red)}.scale-hint{margin-left:auto;font-size:.76rem;padding-inline:1rem}.scale-panel{display:grid;grid-template-columns:1.45fr 1fr;gap:4rem;align-items:start;padding-top:.5rem;margin-bottom:2rem}.scale-text h3,.scale-text h2{font-size:clamp(1.8rem,2.5vw,2.6rem);margin-bottom:1.5rem}.scale-text>p{font-size:.95rem}.scale-text .eyebrow{font-size:.73rem}.drawing>img{width:100%;background:var(--wash)}.drawing figcaption{max-width:43rem;margin-top:.8rem;color:var(--ink)}.drawing figcaption span{display:block}.observe{margin-block:1.8rem;padding-top:1.1rem;border-top:1px solid var(--line);font-size:.86rem}.observe .mono{display:block;color:var(--red);font-size:.73rem;margin-bottom:.6rem}.collection-preview{display:grid;grid-template-columns:1fr 1.4fr;gap:6rem;padding-block:1rem 6rem}.collection-preview>div>p:not(.eyebrow){max-width:27rem;margin-top:1.5rem}.project-list>a{display:grid;grid-template-columns:2rem 1fr auto;gap:1.4rem;align-items:start;text-decoration:none;border-top:1px solid var(--line);padding:1.7rem 0}.project-list>a:last-child{border-bottom:1px solid var(--line)}.project-list b{font-weight:400;font-size:1.8rem;line-height:1.15;letter-spacing:-.04em}.project-list small{display:block;font-size:.86rem;margin-top:.7rem}.project-list .fa{margin-top:.5rem}.material-feature{background:var(--ink);color:var(--bg);padding-block:5rem}.material-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:6rem;align-items:center}.material-photo>img{width:100%;aspect-ratio:1.2;object-fit:cover}.material-layout>div>p:not(.eyebrow){max-width:32rem;margin-top:2rem}.material-layout .button{margin-top:2rem;color:var(--bg);border-color:var(--bg)}.material-layout .button:hover{color:var(--ink)}.page-head{padding-block:4rem 3rem}.page-head h1{max-width:64rem}.head-bottom{display:flex;align-items:end;justify-content:space-between;gap:4rem;margin-top:2rem}.head-bottom .save{flex:0 0 auto}.filter-panel{display:flex;gap:1.5rem;align-items:end;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:1.5rem;margin-block:0 1.5rem}.filter-panel label{font-size:.78rem;flex:1 1 10rem;max-width:16rem}.filter-panel select{display:block;min-height:48px;padding:.7rem .9rem;margin-top:.4rem;background:var(--bg);border:1px solid var(--ink);width:100%;border-radius:0}.filter-panel>p{font-size:.8rem;margin-left:auto;align-self:center}.collection-note{font-size:.83rem;max-width:54rem;margin-bottom:2.5rem}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem 3rem;padding-bottom:5rem}.drawing-link{display:block}.study-card-head{display:flex;align-items:center;gap:1.3rem;margin-top:1.4rem;flex-wrap:wrap}.study-card-head h2{font-size:2rem;flex:1 1 auto;line-height:1.2}.study-title{text-decoration:none}.study-card-head>.mono{font-size:.8rem}.study-card-head .save{font-size:.78rem}.relation{font-family:Consolas,monospace;color:var(--red);font-size:.8rem;margin-top:1rem}.study-card>p:not(.relation){margin-top:1rem;max-width:38rem;font-size:.91rem}.study-card>p.small{font-size:.8rem}.study-card>.text-link{margin-top:1.1rem}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1rem;font-size:.77rem}.breadcrumb+.page-head{padding-top:2rem}.study-intro{display:flex;justify-content:space-between;gap:3rem;border-top:1px solid var(--line);padding-block:1.8rem 2.5rem}.question{font-size:1.35rem;line-height:1.4;max-width:32rem}.study-intro .small{max-width:26rem}.source-pair{display:grid;grid-template-columns:1fr 1fr;gap:6rem;margin-block:5rem;align-items:center}.study-photo>img{width:100%;aspect-ratio:1.2;object-fit:cover}.source-pair h2{margin-bottom:1.7rem}.source-pair p+p{margin-top:1.2rem}.source-pair .text-link{margin-top:1.3rem}.next-study{display:flex;justify-content:space-between;align-items:center;gap:3rem;border-top:1px solid var(--line);padding-block:3rem 5rem}.next-study h2{margin-bottom:1rem}.notebook{padding-bottom:5rem}.empty{padding:2rem 0 4rem;max-width:44rem}.empty p{margin-block:1.5rem}.empty h2{font-size:2.5rem}.notebook-item{display:grid;grid-template-columns:.7fr 1.4fr auto;align-items:start;gap:3rem;border-top:1px solid var(--line);padding-block:2rem}.notebook-item h2{font-size:2rem;margin-bottom:1.2rem}.notebook-item .small{margin-top:1rem}.notebook-item>.drawing figcaption{display:none}.notebook-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;border-top:1px solid var(--line);padding-top:1.5rem}.notebook-guide{display:grid;grid-template-columns:1fr 1.6fr;gap:5rem;margin-top:5rem;padding-top:2.5rem;border-top:1px solid var(--line)}.notebook-guide h3{font-size:1.5rem;margin-bottom:.8rem}.notebook-guide h3:not(:first-child){margin-top:2.2rem}.notebook-guide p{max-width:41rem}.note{border-left:3px solid var(--red);padding:1rem 1.4rem;background:var(--wash);margin-top:3rem;font-size:.88rem;max-width:58rem}.looking-grid{display:grid;grid-template-columns:1fr 2fr;gap:5rem;padding-top:1rem;padding-bottom:5rem}.looking-index>.mono{display:block;margin-bottom:2rem}.looking-index p{font-size:1.5rem;line-height:1.4}.looking-text{max-width:43rem}.looking-text h2{font-size:2.5rem;margin-bottom:1.5rem}.looking-text h2:not(:first-child){margin-top:3.5rem}.about-concept{border-top:1px solid var(--line);padding-block:3rem 5rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem}.about-concept .eyebrow{grid-column:1/-1;margin:0}.about-concept>.text-link{grid-column:2}.observation-board{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem 5rem;border-top:1px solid var(--line);padding-block:2.5rem 5rem}.board-label{grid-column:1/-1;display:flex;justify-content:space-between;align-items:start;gap:2rem}.board-label>.mono{font-size:.77rem}.board-label h2{font-size:2.6rem;width:47%}.board-photo>img{width:100%;object-fit:cover;aspect-ratio:.84}.board-notes h3{margin-top:1.8rem;margin-bottom:.8rem;font-size:1.5rem}.board-notes .drawing figcaption{font-size:.76rem}.board-notes .text-link{margin-top:1.2rem}.reverse .board-photo{grid-column:2;grid-row:2}.reverse .board-notes{grid-column:1;grid-row:2}.material-questions{border-top:1px solid var(--line);padding-block:3rem 5rem;display:grid;grid-template-columns:1fr 1.4fr;gap:2rem 5rem}.material-questions .button{grid-column:2;justify-self:start}.preparation{display:grid;grid-template-columns:1.5fr 1fr;gap:6rem;padding-block:1rem 5rem}.question-choice{display:flex;align-items:start;gap:1rem;border-top:1px solid var(--line);padding:1.4rem .1rem;cursor:pointer}.question-choice:last-child{border-bottom:1px solid var(--line)}.question-choice input{width:1.3rem;height:1.3rem;margin-top:.3rem;accent-color:var(--red);flex:0 0 auto}.question-choice>span>b{display:block;font-size:1.15rem;font-weight:600;margin-bottom:.4rem}.question-choice>span>span{display:block;font-size:.91rem}.preparation-aside{background:var(--wash);padding:2.4rem;align-self:start}.preparation-aside h2{margin-block:2rem 1.5rem}.preparation-aside>.mono{font-size:.75rem}.preparation-aside #question-count{margin-block:1.6rem}.preparation-aside .small{margin-top:1.5rem}.preparation-ending{display:grid;grid-template-columns:1fr 1fr;gap:2rem 5rem;border-top:1px solid var(--line);padding-block:3rem 5rem}.preparation-ending .text-link{grid-column:2}.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-bottom:4rem}.credit-photo>img{aspect-ratio:1.5;object-fit:cover;width:100%}.credits-grid h2{font-size:1.7rem;margin-block:1.7rem 1rem}.credits-grid p{font-size:.88rem}.credit-text{padding-bottom:5rem}.credit-text>section{display:grid;grid-template-columns:1fr 1.6fr;gap:1rem 5rem;border-top:1px solid var(--line);padding-block:2.5rem}.credit-text h2{font-size:2rem;grid-row:1/5}.credit-text p+p{margin-top:.5rem}.credit-text p{max-width:45rem;overflow-wrap:anywhere;font-size:.93rem}.contact-notice{display:grid;grid-template-columns:1.6fr .8fr;gap:6rem;padding-block:1rem 5rem}.contact-notice h2{font-size:2.4rem;margin-bottom:2rem}.contact-notice .button{margin-block:2rem 1rem}.contact-return{border-left:1px solid var(--line);padding-left:3rem}.contact-return .text-link{display:flex}.footer-grid{display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:4rem;padding-top:4rem}.footer-line{font-size:1.35rem;line-height:1.4;margin-block:1.6rem}.footer-grid>nav{display:flex;flex-direction:column;align-items:start;gap:.7rem;font-size:.84rem}.footer-grid .button{margin-block:1.5rem 1rem}.footer-grid>div:last-child>p:not(.eyebrow):not(.small){font-size:1.2rem;max-width:25rem}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:3rem;padding-block:1.2rem;font-size:.7rem}footer{border-top:1px solid var(--line)}.status{position:fixed;z-index:10;bottom:1rem;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 2rem);padding:1rem 1.4rem;background:var(--ink);color:var(--bg);font-size:.87rem;box-shadow:0 3px 15px #0002}.skip{position:fixed;z-index:30;top:.7rem;left:.7rem;padding:1rem;background:var(--ink);color:var(--bg);transform:translateY(-180%)}.skip:focus{transform:none}dialog{border:1px solid var(--ink);background:var(--bg);color:var(--ink);padding:1.5rem;width:min(33rem,calc(100% - 2rem));max-height:90dvh;overflow:auto}dialog::backdrop{background:#22242499}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;font-size:.8rem}dialog nav{display:flex;flex-direction:column;gap:.5rem;margin-block:2rem}dialog nav a{font-size:1.2rem;padding:.5rem 0}dialog p{font-size:.8rem}.js-only{display:none!important}.js .js-only{display:flex!important}.nojs-nav{display:none}.nojs-note{padding-block:1rem}.js .menu-button{display:none!important}.demo :focus-visible,.material-feature :focus-visible{outline-color:var(--bg)}[hidden]{display:none!important}html{scroll-padding-top:2rem}
@media(max-width:1050px){.wrap{width:calc(100% - 3rem)}.hero-photo{margin-inline:1.5rem}.opening{grid-template-columns:2fr 1fr}.opening>.eyebrow{grid-column:1/-1;max-width:none;margin-bottom:0}.opening h1{font-size:6rem}.scale-panel{gap:2.5rem;grid-template-columns:1.15fr 1fr}.section-heading,.collection-preview,.material-layout,.source-pair,.preparation,.contact-notice{gap:3rem}.scale-hint{display:none}.study-card-head .save{margin-left:2.3rem}.footer-grid{gap:2.5rem}.notebook-item{gap:2rem;grid-template-columns:1fr 2fr}.notebook-item>.plain{grid-column:2;justify-self:start}.board-label h2{width:47%}}
@media(max-width:760px){.wrap{width:calc(100% - 2rem)}.demo>.wrap{display:block;padding-block:.65rem}.demo span{display:block}.demo a{margin-top:.4rem}.header-inner{min-height:5.5rem;gap:1rem}.brand{font-size:1.5rem}.brand .mark{width:2.2rem;height:2.2rem;flex-basis:2.2rem}.brand small{font-size:.52rem}.desktop-nav{display:none}.js .menu-button{display:flex!important}.nojs-nav{display:flex;flex-wrap:wrap;gap:1rem;padding:0 1rem 1rem}.js .nojs-nav{display:none}.opening{grid-template-columns:1fr;padding-block:2.5rem 2rem;gap:1.5rem}.opening h1{font-size:clamp(3.7rem,13vw,5.8rem)}.opening-note{display:grid;grid-template-columns:1fr 1.8fr;gap:1rem;margin-top:.5rem}.opening-note>.mono{font-size:.7rem;margin-bottom:0}.opening-note>.text-link{grid-column:1/-1;margin:0}.hero-photo{margin-inline:1rem}.hero-photo>img{aspect-ratio:1.12;object-position:center 43%}.photo figcaption{display:block;font-size:.75rem}.photo figcaption>a{display:inline-block;margin-top:.4rem;font-size:.75rem}.section{padding-block:3.5rem}.section-heading,.scale-panel,.collection-preview,.material-layout,.source-pair,.notebook-guide,.looking-grid,.about-concept,.observation-board,.material-questions,.preparation,.preparation-ending,.credit-text>section,.contact-notice{display:grid;grid-template-columns:1fr;gap:2rem}.section-heading{margin-bottom:2rem}.scale-controls{gap:.3rem;margin-bottom:1.5rem;justify-content:space-between;padding-block:.6rem}.scale-button{font-size:.87rem;padding:.75rem .6rem;gap:.4rem}.scale-button .mono{font-size:.7rem}.scale-panel{gap:1.8rem;margin-bottom:1rem}.scale-text h3,.scale-text h2{font-size:2rem}.scale-text>p{font-size:.95rem}.observe{margin-block:1.3rem}.collection-preview{padding-block:0 3.5rem;gap:2rem}.project-list>a{gap:1rem;padding-block:1.5rem}.project-list b{font-size:1.6rem}.material-feature{padding-block:3.5rem}.material-layout{gap:2.5rem}.material-photo>img{aspect-ratio:1.1}.material-layout>div>p:not(.eyebrow){margin-top:1.5rem}.page-head{padding-block:2.5rem 2rem}.page-head h1{font-size:clamp(3rem,11vw,4.8rem)}.head-bottom{display:block;margin-top:1.5rem}.head-bottom .button,.head-bottom .save{margin-top:1.4rem}.filter-panel{gap:1rem}.filter-panel label{max-width:none;flex-basis:100%}.filter-panel>p{margin-left:0}.study-grid{grid-template-columns:1fr;gap:3rem;padding-bottom:3.5rem}.study-card-head{gap:1rem}.study-card-head h2{font-size:1.8rem}.study-card-head .save{margin-left:2rem}.study-intro{display:block;padding-block:1.5rem 2rem}.study-intro .small{margin-top:1rem}.source-pair{margin-block:3.5rem;gap:2rem}.next-study{display:block;padding-block:2.5rem 3.5rem}.next-study .button{margin-top:1.5rem}.notebook{padding-bottom:3.5rem}.notebook-item{grid-template-columns:1fr;gap:1.5rem}.notebook-item>.plain{grid-column:auto;justify-self:start}.notebook-item>.drawing{max-width:27rem}.notebook-actions{gap:1rem}.notebook-guide{margin-top:3rem;gap:2rem}.looking-grid{padding-bottom:3.5rem}.looking-index{display:none}.looking-text h2{font-size:2.2rem}.about-concept{padding-block:2.5rem 3.5rem}.about-concept>.text-link{grid-column:auto}.observation-board{padding-block:2rem 3.5rem}.board-label{display:block}.board-label h2{font-size:2.3rem;width:100%;margin-top:1rem}.board-photo>img{aspect-ratio:1.1}.reverse .board-photo,.reverse .board-notes{grid-column:auto;grid-row:auto}.board-notes .drawing{max-width:31rem}.material-questions{padding-block:2.5rem 3.5rem}.material-questions .button{grid-column:auto}.preparation{padding-block:1rem 3.5rem;gap:2.5rem}.preparation-aside{padding:1.5rem}.preparation-ending{padding-block:2.5rem 3.5rem}.preparation-ending .text-link{grid-column:auto}.credits-grid{grid-template-columns:1fr;gap:3rem}.credit-text{padding-bottom:3.5rem}.credit-text h2{grid-row:auto}.credit-text>section{gap:1.2rem;padding-block:2rem}.contact-notice{padding-bottom:3.5rem}.contact-return{border-left:0;border-top:1px solid var(--line);padding:2rem 0 0}.footer-grid{grid-template-columns:1fr;gap:2.5rem;padding-top:3rem}.footer-grid>nav{gap:.6rem}.footer-grid>nav>a{min-height:35px;display:flex;align-items:center}.footer-bottom{display:block;margin-top:2rem}.footer-bottom>span,.footer-bottom>a{display:block;margin-top:.6rem}.empty h2{font-size:2.1rem}.breadcrumb{gap:.6rem}.small{font-size:.82rem}.status{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root{--line:var(--ink)}.eyebrow,.small,figcaption{font-weight:600}}@media(forced-colors:active){button,.button{border:1px solid ButtonText}.scale-button[aria-pressed=true]{outline:2px solid Highlight}.drawing img{border:1px solid CanvasText}}@media print{.demo,header,footer,.scale-controls,.save,.notebook-actions,.status{display:none!important}.wrap{width:100%}body{background:white;color:black}.notebook-item{break-inside:avoid}.scale-panel[hidden]{display:grid!important}.scale-panel{break-inside:avoid;margin-bottom:2rem}}