:root{--ink:#181917;--paper:#e9e6dc;--cream:#f3f0e7;--red:#7e3027;--muted:#6c6c61;--line:#18191740;--gutter:clamp(22px,5vw,90px);font-family:Arial,'Noto Sans TC','Microsoft JhengHei',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b95b45;outline-offset:5px}h1,h2,h3,p{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}[hidden]{display:none!important}.art-library{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;z-index:100;top:-80px;left:20px;padding:16px;background:var(--cream)}.skip:focus{top:10px}.reading-progress{height:2px;position:fixed;top:0;left:0;z-index:60;width:var(--page-progress,0%);background:#b95b45;pointer-events:none}
.header{height:78px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 var(--gutter);background:var(--paper);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:900;letter-spacing:-.07em;line-height:.85}.brand span{display:block;font-size:7px;letter-spacing:.22em;margin-top:8px;font-weight:500}.header nav{display:flex;gap:33px;font-size:11px}.header nav a{padding:10px 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:currentColor}.enquiry-link{display:flex;align-items:center;gap:17px;font-size:11px;border-bottom:1px solid;padding:10px 0}.enquiry-link>span:last-child{font-size:22px}.saved-count{background:var(--red);color:var(--paper);border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:9px}
.hero{background:var(--ink);color:var(--paper);padding:30px var(--gutter) 40px;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em}.hero h1{font-size:clamp(100px,24.5vw,390px);font-weight:900;line-height:.97;letter-spacing:-.09em;position:relative;margin:15px 0 0;padding-right:4vw;transform:translateX(var(--word-shift,0px))}.hero-star{position:absolute;font-size:clamp(35px,6vw,85px);right:0;top:12%;font-weight:400;color:#a44837;transform:rotate(var(--star-turn,0deg))}.hero-photo{height:clamp(330px,43vw,670px);position:relative;overflow:hidden}.hero-photo img{object-position:center 49%;transform:translateY(var(--hero-y,0px)) scale(1.12);filter:saturate(.58) contrast(1.06);will-change:transform}.photo-caption{position:absolute;left:25px;bottom:25px;font-size:8px;letter-spacing:.15em;color:#fff;text-shadow:0 1px 8px #000}.photo-mark{position:absolute;right:22px;top:15px;font-size:40px;font-weight:100;color:#fff9}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px;padding-top:28px}.hero-bottom p{font-size:14px;line-height:1.85}.hero-bottom a{font-size:12px;border-bottom:1px solid #e9e6dc66;padding:10px 0;display:flex;gap:55px;align-items:center}.hero-bottom a span{font-size:24px;transition:transform .3s}.hero-bottom a:hover span{transform:translate(5px,-5px)}.hero-note{font-size:9px;line-height:1.7;letter-spacing:.08em}
.section-wrap{padding:110px var(--gutter)}.eyebrow{font-size:9px;line-height:1.6;letter-spacing:.16em}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:65px}.section-heading h2{font-size:clamp(44px,5.7vw,87px);line-height:1.18;letter-spacing:-.065em;font-weight:500;margin-top:28px}.section-heading h2 em{font-family:Georgia,'Noto Serif TC',serif;font-weight:400;font-style:normal}.heading-side{max-width:400px}.heading-side>p{font-size:12px;line-height:1.95;color:var(--muted);margin-bottom:30px}.filters{display:flex;gap:25px}.filters button{padding:10px 0;font-size:11px;color:var(--muted);border-bottom:1px solid transparent}.filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 40px}.work{min-width:0}.work:nth-child(even){margin-top:80px}.work-art{position:relative;display:block;width:100%;background:var(--cream);border:1px solid var(--line);padding:25px 27px 20px;transition:background .35s;overflow:hidden;color:var(--ink);text-align:left}.work-art::before{content:'';pointer-events:none;position:absolute;inset:13px;border:1px solid #18191710}.work-art>svg{width:100%;display:block;aspect-ratio:400/440;max-height:520px;transform:perspective(850px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--art-scale,1));transition:transform .45s cubic-bezier(.2,.7,.3,1)}.work-art:hover,.work-art:focus-visible{--art-scale:1.055}.art-meta,.art-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;font-size:9px;letter-spacing:.1em;line-height:1.5}.art-meta>span{font-size:8px}.art-bottom{font-family:Georgia,serif;font-style:italic;font-size:12px;letter-spacing:0}.art-bottom>span{font-size:24px;font-family:Arial;font-style:normal}.art-dark{background:#252722;color:#dddccf;border-color:#252722}.art-dark::before{border-color:#e9e6dc16}.art-red{color:var(--red);background:#e4dfd2}.work-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:22px}.work-caption h3{font-size:21px;font-weight:500}.work-caption h3 span{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:400;margin-left:15px}.work-caption>span{font:italic 17px Georgia;opacity:.55}.work>p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:13px}.work-grid.filtered .work{margin-top:0}.edition-footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:30px;margin-top:65px;font-size:10px;line-height:1.9;color:var(--muted)}.edition-footer>span{white-space:nowrap}
.approach{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#d4d0c4;align-items:start;padding-top:90px;padding-bottom:100px}.approach-image{position:sticky;top:118px;aspect-ratio:4/5;overflow:hidden;background:#bab3a5;max-height:650px}.approach-image img{transform:scale(1.08) translateY(var(--sheet-y,0px));object-position:50% 50%;filter:saturate(.5);will-change:transform}.image-label{position:absolute;bottom:25px;left:23px;right:23px;font-size:8px;letter-spacing:.12em;text-shadow:0 0 4px var(--cream);color:var(--ink)}.registration{position:absolute;right:25px;top:25px;width:65px;height:65px;color:var(--red);fill:none;stroke:currentColor;stroke-width:.8;transform:rotate(var(--register-turn,0deg))}.approach-copy{padding:20px 0}.approach h2{font-size:clamp(28px,3.3vw,46px);font-weight:500;line-height:1.5;letter-spacing:-.045em;margin-top:28px}.approach-lead{font-size:12px;line-height:1.95;color:#57594e;margin:28px 0 35px;max-width:400px}.design-notes{list-style:none;padding:0;margin:0}.design-notes li{border-top:1px solid #18191735;padding:35px 0;display:grid;grid-template-columns:25px 1fr;gap:25px;transition:color .4s}.design-notes li>span{font:italic 15px Georgia;opacity:.6;padding-top:2px}.design-notes h3{font-size:16px;font-weight:500;line-height:1.6;margin-bottom:14px}.design-notes p{font-size:12px;line-height:1.9;color:#636456;max-width:420px}.design-notes li.active{color:var(--red)}
.custom{position:relative;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8vw;overflow:hidden}.custom h2{font-size:clamp(37px,4.7vw,70px);line-height:1.4;font-weight:400;letter-spacing:-.06em;margin-top:32px}.custom-body{padding-top:40px;position:relative;z-index:1}.custom-body>p{font-size:13px;line-height:2;color:#bbbbae;max-width:460px;margin-bottom:22px}.line-link{display:flex;align-items:center;justify-content:space-between;gap:70px;padding:20px 0;border-bottom:1px solid #e9e6dc55;font-size:12px;max-width:300px;width:100%;margin-top:35px}.line-link span{font-size:25px}.custom-mark{position:absolute;bottom:-150px;left:35%;font-size:390px;color:#e9e6dc08;line-height:1;pointer-events:none;transform:rotate(-10deg)}.appointment .section-heading h2{font-size:clamp(40px,5vw,70px)}.section-aside{font-size:12px;line-height:1.9;color:var(--muted)}.appointment-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.appointment-steps li{padding:37px 40px 0 0;border-right:1px solid var(--line)}.appointment-steps li+li{padding-left:40px}.appointment-steps li:last-child{border-right:0;padding-right:0}.step-number{font:italic 54px Georgia;color:#827f70}.appointment-steps h3{font-size:19px;font-weight:500;margin:40px 0 20px}.appointment-steps p{font-size:12px;line-height:2;color:var(--muted)}
.questions{display:grid;grid-template-columns:1fr 1.15fr;gap:10vw;padding-top:65px;border-top:1px solid var(--line)}.questions h2{font-size:clamp(32px,4vw,57px);font-weight:400;letter-spacing:-.045em;line-height:1.45;margin-top:25px}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;font-size:13px;line-height:1.7}summary::-webkit-details-marker{display:none}summary>span{font:23px Georgia;transition:transform .25s}details[open] summary>span{transform:rotate(45deg)}details>p{padding:0 30px 25px 0;font-size:12px;line-height:2;color:var(--muted)}.closing{background:var(--red);color:var(--paper);padding-top:75px;padding-bottom:85px}.closing>div{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:35px}.closing h2{font-size:clamp(40px,6vw,85px);font-weight:500;line-height:1.3;letter-spacing:-.06em}.closing h2 em{font-style:normal}.closing-button{display:flex;align-items:center;gap:75px;padding:22px 0;border-bottom:1px solid #e9e6dc88;font-size:15px}.closing-button span{font-size:37px;transition:transform .3s}.closing-button:hover span{transform:translate(5px,-5px)}.footer{background:var(--ink);color:var(--paper);padding:55px var(--gutter) 30px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-word{font-size:clamp(66px,10vw,150px);font-weight:900;letter-spacing:-.09em;line-height:1}.footer-word>span{font:13px Arial;vertical-align:top;letter-spacing:0;display:inline-block;margin:15px 0 0 15px}.footer-nav{display:flex;justify-content:end;align-items:center;gap:26px;flex-wrap:wrap;font-size:10px}.footer-nav a:hover{text-decoration:underline;text-underline-offset:6px}.footer-note{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #e9e6dc33;padding-top:25px;font-size:8px;color:#9f9f92;line-height:1.9;letter-spacing:.03em}
dialog{border:0;padding:0;max-height:calc(100svh - 40px);max-width:calc(100vw - 40px);overflow:auto;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#10110ee0;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:16px;top:16px;width:42px;height:42px;z-index:5;background:var(--paper);border:1px solid var(--line);font:27px Arial}.dialog-close:hover{background:var(--ink);color:var(--paper)}.work-dialog[open]{width:980px;display:grid;grid-template-columns:1fr 1fr}.detail-art{background:var(--cream);padding:35px;color:var(--ink);min-width:0;display:flex;flex-direction:column;justify-content:center}.detail-art>svg{width:100%;max-height:600px;aspect-ratio:400/440}.detail-copy{padding:80px 45px 55px;display:flex;flex-direction:column;justify-content:center}.detail-copy h2{font-size:42px;font-weight:500;letter-spacing:-.05em;margin:27px 0}.detail-copy>p:not(.eyebrow):not(.micro-note){font-size:13px;line-height:2;color:var(--muted)}.detail-copy dl{display:grid;grid-template-columns:65px 1fr;gap:15px;font-size:11px;line-height:1.9;margin:28px 0 40px}.detail-copy dt{color:var(--muted)}.detail-copy dd{margin:0}.filled-button{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 22px;gap:25px;font-size:12px;min-height:54px;transition:background .25s}.filled-button:hover{background:var(--red)}.filled-button>span{font-size:22px}.micro-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:15px}.enquiry-dialog{width:610px;padding:55px 45px 35px}.enquiry-dialog h2{font-size:31px;font-weight:500;letter-spacing:-.035em;margin:25px 0 15px}.dialog-intro{font-size:12px;color:var(--muted);line-height:1.8}form{display:grid;gap:13px;margin-top:30px}label,.saved-list>span{font-size:12px;line-height:1.6;display:block}select,textarea{width:100%;border:1px solid var(--line);background:#f4f0e755;border-radius:0;font-size:12px;line-height:1.8;padding:12px;min-height:47px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-row label{margin:12px 0 10px}.saved-list{border-top:1px solid var(--line);margin:12px 0 0;padding-top:20px}.saved-list>span{margin-bottom:12px}#saved-works{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:15px}#saved-works button{border:1px solid var(--line);padding:7px 11px;text-align:left}#saved-works button:hover{background:var(--cream)}#enquiry-result label{margin:15px 0 12px}#enquiry-result p,.concept-disclosure{font-size:10px;line-height:1.8;color:var(--muted);margin-top:15px}.concept-disclosure{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}
@media(min-width:1001px){.work:nth-child(even){transform:translateY(var(--work-shift,0px))}.work-grid.filtered .work{transform:none}}
@media(max-width:1000px){.header nav{gap:22px}.hero h1{font-size:24vw}.section-heading{gap:30px}.work-grid{gap:50px 25px}.work-art{padding:21px}.art-meta{font-size:8px}.art-meta>span{font-size:7px}.work:nth-child(even){margin-top:55px}.approach{gap:6vw}.approach-image{top:105px}.approach-copy{padding-top:0}.approach h2{font-size:30px}.design-notes li{padding:25px 0;gap:18px}.custom{gap:6vw}.appointment-steps li{padding-right:25px}.appointment-steps li+li{padding-left:25px}.questions{gap:7vw}.footer{grid-template-columns:1fr}.footer-nav{justify-content:start}.detail-copy{padding:70px 28px 35px}.detail-art{padding:23px}.detail-copy h2{font-size:34px}}
@media(max-width:680px){html{scroll-padding-top:68px}.header{height:68px;gap:20px}.header nav{display:none}.brand{font-size:25px}.brand span{font-size:6px}.enquiry-link{font-size:10px;gap:12px}.hero{padding-top:23px;padding-bottom:28px}.hero-topline{font-size:6px;letter-spacing:.08em;gap:12px}.hero-topline>span:last-child{text-align:right}.hero h1{font-size:24.1vw;margin-top:22px;line-height:1.05;padding-right:10px}.hero-star{font-size:6vw;right:0;top:0}.hero-photo{height:470px}.hero-photo img{object-position:57% 50%}.photo-caption{font-size:7px;left:16px;bottom:17px}.photo-mark{font-size:30px}.hero-bottom{gap:22px;align-items:center;padding-top:24px}.hero-bottom p{font-size:11px}.hero-bottom a{font-size:10px;gap:25px}.hero-bottom a span{font-size:20px}.hero-note{display:none}.section-wrap{padding:75px var(--gutter)}.section-heading{display:block;margin-bottom:40px}.section-heading h2{font-size:48px;margin-top:25px}.heading-side{margin-top:28px;max-width:none}.heading-side>p{font-size:11px;margin-bottom:18px}.filters{gap:27px}.filters button{font-size:10px}.work-grid{display:block}.work+.work,.work:nth-child(even){margin-top:45px}.work-art{padding:22px 25px}.work-art>svg{max-height:410px}.work-caption h3{font-size:19px}.work-caption h3 span{font-size:9px}.work>p{font-size:11px}.work-grid.filtered .work{margin-top:45px}.work-grid.filtered .work:first-child{margin-top:0}.edition-footer{display:block;margin-top:40px;font-size:9px;padding-top:24px}.edition-footer>span{display:block;margin-top:12px}.approach{display:block;padding-top:50px}.approach-image{position:relative;top:0;aspect-ratio:4/4.5;max-height:520px}.approach-copy{padding-top:42px}.approach h2{font-size:31px;line-height:1.45}.approach-lead{font-size:12px}.design-notes li{grid-template-columns:25px 1fr;gap:20px;padding:28px 0}.design-notes h3{font-size:16px}.design-notes p{font-size:11px}.registration{width:48px;height:48px}.custom{display:block}.custom h2{font-size:44px;line-height:1.35}.custom-body{padding-top:30px}.custom-body>p{font-size:12px}.custom-mark{left:40%;bottom:-100px;font-size:290px}.line-link{font-size:11px;max-width:none}.appointment .section-heading h2{font-size:37px}.section-aside{margin-top:23px;font-size:11px}.appointment-steps{display:block}.appointment-steps li,.appointment-steps li+li{position:relative;padding:28px 0 28px 60px;border-right:0;border-bottom:1px solid var(--line)}.step-number{position:absolute;left:0;top:24px;font-size:35px}.appointment-steps h3{font-size:17px;margin:0 0 15px}.appointment-steps p{font-size:11px}.questions{display:block;padding-top:55px}.questions h2{font-size:34px;margin-bottom:28px}summary{font-size:12px;padding:22px 0}details>p{font-size:11px}.closing{padding-top:55px;padding-bottom:60px}.closing>div{display:block}.closing h2{font-size:44px}.closing-button{margin-top:35px;justify-content:space-between;width:100%;font-size:13px}.closing-button span{font-size:30px}.footer{padding-top:40px;gap:30px}.footer-word{font-size:85px}.footer-nav{gap:18px;font-size:9px}.footer-note{display:block;font-size:8px}.footer-note>p{margin-top:12px}.work-dialog[open]{display:block;max-width:calc(100vw - 24px)}.detail-art{height:46svh;min-height:280px;padding:24px}.detail-art>svg{min-height:0}.detail-copy{padding:30px 25px}.detail-copy h2{font-size:32px;margin:20px 0}.detail-copy dl{margin:25px 0}.enquiry-dialog{padding:60px 25px 30px;max-width:calc(100vw - 24px)}.enquiry-dialog h2{font-size:26px}.form-row{gap:12px}select,textarea{font-size:16px}label{font-size:11px}}
@media(min-width:681px) and (max-height:650px){.approach-image{position:relative;top:0}.work-dialog[open]{height:auto}.detail-art>svg{max-height:460px}}
.study-scroll{height:220svh;background:#642c27;color:var(--paper);position:relative;--stack-spread:1;--study-progress:0}.study-sticky{height:calc(100svh - 78px);min-height:480px;position:sticky;top:78px;display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:5vw;padding:45px var(--gutter);overflow:hidden}.study-copy{position:relative;z-index:5}.study-copy h2{font-size:clamp(38px,4.5vw,70px);line-height:1.26;font-weight:500;letter-spacing:-.055em;margin:30px 0}.study-copy h2 em{font-style:normal;color:#b99d81}.study-notes{min-height:162px;max-width:350px}.study-note{display:none}.study-note.active{display:block}.study-note>span{font-size:8px;letter-spacing:.13em;color:#bea69b}.study-note h3{font-size:17px;font-weight:500;margin:18px 0 13px}.study-note p{font-size:12px;color:#d0bbb0;line-height:1.95}.study-index{display:flex;gap:25px;align-items:center;font:10px Consolas,monospace;margin-top:20px;max-width:350px}.study-index i{height:1px;background:#e9e6dc40;flex:1;position:relative}.study-index i::after{content:'';position:absolute;height:1px;left:0;top:0;width:calc(8% + var(--study-progress)*92%);background:var(--paper)}.paper-stack{height:100%;min-height:380px;position:relative;perspective:1400px}.drawing-sheet{position:absolute;top:50%;left:50%;width:min(28vw,360px);padding:23px 20px 18px;background:#e8e1d2;color:var(--ink);border:1px solid #17191733;box-shadow:0 18px 38px #180b0b35;transform-origin:50% 90%;will-change:transform}.drawing-sheet>span{display:flex;justify-content:space-between;gap:15px;font:8px Consolas,monospace;letter-spacing:.05em}.drawing-sheet b{font-weight:400}.drawing-sheet svg{display:block;width:100%;height:min(40svh,370px);margin:12px 0}.sheet-line{z-index:1;transform:translate(calc(-50% - var(--stack-spread)*62%),calc(-50% + var(--stack-spread)*8%)) rotate(calc(var(--stack-spread)*-15deg))}.sheet-space{z-index:2;background:#c9c5b4;transform:translate(calc(-50% + var(--stack-spread)*60%),calc(-50% - var(--stack-spread)*6%)) rotate(calc(var(--stack-spread)*13deg))}.sheet-compose{z-index:3;background:#ede7d8;transform:translate(-50%,calc(-50% + var(--stack-spread)*21%)) rotate(calc(var(--stack-spread)*-3deg))}
.composition{background:#dedace}.composition .section-heading{margin-bottom:45px}.composition .section-heading h2{font-size:clamp(39px,4.7vw,69px)}.composition-layout{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--line);background:var(--cream);align-items:stretch}.composition-board{margin:0;background:#e9e4d7;display:flex;flex-direction:column;justify-content:center;position:relative;min-width:0}.board-topline{display:flex;justify-content:space-between;gap:20px;font:8px Consolas,monospace;padding:25px 30px;letter-spacing:.05em}.composition-svg{width:100%;height:auto;max-height:650px;display:block;padding:0 20px;color:var(--ink)}.board-axis{stroke:currentColor;stroke-width:.5;opacity:.25;stroke-dasharray:4 5}.space-frame{fill:none;stroke:var(--red);stroke-width:.8;stroke-dasharray:4 4;opacity:.58;transition:x .45s,y .45s,width .45s,height .45s}.board-measure{stroke:currentColor;stroke-width:.6;opacity:.4}#composition-dimension{font:8px Consolas,monospace;fill:#696960;letter-spacing:.07em;text-anchor:middle}#composition-transform{transition:transform .55s cubic-bezier(.2,.65,.25,1);transform-origin:0 0}.composition-board figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 30px;border-top:1px solid var(--line);margin-top:auto}.composition-board figcaption strong{font-size:18px;font-weight:500}.composition-board figcaption>span{font-size:9px;color:var(--muted)}.composition-options{padding:35px 38px;border-left:1px solid var(--line)}.option-block+.option-block{margin-top:25px}.option-label{font-size:11px;margin-bottom:12px;line-height:1.6}.drawing-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.drawing-options button{display:block;border:1px solid #18191730;background:#eeebe2;padding:6px 8px 10px;transition:border-color .2s,background .2s}.drawing-options svg{width:100%;height:90px;display:block}.drawing-options span{font-size:10px}.drawing-options button[aria-pressed=true]{border-color:var(--red);background:#e2d4c7;color:var(--red)}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.choice-row button{min-height:43px;padding:10px 6px;font-size:11px;transition:background .25s,color .25s}.choice-row button+button{border-left:1px solid var(--line)}.choice-row button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.composition-status{font-size:10px;line-height:1.8;color:var(--muted);margin:28px 0 15px;min-height:18px}.composition-note{font-size:9px;color:var(--muted);line-height:1.9;margin-top:16px;max-width:420px}.intent-picker{border-top:1px solid #e9e6dc33;margin-top:30px;padding-top:25px}.intent-options{display:flex;gap:9px;flex-wrap:wrap}.intent-options button{border:1px solid #e9e6dc44;padding:11px 14px;font-size:10px;transition:color .25s,background .25s}.intent-options button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.intent-detail{padding:25px 0 20px;max-width:480px}.intent-detail>span{font:8px Consolas,monospace;color:#979b87;letter-spacing:.12em}.intent-detail h3{font-size:18px;font-weight:400;line-height:1.6;margin:17px 0 13px}.intent-detail p{font-size:12px;line-height:1.95;color:#b4b6a6}.intent-detail dl{display:grid;grid-template-columns:60px 1fr;gap:13px 18px;margin:23px 0 0;font-size:10px;line-height:1.8}.intent-detail dt{color:#8f9480}.intent-detail dd{margin:0;color:#cccdbe}.custom-body>.revision-note{font-size:11px;color:#959b86;border-top:1px solid #e9e6dc26;padding-top:20px}.composition-reference{padding:18px 0;border-top:1px solid var(--line)}.composition-reference>span{font-size:11px}.composition-reference p{font-size:12px;line-height:1.9;margin-top:10px;color:var(--red)}
@media(max-width:1000px){.study-sticky{gap:3vw;padding-left:var(--gutter);padding-right:var(--gutter);grid-template-columns:1fr 1.1fr}.study-copy h2{font-size:42px}.drawing-sheet{width:30vw;padding:16px}.drawing-sheet>span{font-size:6px}.study-notes{min-height:180px}.composition-options{padding:28px 24px}.drawing-options{gap:5px}.drawing-options svg{height:73px}.composition-layout{grid-template-columns:1fr 1fr}.board-topline{padding:22px 20px;font-size:7px}.composition-board figcaption{padding:20px}.composition .section-aside{max-width:230px}}
@media(max-width:680px){.study-scroll{height:215svh}.study-sticky{height:calc(100svh - 68px);min-height:520px;top:68px;display:flex;flex-direction:column;align-items:stretch;padding:28px var(--gutter) 22px;gap:0}.study-copy{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.study-copy>.eyebrow{grid-column:1/-1;font-size:7px}.study-copy h2{font-size:32px;margin:0;line-height:1.3}.study-notes{min-height:134px}.study-note>span{font-size:7px}.study-note h3{font-size:12px;margin:10px 0 8px}.study-note p{font-size:10px;line-height:1.8}.study-index{grid-column:1/-1;margin-top:0;font-size:8px;max-width:none}.paper-stack{min-height:250px;flex:1}.drawing-sheet{width:min(55vw,265px);padding:14px}.drawing-sheet svg{height:clamp(165px,27svh,250px);margin:9px 0}.drawing-sheet>span{font-size:6px}.composition-layout{display:block}.composition-options{border-left:0;border-top:1px solid var(--line);padding:25px}.composition .section-heading h2{font-size:40px}.composition-svg{max-height:480px}.board-topline{padding:22px}.composition-board figcaption{padding:20px 24px}.drawing-options svg{height:78px}.composition .section-aside{max-width:none}.intent-options{gap:8px}.intent-options button{font-size:10px;padding:11px}.intent-detail h3{font-size:17px}.composition-note{font-size:10px}.option-label{font-size:12px}.choice-row button{min-height:47px;font-size:12px}}
@media(max-height:620px){.study-scroll{height:auto}.study-sticky{height:auto;min-height:0;position:relative;top:0;padding-top:45px;padding-bottom:50px}.study-notes{min-height:0}.study-note{display:block;margin-top:22px}.study-index{display:none}.paper-stack{min-height:470px}.drawing-sheet svg{height:310px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;will-change:auto!important}.hero h1,.hero-star,.hero-photo img,.work-art>svg,.work:nth-child(even),.approach-image img,.registration{transform:none!important}.approach-image{position:relative;top:0}.study-scroll{height:auto}.study-sticky{height:auto;position:relative;top:0;padding-top:60px;padding-bottom:60px}.study-note{display:block;margin-top:22px}.study-index{display:none}.paper-stack{min-height:470px}.drawing-sheet svg{height:310px}.sheet-line{transform:translate(-105%,-48%) rotate(-12deg)}.sheet-space{transform:translate(8%,-56%) rotate(11deg)}.sheet-compose{transform:translate(-50%,-32%) rotate(-2deg)}}

/* A paper study: design choices change the drawing, not the motion settings. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.revision{background:var(--cream);border-bottom:1px solid var(--line)}.revision .section-heading{margin-bottom:48px}.revision .section-heading h2{font-size:clamp(42px,5.4vw,78px)}.revision .section-aside{max-width:320px}.revision-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.revision-tabs button{min-height:68px;text-align:left;padding:20px 25px;display:flex;gap:22px;align-items:center;font-size:13px;transition:background .3s,color .3s}.revision-tabs button+button{border-left:1px solid var(--line)}.revision-tabs button>span{font:italic 17px Georgia;color:var(--muted)}.revision-tabs button[aria-selected=true]{background:var(--red);color:var(--cream)}.revision-tabs button[aria-selected=true]>span{color:#ccb3a1}.revision-tabs button:hover:not([aria-selected=true]){background:#e6e0d3}
.revision-panel{display:grid;grid-template-columns:1.15fr 1fr;border-bottom:1px solid var(--line);min-width:0}.revision-board{margin:0;position:relative;padding:27px 35px 24px;background:#e8e2d5;min-width:0;overflow:hidden}.revision-board::after{content:'';position:absolute;inset:17px;border:1px solid #18191715;pointer-events:none}.revision-folio{display:flex;justify-content:space-between;gap:20px;font:8px Consolas,monospace;letter-spacing:.06em;color:#686859}.revision-art{width:100%;height:auto;max-height:590px;display:block;margin:25px 0 18px}.revision-art #revision-details,.revision-art #revision-geometry{transition:opacity .55s ease}.revision-art #revision-geometry{color:var(--red)}.revision-board figcaption{display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.8;color:#626351}.revision-board figcaption>span:last-child{text-align:right}
.revision-editorial{padding:55px clamp(28px,4vw,68px);display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line);min-width:0}.revision-editorial h3{font-size:clamp(24px,2.7vw,37px);letter-spacing:-.04em;font-weight:400;line-height:1.55;margin:24px 0 20px}.revision-description{font-size:13px;line-height:2;color:var(--muted);min-height:78px}.revision-decisions{display:grid;grid-template-columns:62px 1fr;gap:18px 20px;margin:32px 0;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;line-height:1.85}.revision-decisions dt{color:var(--muted)}.revision-decisions dd{margin:0}.revision-observation{font-size:12px;line-height:1.95;color:var(--red);min-height:47px}.revision-enquire{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;font-size:12px;padding:22px 0 17px;border-bottom:1px solid var(--line);margin-top:17px;min-height:58px}.revision-enquire span{font-size:27px;transition:transform .3s}.revision-enquire:hover span{transform:translate(4px,-4px)}.revision-footnote{font-size:9px;line-height:1.8;color:var(--muted);margin-top:17px}
.brief-preparation{display:grid;grid-template-columns:1fr 1.35fr;gap:8vw;padding-top:70px;margin-top:75px;border-top:1px solid var(--line)}.brief-preparation h3{font-size:clamp(27px,3vw,40px);font-weight:400;letter-spacing:-.045em;line-height:1.6;margin:23px 0}.brief-preparation>div>p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted);max-width:350px}.brief-notes article{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.brief-notes article:first-child{padding-top:0}.brief-notes article>span{font-size:12px;line-height:2;color:var(--red)}.brief-notes p{font-size:12px;line-height:2;color:var(--muted)}
.revision-reference{border-top:1px solid var(--line);padding:18px 0}.revision-reference>div{display:flex;justify-content:space-between;gap:20px;font-size:11px;align-items:center}.revision-reference button{font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:5px}.revision-reference>p{font-size:12px;line-height:1.9;color:var(--red);margin-top:8px}
@media(max-width:1000px){.revision-editorial{padding:35px 28px}.revision-editorial h3{font-size:28px}.revision-board{padding:25px}.revision-description{font-size:12px}.revision-decisions{gap:14px;margin:25px 0}.revision-tabs button{padding:20px;gap:15px}.brief-preparation{gap:6vw}.brief-notes article{grid-template-columns:75px 1fr;gap:18px}}
@media(max-width:680px){.revision .section-heading{margin-bottom:32px}.revision .section-heading h2{font-size:43px}.revision-tabs button{min-height:72px;display:block;padding:15px 12px;font-size:11px}.revision-tabs button>span{font-size:13px;display:block;margin-bottom:8px}.revision-panel{display:block}.revision-board{padding:23px 24px}.revision-folio{font-size:7px}.revision-art{max-height:420px;margin:20px 0 16px}.revision-board figcaption{font-size:8px;gap:12px}.revision-editorial{padding:35px 0 30px;border-left:0;border-top:1px solid var(--line)}.revision-editorial h3{font-size:29px;margin:19px 0 16px}.revision-description,.revision-observation{min-height:0}.revision-decisions{grid-template-columns:62px 1fr;font-size:11px;gap:16px 22px;margin:26px 0}.revision-enquire{font-size:12px;margin-top:10px}.revision-footnote{font-size:10px}.brief-preparation{display:block;margin-top:45px;padding-top:45px}.brief-preparation h3{font-size:29px}.brief-preparation>div>p:not(.eyebrow){max-width:none}.brief-notes{margin-top:30px}.brief-notes article{grid-template-columns:73px 1fr;gap:18px;padding:23px 0}.brief-notes article>span,.brief-notes p{font-size:11px}.revision-footnote{max-width:none}}
@media(prefers-reduced-motion:reduce){.revision-art #revision-details,.revision-art #revision-geometry,.revision-tabs button,.revision-enquire span{transition:none}.revision-enquire:hover span{transform:none}}