@charset "UTF-8";
.of-directory-head,.of-core-hero,.of-detail-hero,.of-enquire>header{display:grid;grid-template-columns:1.06fr .94fr;min-height:37rem;border-bottom:1px solid;background:var(--chalk)}.of-directory-head>div,.of-core-hero>div,.of-detail-hero>div,.of-enquire>header>div{padding:clamp(3.5rem,7vw,6.5rem) var(--pad);align-self:center}.of-directory-head h1,.of-core-hero h1,.of-detail-hero h1,.of-enquire h1{font:900 clamp(3rem,6.4vw,7rem)/.86 var(--display);letter-spacing:-.085em;margin:1rem 0 1.6rem;max-width:60rem}.of-directory-head>div>p:last-child{font-size:1.1rem;max-width:42rem}.of-directory-head figure,.of-core-hero figure,.of-detail-hero figure,.of-enquire>header figure{margin:0;position:relative;min-height:37rem;overflow:hidden}.of-directory-head figure img,.of-core-hero figure img,.of-detail-hero figure img,.of-enquire>header figure img{position:absolute;width:100%;height:100%;filter:saturate(.78)}.of-directory-head figcaption,.of-core-hero figcaption,.of-detail-hero figcaption,.of-enquire>header figcaption{position:absolute;right:1rem;top:1rem;background:var(--yellow);padding:.65rem 1rem;font-size:.6rem;font-weight:900;letter-spacing:.1em}.of-index-tools{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:1.5rem var(--pad);background:var(--blue);color:white}.of-index-tools p{font-size:.72rem;margin:0}.of-directory-ledger{border-top:1px solid}.of-index-entry{display:grid;grid-template-columns:3rem 4rem minmax(15rem,1fr) minmax(13rem,.35fr);gap:1.3rem;align-items:center;padding:1.5rem var(--pad);border-bottom:1px solid;position:relative}.of-index-entry:before{content:"";position:absolute;inset:0 auto 0 0;width:.4rem;background:var(--signal)}.of-index-number{font:700 .7rem ui-monospace,monospace}.of-index-icon{width:3.4rem;height:3.4rem;padding:.75rem;border:1px solid;border-radius:50%}.of-index-entry h2{font:900 clamp(1.25rem,2vw,2rem)/1.03 var(--display);letter-spacing:-.045em;margin:.3rem 0}.of-index-entry>div>p:last-child{font-size:.8rem;color:var(--muted);max-width:48rem}.of-index-entry aside{border-left:1px solid;padding-left:1rem}.of-index-entry aside small,.of-index-entry aside strong,.of-index-entry aside a{display:block}.of-index-entry aside small{font-size:.55rem;letter-spacing:.14em}.of-index-entry aside strong{font-size:.72rem;margin:.5rem 0 1rem}.of-index-entry aside a{font-size:.65rem;font-weight:900}.of-index-entry:hover{background:var(--signal)}.of-directory-context{padding:5rem var(--pad);background:var(--ink);color:white;display:grid;grid-template-columns:.5fr 1.5fr;gap:4rem}.of-directory-context h2{font:900 clamp(2rem,4vw,4rem)/.96 var(--display);letter-spacing:-.06em;margin:0}.of-context-columns{columns:2;column-gap:3rem}.of-context-columns p{margin-top:0;font-size:.86rem}.of-directory-context nav{grid-column:2;display:flex;flex-wrap:wrap;gap:1rem}.of-directory-context nav a{border:1px solid;padding:.65rem .8rem;font-size:.67rem;font-weight:800}.of-detail{--signal:var(--red)}.of-detail-hero{border-top:10px solid var(--signal)}.of-detail-labels{display:grid;grid-template-columns:repeat(4,1fr);background:var(--signal);border-bottom:1px solid}.of-detail-labels>div{padding:1.25rem;border-right:1px solid}.of-detail-labels small,.of-detail-labels strong{display:block}.of-detail-labels small{font-size:.56rem;letter-spacing:.12em}.of-detail-labels strong{font-size:.76rem;margin-top:.4rem}.of-course-readiness{padding:1.2rem var(--pad);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid;background:var(--yellow)}.of-course-readiness p{max-width:65rem;font-size:.73rem}.of-course-readiness a{font-size:.66rem;font-weight:900;white-space:nowrap}.of-folio-stack{padding:4rem var(--pad);counter-reset:folio}.of-folio{display:grid;grid-template-columns:7rem minmax(0,1fr) 7rem;min-height:18rem;border-top:1px solid;padding:2.2rem 0;position:relative}.of-folio>header{display:flex;flex-direction:column;gap:1rem}.of-folio>header b{font:900 3rem/.8 var(--display);color:var(--signal,var(--red))}.of-folio>header span{font:.6rem/1 ui-monospace,monospace;letter-spacing:.13em;writing-mode:vertical-rl}.of-folio>div{max-width:65rem}.of-folio h2{font:900 clamp(1.8rem,3vw,3.4rem)/.98 var(--display);letter-spacing:-.05em;margin:0 0 1rem}.of-folio p{font-size:.98rem;line-height:1.85;margin:0}.of-folio aside{justify-self:end;display:flex;flex-direction:column;align-items:center}.of-folio aside i{display:block;width:3.3rem;height:3.3rem;border:1px solid;border-radius:50%;position:relative}.of-folio aside i:before,.of-folio aside i:after{content:"";position:absolute;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%)}.of-folio aside i:before{width:1.5rem;height:1px}.of-folio aside i:after{height:1.5rem;width:1px}.of-folio aside small{font-size:.5rem;writing-mode:vertical-rl;margin-top:.8rem}.of-folio:nth-child(even){grid-template-columns:7rem 7rem minmax(0,1fr);background:var(--chalk);margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}.of-folio:nth-child(even)>header{grid-column:1}.of-folio:nth-child(even)>div{grid-column:3}.of-folio:nth-child(even)>aside{grid-column:2;grid-row:1}.of-folio--observation{--signal:var(--red)}.of-folio--colour{--signal:#c49d00}.of-folio--lens{--signal:var(--blue)}.of-folio--print{--signal:var(--green)}.of-folio--practice{--signal:#7651aa}.of-detail-next{padding:5rem var(--pad);background:var(--signal)}.of-detail-next h2,.of-core-links h2{font:900 clamp(2.2rem,4vw,4.2rem)/.96 var(--display);letter-spacing:-.06em;margin:0}.of-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink);border:1px solid;margin-top:2rem}.of-next-grid a{background:var(--paper);padding:1.3rem;min-height:14rem}.of-next-grid span,.of-next-grid b{font-size:.58rem;letter-spacing:.12em}.of-next-grid h3{font:900 1.25rem/1.05 var(--display)}.of-next-grid p{font-size:.72rem}.of-interface{margin:0;padding:4rem var(--pad);border-bottom:1px solid;min-height:26rem}.of-interface h2{font:900 clamp(2rem,4vw,4.5rem)/.94 var(--display);letter-spacing:-.065em;margin:0}.of-collection-interface{background:var(--ink);color:white}.of-collection-interface>header{display:flex;justify-content:space-between;align-items:end}.of-collection-interface>header span{font-size:.6rem;letter-spacing:.16em}.of-collection-interface>div{display:grid;grid-template-columns:repeat(5,1fr);margin-top:3rem;border-top:1px solid #666}.of-collection-interface a{padding:1.5rem 1rem;border-right:1px solid #666;border-top:8px solid var(--signal)}.of-collection-interface a b{font:900 2.5rem var(--display);color:var(--signal)}.of-collection-interface a h3{font:900 1.2rem/1 var(--display)}.of-collection-interface a p{font-size:.58rem;text-transform:uppercase}.of-screen-interface{display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:var(--blue);color:white}.of-screen{background:#090909;padding:2.5rem;position:relative;border:10px solid #dad5cb;border-bottom-width:35px;box-shadow:9px 11px 0 rgba(0,0,0,.35)}.of-screen>span{font-size:.55rem;letter-spacing:.15em}.of-screen figure{height:21rem;margin:1rem 0 0}.of-screen img{width:100%;height:100%}.of-screen i{position:absolute;width:1rem;height:1rem;border:2px solid var(--red)}.of-screen i:nth-of-type(1){top:4rem;left:3rem;border-right:0;border-bottom:0}.of-screen i:nth-of-type(2){right:3rem;top:4rem;border-left:0;border-bottom:0}.of-screen i:nth-of-type(3){bottom:4rem;left:50%;border-radius:50%;background:var(--red)}.of-screen-interface ol{list-style:none;padding:0;border-top:1px solid #a5b2ff}.of-screen-interface li{padding:1rem 0;border-bottom:1px solid #a5b2ff;display:grid;grid-template-columns:3rem 1fr;font-size:.82rem}.of-screen-interface li b{color:var(--yellow)}.of-bench-interface>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem}.of-bench-interface article{min-height:15rem;padding:1.3rem;border:1px solid;margin-right:-1px;background:var(--chalk);position:relative}.of-bench-interface article:before{content:"";position:absolute;width:1rem;height:1rem;border-radius:50%;background:var(--red);top:.7rem;right:.7rem}.of-bench-interface span{font-size:.58rem;letter-spacing:.13em}.of-bench-interface strong{display:block;font:900 1.4rem/1 var(--display);margin:4rem 0 1rem}.of-bench-interface p{font-size:.75rem}.of-mark-interface{display:grid;grid-template-columns:1fr 1fr;background:#e5dfd1}.of-mark-sample{position:relative;min-height:25rem;background:var(--chalk);overflow:hidden}.of-mark-sample i{position:absolute;width:75%;height:2px;background:var(--ink);left:12%;top:calc(8% + var(--i) * 10%);transform:rotate(calc(-6deg + var(--i) * 1.4deg));opacity:calc(.25 + var(--i) * .08)}.of-mark-interface>div:last-child{padding-left:3rem}.of-mark-interface dl>div{display:grid;grid-template-columns:8rem 1fr;border-bottom:1px solid;padding:.55rem 0}.of-mark-interface dt{font-weight:900}.of-mark-interface dd{margin:0;font-size:.75rem}.of-colour-interface{background:#f7f0dc}.of-colour-interface header{display:flex;justify-content:space-between;align-items:end;gap:2rem}.of-colour-interface header p{max-width:24rem}.of-swatches{display:grid;grid-template-columns:repeat(8,1fr);height:17rem;margin-top:3rem}.of-swatches i{background:var(--swatch);position:relative;border:1px solid}.of-swatches i:nth-child(even){transform:translateY(1.5rem)}.of-swatches span{position:absolute;bottom:.4rem;left:.5rem;font:700 .6rem ui-monospace}.of-contact-interface{background:#111;color:white}.of-contact-interface header{display:flex;justify-content:space-between;align-items:end}.of-contact-interface header span{font-size:.6rem}.of-contact-interface>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:2.5rem}.of-contact-interface figure{margin:0;height:13rem;position:relative}.of-contact-interface img{width:100%;height:100%;filter:grayscale(1)}.of-contact-interface figure:hover img{filter:none}.of-contact-interface figure span{position:absolute;left:.4rem;bottom:.4rem;background:white;color:#111;padding:.25rem;font-size:.55rem}.of-press-interface{background:var(--green)}.of-press-interface>div{display:grid;grid-template-columns:repeat(6,1fr);margin-top:3rem}.of-press-interface article{border:1px solid;padding:1rem;height:13rem;display:flex;flex-direction:column;justify-content:space-between;margin-right:-1px}.of-press-interface article:nth-child(even){background:var(--ink);color:white;transform:translateY(1rem)}.of-press-interface b{font:900 2rem var(--display)}.of-press-interface span{font-size:.62rem;font-weight:900}.of-press-interface i{height:3px;background:currentColor;transform:rotate(-12deg)}.of-ribbon-interface{background:var(--lilac)}.of-ribbon-interface>div{display:flex;align-items:center;justify-content:space-between;margin-top:5rem;overflow:auto}.of-ribbon-interface span{flex:0 0 7rem;height:7rem;border:2px solid;border-radius:50%;display:grid;place-items:center;font:.65rem var(--display)}.of-ribbon-interface i{height:2px;min-width:3rem;flex:1;background:var(--ink);position:relative}.of-ribbon-interface i:after{content:"";position:absolute;right:0;top:-4px;border-left:8px solid;border-block:5px solid transparent}.of-critique-interface{background:var(--yellow)}.of-critique-interface blockquote{font:900 clamp(2.8rem,5vw,5.8rem)/.9 var(--display);letter-spacing:-.07em;margin:0;max-width:70rem}.of-critique-interface>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid;margin-top:3rem}.of-critique-interface article{padding:1.4rem;border-right:1px solid}.of-critique-interface b{font-size:.6rem;letter-spacing:.15em}.of-critique-interface p{font-size:.82rem}.of-label-interface{display:grid;grid-template-columns:.6fr 1.4fr;background:var(--chalk)}.of-label-interface>div{padding-right:3rem}.of-label-interface>div span{font-size:.6rem;letter-spacing:.15em}.of-label-interface dl{margin:0;border-top:2px solid}.of-label-interface dl>div{display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;padding:.65rem 0;border-bottom:1px solid}.of-label-interface dt{font:.65rem ui-monospace}.of-label-interface dd{margin:0;font-size:.75rem}.of-label-interface dd:last-child{color:var(--red);font-weight:900;font-size:.58rem}.of-access-interface{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:var(--blue);color:white}.of-access-interface figure{height:30rem;margin:0;position:relative}.of-access-interface figure img{width:100%;height:100%}.of-access-interface figure span{position:absolute;left:1rem;bottom:1rem;background:var(--yellow);color:var(--ink);padding:.6rem;font-size:.58rem;font-weight:900}.of-access-interface>div{display:grid;grid-template-columns:repeat(2,1fr)}.of-access-interface article{border:1px solid #9bafff;padding:1rem;position:relative}.of-access-interface article b{font:900 2.5rem var(--display);color:var(--yellow)}.of-access-interface article p{font-weight:800}.of-access-interface article i{display:block;width:2rem;height:2rem;border:1px solid;border-radius:50%}.of-notice-interface{background:var(--yellow);display:grid;grid-template-columns:.3fr 1fr 1fr;gap:2rem;align-items:start}.of-core-links{padding:5rem var(--pad);background:var(--red);display:grid;grid-template-columns:1fr 1fr;gap:4rem}.of-core-links nav{display:flex;flex-direction:column;border-top:1px solid}.of-core-links nav a{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid;font-size:.78rem;font-weight:800}.of-enquire{background:var(--paper)}.of-enquire-fold{display:grid;grid-template-columns:.65fr 1.35fr}.of-enquire-fold>aside{padding:4rem var(--pad);background:var(--yellow);position:sticky;top:0;height:max-content}.of-enquire-fold aside h2{font:900 clamp(2rem,3vw,3.5rem)/.95 var(--display);letter-spacing:-.055em}.of-enquire-fold aside ol{list-style:none;padding:0}.of-enquire-fold aside li{display:grid;grid-template-columns:3rem 1fr;padding:.8rem 0;border-bottom:1px solid;font-size:.76rem}.of-enquire-fold aside nav{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}.of-enquire-fold aside nav a{font-size:.62rem;border-bottom:1px solid;font-weight:900}.of-enquire-fold form{padding:4rem var(--pad);background:var(--chalk)}.of-form-title{display:flex;justify-content:space-between;border-bottom:5px solid;margin-bottom:2rem;font:900 .7rem var(--display)}.of-enquire form>label,.of-field-pair label{display:block;margin:1.2rem 0}.of-enquire label>span,.of-enquire legend{display:block;font-size:.68rem;font-weight:850;margin-bottom:.45rem}.of-enquire label i{font-weight:500;color:var(--muted)}.of-enquire input:not([type=radio]):not([type=checkbox]),.of-enquire select,.of-enquire textarea{width:100%;border:1px solid;border-radius:0;background:transparent;padding:.8rem;outline:none}.of-enquire input:focus,.of-enquire select:focus,.of-enquire textarea:focus{box-shadow:5px 5px 0 var(--yellow)}.of-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.of-enquire fieldset{border:0;border-top:1px solid;padding:1rem 0;margin:1.5rem 0}.of-choice-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.of-choice-row label{border:1px solid;padding:.7rem;display:flex;gap:.6rem;align-items:center}.of-choice-row label span{margin:0}.of-check{display:grid!important;grid-template-columns:1.5rem 1fr;gap:.5rem;align-items:start;padding:1rem;border-top:1px solid}.of-check input{width:1.2rem;height:1.2rem}.of-submit{width:100%;border:0;background:var(--ink);color:white;padding:1rem 1.2rem;display:flex;justify-content:space-between;font-weight:900;text-transform:uppercase;cursor:pointer}.of-submit:hover{background:var(--red);color:var(--ink)}.of-trap{position:absolute!important;left:-9999px!important}.of-errors,.of-success{padding:1rem;border:2px solid}.of-errors{background:#ffe1db;color:#780f00}.of-success{margin:2rem var(--pad);background:#d7f6df}.of-enquire-after{padding:4rem var(--pad);display:grid;grid-template-columns:.6fr 1.4fr;gap:4rem;background:var(--blue);color:white}.of-enquire-after h2{font:900 3rem/1 var(--display);margin:0}.of-enquire-after>p{max-width:60rem}

.of-contact-interface figure.selected{outline:4px solid var(--yellow);outline-offset:2px}

.of-enquire-notebook>header{padding:4rem var(--pad) 0;background:var(--paper)}.of-enquire-notebook>header h2{font:900 clamp(2.2rem,4vw,4.5rem)/.95 var(--display);letter-spacing:-.06em;margin:0;max-width:60rem}.of-folio-stack--enquire{background:var(--paper)}